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---