Berbagi Ilmu Seputaran Ilmu Komputer Di Era Digital, Untuk Menambah Pengetahuan Tentang Komputer

Recent

Tuesday, 16 May 2017

Cara Menghilangkan Judul & Image Thumbnail di Halaman Statis

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.


Ada Judul Halaman
Ada Judul Halaman
Tidak Ada Judul Halaman

Tidak Ada Judul Halaman

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 HTML
2. 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>

3. Save Template!

Kini judul halaman tidak lagi muncul di blog Anda.

Cara Menghilangkan Image Thumbnail di Halaman Statis

1. Template > Edit HTML
2. Copy & Paste kode berikut ini di atas kode </head>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<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
Share:

0 komentar:

Post a Comment

Blog Archive