Tips dan Trik SEO, Cara Menampilkan Gambar Hanya Dihalaman Homepage seosangatmudah.blogspot.co.id - Hallo sobat blogger yang berbahagia Tips & Trik SEO, Posting yang saya unggah pada kali ini dengan judul Tips dan Trik SEO, Cara Menampilkan Gambar Hanya Dihalaman Homepage seosangatmudah.blogspot.co.id, Artikel ini bertujuan untuk memudahkan kalian mencari apa yang kalian inginkan, kami telah mempersiapkan artikel ini dengan baik untuk kalian baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging Tips, yang kami tulis ini dapat kalian pahami dengan baik, semoga artikel ini berguna untuk kalian, jika ada kesalahan penulisan yang dilakukan oleh penulis mohon dimaafkan karena penulis masih newbie. baiklah, selamat membaca.

Judul : Tips dan Trik SEO, Cara Menampilkan Gambar Hanya Dihalaman Homepage seosangatmudah.blogspot.co.id
link : Tips dan Trik SEO, Cara Menampilkan Gambar Hanya Dihalaman Homepage seosangatmudah.blogspot.co.id

Tips dan Trik SEO, Cara Menampilkan Gambar Hanya Dihalaman Homepage seosangatmudah.blogspot.co.id

Cara menampilkan gambar hanya dihalaman homepage dengan CSS. Berawal dari keinginan untuk bisa menampilkan gambar hanya di halaman beranda saja, saya blogwalking dan nemu tipsnya dari blog Kang Ismet. Ternyata caranya sangat mudah sekali, cukup menggunakan CSS dan tidak membutuhkan javascript ataupun jquery khusus.

Alasan kenapa saya ingin agar gambar yang ada di dalam posting tidak tampil di halaman artikel namun tetap bisa tampil sebagai thumbnail di halaman homepage, karena ingin supaya posting yang dipublikasikan terlihat rapih. Contoh di artikel yang saya tulis ini, gambarnya tidak tampil di postingan namun tetap bisa muncul di halaman homepage.

Sementara jika di dalam artikel tersebut tidak saya masukan gambar, maka otomatis dihalaman homepage gambar thumbnailnya kosong. Karena kebetulan di salah satu blog tersebut saya memakai template yang ada gambar thumbnailnya, jadi kelihatan jelek kalau yang muncul cuma tulisan "No Image" saja. Kalau temen-temen juga mungkin ada yang menginginkan gambar diposting tidak muncul namun dihalaman homepage tetap tampil, silahkan gunakan cara berikut. 

Menampilkan Gambar Hanya Dihalaman Homepage

• Login ke dashboard blogger
• Pilih Template
• Edit HTML
• Format Template

 Tempatkan script di bawah ini setelah atau di atas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.thumbnail {display:none}
</style>
</b:if>

• Jika sudah Klik Save Template

Langkah berikutnya yang harus dilakukan yaitu menambahkan sedikit kode kedalam url gambar yang ada disetiap posting. Berikut kode yang harus ditambahkan pada url gambaruntuk setiap artikel yang gambarnya hanya ingin muncul dihalaman homepage. Ingat hanya pada gambar yang ingin muncul di homepage saja tidak untuk semua gambar yang ada di dalam artikel.

• Kode yang harus ditambahkan

 class="thumbnail"

• Sehingga lengkapnya nanti akan menjadi seperti berikut.

<img class="thumbnail" src="url-link-gambar" alt="penjelasan gambar" />

Akan lebih mudah tidak perlu merubah semua kode url gambar yang telah ada di dalam posting, cukup hanya menambahkan kode tersebut sebelum "scr". Cukup mudah bukan, silahkan dicoba dan lihat hasilnya. Semoga membantu dan bermanpaat.

Demikianlah Artikel Tips dan Trik SEO, Cara Menampilkan Gambar Hanya Dihalaman Homepage seosangatmudah.blogspot.co.id

Sekianlah artikel Tips dan Trik SEO, Cara Menampilkan Gambar Hanya Dihalaman Homepage seosangatmudah.blogspot.co.id kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Tips dan Trik SEO, Cara Menampilkan Gambar Hanya Dihalaman Homepage seosangatmudah.blogspot.co.id dengan alamat link https://seosangatmudah.blogspot.com/2014/11/tips-dan-trik-seo-cara-menampilkan.html

Tweet