Cara Membuat Tampilan Home Page Tersendiri

Unknown - Kamis, 15 Agustus 2013 - 17:56 wita
Seperti janji saya sebelumnya tentang Cara Menyembunyikan Tampilan di Home Page :q; atau dengan kata lain Cara Membuat Tampilan Home Page Tersendiri :z; yang mana triks ini hanyalah rekayasa saja karena elemen yang ada di Home Page kita sembunyikan :y;
Hal ini pernah saya posting di Blog yang lain, kalau kawan ingin membacanya silahkan disini dan Demonya disini cuma semenjak bergulirnya GPlus dan setelah saya coba menemui Kegagalan pada beberapa Template kalau kawan ingin mencobanya saya persilahkan seandainya gagal jangan berkecil hati alias ngambek, karena disini saya akan berbagi dengan kawan yang caranya lebih simpel sekali setelah saya mengadakan percobaan :r;


Tapi sebelumnya kita buat kesepakatan dulu tentang Struktur Template secara umum dari atas sampai kebawah yaitu - [Header - Menu Navigasi] -[Postingan - Sidebar] - [Footer - Credit] atau apalah namanya, silahkan kawan melihatnya pada Template masing-masing - OK langsung ke :


Cara Membuatnya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML 
  • Cari ]]></b:skin>
  • Copas kode berikut dibawahnya 
<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#main-wrapper, #sidebar-wrapper, #sidebarkanan-wrapper, #sidebartengah-wrapper, #footer-wrapper, #credit-wrapper  {display:none}
  </b:if></style>
itu hanyalah contoh saja, silahkan kawan menyesuaikan dengan keadaan Template kawan
Kalau melihat kode diatas berarti yang ada pada Home Page hanya Header dan Menu Navigasi
  • Sampai disini simpan Template kawan dulu 
  • Selanjutnya cari <div id='main-wrapper'> untuk gampangnya pilih Lompat ke Widget - Blog1


  • Tambahkan script berikut tepat diatasnya 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div class='container' style='text-align:center;width:100%;'>
<b:section class='container' id='container' showaddelement='yes'>
</b:section>
  </div></b:if>



  • Simpan kembali Template kawan 
  • Selanjutnya pilih Tata Letak dan lihat perubahan yang ada 
screenshot setelah ditambah gadget
Perhatikan yang saya kurung dengan warna merah
  • Tambahkan Gadget - pilih tanda [+] pada HTML / JavaScript
  • Simpan Script berikut kedalamnya
<center><a href="http://blogbego-creation.blogspot.com/search?max-results=10"><img border="0" height="270"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgag-V-BP0pksJzSsyqN-lONRn_h6Bc9TVAy0-43Ssu-3o6uSkaz-Ghb4Xbl6Fi9K5Hw5XAAxKay3kDukCfzj2VEODMppDEVNQGCtoZ4LxDiAJtAsZN74ZDypB6yYvYoIHRrSujuUZfLtI/s1600/BOMO-.gif" width="500"/></a></center>
Hasilnya seperti berikut


Silahkan kawan ganti :
- Teks yang berwarna merah adalah URL Blog saya silahkan ganti dengan URL Blog kawan
- Angka 10 adalah jumlah postingan terakhir yang akan ditampilan [sesuaikan]
- Teks yang berwarna biru silahkan diganti dengan image kesukaan kawan atau dengan kata
Contohnya seperti berikut
<center><a href="http://NAMA BLOG KAWAN.blogspot.com/search?max-results=10"><button> Masuk </button></a></center>

  • Terakhir simpan Blog kawan dan lihat hasilnya 
Seandainya kawan mempunyai masukkan atau cara yang lain bisa disampaikan lewat Komentar, semoga ada manfaatnya dan sukses selalu 



Berbagi Artikel :

Cara Membuat Tampilan Home Page Tersendiri
Rate this posting:
{[["☆","★"]]}

Kalau pada Artikel Cara Membuat Tampilan Home Page Tersendiri
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
P.pw - Shorten urls and earn money!

Artikel Menarik Lainnya

About me


Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

