Kali
ini bang mimin mau update widget Blog Artikel Terkait dengan Scroll di
Bawah Post,sebenarnya saya sebelumnya sudah pernah update Cara Membuat Artikel Terkait dengan Gambar RSS FEED,sebenarnya
widget ini sama tetapi kali ini bang mimin akan tambah scroll dan
update karena dari post sebelumnya karena sudah tidak bisa di gunakan
lagi. Widget ini bentuknya sama,Artikel terkaitnya per label,ada gamabr
RSS Feed,letaknya di bawah post. Ok langsung aja karena saya sedang
balapan agar blog saya mempunyai artikel 100 dalam 1 minggu.Ikuti step by step dari saya,jika tidak maka widget ini tidak akan muncul di blog anda.
1. Log-in ke Acount Blog anda.
2. Pegi ke Template dan Edit HTML
3. Untuk berjaga-jaga terlebih dahulu anda backup template terlebih dahulu.
4. Cari kode </head> di kode html template anda,gunakan F3 atau CTRL+F untuk mempermudah pencarian.
5. Jika sudah ketemu taruh kode berikut tepat diatas atau sebelum kode </head>
<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/AVvXsEg51z2_xOtTGyYDLnnNHhqbKoVg95LOPkUWq-YlC4HJibCRk97M9sQWYTcnNaPRl88_RU73H4_2MPSjyJk88nc-EnvBkhwIDTxgfZh_LOLfh1_wqPB2MkViZIbuI9WaVfdEa8Ik7MupZRQ//") 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'/>
6. Jika sudah cari kode <data:post.body/> sama sepeti cara di atas gunakan tombol F3 atau CTRL+F untuk mempermudah pencarian.
7. Jika ketemu,mungkin di blog anda terdapat lebih dari satu <data:post.body/> , taruh kode berikut di kode yang ke dua,ingat yang KE DUA.
<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>
8. Save Template anda,dan coba anda lihat di blog anda apakah sudah muncul widget Artikel Terkait dengan Scroll di Bawah Post nya.
Sekian post kali ini,semoga bermanfaat untuk Blogger Indonesia!
Posting Komentar