12/28/16

Menambahkan Widget Recent Post Simpel Di Blogger

Menambahkan Widget Recent Post atau Widget Artikel Terbaru di blogger/blogspot sangatlah penting. Karena sangat membantu pengunjung setia blog kita, untuk mengetahui artikel terbaru dari blog kita.  Tapi bukan hanya itu aja kegunaannya, saya sering baca-baca di komunitas-komunitas blogger ternyata Widget Recent Post atau Widget Artikel Terbaru sangatlah berperan penting saat kita mendaftarkan ke Google Adsense.

Kok bisa di bilang berperan penting? Kalau menurut pendapat saya : Karena ini termasuk salah satu kelengkapan navigasi untuk mempermudah pengunjung blog kita. Mungkin jika Anda belum memasang Widget Recent Post atau Widget Artikel Terbaru alangkah baiknya anda memasang dulu sebelum mendaftarkan ke Google Adsense. 

Dari segi tampilan, Widget Recent Post ada banyak sekali style-nya, mulai dari yang hanya menampilkan judulnya saja, judul dan cuplikan dan ada juga Widget Recent Post yang tampilannya kumplit mulai dari judul, gambar dan cuplikan. Semua itu tergantung si empunya blog, gimana tampilan yang cocok buat blog-nya.

Berhubung Widget Recent Post atau Widget Artikel Terbaru ini tidak di sediakan secara default oleh blogger/blogspot maka kita sendiri yang harus membuat-nya.  

Nah, untuk itulah pada kesempatan kali ini saya akan membagikan tutorial cara memasang atau menambahkan Widget Recent Post Simpel di blogger/blogspot.  Dibawh ini screenshoot gambar dari Widget Recent Post yang akan Anda pasangkan.
Widget Recent Post Simpel

Untuk memasang Widget Recent Post atau Widget Artikel Terbaru ini sangatlah mudah. Pertama Anda login terlebih dahulu ke blog Anda , Kemudian masuk ke Tata Letak dan tambahkan Gadget baru lalu pilih HTML/Javascript. kemudian copy pastekan kode di bawah ini.
<div id="artikelbaru">

<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://anditoblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<style type=text/css>

#artikelbaru a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e9e9e9;}

</style>

Ganti tulisna ini http://anditoblog.blogspot.com dengan URL blog Anda.
Untuk tulisan yang di blok warna biru di atas adalah Kode CSS-nya jika Anda ingin merubah tampilan mulai dari font, ukuran font, warna, dll silahkan Anda edit di sana.

Maka hasil penyimpanan kode di atas akan seperti screenshot gambar di bawah.

Menambahkan Widget Recent Post Simpel Di Blogger

Jangan lupa untuk klik Simpan.

Gimana mudah bukan ? dan bagaimana menurut pendapat Anda apakah widget recent post berpengaruh saat kita mendaftar ke Google Adsene ? mari berdiskusi di kolom komentar.

Happy Blogging !!

You might also enjoy reading

Subscribe

Daftarkan email Anda untuk mendapatkan Artikel terbaru pilihan dari Andito Blog

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai