FullStyle gaya WEB untuk Tampilan Single Post

Pada postingan saya sebelumnya tentang Tampilan Blog Gaya WEB punya, untuk kawan Blogger pemula seperti saya rasanya sangat membingungkan karena tujuan utamanya agar tampilan singlepost Blog betul-betul kelihatan sesimple mungkin, karena yang baru dirubah hanya pada tampilan postingan pada single post saja, sedangkan pada Header, Sidebar, Footer dan lainnya masih tetap kelihatan alias tampil pada single post. 

Bagaimana cara menyembunyikan (tidak tampak pada singlepost) tapi semuanya akan kelihatan setelah Blog dibuka secara Full. Nah inilah yang akan saya bagikan (share) dengan kawan-kawan yang setia dengan keadaan Blog saya ini, sebenarnya Blog saya ini untuk kawan ketahui belum Full Style seperti yang akan saya bagikan ilmunya pada kawan, tapi sebelumnya kita buat kesepakatan dulu ada apa saja pada Singlepost Blog.

Coba perhatikan Gambar disamping : 

Gambar tersebut setelah tampilan Post Editornya aslinya saya modif sesuai postingan saya sebelumnya, sedangkan pada tempat lainnya belum saya modif secara maksimal (keseluruhan), karena saya pakai contoh biar kawan tidak bingung membayangkannya.

Sebelum lanjut ke caranya, tidak ada salahnya saya sampaikan pada kawan bahwa percobaan ini saya lakukan dengan menggabungkan ilmu dua orang senior Blogger, antara mas Adam dan Kang Rohman, lagi-lagi Kang Rohman dan mas Adam, mau saya bilang apa (ngaku-ngaku ciptaan sendiri), No friend, saya sangat menghormati hasil karya orang lain, makanya untuk kawan juga saya harapkan sportif thinking, walau hanya membaca artikel orang lain kita tetap menyebutkan sumbernya (penciptanya) apalagi dipakai postingan, karena ispirasi kita (saya khusunya) timbul / datang dari membaca.

Okey sekarang lanjut ke cara menyembunyikan Header, Sidebar, Footer dan lain-lainnya :

1. Masuk ke account dengan ID kawan 
2. Pada Rancangan pilih Edit HTML
3. Scroll crusor ke bawah, sampai pada  </body></HTML>
4. Dari sini naikkan crusor keatas perlahan hingga sampai :

• Footer - Sidebar - Header - 
• Bawah Header / under Header
• Atas dan bawah posting

Perhatikan gambar disamping :

fokuskan pada kode didalam kurung garis merah, biasanya tertera 'HTML?' - 'Header1' atau 'Follower1' 

setelah kawan ingat (catat) nomornya sekarang scroll keatas lagi dan cari  :
]]></b:skin>,  kalau sudah ketemu tambahkan kode script berikut persis dibawahnya :

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

#HTML?{display:none}

</b:if>

</style>

Perhatikan huruf :  !=  diatas artinya pada singlepost tidak akan tampil, sedangkan pada Fullpost baru tampil.

Ganti tanda   ?  pada #HTML dengan Nomornya, kecuali untuk Header1, followers1 karena sudah bawaan.       

Beberapa contoh :

• Untuk Header

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

#Header1{display:none}

</b:if>

</style>

• Untuk Sidebar

<style type='text/css'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

#HTML1{display:none}

</b:if>

</style>

Begitu juga dengan HTML - HTML lainnya

Kalau semuanya kawan lakukan dengan benar maka hasilnya kurang lebih seperti gambar diatas, apalagi kalau kawan mempunyai gambar, tulisan, Animasi atau apalah tentu hasilnya akan lebih keren.
Simpan Template kawan dan lihat hasilnya

Tambahan :

Kalau ada kawan bertanya terbalik yaitu : bagaimana caranya biar Sidebar dan lain-lain tampil di singlepost sedangkan pada Fullpost tidak tampil : kawan cukup mengganti kode  !=  menjadi  ==  

Kalau ada yang kurang jelas dan ingin bertanya tentang artikel ini silahkan sampaikan lewat komentar dan saya akan mencoba memberikan kawan jawaban semampu saya, terima kasih.