Cara Membuat atau memasang Artikel Terkait di blogger

Artikel selanjutnya ini saya akan menjelaskan bagaimana cara membuat dan memasang Artikel Terkait atau Related Article, Related Posts di blogger. Panduan ini akan menjelaskan langkah demi langkah yang dapat mudah di pahami. Widget Artikel Terkait ini akan muncul dengan Icon blogger di sampingnya.

Tentunya Anda ingin membuat para pengunjung blog Anda akan merasa betah tinggal lebih lama di blog Anda karena di situ tersaji beberapa menu Artikel terkait yang lainnya yang dapat memudahkan para pengunjung untuk memilih berbagai konten yang ada di blog Anda. Selain itu, para pengunjung akan tinggal lebih lama di blog kita, karena mereka ingin membaca artikel yang lain yang membuat mereka tertarik untuk membacanya. Sekarang, untuk belajar membuat artikel terkait di blog, Anda harus mengikuti langkah-langkah di bawah ini.

Cara Memasang Widget Artikel Terkait Dengan icon keren di blogger

1. Buka Blogger Dasbor

2. Kemudian masuk ke Menu Template

3. Pilih Edit HTML

4. Kemudian letakkan kode berikut di bawah tag </head>

<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 12px Arial; 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/AVvXsEinOuNbgJYkZRFQf-8DazathYPCtKhE94sXSkCKyHG3zciTi8qYL0INuYpRFF8ZJDSzPMcJRUecb_bCFoIWDDdYak9Et6OKHQrnWwEvl2fRYpijfckm-T3bc2mGhMu8pTqwUgd9TPZoAGQ/&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='http://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>

6. Jika sudah, cari <data:post.body/> lalu pasang kode berikut di bawahnya.

<b:if cond='data:blog.pageType == "item"'><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>

7. Terakhir Save template untuk menyimpan template.

Sekarang buka halaman salah satu posting / Artikel Anda, lihat di bagian bawah akan muncul Widget Artikel Terkait yang sudah Anda buat.Itulah Cara Membuat atau memasang Artikel Terkait di blogger, semoga bermanfaat ya.
Baca Juga: Cara Menghapus Link Aktif di Komentar Blogger Secara Otomatis

Share This :

Tag : BLOGGING, TUTORIAL