Cara Menampilkan Gambar Hanya Pada Homepage

Untuk menyembunyikan gambar dari postingan blog dan hanya muncul pada homepage atau halaman depan blog, kamu hanya perlu menambahkan beberapa kode CSS pada template  dan beberapa pengaturan lainnya setiap kali kamu ingin menyembunyikan suatu gambar. Cara ini bisa kamu pakai bilamana ada gambar yang tidak terlalu cocok untuk postingan dan kamu ingin sekali menampilkannya pada homepage.

Untuk itu ikuti langkah-langkah dibawah ini:

1. Buka Dashboard -> Template -> Edit HTML
2. Cari kode ]]></b:skin> pada halaman kode template kamu. (lebih mudah gunakan CTRL+F)
3. Copy kode dibawah ini dan paste kode tersebut dibawah kode ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>
.hidepic{
display: none;
}
</style>
</b:if>

4. Save template

Sekarang kamu sudah menerapkan kode CSSnya, agar kode tersebut bekerja kamu hanya perlu mengubah kode class "separator" menjadi "hidepic" di dalam Tab HTML postingan.

Untuk cara-caranya dibawah ini :

5. Tambahkan gambar yang akan disembunyikan.
6. Pindah ke Tab HTML di samping Tab Compose
7. Ganti kode class "separator" menjadi kode class "hidepic". (Untuk lebih jelasnya lihat gambar dibawah ini)

8. Silahkan kamu Preview maka gambar yang tadi dipilih sudah menghilang atau tersembunyi dan akan muncul hanya pada Homepage.

Jika ada masalah, silahkan berkomentar dibawah.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn