Cara Mudah Membuat Related Post/Artikel Terkait

Related Post/Artikel Terkait sangat penting keberadaannya pada sebuah blog, hal tersebut dimaksudkan agar memudahkan para pengunjung untuk membaca artikel-artikel lainnya yang berhubungan dengan artikel yang sedang dibacanya. Pada kesempatan ini, Kang AP akan memberikan trik cara membuat artikel terkait tersebut. Berikut cara mudah membuat related post/artikel terkait, mangga disimak !

1. Pertama, login dulu ke Blogger

2. Pilih Template » Edit HTML

3. Cari kode ]]></b:skin>

4. Letakkan kode dibawah ini diatas kode ]]></b:skin>

#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/AVvXsEhzQEc1RPho1XbCRbZ1vYAyZB0mi9ewhQuEI_1THo8LHcbEU4mLf_kjhhDXQarJl-gzi_VTJ5S9SuhujVrSZFPBF6WcFcVds8x8eFKWsrkuM8uiMCd4JP5KmpZq8J5zT8n1Uv-3Vsb0F4w/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}

5. Sekarang cari kode <data:post.body/>

6. Letakkan kode dibawah ini dibawah kode <data:post.body/>. Jika terdapat dua kode, letakkan dibawah kode yang kedua

Baca juga :
» Cara Memasang Profile Keren Pada Blog
» Cara Mudah Membuat Kolom Langganan Keren Dibawah Postingan
» Cara Membuat Link Berubah Warna Dan Membesar

<!-- Related Post Widget Start -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-post' class='related-post'/> <script type='text/javascript'>

var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>

&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

</b:loop></b:if>];

var relatedPostConfig = { homePage: &quot;<data:blog.homepageUrl/>&quot;, widgetTitle:

&quot;&lt;h4&gt;Artikel Terkait ▼&lt;/h4&gt;&quot;, numPosts: 5, titleLength:

&quot;auto&quot;, containerId: &quot;related-post&quot;, 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 Mudah Membuat Related Post/Artikel Terkait</div>

<!--Related Post Widget End-->

7. Simpan dan lihat hasilnya

Demikian cara mudah membuat related post/artikel terkait, semoga bermanfaat. Terima kasih telah berkunjung di blog yang sederhana ini.

Please Share » » Facebook Google+ Twitter