Hal tersebut tentunya membuat pengunjung berpotensi untuk menjelajahi blog anda lebih lama dan juga menawarkan pengalaman yang baik kepada pembaca.
Dengan memasang related post atau artikel terkait pada blog secara tidak pribadi merupakan salah satu cara optimasi SEO on page juga.
Related post ini kebanyakan telah disematkan dalam template baik itu yang premium maupun yang free. Makara kalau template blog anda sudah ada related post-nya, silahkan anda mencari artikel lainnya di panduaneka.
Tetapi jikalau blog anda belum memiliki, anda mampu mengikuti panduan ini dan praktekkan pribadi pada blog anda.
Cara Membuat Related Post di Bawah Postingan
Pada artikel kali ini, saya akan menawarkan panduan cara memasang related post di bawah artikel secara sederhana tanpa thumbnail atau gambar.Nantinya artikel-artikel yang muncul pada related post ini ialah artikel yang satu label dengan artikel yang sedang dibaca. Berikut langkah-langkahnya
1. Silahkan buka akun blogger anda.
2. Pilihlah Theme > Edit HTML
3. Carilah kode ]]></b:skin> atau </style> (Gunakan Ctrl+F untuk mempermudah pencarian), lalu copy paste instruksi javascript di bawah ini dan letakkan persis di atas instruksi ]]></b:skin> atau </style> tadi.
/* Related Post SederhanaKode yang berwarna kuning ialah link gambar rss dan mampu anda ganti sesuai keinginan
--------------------------------- */#related-postsku{float:left;width:100%;margin-top:5px;margin-left:0px;font-size:13px;font-family:Arial,serif;margin-bottom:0px;}
#related-postsku a{text-decoration:none;}
#related-postsku a:hover{text-decoration:none;}
#related-postsku ul{border:medium none;margin:10px 0px 10px 0px;padding:0;}
#related-postsku ul li{display:block;background:url("https://lh3.googleusercontent.com/-6iznc81V_pQ/UcmgB6yKU3I/AAAAAAAABWc/NhxmD6789YU/s25/rss.png") no-repeat 0 0;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:30px;margin-bottom:5px;line-height:2em;border-bottom:1px dotted #cccccc;}
4. Selanjutnya cari instruksi </head>
5. Masukan instruksi Jquery dibawah ini sempurna diatas kode </head>
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js' type='text/javascript'/>Catatan : Jika dalam template anda sudah terdapat Jquery versi lain, instruksi Jquery diatas tidak perlu dipasang lagi.
6. Selanjutnya copy paste instruksi script di bawah ini dan letakkan sempurna diatas instruksi <div class='post-footer'> atau letakkan dibawah instruksi <data:post.body/> yang kedua atau ketiga alasannya biasanya dalam template ada beberapa instruksi tersebut.
<b:if cond='data:blog.pageType == "item"'>
<div id='related-postsku'>
<font style='font-size:19px;color:#CC333B;font-family:Arial;'><b>Artikel Terkait: </b>
</font><font color='#fff'><b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != "true"'/><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>
Keterangan :
Warna merah ialah jenis, ukuran dan warna font yang mampu anda sesuaikan sendIri
Warna kuning silahkan ganti dengan kata-kata anda sendiri
Warna biru ialah jumlah postingan yang ditampilkan, mampu anda tambah atau kurangi sendiri
7. Terakhir klik Save
Demikian panduan bagaimana cara membuat related post atau artikel terkait di bawah postingan. Semoga bermanfaat dan silahkan anda praktekkan pada blog anda. Terima kasih Sumber http://www.panduaneka.com/