Hi sekarang kita akan membahas tutorial memasang related post yang terletak dibawah artikel, dengan tutorial ini pengunjung yang ke website anda akan lebih nyaman dan lebih lama berada di blog kamu.
OK ini langkah tutorial memasang related post
- Login dan edit HTML
- Centang kotak kecil Expand widget content
- Cari tag </head>
- Tambah kode ini tepat diatas tag </head>
- Cari Kode <data:post.body/> dalam beberapa template akan seperti <div class='post-body>
- Tambahkan kode berikut tepat dibawahnya
- Selesai Save templatenya
<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/AVvXsEj-EZ5xC9gb5FpQoO9rOZLQDR47s9fyBBccRxtiLXBRTMaM8knkU5XfoBRaxEDz5XZRvEZjquvWYipSegEncZaMyTYSZkPcKHTmUMfdGK90HtEDF1lK2eUnRA6NSt3-9O3WlLlB03kYvEc/") 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://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>
<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>
Source
Bagikan keteman anda
0 komentar:
Posting Komentar