<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d7085352943394720033\x26blogName\x3dYoga+Ailala\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://www.yoga.web.id/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://www.yoga.web.id/\x26vt\x3d203247384878346064', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Banner

Cara Membuat Related Posts Pada Blogger Classic Template

Monday, March 21, 2011

Seperti naik tangga untuk mencapai puncak yang ingin di raih, begitu juga dengan blog ini setapak demi setapak di edit dan di revisi berbagai hal dari beberapa aspek dan sudut pandang. Dari template sampai tampilan yang tidak lain biar lebih enak di pandang dan mudah di navigasi, bonus bila lebih seo friendly.

Setelah optimasi Judul setelah itu Deskripsi pada blog dan post dan juga keywords untuk blogger classic template yang saya pakai sekarang ini, so lanjut ke Related Posts atau biasa di sebut Artikel terkait dari entri posting yang kita buat "penampakan seperti gambar di bawah ini" Untuk classic template blogspot/blogger memang cukup sulit di temukan tutorialnya baik blogger indo maupun luar, tapi jangan bersedih hati karena disini yoga mencoba untuk berbagi semampunya dan mudah"an bermanfaat untuk sobat sekalian.


Cara Membuat Related Posts Pada Blogger Classic Template adalah hanya tinggal mengcopy script di bawah ini pada ( Template > Edit HTML ) blog sobat "disesuaikan tata letaknya" sesuai keinginan", scriptnya yaitu :
<!--~ Include these JS files once: jQuery then plugin -->
<script type="text/javascript" src="http://otakkacau.co.cc/blogger/jquery.min.js"></script>
<script type="text/javascript" src="http://otakkacau.co.cc/blogger/jquery.related-posts-widget-2.0.min.js"></script>
<!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

<!--~~~~~~~~~~~~~~~~~~~~~~~ required HTML -->
<div class="related-posts-widget" data-options="{
blog_url:'http://www.yoga.web.id'
,max_posts:10
,max_tags:5
,posts_per_tag:10
,post_score_class:1500
,thumbs:0
,post_page_only:1
}"><b>Related Posts ...</b></div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

Keterangan URL dan Angka yang berwarna merah tercetak tebal adalah :
  • http://www.yoga.web.id : Ganti dengan URL blog anda
  • max_posts:10 : Jumlah judul posting yang ingin ditampilkan.
  • max_tags:5 : Jumlah label yang ingin ditampilkan.
  • posts_per_tag:10 : Jumlah judul posting yang ingin ditampilkan dari label. 
Untuk javascriptnya saya letakkan pada salah satu blog saya yaitu otakkacau.co.cc karena self hosting, sedangkan yoga.web.id ini pake hosting gratisan punya google tak lain adalah blogger/blogspot so ga bisa upload script dah, untuk para blogger tak usah di pikirkan hal ini coz yang penting copas script di atas dan hanya rubah yang warna merah pada script saja dan hal lainnya tidak perlu di rubah/edit.

Labels:


Bookmark this post to del.icio.us Digg this post! Bookmark this post to Yahoo! My Web Bookmark this post to Furl feedburner yoga.web.id

Newer Posts | yoga.web.id Home | yoga.web.id Older Posts | yoga.web.id