Cara Pasang Related Post Di Bawah Postingan Blog Non Amp

Baca Juga

Hari ini aku akan memperlihatkan tips cara memasang artikel terkait untuk blog nonAMP, memasang artikel tarkait atau related post sangatlah penting bagi sebuah situs blog, yang mana dengan memasang artikel terkait pengunjung blog teman akan lebih betah berlama usang diblog sobat.

Artikel terkait ini yakni jenis artikel terkait yang akan tampil dibawah postingan alasannya yakni tampilannya seolah-olah dengan populart post. Dan mempunyai Gambar atau Thumbnail yang akan menciptakan pengunjung ingin tau untuk membacanya.

Related post ini dibentuk oleh arlina design, jadi sudah niscaya tampilannya keren, jadi tertarik untuk mencobanya ?

Silahkan simpan isyarat dibawah ini diatas isyarat }}></b:skin> atau </style>

/* Related Post */ #related_posts{margin-top:20px} #related_posts h4{color:#fff;background:#25a186;padding:10px;margin:0 0 5px;font-size:110%;} #related_img{margin:0;padding:0;} #related_img:hover{background:0} #related_img ul{list-style-type:none;margin:0;padding:0} #related_img li{min-height:62px;border-bottom:1px solid #f1f1f1;list-style:none;margin:0 0 5px;padding:5px;} #related_img li a{color:#25a186;} #related_img li a:hover{text-decoration:underline} #related_img .news-title{display:block;font-weight:bold!important;margin-bottom:5px;font-size:14px;} #related_img .news-text{display:block;font-weight:normal;text-transform:none;color:#888;font-size:11px;} #related_img img{float:left;margin-right:10px;width:60px;height:60px;max-width:100%;background:#fff}

Lalu simpan isyarat berikut dibawah postingan, atau disimpan dibawah isyarat <data:post.body>

<div id='related_posts'>     <h4>Artikel Terkait</h4>     <b:loop values='data:post.labels' var='label'>     <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgthum&max-results=50"' type='text/javascript'/>     </b:loop>     <ul id='related_img'>     <script type='text/javascript'>relatpost();</script>     </ul>     </div>

Atau dapat juga cari isyarat dibawah ini dan simpan sempurna dibawahnya

<div class='post-footer'>     <div class='post-footer-line post-footer-line-1'> Taruh disini     </div>

Jika merasa penempatan kodenya sudah benar jangan lupa simpan Temanya, dan lihat hasilnya,

Dengan memasang related post pada blog teman dijamin pengunjung akan lebih betah diblog sobat, alasannya yakni akan tertarik dengan artikel yang lainnya.

Semoga bermanfaat !