Cara Membuat Related Post Gambar

Baca Juga

Related Post atau Artikel Terkait adalah isi artikel yang berhubungan dengan postingan yang sedang dibuka atau dibaca.

Artikel terkait yang ditampilkan adalah artikel yang sama-sama dalam satu label atau kategori.

cara membuat related post gambar

Cara Membuat Related Post Bergambar

1. Masuk ke akun blogger > Rancangan > Edit HTML.
2. Centang expland template widget.
3. Cari kode di bawah ini (tekan CTRL+F untuk mencari dengan cara cepat).

</head>


4. Masukkan kode di bawah ini tepat di atas atau sebelum kode .

<!--Kode Artikel Terkait dengan gambar start www.bloggernes.com--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLtbBa19WW2jkEcAhb6143VOrEPHBKY64E2N0ptyOj5R9E_g5yKdu38yrY_8CYSVbyzYJKBzlcb3b84mFJExjhaFS09rF3ACKhB-0B8xxPZ2p1yOwlvzQXrmvz3cnTSPfw_8_rnKaPnPjC/s1600/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Artikel Terkait"; </script> <script src='http://bloggernes.googlecode.com/files/relposts.js' type='text/javascript'/> <!-- remove --></b:if> <!--Kode Artikel terkait dengan gambar End-->

Anda bisa mengganti kode angka 5 dan tulisan artikel terkait;
a. angka 5 jumlah postingan yang ingin ditampilkan
b. "artikel terkait" dengan kalimat yang dikehendaki


5. Kemudian cari kode seperti berikut:

<div class='post-footer-line post-footer-line-1'>

atau kode seperti ini
<div class='post-footer-line post-footer-line-1'> </div>

atau kode seperti ini
<p class='post-footer-line post-footer-line-1'>


6. Masukkan kode dibawah ini, persis dibawah kode-kode di atas tadi (pilih salah satu).

<!-- Code artikel terkait dengan gambar Start www.bloggernes.com--> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div> <div style='clear:both'/> </b:if><!-- Code artikel terkait dengan gambar End www.bloggernes.com-->


7. Terakhir, klik pratinjau, lalu save template. Selesai.

http://bangnesdotcom.blogspot.com/2012/04/cara-membuat-related-post-gambar.html#

Diposting Oleh : RIFANYTOP - Admin

Judul : Cara Membuat Related Post Gambar
Berisi tentang :
Dengan url http://rifanytop.blogspot.com/2012/12/related-post-atau-artikel-terkait.html
By : RIFANYTOP - Silahkan Di Bagikan Jika sekiranya Bermanfaat, dilarang mengcopy Postingan Ini Tanpa Mencantumkan Link Sumber.