Jumat, 03 Maret 2017

Cara Membuat Widget Related Post 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 Related Post.

Related Post

Related post sendiri berfungsi Post yang telah ditulis sebelumnya kedalam bentuk daftar yang berada di samping , atau bawah tampilan Template blogspot kita.
Dengan demikian , Related 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 Related Post
Memasang Related Post memang merupakan hal yang cukup penting untuk blog anda , karena Related Post berfungsi menampilkan artikel terkait yang ada pada blog anda
Related Post sendiri dapat tampil secara responsif karena , hanya membutuhkan ruang Widget untuk tata letak nya

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

Berikut Script Related Post yang dapat memperindah blog anda
<ul id="recent-posts"></ul> <script> //<![CDATA[ var homePage = "http://resultpages.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>

Cara penerapan Related Post ini hanya dengan Menambahkannya ke Widget Blog

widget

Jika belum tahu caranya , Lihat gambar diatas :

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

Demikian Cara penambahan Related Post untuk blog anda , agar blog anda tampak indah dan juga menarik pengunjung untuk membaca artikel yang dianjurkan oleh Widget Related Post tersebut

Semoga bermanfaat bagi anda

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Membuat Widget Related Post Responsive di Blogspot