Cara membuat Widget Related post mudah

Artikel terkait : Cara membuat Widget Related post mudah

Cara membuat Widget Related Post - Widget related post tersebut cocok untuk anda yang mempunyai kolom sidebar samping baik dikiri maupun dikanan yang berguna untuk anda yang ingin menampilkan Artikel Terbaru anda ,
widget ini Responsif dan tidak susah digunakan , cukup menambahkan nya ke widget dan atur berapa jumlah related post yang diinginkan dan Nama blog anda , caranya sangat simpel dan mudah tanpa harus mengotak atik isi Template ,

Hasilnya akan seperti gambar dibawah ini

LANGKAH LANGKAH

  • Copy Kode dibawah ini , yang nantinya akan di tempel Menjadi widget

<ul id="recent-posts"></ul> <script> //<![CDATA[ var homePage = "http://kumiseo.blogspot.co.id/",
numPosts = 10; 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>


  • Masuk Ke Tata Letak , pilih di sisi mana anda akan menampilkan widget tersebut , setelah itu Langsung tekan HTML/JAVASCRIPT



  • Setelah itu , Tempel kode yang sudah anda sali diatas tadi ke Kotak kosong tersebut , tempel dan Ubah http://kumiseo.blogspot.co.id/ Menjadi Url Blog anda , dan 10 Ubah Menjadi Berapa artikel yang akan ditampilkan pada Widget Recent Post anda



Nah Mudah kan , ini dapat anda lakukan jika anda tidak mau Repot-Repot memasang Recent Post dengan cara lain untuk . Semoga tidak ada hambatan selama memasang Widget Recent Post ini
Jika ada yang mau ditanyakan silahkan berkomentar,
ikuti terus Update Blog kumiseo.blogspot.com

Artikel Kumiseo | Simple Blogging tutorial Lainnya :

0 komentar:

Posting Komentar

Copyright © 2017 Kumiseo | Simple Blogging tutorial