Menampilkan Thumbnail Yang Berbeda Pada Halaman Home
Tempat Blogging Saya kurang tau apakah wordpress memakai plugin untuk menampilkan thumbnail yang berbeda pada halaman home, tapi itu dapat dilakukan dengan lebih gampang di blogger. Cukup dengan conditional Tag.
Tempat Blogging Thumbnail ini akan dipakai pada halaman home untuk memperlihatkan citra ihwal isi artikel, dan akan hilang sesudah visitor masuk ke artikel. Salah satu blog yang menerapkan system ini yakni bloggerplugin. Disini saya akan menjelaskan pengaplikasiannya.
Tempat Blogging Kita akan memakai conditional tag yang mengatur penampakan pada halaman artikel (item).
<b:if cond='data:blog.pageType == "item"'>
Untuk membungkus Class tertentu. Class ini akan diletakkan pada HTML gambar yang ingin dijadikan thumbnail.
Tempat Blogging
Berikut total kode:
Tempat Blogging
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.thumb {display:none}
</style>
</b:if>
Tempat Blogging Letakkan isyarat tersebut diatas </head>
***
Tempat Blogging
Masuk kehalaman posting & ketika memasukkan gambar ke artikel, akan muncul isyarat berikut:
Tempat Blogging
<a class="thumb" onblur="try
{parent.deselectBloggerImageGracefully();} catch(e) {}"
href="...s1600/anonymous.png"><img style="display:block; margin:0px
auto 10px; text-align:center;cursor:pointer; cursor:hand;width:
35px; height: 35px;" src="...s400/anonymous.png" border="0"
alt=""id="BLOGGER_PHOTO_ID_5529584144433618498" /></a>
Tempat Blogging
Atau,
Tempat Blogging
<img class="thumb" src="...s1600/anonymous.png" alt="" />
Tempat Blogging
Tambahkan isyarat yang berwarna merah menyerupai yang ditunjukkan pada isyarat HTML diatas. Intinya yakni pada class="thumb". Commons ini yang mengatur bahwa thumbnail/gambar dihidden kalau masuk ke halaman artikel.
Tempat Blogging
Trik ini juga dapat dilakukan untuk mengobati thumbnail yang buruk pada auto read more, tentu saja selain dengan melaksanakan cropping pada gambar.
0 Response to "Menampilkan Thumbnail Yang Berbeda Pada Halaman Home"
Post a Comment
Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
Klik subscribe by email agar Anda segera tahu balasan komentar Anda