Home / Blogging / Tutorial / Cara Membuat Widget Recent Post Di Blog

Cara Download Cara Membuat Widget Recent Post Di Blog Update Terbaru

Sedikit Info Seputar Cara Membuat Widget Recent Post Di Blog Terbaru 2017 - Hay gaes kali ini team All About Android, kali ini akan membahas artikel dengan judul Cara Membuat Widget Recent Post Di Blog, kami selaku Team All About Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai All About Android. semoga isi postingan tentang Artikel Blogging, Artikel Tutorial, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara Membuat Widget Recent Post Di Blog Terbaru
link: Cara Membuat Widget Recent Post Di Blog

"jangan lupa baca juga artikel dari kami yang lain dibawah"

Berbagi Artikel Tentang Cara Membuat Widget Recent Post Di Blog Terbaru dan Terlengkap 2017

     Hy shob ... pada artikel kali ini saya akan membahas tentang Cara Membuat Widget Recent Post Di Blog. Recent Post biasanya digunakan untuk memberitahukan pengunjung apa artikel terbaru yang telah di publish/share. Widget Recent post merupakan widget yang berisi artikel terbaru dari blog. Pada widget ini lebih simple, Kenapa ? karena widget ini hanya menampilkan judulnya saja. Jadi tidak akan memberatkan saat loading terhadap blog.

Langsung saja caranya :
  1. Masuk akun blogger.
  2. Pilih blognya.
  3. Klik dasboard Tata Letak.
  4. Klik Tambahkan Gadget pada letak yang kalian inginkan.
  5. Pilih HTML/JavaScript
  6. Kemudian masukkan code di bawah ini 
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://aurailmu-komputer.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
    7. Yang terakhir tinggal simpan ajah.


Keterangan Code :

  1. Yang background warnanya orange ( http://aurailmu-komputer.blogspot.com/ ) ganti dengan alamat blog kalian shobat.
  2. Sedangkan yang bawah angka 5 itu akan menampilkan berapa jumlah judul artikel pada Recent Post yang akan di tampilkan.
Simple kan caranya shobat !!!
Cukup sampai disini dari artikel Cara Membuat Widget Recent Post Di Blog.
Semoga bermanfaat bagi kalian semua ...
Terimakasih .....

Itulah sedikit Artikel Cara Membuat Widget Recent Post Di Blog terbaru dari kami

Semoga artikel Cara Membuat Widget Recent Post Di Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai All About Android. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Artikel Tentang Cara Membuat Widget Recent Post Di Blog Terbaru

Share this