Populer Post Tampilan Grid | Populer Post Gambar Saja

700 views

Populer Post Tampilan Grid | Populer Post Gambar Saja – Postingan Kali ini Blog idBeritaKu.com Akan Memberikan Informasi Terbaru Khusus Buat Sobat semua yakninya tentang Populer Post Tampilan Grid | Populer Post Gambar Saja, semoga bisa Bermanfaat ya Buat Sobat Semua. dan Selengkapnya Mari Kita Lihat dibawah ini

Cara Membuat Popular Post dengan Efek Grid Thumbnail
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode ]]></b:skin> lalu taruh kode berikut di atasnya

.sidebar .popular-posts ul{margin:0;padding:0px;}
.PopularPosts .widget-content ul li {padding: .1em 0;}
.sidebar .popular-posts ul li {margin: 0 0px;background:none;float:left;width:79px;list-style-type:none;border:none;line-height:0px;}
.sidebar .popular-posts ul li img {-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease; transition:all 0.5s ease;width: 75px;height: 75px; background:#333; border:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;padding:0px;}
.PopularPosts .item-thumbnail {margin: 0;}
.sidebar .PopularPosts .item-title {display: none;}

6. Kemudian cari kode yang seperti ini:

<!– (3) Show only thumbnails –>
<div class=”item-thumbnail-only”>
<div class=”item-thumbnail”>
…………………..
…………………..
<b:else/>
<!– (4) Show snippets and thumbnails –>

7. Ganti kode di atas (no. 6) dengan kode berikut ini

<!– (3) Show only thumbnails –>
<div class=’item-thumbnail-only’>
<div class=’item-thumbnail’>
<a expr:href=’data:post.href’ expr:title=’data:post.title’>
<b:if cond=’data:post.thumbnail’>
<img alt=” border=’0′ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:width=’data:thumbnailSize’/>
<b:else/>
<img alt=” border=’0′ expr:height=’data:thumbnailSize’
expr:width=’data:thumbnailSize’
src=’http://www.prismestate.com/images/noimages.png’/>
</b:if>
</a>
</div>
</div>
<b:else/>
<!– (4) Show snippets and thumbnails –>

Terakhir simpan template

Sumber

Oke Demikianlah informasi dari idBeritaKu.com. Semoga bermanfaat dan Beguna Hendaknya Buat anda semua pengunjung Blog Ini. dan Terima kasih kepada Sobat Semua yang telah membaca artikel Populer Post Tampilan Grid | Populer Post Gambar Saja