cara membuat related post blog

Panduan cara membuat related post blog, pada kesempatan kali ini maz dani akan berbagi cara membuat related post blog, related post atau bisa di bilang juga artikel tekait sangat lah berguna navigasi untuk pengunjung blog, selain untuk navigasi juga untuk menunjang memperbanyak pageview blog kita juga, bagi sobat yang ingin memasang related post atau artikel terkait 
berikut cara membuat / memasang related post atau artikel terkait 
-Loggin Dashbord blog
-Klik Template ==> Edit Html
-Ceklist kotak expant widget
-Cari kode </head> dan Copy dan letakan kode dibawah ini tepat diatas kode </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 { color : #940f04; font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px;} #related-posts a { color : #054474; font-size : 11px; text-decoration : none;} #related-posts a:hover { color : #054474; text-decoration : none;} #related-posts ul { border : medium none; margin : 10px; padding : 0;} #related-posts li :before {content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe2rWGezFQxTToND0aQ_ABG3zJdBw8WZcVX09QU9ghjni-2cfR_qBLijmbce9tBLtBH75pLQfKcVKA7xIWTe2BguVhPWLcYS9WYdXp-kANrEr8BBpUIsUHYkNtQMXkj5rK6KIy9ut0cpY/s760/contoh-related-post.gif);} #related-posts ul li { display : block; background : url("http://www.dogphilosophy.net/graphics/sample1.jpg") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 16px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc;} </style> <script type='text/javascript'> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break; } } } } function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i]; } } relatedTitles = tmp2; relatedUrls = tmp; } function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; } function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0; } i++; } document.write('</ul>'); } //]]> </script>

-Langkah Selanjutnya adalah cari kode <data:post.body/> setelah  copy dan letakan kode di bawah ini di bawah kode<data:post.body/>.

<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <font face='Arial' size='3'><b>Related Posts : </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> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>

-Simpan dan Lihat hasilnya

Cara kedua membuat / memasang related post atau artikel terkait

Caranya sama seperti diatas, hanya saja kode yang kita pakai agak sedikit berbeda

-Cari kode ]]></b:skin> dan Letakan kode dibawah ini dibawah kode ]]></b:skin>

<script type='text/javascript'> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break; } } } } function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i]; } } relatedTitles = tmp2; relatedUrls = tmp; } function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; } function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0; } i++; } document.write('</ul>'); } //]]> </script>/* more info: http://dubraw735.blogspot.com */

-Cari Kode dibawah ini dan tambahkan kode merah seperti ini

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name +
&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;'
type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

KLIK Tata Letak==>Tambahkan Gedget Pilih html/Javascript dan copy paste kode di bawah,

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Demikian Tutorial blog cara membuat / menambah related post blog

Share : Facebook Twitter Google+ Linkedin Technorati Digg

Page Load

Terima kasih telah membaca artikel Maz Dani tentang cara membuat related post blog dengan url http://dubraw735.blogspot.com/2012/06/cara-membuat-related-post-blog.html, Semoga Artikel cara membuat related post blog bermanfaat bagi diri saya dan anda.