Cara Membuat Recent Post Blogspot di Viomagz

Recent post merupakan hal penting dalam blog anda. Karena, dengan adanya recent post ini, para pengunjung dapat melihat banyak artikel dalam blog anda. Pada artikel ini, akan dijelaskan tentang cara membuat recent post blogspot di viomagz.

Sebenarnya, setiap template sudah terdapat sebuah widget untuk membuat recent post secara otomatis. Tetapi kita bisa menambahkan recent post secara manual agar sesuai dengan keinginan kita. Berikut cara membuat recent post di template viomagz.

  • Buka blogger
  • Lalu klik “Tata Letak”
  • Pilih “Tambahkan Gadget”
  • Lalu klik HTML/Java Sript, lalu klik tombol +
  • Kemudian isi judul recent postnya
  • Kemudian isi konten dengan cara copy dan paste script dibawah ini
Baca Juga :  Dapatkan Fitur Gratis di Hosting Trial cPanel

<div class=”recentpoststyle”>

<script type=”text/javascript”>

function showlatestposts(e){for(var t=0;t<posts_no;t++){var

r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if(“alternate”==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i=”… baca selengkapnya”;i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]=”Jan”,m[2]=”Feb”,m[3]=”Mar”,m[4]=”Apr”,m[5]=”May”,m[6]=”Jun”,m[7]=”Jul”,m[8]=”Aug”,m[9]=”Sep”,m[10]=”Oct”,m[11]=”Nov”,m[12]=”Dec”,”content”in s)var d=s.content.$t;else if(“summary”in s)var d=s.summary.$t;else var d=””;var v=/<\S[^>]*>/g;if(d=d.replace(v,””),document.write(‘<li class=”recent-post-title”>’),document.write(n),document.write(‘</li><div class=”recent-post-summ”>’),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(” “);d=d.substring(0,f),document.write(d+” “+i)}document.write(“</div>”),1==posts_date&&document.write(‘<div class=”post-date”>’+m[parseInt(u,10)]+” “+c+” “+o+”</div>”)}}

</script>

<script type=”text/javascript”>

var posts_no = 10;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>

<script src=”/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts”>

</script><a style=”font-size: 9px; color: #CECECE;margin-top:10px;” href=”http://archivecomputer.blogspot.co.id/” rel=”nofollow”>Recent Posts Widget</a>

Baca Juga :  Cara Membuat Popular Post di Blogspot Seperti VioMagz

<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: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#69B7E2; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}

.recent-post-title a {color: #444;text-decoration: none;font: bold 13px “Avant Garde”,Avantgarde,”Century Gothic”,CenturyGothic,AppleGothic,sans-serif;}

.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}

.recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,”Baskerville Old Face”,”Hoefler Text”,”Times New Roman”,serif;}

Baca Juga :  Blog RSS, Pengertian dan Penjelasanya

</style></div>

Terakhir itu klik “Simpan”, lalu pilih “Simpan Setelan”. Setelah selesai diedit, buka blog anda dan lihat recent post apakah sudah tampil. Maka, setiap artikel yang anda buat dan di post otomatis akan masuk di recent post yang sudah dibuat. Demikian ulasan tentang cara membuat recent post blogspot di viomagz pada artikel ini, semoga bermanfaat, terutama bagi blogger pemula.

Cek Tutorial Lengkap Disini :