38 Komentar pada : “Cara Membuat Tampilan Home Page Tersendiri”

  1. terima kasihatas informasinya kk , salam kenal dari melody http://memolodys.blogspot.com/2013/08/cara-booting-shutdown-komputer-cepat.html

    BalasHapus
  2. trims kawan sudah berkunjung dan salam kenal kembali :q;

    BalasHapus
  3. Info nya sangat berguna banget buat gua yang baru belajar...ditunggu ilmu-ilmu selanjutnya ...semoga pahalanya berlimpah ya...

    BalasHapus
  4. amin :o; dan terima kasih sudah mampir

    BalasHapus
  5. ilmunya mntp,, tp sy blm nyampe tuh bang brow..kpn2 aj sy belajar lg yg bginian. sy mw bljr yg ringan2 dl, salam

    BalasHapus
    Balasan
    1. terima kasih kawan sudah berkunjung, saya pasti mampir :q;

      Hapus
  6. nayari ini ]]> di bagian mana kawan ?

    BalasHapus
  7. Balasan
    1. Letaknya di bagian atas setelah description, perhatikan dibawahnya ada kode yang mirip seperti ini :b;
      <!-- /*<b:skin>--</b:skin>
      kalau di klik didalamnya ada isinya :r;

      Hapus
  8. mantap nih,patut dicoba.makasih gan

    BalasHapus
  9. senang saya berkunjung kesini.banyak tutor menariknya

    BalasHapus
  10. Blog nya keren sekali om :e; ,, Jangan Lupa kunjungi Juga Blog saya : blognya-anak-anak-rassgas.blogspot.com
    Ditunggu Kunjungan nya ... :f; :f; :f; :f;

    BalasHapus
  11. bli putu uruken jep ngae blog neh maklum , nah dengoken jep blog tiang priyogapratama.blogspot.com

    BalasHapus
    Balasan
    1. Ngiring sareng-sareng melajah deriki, saking napi dados niki :z;

      Hapus
  12. mantaff langsung dicoba dulu ahh

    kunjungi balik gan di http://akagami-789.blogspot.com

    BalasHapus
  13. Informasinya bagus sekali, tapi saya masih bingung penerapannya.. Terima kasih gan..

    BalasHapus
    Balasan
    1. saya juga bingung apa yang kawan maksud :x;

      Hapus
  14. bermanfaat tapi bingun nerapinya hehe

    BalasHapus
  15. gan.. kok susah si buat tampilan awal blog tanpa postingan? dari kemarin-kemarin ane coba g ngerti carany.. maklum gan masih newbie.. ada saran gak sih.. ni contoh tampilan awal blog ane, mohon di review ya.. ditunggu komentar baliknya. www.bisakaget.blogspot.com

    BalasHapus
  16. saya bingung kok content wrappernya gak ada ya ?

    BalasHapus
  17. selain pasang togel ada gak ide yg lbih baik lagi?

    BalasHapus
  18. http://sehatwulan.blogspot.co.id/?m=1

    BalasHapus
  19. http://sehatwulan.blogspot.co.id

    BalasHapus
  20. http://abanginternet2.blogspot.com/ informasinya sangat berguna gan keren juga tampilan blog nya :h;

    BalasHapus
  21. untuk template yang make div class bkn div id kok post nya di home page msh keliatan yah? saran dund, masih newbie

    BalasHapus
  22. Terima kasih infonya.
    Jangan lupa berkunjung ke sini kaka http://ketikanriang.blogspot.co.id/

    BalasHapus
  23. Keren

    Free/Gratis Download E-books, Games, Applications, and Many More
    conquerwithknowledge.blogspot.co.id

    BalasHapus
  24. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  25. manstav informasinya wrhphilosophers.blogspot.co.id/

    BalasHapus

BERIKAN KOMENTAR SESUAI TOPIK
DENGAN BAHASA YANG SOPAN,
JANGAN MENGHINA, SARA / ETNIS DAN SPAM ATAU PAKAI NAMA ANONIM

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan





BANNER [300x250]
© 2013 - BLOGBEGO CREATION | Powered by Blogger
Design Template by : Blogger Edan