Cara Membuat Related Post/Artikel Terkait Keren Dibawah Postingan

Setelah sebelumnya 'CS memberikan trik cara mudah membuat artikel terkait dibawah postingan (Thumbnail) , sekarang 'CS mau memberikan trik cara membuat related post/artikel terkait keren dibawah postingan. Ada baiknya jika sebelum mengedit, sobat backup dulu template. Tanpa banyak basa-basi lagi, berikut langkah-langkahnya.

Baca juga cara mudah membuat tombol share dibawah postingan keren banget ala copas sange

1. Pertama, sobat 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/AVvXsEji_c3KK0YW0BF6pi_rMEA2Q558sR6kUamGPhfe9ycMocBd1m21-kxsexRTstLbxhtDCtiP0VA1AOqiHQOc_S-Bs5N99bI0NCa2mIw9mFXeAw7eqC-d9E70VeLRFoz4clQbALEwvOeK0m8/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 di bawah kode <data:post.body/>. Jika terdapat dua kode, letakkan dibawah kode yang kedua

<!-- 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='http://goo.gl/I59Qmp' rel='nofollow' target='_blank'><div style='padding-left:1px'> ► Cara Membuat Related Post</div>

<!--Related Post Widget End-->

7. Simpan dan lihat hasilnya

Demikian cara  membuat related post/artikel terkait keren dibawah postingan, semoga dapat membantu dan bermanfaat. Terimakasih atas kunjungannya.

loading...

► Copas Sange ◄

Sobat sedang membaca artikel tentang Cara Membuat Related Post/Artikel Terkait Keren Dibawah Postingan. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂ <a href="http://copasange.blogspot.com/2016/05/cara-membuat-related-postartikel.html" target="_blank">Cara Membuat Related Post/Artikel Terkait Keren Dibawah Postingan</a>

:: Salam Blogger ! ::

LANGGANAN ARTIKEL GRATIS

Dapatkan Artikel Terbaru Disini !

Masukkan email anda di bawah ini ! Maka otomatis anda akan mendapatkan kiriman terbaru dari Blog ini secara gratis via email. Terimakasih.