Cara Membuat Artikel Terkait Dengan Gambar


Kali ini Saya akan memberitahu Cara Membuat Artikel Terkait Dengan Gambar.
Biasanya di blog orang lain artikel terkait hanya berupa judulnya saja, itu tidak membuat pengunjung sangat penasaran dan tertarik untuk melihat artikel lainnya. Nah, agar pengunjung mau melihat-lihat artikel kita yang lainnya, buatlah artikel terkait dengan gambar, itu akan membuat pageview pada blog kita menjadi bertambah.

Cara Membuat Artikel Terkait Dengan Gambar

Cara Membuatnya :

  • Pastinya sudah login ke blogger.com
  • Pada dashboard pilih Template → Edit HTML
  • Letakkan script berikut, di bawah kode ]]></b:skin> atau di atas kode </head>

<!--Artikel Terkait berisi Thumbnail Script-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {float:center;text-align:left;margin: 0 auto 0;text-transform:none;height:100%;min-height:100%;padding:5px 5px 0 5px;}
#related-posts h2{font-size: 1.6em;font-weight: normal;color: black;font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;margin-bottom: 0.75em;padding-top: 0em;}
#related-posts a{color:black;padding:0 2px;margin:0 5px 0;}
#related-posts a:hover{color:black;padding:0;background-color:#999;}
</style>
<script type='text/javascript'>
var defaultnoimage='http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png';
var maxresults=6;
var splittercolor=&quot;#ff0000&quot;;
var relatedpoststitle=&quot;Artikel Terkait&quot;;
</script>
<script src='https://sites.google.com/site/blogbegocreation/javascript/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Artikel Terkait berisi Thumbnail Script End-->

  • Selanjutnya cari kode <div class='post-footer-line post-footer-line-1'>
  • Letakkan script berikut, di bawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Artikel Terkait berisi Thumbnail Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/summary/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<!-- Artikel Terkait berisi Thumbnail Code End-->
</b:if>

Perhatian :

Angka 6 dan 7 yang Saya beri warna merah adalah jumlah yang ditampilkan, dengan selisih 1, Anda bisa menyesuaikannya pada blog Anda.

    Selamat Mencoba !

    Belum ada Komentar untuk "Cara Membuat Artikel Terkait Dengan Gambar"

    Posting Komentar

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel

    Tekan close (x) 2 kali untuk menutup, jangan lupa Berlangganan

    Masukkan Email aktif untuk update artikel via email :

    Delivered by FeedBurner

    ×