Cara membuat Artikel terkait di Blogspot

Monday, March 4, 2013
lama tak ngepos nihh wkwk (jadi kangen) huhuhu

sudah tahu cara membuat artikel terkait? kalo belum ini tahu yaahh cari tau"lah hahaha


ini dia cara membuat  Artikel terkait di Blogspot

login ke blogger.com
pilih template-edit html-lanjutkan (jangan lupa untuk taruh tanda cek pada kolom centang)

setelah itu cari kode ]]></B:skin (ctrl+F biar cepet) lalu letakan skrip di bawah tepat di bawah kode tadi

<style> #related-posts { float : left;height:200px;overflow:auto; 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/AVvXsEj2NtKHcItzaC1sO8-BMfAqcrYSPWNw3xeyvq5qGd9bQZk57aYuaI44mxZGhzL_dvrJnfjp2TfATDecYJYONVLALdxXOhZGCG42bsvfe7zRI-RkV9kzo7GnxjhjTxOq0jt61XhJc3OnfNM/") 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://problogizjs.googlecode.com/files/Related-posts.js' type='text/javascript'/>




setelah itu cari lagi kode <data:post.body/> dan letakan skrip di bawah tepat setelan kode tadi




<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <font face='Arial' size='3'><b>Artikel Terkait : </b></font><font color='#151515'><b:loop values='data:post.labels' var='label'><data:label.name/><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> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if> 


hasilnya akan seperti gambar di bawah :













Selamat Mencoba







#Indamixson

JANGAN LEWATKAN ARTIKEL DI BAWAH :

Terdapat 0 komentar: