√ Menciptakan Related Post Ringan Dan Kondusif Di Blogger

Related Post merupakan sebuah potongan yang selalu ada dari sebuah blog, sanggup dikatakan bahwa related post ialah salah satu unsur yang cukup penting dan sangat direkomendasikan untuk disisipkan pada halaman blog alasannya ialah dengan adanya related post seorang pengunjung sanggup mencari hal-hal lain yang terdapat pada blog tersebut sekaligus sanggup membantu pemilik blog meningkatkan traffic blog tersebut.

Banyak cara yang sanggup dipakai untuk menampilkan related post di blog, terdapat aneka macam aba-aba dan metode yang sanggup menjadi pilihan, bahkan kalau beruntung kau sanggup menampilkan related post dengan pemberian dari Google Adsense sehingga kau akan diberikan beberapa fitur yang ditawarkan oleh Google Adsense. Namun tentu saja tidak semudah kedengarannya, Google Adsense hanya akan memperlihatkan fitur related post untuk blog yang telah memenuhi syarat dan ketentuan yang telah ditetapkan oleh Google Adsense.

Akan tetapi pada posting ini saya tidak akan membahas lebih jauh wacana related post Google Adsense, namun saya akan mencoba memperlihatkan salah satu cara yang sanggup kau gunakan untuk menampilkan related post pada blog. Yaitu dengan memakai aba-aba j4vascript. Kode related post ini mempunyai beberapa kelebihan yang mungkin kau sukai, diantaranya mempunyai tampilan yang simpel dan sederhana, ringan, serta gampang diatur dengan hanya memodifikasi aba-aba CSS.

Pertama-tama saya sarankan kepada kau untuk melaksanakan backup terlebih dahulu terhadap keseluruhan aba-aba blog, barangkali tampilan related post ini tidak sesuai dengan impian kamu, maka akan lebih gampang untuk mengembalikan perubahannya. Cara terbaik backup di Blogger sanggup kau baca di sini.

Membuat Related Post Sederhana dan Aman

Untuk menciptakan related post yang ringan dan kondusif di Blogger, kau sanggup mengikuti langkah-langkah berikut ini:

1. Buka Blogger
2. Pada potongan Tema klik tombol Edit HTML

3. Temukan aba-aba ]]></b:skin> dan letakkan aba-aba berikut di atasnya

#related-posts{float:left;width:100%;border-bottom:0px solid #888;border-top:0px solid #88daed;margin:5px 0 10px;padding:15px 0 10px} #related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0} #related-posts a{color:#0973CF;font:12px Verdana} #related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguxNSzqoHwPFCWn0hpj1jfXmxA8_ORql_yvZ_BvG-V6Cyg9iIDahkS6N_LTpWHKn0Neor03M9w8zqn28CH8Tff4eQ4vN9JyzdxzAEsPyydrVLBWs2MzSI0iWI45ZcCqSfPZsloqRhhT-4/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px} #related-posts a:hover{color:#c00;text-decoration:none} #related-posts .widget{margin:0;padding:0} #related-posts ul{list-style:none;margin:0;padding:0}

4. Temukan aba-aba </head> dan letakkan aba-aba berikut di atasnya

<script> var relatedpoststitle=&quot;Related Posts&quot;; </script> <script src='https://code.maringngerrang.com/simple-related-post.js'/>

5. Temukan aba-aba <data:post.body/> dan letakkan aba-aba berikut di bawahnya (jika ada lebih dari 1, coba pilih yang kedua dari atas yang kau temukan, kalau gagal pilih aba-aba selanjutnya)

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=8&quot;' type='text/j4vascript'/></b:loop> <script type='text/j4vascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div><div class='clear'/> </b:if>

Penutup

Setelah semuanya selesai, silakan periksa salah satu posting yang terdapat di blog kamu, kemudian scroll untuk menampilkan potongan paling bawah dari halaman posting tersebut. Jika berhasil, maka kau akan menemukan beberapa posting yang mempunyai label sama dengan posting yang kau buka.

Related Post nya tidak tampil!?

Jika gagal, maka ada beberapa hal yang sanggup menjadi penyebabnya. Pertama, kesalahan penempatan aba-aba langkah ke-5, temukan aba-aba <data:post.body/> yang sempurna kemudian periksa lagi.

Kedua, belum ada posting lain dengan label yang sama, artinya postingan di blog kau mungkin terlalu sedikit atau tidak ada posting lain dengan label yang sama dengan posting yang kau buka, coba buka posting yang lebih terkenal di blog kau (posting dengan label terbanyak).

Kamu sanggup melihat pola halaman demo pada halaman ini.

Mungkin itulah beberapa langkah memasang sebuah related post yang amat sederhana di Blogger. Cara di atas mungkin amatlah sederhana namun saya mencoba menjelaskan dengan serinci mungkin supaya kau sanggup memahaminya. Kamu sanggup menghubungi admin melalui halaman contact blog ini, kalau sedang tidak sibuk admin akan segera menjawab jawaban kamu. Atau supaya lebih gampang dilihat kau sanggup meninggalkan komentar di potongan bawah halaman ini dengan memakai Disqus, kamu sanggup berkomentar tanpa harus mempunyai akun Disqus. Terima kasih dan hingga jumpa!
Sumber http://www.maringngerrang.com/