Widget Latest Post Blog Sederhana

Posted by IRVAN JAYA on 4:34:00 AM

Widget Latest Post Blog Sederhana
Widget Latest Post Blog Sederhana
Easy Get Media - Widget Latest Post Blog Sederhana .

 Ey Broo... Kali ini admin pengen share sebuah kode widget untuk blog sederhana tapi ngak murahan dan membuat blog anda kayak blog desa :D ini minimalis elegan sob lihat tampilan diatas itu contoh-nya dan jika dipasang diblog anda otomatis widget akan ngikutin format tulisan blog sobat jadi gambar diatas bukan hasil asli yah itu cuma predeksi tampilan

 Kalian pengen nyoba ? Silahkan anda ikuti tutorial dibawah ini :
1. Login ke-blogger
2. Masuk menu Tata Letak
3. Klik tambah Gadget => Pilih HTML/Javascript
4. Copy dan paste kode dibawah ini kehalaman editor HTML/Javascript
<div class="recentpoststyle"><script src="https://cdn.rawgit.com/Brando07/share/newbe/recent-post-seocips-1.js"></script> <script> var posts_no = 3;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 href="http://muh-irvan-jaya.blogspot.com/" style="color: #cecece; float: right; font-size: 9px; margin: 5px;">EGM Last Post</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>
 5. Silahkan di-save dan lihat hasilnya

Terima kasih telah membaca artikel dari blog Easy Get Media !! Semoga blog anda terlihat istimewa selalu dimata pengunjung AMIN...!!


Nama Anda
New Johny WussUpdated: 4:34:00 AM

0 comments:

Post a Comment

29-04-2016 | Komentar Bebas |

Powered by Blogger.
CB