Cara Membuat Widget Menu Post Berita Terbaru Pada Blog

Berikut ini adalah langkah-langkah dalam membuat widget menu post terbaru :

1. Lahkah pertama anda harus masuk dulu pada dashboard blog anda.

2. Kemudian pilih “Tata Letak” > “Tambahkan Widget”.

3. Kemudian Copy Scribe di bawah ini :

<script style="text/javascript" src="https://cdn.rawgit.com/Brando07/share/master/recentpost-seocips-3.js"></script>
<script style="text/javascript">
var posts_no = 3;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = false;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;</script>
<script src="http://www.pcimm-kotametro.ga/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://www.seocips.com/2016/01/widget-recent-post-untuk-blogger-blog-part-3.html">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb {padding:2px;width:65px;height:65px;float:left;margin: 0px 10px 10px; background: #fff; border: 1px solid #69B7E2;}
.recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {position:relative;padding:5px 0px;min-height:65px; list-style-type: none; margin-bottom: 5px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 15px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;padding: 4px 10px; border-radius: 100%;}
.recent-posts-container a { text-decoration:none; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #2aace3;}
.recent-posts-details {margin: 5px 0px 0px 92px; }
.recent-posts-details a{ color: #777;}
</style>

  

ubahlah angka atau huruf dengan keterangan False atau True yang diberikan tanda warna merah diatas sesuai keinginan saudara, false / True digunakan untuk mengaktifkan perintah, Keterangan :

var posts_no = 3; /* Jumlah Postingan Pada Menu
var showpoststhumbs = true; /* Gambar
var readmorelink = true; /* Keterangan baca lebih lanjut
var showcommentslink = false;  /* Keterangan Komentar
var posts_date = true;  /* Keretangan Waktu dan tanggal
var post_summary = true;  /* Keterangan Isi Pada Label
var summary_chars = 70;  /* Jumlah Keterangan Isi Pada Label
Rubah Link "http://www.pcimm-kotametro.ga/" diatas dengan link Blog Saudara.

demikianlah cara membuat widget menu post berita terbaru  pada blog. semoga bermanfaat.

Read More