Script menyembunyikan gambar dihomepage blog landing page

Script menyembunyikan gambar dihomepage blog landing page

Selamat Datang di Blog Kami . Postingan kali ini saya akan share bagaimana cara agar tampilan homepage blog hanya muncul daftar judul artikel postingan saja tanpa gambar dan tanpa deskripsi . Beberapa blogger menginginkan tampilan blog yang lebih simple serta fast loading jadi mengurangi cuplikan thumbnail gambar serta deskripsi bisa meningkatkan skor kecepatan template anda di alat pengujian seperti gtmetrix

Jika anda tidak tau bagaimana melakukannya anda tidak perlu khawatir karena banyak blog yang membahasnya , pastikan sebelum memodifikasi HTML template anda sudah membuat backupnya terlebih dahulu sekedar antisipasi jika template nya corrupt .

Membuat tampilan halaman utama atau homepage blog menjadi lebih stylish dan simple bisa dilakukan dengan cara menghilangkan beberapa element yang dianggap kurang penting , dalam postingan kali ini saya akan mengajarkan bagaimana cara menyembunyikan tumbnail gambar dan deksripsi hanya dihalaman homepage blog saja dengan mudah , ikuti baik-baik agar tidak corrupt

Para pemilik website memiliki pandangan yang berbeda jika membicarakan tentang keindahan template , ada yang menganggap blog dengan penuh widget dan pernak-pernik menambah daya tarik keindahan style namun ada juga yang menganggap hiasan blog berlebih tidak berguna karena dikhawatirkan script yang tidak cocok memblokir perenderan google bot

Alasan blogger mengoprek templatenya :

• Membuat tampilan blog lebih menarik atau berbeda dari yang lain

• Membuat blog terkesan lebih informatif

• Membantu meningkatkan pengalaman pengguna

• Mempercepat loading blog

• Membuat blog terkesan sederhana dan minimalis

Beberapa blog terkenal yang ingin tampil beda juga menghilangan butir gambar dibagian homepage , mereka membuatnya terlihat lebih sedikit tampilan --lagi pula selama artikel anda berkualitas dan panjang , pengunjung bisa lebih fokus terhadap isi konten dari pada widget yang mengalihkan perhatian

Alasan blogger mengoprek templatenya :

• Membuat tampilan blog lebih menarik atau berbeda dari yang lain

• Membuat blog terkesan lebih informatif

• Membantu meningkatkan pengalaman pengguna

• Mempercepat loading blog

• Membuat blog terkesan sederhana dan minimalis

Beberapa blog terkenal yang ingin tampil beda juga menghilangan butir gambar dibagian homepage , mereka membuatnya terlihat lebih sedikit tampilan --lagi pula selama artikel anda berkualitas dan panjang , pengunjung bisa lebih fokus terhadap isi konten dari pada widget yang mengalihkan perhatian

Pada homepage blog biasanya berisi daftar artikel yang terakhir diterbitkan , cuplikan gambar ( para pemilik blog berpendapat bahwa gambar thumbnail memiliki daya tarik untuk menarik perhatian pengunjung agar membuka artikel, sayangnya tidak semua pemilik situs berpikiran demikian )

Cara menghilangkan gambar dibagian homepage blog

1. Buka menu template pilih HTML editor , anda akan masuk kedalam tampilan editor script template yang berisi kode-kode Html

2. Gunakan kombinasi ctrl + F untuk menemukan kode ini

<b:include data='post' name='post'/>

3. Lalu ganti dengan script dibawah ini

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

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

<a expr:href='data:post.url'>  

<div style='padding:5px 0 5px 10px;box-shadow:5px 6px 2px #808080;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;margin-bottom:2px;color:#333;text-shadow: 1px -1px 0px #E0E0E0;font-size:20px;'>

<data:post.title/></div></a>    

<b:else/>        

<b:include data='post' name='post'/>    

</b:if>

<b:else/>    

<b:include data='post' name='post'/>

</b:if>

Script diatas fungsinya agar semua halaman hanya menampilkan judul postingan saja tanpa thumbnail gambar dan deskripsi singkat kecuali dihalaman posting bagian related pos dan halaman statis 

Berarti dihalaman label , pencarian , arsip hanya muncul daftar judul postingan saja. Untuk kode yang dicetak tebal hanya modifikasi css saja silahkan disesuaikan sendiri agar terlihat lebih rapi

Jika anda hanya ingin merubah tampilan homepage saja atau halaman pencarian atau label saja , anda hanya perlu mengganti tag kondisional nya 

Agar hanya halaman homepage saja yang berubah sementara halaman lain tampil normal silahkan ganti kode ini

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

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

Dengan tag kondisional yang hanya berlaku dihalaman utama saja

<b:if cond='data:blog.homepageUrl == data:blog.url'>

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

Sementara jika perubahan hanya dihalaman label maka gunakan tag ini

<b:if cond='data:blog.homepageUrl != data:blog.url'>

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

Demikian tips membuat homepage blog anda hanya muncul daftar judul artikel tanpa embel-embel butiran gambar serta penerapan tag conditional pada blogger semoga bermanfaat sekian dan terimakasih

Semoga bermanfaat salam sukses