Cara Membuat Gambar Hanya Muncul Di Homepage

Cara Membuat Gambar Hanya Muncul Di Homepage. Setelah pada artikel sebelumnya saya membahas tentang Cara Membuat Link Pada Sebuah Gambar Atau Banner, pada kesempatan ini kembali saya masih akan membahas yang ada kaitnya dengan gambar, namun pada artikel ini adalah bagaimana cara membuat gambar hanya tampil di halaman hompage saja.

Gambar postingan yang muncul hanya di hompage banyak saya jumpai di blog dengan platform wordpress. Berawal dari situlah saya tertarik untuk menerapkannya di blogspot. Dan setelah mencari referensi kesana-sini akhirnya ketemu juga cara membuat gambar hanya muncul di halaman depan, di artikelnya Kang Ismet.

Gambar Homepage


Cara membuat gambar hanya muncul di homepage ini sangat cocok bila digunakan di blog yang menggunakan tampilan gambar di halaman homepage, namun tidak akan menampilkan gambar di postingan. Terkadang jika tidak menyertakan gambar maka tampilan homepage akan kurang bagus, namun jika menyertakan gambar kadang, gambar bertabrakan dengan iklan yang ada di tengah artikel, oleh karena itu jalan satu-satunya adalah dengan hanya menampilkan gambar di hompage saja.

Cara ini telah berhasil saya terapkan pada 2 template yang berbeda, yang pertama adalah template blog ini yaitu template kompi males dari Kompi Ajaib, dan yang kedua adalah template simplify 2 dari Arlina. Bagi Anda yang tertarik untuk mencobanya, berikut langkah-langkahnya :

Langkah Pertama
  • Masuk ke dasboard blog anda.
  • Klik tempalte.
  • Edit HTML.
  • Kemudian cari kode </head> (cara cepat Ctrl+f) lalu copy kode dibawah ini dan pastekan diatas kode </head>.lalu simpan template. (untuk berjaga-jaga bila terjadi error sebaiknya backup dulu template Anda)
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.thumbnail {display:none}
</style>
</b:if>

Langkah Kedua
  • Silahkan uploade gambar Anda.
  • Setelah gambar teruploade, silahkan ambil url alamat gambar. Adapun caranya, klik kanan pada gambar lalu Copy image address, kemudian simpan di notepad.
link-url-gambar

Langkah Ketiga
  • Silahkan copy kode dibawah ini, kemudian masuk ke mode HTML dan paste kan kode pada atas artikel Anda di mode HTML.
<img class="thumbnail" src="url-link-gambar" alt="penjelasan gambar" />
  • Ganti url link gambar dengan kode url link gambar Anda yang tadi telah Anda copy pada langkah kedua.
  • Ganti penjelasan gambar dengan nama gambar Anda.
  • Jika Anda kembali ke mode compose, pasti akan terihat dua gambar yang pertama diatas artikel dan yang kedua adalah gambar yang tandi anda uploade. 
  • Hapus gambar yang tadi Anda uploade dan tinggal gambar yang ada diatas postingan yang nantinya hanya akan tampil di homepage saja.
Cara ini hanya berlaku untuk satu gambar saja yang nantinya akan tampil di homepage, bukan untuk semua gambar jika terdapat lebih dari satu gambar didalam postingan. Bila Anda ingin lihat hasilnya silahkan Anda kembali ke Home blog ini, maka didalam homepage artikel ini ada gambarnya.

Demikian Cara Membuat Gambar Hanya Muncul Di Homepage, semoga bermanfaat, jika Anda ingin membuat lik pada gambar, silahkan baca Cara Membuat Link Pada Gambar Atau Banner.
Ada pertanyaan? Diskusikan dengan penulis atau pengguna lain
Tautan disalin ke papan klip!