Tutorial cara membuat widget artikel terbaru tanpa gambar

Widget new article atau recent post adalah salah satu widget yang harus seorang blogger terapkan dalam blog nya . widget recent post sudah menjadi kelayakan buat kita dalam mengembangkan profesional sebuah blog. navigasi widget recent post berfungsi sebagai widget penampil artikel yang baru saja kita buat, dalam hal ini para pengunjung akan tahu apakah blog kita selalu update atau tidak. nah untuk membuat widget itu ternyata tidak begitu sulit jadi sobat semua hanya dengan mengikuti trik dibawah ini maka anda bisa menerapkan cara membuat widget artikel terbaru tanpa gambar

Nah, bagai mana cara membuatnya..silahkan ikuti tahap2 berikut

catatan : tidak semua tmplate bisa terapkan cara ini

Tutorial cara membuat widget artikel terbaru tanpa gambar

1- login ke blogger lalu pilih tata letak -add new widget lalu pilih java script dan copy paste code ini

<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script><ul>
<script type="text/javascript">var numposts = 10;var standardstyling = true;</script><script type="text/javascript" src="http://www.url blog anda.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></ul> 

Lalu save !
kalau tampilannya masih modar brarti lanjut ketahap berikutnya-----

2- masuk menu edit template dan cari code css kurang lebih seperti ini

/* Widget Recent Post */
#sidebar3 h4, #sidebar3 h3, #sidebar3 h2{background:#5fb564;color:#fff;text-transform:capitalize;font-family:Arial, Sans-Serif;font-size:135%;font-weight:400;position:relative;padding:12px 0 15px;text-align:center;margin:0}
#sidebar3 .widget-content{background:#fff;padding:0 0 0 10px}
#sidebar3 a:link, #sidebar3 a:visited{font-weight:normal}
#sidebar3 ul li {margin:0 5px 0 0 !important;padding:6px 0 !important;position:relative;border-bottom:1px dashed #d5d5d5 !important}
#sidebar3 ul li:last-child{border:none !important}
#sidebar3 ul li a {font-size:14px !important;font-weight:normal !important;color:#333 !important;text-decoration:none;transition: all 0.3s ease-out 0s !important;line-height:1.4em !important}
#sidebar3 ul li a:hover {color:#6aba82 !important;}

Ubah lebar posisi weight:400  dan  warna {background:#5fb564;color:#fff;text-  sesuai dengan kesukaan anda...

 Nah demikian sedikit tutorial cara membuat widget artikel terbaru tanpa gambar

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: