Related post/ artikel terkait memang sangat membantu pengunjung saat bernavigasi di web/blog kita, untuk itu tutorial jadul kali ini tentang related post / artikel terkait.
1. Login di akun anda
2. Klik template dilanjutkan dengan edit HTML
3. cari kode
4. Copy dan paste kode dibawah ini tepat diatas kode
5. Selanjutnya cari kode
6. Copy dan pastekan kode dibawah ini tepat dibawah kode
7. Simpan template dan lihat hasilnya
8. Selamat mencoba
1. Login di akun anda
2. Klik template dilanjutkan dengan edit HTML
3. cari kode
</head>
(gunakan ctrl + F untuk mempermudah pencarian4. Copy dan paste kode dibawah ini tepat diatas kode
</head>
tadi.<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/AVvXsEgi39xevgHmINE9LxY0iMfDxfzHbqlxaagALyTrSW76a-59Jo1bXbr6KL7Hue5dzc0PMCuhfxvS3lgVOzwqVplycuSnwvAFOfBwL0Zrwl_9lfz5ZoXwSENEosEUuHyReuY_qVikxMsSF8Lg/s1600/rss.png") 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> <scriptsrc='http://yourjavascript.com/270151127341/related.js' type='text/javascript'/>
5. Selanjutnya cari kode
<data:post.body/>
(biasanya kode tersebut jumlahnya lebih dari satu)6. Copy dan pastekan kode dibawah ini tepat dibawah kode
<data:post.body/>
tadi.<br/><br/><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>
7. Simpan template dan lihat hasilnya
8. Selamat mencoba