Cara Membuat Widget Artikel Terbaru Super Ringan di Blog

Widget artikel terbaru adalah widget yang paling penting dalam sebuah blog, karena pengunjung blog harus tahu apa saja artikel yang sedang kita update. Widget artikel terbaru juga sangatlah penting jika kita sedang ingin mendaftar menjadi publisher di Google Adsense. Widget ini sangat di rekomendasikan bagi kalian dalam tahap review adsense. Untuk itulah kali ini saya akan memberikan cara membuat widget artikel terbaru.

Baca juga : Cara Mudah Membuat Widget Artikel Pilihan Di Blog

Widget yang saya berikan ini adalah widget yang ringan, jadi tidak perlu takut untuk memasang widget ini. Baiklah untuk cara memasang widget artikel terbaru di blog, ikuti langkah-langkah dari saya berikut ini.
Cara Membuat Widget Artikel Terbaru Super Ringan di Blog

Baca juga : Cara Membuat Widget Recent Comments Ringan di Blog

Cara Memasang Widget Artikel Terbaru Super Ringan di Blog

  1. Langkah pertama masuk ke akun Blogger kalian.
  2. Pilih menu Tata Letak.
  3. Kemudian pilih lokasi widget yang kalian inginkan, pilih Tambahkan Gadget.
  4. Lalu pilih HTML/Javascript.
  5. Masukan Judul widgetnya, lalu masukan script di bawah ini.
  6. <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 = 10;var showpostdate = false;var standardstyling = true;</script>
    <script src="http://www.tutorialumum.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
    <style type=text/css>
    #hlrpsb a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
    </style>
    • Catatan :
      • 10 = Silahkan ganti dengan jumlah artikel yang kalian inginkan.
      • false = Untuk menampilkan tanggal artikel silahkan ganti dengan true.
      • www.tutorialumum.com = Ganti dengan alamat blog kalian.
  7. Jika sudah selesai pilih Simpan.
    Cara Membuat Widget Artikel Terbaru di Blog


Demikianlah tutorial dari saya mengenai cara membuat widget artikel terbaru super ringan di blog. Jika ada pertanyaan mengenai artikel ini, silahkan masukan di kolom komentar.

Terimakasih sudah berkunjung di blog saya ini. Untuk tutorial atau widget yang lainnya dari saya, silahkan tetap selalu kunjungi tutorialumum.com.

Source : http://www.kangghani.com/2015/06/cara-membuat-widget-artikel-terbaru-blog.html

Share this

Previous
Next Post »