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 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>
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
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