Cara Membuat Widget Artikel Terbaru Simple dan Elegan di Blog

5:54 AM
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 :

widget artikel terbaru


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"
Previous
Next Post »
Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Berkomentarlah dengan bijak dan positif, komentar yang masuk dalam kategori spam akan dihapus dan juga komentar yang menyertakan link aktif akan dihapus pula. Terima Kasih