tHomBloG: Related Posts 2

Related Posts 2

Untuk kamu yang tidak senang related post dengan gambar seperti yang sudah pernah saya uraikan, kini bisa memasang yang lebih sederhana. Cara ini saya ambil dari WidgetsForFree. Kamu bisa berkunjung ke sana, atau langsung membuat copy dari yang saya pasang di sini.

Masuklah ke kostumasi, lalu klik HTML, jangan lupa klik kotak kanan atas EXPAND
Pasang kode di bawah ini persis di atas </head> <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikp18I27Nae0DQt4-HNE4X92zfgyV9Qktocr283EqFIOanYkd0Xvx3nh4ahAzpPQX9bgF1_uvBb7di4-qshwh8L3xxiLBb63yjPz2gHTmPSSsXDdOLVGccNuXkeaPBApuuTe_MkGh_gRI/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src="'http://theblogtemplates.com/scripts/Related_posts_hack.js'" type="'text/javascript'/">
Lalu geser ke bawah carilah kode
Pasanglah kode berikut di bawahnya <data:post.body/> atau <div class="post-body"> atau <data:post.body/> <b:if cond='data:blog.pageType == "item"'><div id='related-posts'><font face='Arial' size='3'><b>Posting Terkait </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font><marquee align='center' bgcolor='black' direction='left' height='15' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100px'><a href='http://indo-template-blogger.blogspot.com'><span style='font-weight:bold; color:white;'>ThomBlog</span></a></marquee><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>
Simpan, beres

tag related post, tutorial | judul Related Posts 2