09 June 2017

Cara Membuat Widget Artikel Terbaru Super Ringan di Blog

Cara Membuat Widget Artikel Terbaru Super Ringan di BlogWidget 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.

(Baca juga : Cara Membuat Widget Recent Post Multi Color Keren di Blogger)

Untuk itulah kali ini saya akan memberikan cara membuat widget artikel terbaru. 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 Memasang Widget Artikel Terbaru Super Ringan di Blog

  • Langkah pertama masuk ke akun blogger kalian
  • Pilih menu Tata Letak
  • Kemudian pilih lokasi widget yang kalian inginkan, pilih Tambahkan Gadget
  • Lalu pilih HTML/Javascript
  • Masukan Judul widgetnya, lalu masukan script 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 = 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><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://www.kangghani.com/2015/06/cara-membuat-widget-artikel-terbaru-blog.html" rel="nofollow" ></a>
<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 artikeln silahkan ganti dengan true
    • www.tutorialumum.com = Ganti dengan alamat blog kalian.
  • Jika sudah selesai pilih Simpan.

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.

(Baca juga : Cara Membuat Widget Komentator Terbaik di Blogger)
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

7 comments

Wah sangat bermanfaat artikel ini
Izin praktekin min

mantab ringan banget nie widget, udah ane coba thnks min

mantab banget nie widget

simple banget dan pasti ringan,, tp kalau bisa kasih thumbnail juga pak,,biar lebih menarik

Keren gan izin pasang

memang widgetnya begini
kalau itu widget bentuk yang lain lagi

Yup
Terima kasih Sudah Berkunjung di blog Tutorial Umum

Tinggalkan Komentar anda...
Karena itu sangat membantu saya dalam membangun sebuah blog.

Perhatian, dilarang membuat Link aktif di dalam komentar.
EmoticonEmoticon