logo blog
Selamat Datang Di Blog KemejingNet
Terima kasih atas kunjungan Anda di blog KemejingNet,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

Cara Membuat Gambar Hanya Muncul Di Homepage

Gambar Homepage KemejingNet.Com - 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.

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.

Enter your email address to get update from KemejingNet.
Print PDF
Next
« Prev Post
Previous
Next Post »

3 komentar

biasanya aku kalau ingin gambar hanya muncul di list homepage itu aku tambahin css display:none pada gambar di edit HTML postingan, sepertinya yg ini juga simple hanya perlu menambahkan class nya saja. oke kapan2 aku coba praktekan mas..

Balas

tapi dengan cara ini ngaruh ke SEO tiap artikel gak ya mas ?

Balas

Walaupun gambar hanya muncul di homepage tapi disitu tetap mencantumkan alt text mas, jadi gambar akan tetap terdeteksi untuk SEO nya.

Balas

Terima kasih atas kunjungan dan komentar Anda yang sesuai dengan topik, mohon maaf bila kadang telat berkunjung balik.

Maaf link hidup tidak akan tampil disini, berkomentar yang baik itu salah satu cara mendapatkan backlink yang baik.

Copyright © 2016. KemejingNet - All Rights Reserved | Template Created by Kompi Ajaib Modification by KemejingNet Proudly powered by Blogger