Cara Membuat Related Post di Blogger

Gimana sih Cara Membuat Related Post Blogspot di bawah postingan? ya, banyak dari para blogger yang ingin menghias tampilan dari blognya agar terlihat lebih menarik dan bisa membuat pengunjung blog betah berlama-lama di blog/websitenya. Salah satu cara membuat pengunjung/visitor blog betah adalah dengan cara mempermudah pengunjung untuk melihat artikel apa saja yang ada di blog/website kita, yaitu dengan judul artikel post dengan link yang ada.

Nah, Membuat Related Post juga bisa mempermudah pengunjung. terus Bagaimana Cara Membuat Related Post di Blogger? caranya cukup mudah, mari langsung kita mulai saja.

Cara Membuat Related Post di Bawah Postingan

1. Buka dan login akun Blogger kamu dulu.
2. Pilih Template > Lalu pilih Edit HTML (Agar aman lakukan proses backup template blogger terlebih dahulu).
   
3. Cari kode </head> (CTRL+F untuk mempermudah pencarian). kemudian Copy kode dibawah ini dan letakan tepat di atas kode (Paste) </head> tadi.

   <style> #related-posts-text { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts-text .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts-text .widget h2, #related-posts-text h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts-text a { text-decoration : none; } #related-posts-text a:hover { text-decoration : none; } #related-posts-text ul { border : medium none; margin : 10px; padding : 0; } #related-posts-text ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3wQbY5FCkLDHyPip3yjAdukJ34VqQi4z6LhrHJ-18IooQQIIR7ljdsZygMceYIR5tu53svVtwI7NjXu13YziqSBJ1PiLS82Xv3uZ5Ge61iL47YeCsYGj1fpykImxzAKnKdGIOc74XzQ/") 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://www.dropbox.com/s/aduv20w6a9v1ftt/related_post_text_sijipix.com.js?raw=1' type='text/javascript'/>

   
4. Selanjutnya cari kode <data:post.body/> lalu Copy kode dibawah ini dan letakan tepat di bawah kode (Paste) <data:post.body/>.

   <br/><br/><b:if cond='data:blog.pageType == "item"'>
   <div id="related-posts-text">
   <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 != &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>

   
5. Kalau sudah klik Simpan Template, dan lihat hasilnya

Mungkin kamu akan menemukan beberapa kode <data:post.body/> , kalau iya, silahkan pilih salah satunya saja. cukup segitu artikel Cara membuat Related Post di Blogger dari saya. selamat mencoba kalau bingung silahkan tanya lewat komentar dibawah. makasih

Share it Please

Tweet

masjoko

Terima kasih telah datang di SijiPix, semoga artikel diatas bisa membantu anda :) dukung kami agar terus maju, dengan meng-Sharekan artikel diatas dan Follow Social Media kami.

SijiPix Alliance

Related Articles : Blog, Blogger, Tutorials