Cara Membuat Widget Artikel Terbaru Simple dan Elegan di Blog

Cara Membuat Widget Artikel Terbaru di Blog - Pada kesempatan kali ini blog ashariskandar akan berbagi tutorial mengenai bagaimana cara membuat widget artikel terbaru di blog dan tentunya simple dan elegan. Widget artikel terbaru atau biasa kita kenal sebagai recent post sangat penting dipasang di blog, karena itu akan membantu pengunjung untuk melihat postingan terbaru di blog anda, selain itu juga sebagai backlink untuk postingan anda sebelumnya. Lalu bagaimana caranya? langsung saja simak tutorial berikut :

Cara Membuat Widget Artikel Terbaru di Blog:

1. Buka Blogger
2. Pilih Tata Letak > Tambah Gadget > HTML/Javascript
3. Masukkan kode di bawah ini

<div id="hlrpsb">
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var d=0;d<r.link.length;d++)if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = false;var standardstyling = true;</script>
<script src="http://ashariskandar.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://ballecozt.com" rel="nofollow" >Ashar Iskandar</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:100%;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style>

4. Keterangan:
a. Kode warna merah adalah jumlah postingan
b. Kode warna biru adalah alamat blog anda
c. Silahkan diganti sesuai keinginan
5. Klik simpan

Widget Artikel terbaru di atas sama dengan yang terpasang di blog ini. jadi kalau ada pertanyaan jangan sungkan untuk bertanya di kolom komentar. terima kasih telah berkunjung di blog ashariskandar.

Anda sedang membaca artikel "Cara Membuat Widget Artikel Terbaru Simple dan Elegan di Blog"

Tweet

Postingan terkait:

Ditulis ashar — Friday, January 27, 2017 — Add Comment — Blog, Tutorial