Cara Membuat Widget Recent Post Dengan Mudah Di Blogger

Cara Membuat Widget Recent Post Dengan Mudah Di Blogger - Bloger adalah sarana untuk mengeposkan atau menulis artikel yang biasanya didasari oleh keinginan atau imaginasi atau angan-angan atau pikiran kita sehingga menjadi suatu tatanan tulisan yang rapi tentunya yang berbobot dan bermanfaat,namun ada juga yang membuat blog hanya sekedar iseng-iseng saja atau sekedar untuk curhat.Pada kali ini saya akan berbagi sedikit ilmu cara membuat recent post di blogger agar memiliki tampilan yang bagus dan enak di pandang mata.Jika belum memiliki blogger maka sobat dapat membuatnya di blogger.com jika belum tau caranya membuat blog maka sobat dapat membaca Cara Membuat Blog Gratis Dengan Cepat

Widget Recent Post

<div class="recentpoststyle"> <script src="https://cdn.rawgit.com/Brando07/share/newbe/recent-post-seocips-1.js"></script> <script> var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts"> </script><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://www.isianseo.com">Recent Posts Widget</a> <noscript>Your browser does not support JavaScript!</noscript> <style type="text/css"> .recentpoststyle {counter-reset: countposts;list-style-type: none;} .recentpoststyle a {text-decoration: none; color: #49A8D1;} .recentpoststyle a:hover {color: #000;} .recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff;background: #69B7E2; margin: 15px 5px 0px -6px; padding: 0px 10px; border-radius: 100%;} li.recent-post-title { padding: 5px 0px;} .recent-post-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;} .recent-post-title a {color: #444;font-size: 13px; text-decoration: none; padding: 2px; font-weight: bold;} .post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;} .recent-post-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;} </style></div>

Cara Memasang widget recent post 

1.Masuk ke blogger
2.Pilih Tata Letak
3.Tambah Gadget
4.Pilih HTML/JAVA SCRIPT
5.Paste kode recent post di atas
6.Save,lihat perubahannya

Itulah artikel yang dapat saya sampaikan pada hari ini,semoga bermanfaat untuk kita semua.Terima kasih telah membaca artikel tentang Cara Membuat Widget Recent Post Dengan Mudah Di Blogger

Cara Membuat Widget Recent Post Dengan Mudah Di Blogger 2016-04-25T18:13:00+07:00 Rating: 4.5 Diposkan Oleh: Unknown