Hack Tools Tutorials

Cara Membuat Widget Recent Post/Artikel terbaru Responsive di Blogspot

Cara Membuat Widget Recent Post/Artikel terbaru Responsive di Blogspot

Blogging merupakan sesuatu yang menyenangkan . selain berbagi informasi, kita juga dapat belajar menulis dan membuat anda terkenal bahkan bisa mendatangkan uang dengan Iklan.
Namun , jika kita bicara tentang blogging . kita pasti menginginkan tampilan yang bagus , kita dapat membuat tampilan blogspot kita agar bagus , caranya dengan membuat Recent Post.

Recent post sendiri berfungsi Post yang telah ditulis sebelumnya kedalam bentuk daftar yang berada di samping , atau bawah tampilan Template blogspot kita.
Dengan demikian , Recent Post juga berfungsi agar mengarahkan pengunjung ke suatu artikel , sebagai bentuk promosi kita terhadap pembaca

Pengunjung juga tidak akan sulit menemukan artikel terkait yang mungkin bertema sama dengan artikel yang dibacanya tersebut

Pada kali ini saya akan membagi informasi terkait cara memasang Recent Post
Memasang Recent Post memang merupakan hal yang cukup penting untuk weblog anda , karena Recent Post berfungsi menampilkan artikel terkait yang ada pada weblog anda
Recent Post sendiri dapat tampil secara responsif karena , hanya membutuhkan ruang Widget untuk tata letak nya

Recent Post juga dapat menambah daya tarik visitor untuk mengunjungi artikel anda , dan secara tidak langsung mengoptimasi Blog anda di mata mesin pencaharian
Recent Post yang saya bagikan kali ini tanpa javascript , yang pastinya membuat weblog anda ringan dan responsive

Berikut Script Recent Post yang dapat memperindah weblog anda

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://alx-bot.blogspot.co.id/",
numPosts = 10;
part 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=Cara Membuat Widget Recent Post/Artikel terbaru Responsive di Blogspot 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>

Cara penerapan Recent Post ini hanya dengan Menambahkannya ke Widget Blog


  • Masuk Ke tata Letak
  • Tambahkan Gadget ( sesuai tempat yang anda inginkan )
  • Pilih HTML/Javascript
  • Masukan Script Related Post yang telah di bagikan diatas

Artikel terkait :



Demikian Cara memasang wiget Recent Post/artikel terbaru untuk blog anda , agar weblog anda tampak indah dan juga menarik pengunjung untuk membaca artikel yang dianjurkan oleh Widget Recent Post tersebut.
Back To Top