Cara Menghilangkan Judul & Gambar Thumbnail di Halaman Statis
March 8, 2015
MENGHAPUS, menyembunyikan, atau menghilangkan judul (page title) dan gambar (Featured Image Thumbnail) di halaman statis (static page) blog bukan saja baik buat "keindahan", tapi juga bagus buat SEO blog.
Para pakar web usability seperti NN Group menyarankan agar kita tidak memunculkan "link ganda" dalam satu halaman. Judul halaman (page title) kadang berisi link yang mengarah pada halaman yang sedang dibuka.
Di template tertentu, gambar Thumbnail kadang-kadang juga muncul di halaman statis. Kadang juga berisi link ke halaman yang sedang dibuka.
2. Copy & Paste kode berikut ini tepat di bawah kode </b:skin>
3. Save Template!
Kini judul halaman tidak lagi muncul di blog Anda.
2. Copy & Paste kode berikut ini di atas kode </head>
Catatan:
- Ganti kode .postthumb dengan kode thumbnail post di template Anda, misalnya post-thumb, image thumb, dan semisalnya.
- Untuk mengetahui kode image thumbnail, klik kalan salah satu gambar thumbnail, lalu "intip" kode CSS/HTML-nya.
3. Save Template!
Kini gambar thumbnail hilang di halaman statis dan tidak lagi "merusak keindahan" tampilan halaman statis blog Anda. Good Luck!
Sumber Kode
Para pakar web usability seperti NN Group menyarankan agar kita tidak memunculkan "link ganda" dalam satu halaman. Judul halaman (page title) kadang berisi link yang mengarah pada halaman yang sedang dibuka.
Di template tertentu, gambar Thumbnail kadang-kadang juga muncul di halaman statis. Kadang juga berisi link ke halaman yang sedang dibuka.
Cara Menghilangkan Judul (Page Titke) Halaman Statis
1. Template > Edit HTML2. Copy & Paste kode berikut ini tepat di bawah kode </b:skin>
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-title.entry-title{
display: none;
}
</style>
</b:if>
<style>
.post-title.entry-title{
display: none;
}
</style>
</b:if>
3. Save Template!
Kini judul halaman tidak lagi muncul di blog Anda.
Cara Menghilangkan Image Thumbnail di Halaman Statis
1. Template > Edit HTML2. Copy & Paste kode berikut ini di atas kode </head>
<b:if cond='data:blog.pageType == "static_page"'>
<style type="text/css">
.postthumb{display:none}
</style>
</b:if>
<style type="text/css">
.postthumb{display:none}
</style>
</b:if>
Catatan:
- Ganti kode .postthumb dengan kode thumbnail post di template Anda, misalnya post-thumb, image thumb, dan semisalnya.
- Untuk mengetahui kode image thumbnail, klik kalan salah satu gambar thumbnail, lalu "intip" kode CSS/HTML-nya.
3. Save Template!
Kini gambar thumbnail hilang di halaman statis dan tidak lagi "merusak keindahan" tampilan halaman statis blog Anda. Good Luck!
Sumber Kode
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
masih bingung padahal kode thumb saya .postthumb ko tetep ada g ilang
ReplyDeletemasa sih :)
Deletecara cek kode thumbnail gimana?
DeleteGreat! thank you cibi ;)
ReplyDeletegan cara menghilangkan kotak thumbnail gmn ????
ReplyDeletegagal mas.. masih ada
ReplyDeletegak paham saya gan
ReplyDeletegagal....tak bisa mas
ReplyDelete