Related Post/Artikel Terkait sangat penting keberadaannya pada sebuah blog, hal tersebut dimaksudkan biar memudahkan para pengunjung untuk membaca artikel-artikel lainnya yang berafiliasi dengan artikel yang sedang dibacanya. Pada kesempatan ini, Kang AP akan memperlihatkan trik cara menciptakan artikel terkait tersebut. Berikut cara gampang menciptakan related post/artikel terkait, mangga disimak !
1. Pertama, login dulu ke Blogger
2. Pilih Template » Edit HTML
3. Cari instruksi ]]></b:skin>
4. Letakkan instruksi dibawah ini diatas instruksi ]]></b:skin>
5. Sekarang cari instruksi <data:post.body/>#related-post background:none;width:100%;margin-top:35px;margin-bottom:10px;padding:5px 0 10px 0px}
#related-post h4{font-size:150%;text-transform:uppercase;margin:0 0 15px;padding:0;font-weight:normal}
#related-post li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwDkexsTDxgASiot_6bKMel506lRHM7IlcAblo1WgagoKGDNy1zxBwWr4HqgL4BqWaWN8E8nJv1vmDYmaQwD54Hi6P6vqbP8WA7KmYIdEmxQzIUe3kU35Bfr8bcEBhuox_0T0gRhIDVs/s1600/%2523+1.png) no-repeat 1px 5px;color:#2c3e50;text-indent:0;line-height:1.6em;margin:0;padding:0 0 3px 19px}
#related-post .widget{margin:0;padding:0}
#related-post ul{list-style:none;margin:0;padding:0}
6. Letakkan instruksi dibawah ini dibawah instruksi <data:post.body/>. Jika terdapat dua kode, letakkan dibawah instruksi yang kedua
Baca juga :
» Cara Memasang Profile Keren Pada Blog
» Cara Praktis Membuat Kolom Langganan Keren Dibawah Postingan
» Cara Membuat Link Berubah Warna Dan Membesar
<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-post' class='related-post'/> <script type='text/j4vascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = { homePage: "<data:blog.homepageUrl/>", widgetTitle:
"<h4>Artikel Terkait ▼</h4>", numPosts: 5, titleLength:
"auto", containerId: "related-post", newTabLink: false, widgetStyle: 1,
callBack: function() {} }; </script></b:if><div style='font-weight; color:333333; font-size:12px; padding:10px 5px 5px 10px;'><a href='https://goo.gl/zQZRIV' rel='nofollow' target='_blank'><div style='padding-left:1px'> ► Cara Praktis Membuat Related Post/Artikel Terkait</div>
<!--Related Post Widget End-->
7. Simpan dan lihat hasilnya
Demikian cara gampang menciptakan related post/artikel terkait, semoga bermanfaat. Terima kasih telah berkunjung di blog yang sederhana ini.
Sumber http://ap-thea.blogspot.com