Recent-Post

Cara membuat artikel terkait atau related post ke 3

Comfortable sound for live November 27, 2023

 


1. Login ke Blogger Anda, klik Template kemudian klik Edit HTML.

2. Copy kode berikut dan tempat di atas </head>, ganti link gambar berwarna merah sesuai keinginan Anda, atau tidak diganti juga tidak apa-apa.

<!-- Artikel Terkait Oleh www.bloggingpasuruan.blogspot.com -->
    <style>
    #related-posts { float : left; width : auto; 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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2k0XfvI8vbYTs9fhs6BaqKNPHB6CK3dkQxKOd3pVjQRMTUSaJlCOHXKEI6yJX0qcaf6BvAnxEtjDGj3uBXEmyF0VbY-Sh-q-yx8VCyD-Qf0vUcxqIn-WVPM-6AyPC3VP6olYZMtiM_MQw/s1600/rss.png&quot;) 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='https://artikel-terkait-by-bloggingpasuruan.googlecode.com/svn/artikelterkait.js' type='text/javascript'/>
    <!—Artikel Terkait Oleh www.bloggingpasuruan.blogspot.com-->


3. Setelah itu cari kode <data:post.body/> atau <div class='post-body> dan letakkan script berikut di bawahnya. Atau, jika Anda sudah ahli dalam mengedit template blog, Anda bisa menempatkan bebas dimana saja, asalkan diletakan di bawah postingan. Ganti kata “ Artikel Terkait “ sesuai kata-kata selera Anda.

<!-- Artikel Terkait -->
    <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='#FFFFFF'><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=5&quot;' type='text/javascript'/>
    </b:if></b:loop></font>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
    </div></b:if>
    <!-- Artikel Terkait -->



4. Simpan ( Save ) template dan lihat hasilnya.

ARTIKEL TERBARU

Tags