21.09
Unknown
Membuat dan memasang artikel terkait atau related post pada blog, baik itu dipasang sebagai widget atau dipasang pada postingan artikel memang merupakan hal yang dibutuhkan bagi setiap blogger. Dengan memasang artikel terkait / related post tentu akan menambah pageview blog Anda. Tentu pengunjung juga akan mudah mencari dan medapatkan informasi atau artikel yang berhubungan dengan topik yang dibaca.
Langkah Pertama :
# Masuk Blogger ==> pilih Template ==> edit HTML
# Tekan Ctrl+F lalu cari kode </head>
# Copy kode dibawah ini
<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/AVvXsEhdUyC6M7OivjaA3gUepiP-_t1DTjWkWw3JNtZwBolw0NXQynykYkJu39UDlC7E_04sLLmk8AdaM_eyetzxTDOVklm-KSdvLBDvyis6bjfVptmEBKFM_o5S2FH4yPz1TRSu2Ot6ksTpAhI/") 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'/>
# Paste diatas kode </head>
# Kemudian cari kode <data:post.body/>
# Copy kode dibawah ini
<b:if cond='data:blog.pageType == "item"'>
<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
!= "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=10"'
type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates();
printRelatedLabels();
</script>
</div></b:if> #Paste dibawah kode <data:post.body/> NB :pada beberapa template terdapat lebih dari satu tag <data:post.body/>, oleh karena itu Anda bisa pilih salah satu kalau gagal tag yang pertama pilih tag yang kedua atau cobalah semuanya dimana yang berhasil dan ganti color font sesuai dengan blog Anda.Credit : Problogiz Semoga artikel ini bisa bermanfaat. Jangan lupa di share ke rekan-rekan Anda. Terima kasih !
Posted in: Blogger
0 komentar:
Posting Komentar