Tambahkan CSS di bawah ini :
.widget.PopularPosts .widget-content {
font-size:96%;
line-height:normal;
}
.widget.PopularPosts li {padding:.5em 0 .8em}
.widget.PopularPosts .item-title a {
display:block;
font-weight:bold;
margin:0 0 .2em;
}
.widget.PopularPosts img {
padding:0;
margin:5px 10px 0 0;
border:none;
background-color:#111;
float:left;
}
.widget.PopularPosts a.more-link,.widget.PopularPosts a.more-link:hover,.widget.PopularPosts a.more-link:focus {
display:block;
float:right;
color:#333;
background-color:#999;
line-height:100%;
margin:1em 0 0;
padding:2px 6px 4px 5px;
font-size:10px;
font-style:italic;
text-decoration:none;
text-shadow:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.widget.PopularPosts a.more-link:hover,.widget.PopularPosts a.more-link:focus {background-color:white}
Hapus kode <b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'> sampai </b:widget> ganti dengan kode di bawah ini :
<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == "false"'> <b:if cond='data:showSnippets == "false"'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == "false"'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> </div> <div style='clear: both;'/> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div><a class='more-link' expr:href='data:post.href'>Read More</a> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> </div> </b:includable> </b:widget>
Sekian dan terimakasih
Tambahan : read more bisa di ganti sesuai keinginan anda.
http://www.dhf.web.id/2013/07/menambahkan-button-baca-selengkapnya.html
35 comments
Selamat!! anda mendapat pertamax, silahkan ambil di pom bensin. Jangan lupa bayar sendiri :ng
30 March 2014 at 17:33Wah Ternyata Bisa Juga Yah Dipasangin Read more popular post nya :D
30 March 2014 at 17:36Di kang ismet kan ada :frustasi:
30 March 2014 at 17:39Cuman tombol hapus yang di pindah tempatnya, cuman itu yang beda :3
30 March 2014 at 17:43Heheh... iya sob, banyak hal di dunia blogger yang belum diketahui :)
30 March 2014 at 17:45Sama kayak kang ismet, cuman tombol deletenya di pindah di bawah avatar.
30 March 2014 at 18:02Jangan merendah mas >,<
30 March 2014 at 18:07CSS Templatenya keren ^_^
30 March 2014 at 18:12CSS di blog agan rumit, menurut saya, semakin rumit CSS semakin keren templatenya ^_^
30 March 2014 at 18:17Kalau saya kenal blogger udah dari 2012, tapi baru di dalemin ilmunya 3 bulan terakhir ini :D
30 March 2014 at 18:21Keren
31 March 2014 at 07:04Thanks sob udah berkunjung :)
1 April 2014 at 05:11saya coba dulu gan di blog ane
1 April 2014 at 05:21Silahkan, semoga berhasil :-d
1 April 2014 at 05:25Udh ane coba dan berhasil sob :D
1 April 2014 at 06:04-Soma-
Heheh... Senang bisa berbagi ^_^
1 April 2014 at 16:17Sebaiknya di beri link sumber, mas. Agar menghormati sang pembuat asli.
1 April 2014 at 23:06wah kereen nih...
1 April 2014 at 23:17pas banget buat ane yg masih pemula
Heheheh... Senang bisa berbagi :)
2 April 2014 at 01:48Terima kasih gan izin coba template yg ane pakai tidak menggunakan readmore jadi saya risih liatnya,thanks ya ilmunya bermanfaat
2 April 2014 at 04:59Semua tergantung selera, mas ;)
2 April 2014 at 06:16Bisa dicoba nih gan :)
2 April 2014 at 10:40Semoga berhasil, sob :)
2 April 2014 at 14:01Ternyata selain artikel postingan yang ada read morenya, ternyata di widget popular post juga ada ya? Baru tahu saya gan! Izin praktek ya :D
3 April 2014 at 03:22SIlahkan, sob. semoga berhasil :D
3 April 2014 at 03:28Mungkin sebenarnya bisa, tapi males aja kali :D
4 April 2014 at 16:36Semakin kreatif semakin banyak hal yang bisa kita wujudkan dalam blog :)
4 April 2014 at 16:39Heheh.. banyak yang di edit :3 nggak enak sama KI, DTE.
4 April 2014 at 16:43Semakin kreatif, semakin kita menyadari kalau kemampuan kita baru sedikit :)
4 April 2014 at 16:44Bener banget gan :)
4 April 2014 at 16:49Kalau komentar kan dipakai, kreasi sendiri. Jadi menurut saya tidak apalah hehe :D
4 April 2014 at 16:50Tidak seperti template yang secara keseluruhan :)
Yaudah, mungkin kapan-kapan saya share.
4 April 2014 at 16:56Mungkin karena terlalu banyak CSS gan :D
4 April 2014 at 16:59HTMLnya juga ada yang dirubah --,
4 April 2014 at 17:19wew ada caranya ternyata, ane kira ga ada caranya. coba dulu
6 April 2014 at 07:06Don't give us spam and active link.