Ocim Blog - Berita Terbaru dan Hiburan

Cara Mudah Membuat Related Post di Blogger

edit post icon Suka artikel ini? Bagikan :
Cara mudah membuat related post di Blogger itu sebenarnya bisa kita praktekan tanpa perlu mengerti pemrograman, sebab apa yang kita lakukan hanyalah tinggal memasukan kode-kode dibawah yang sudah dibuat oleh teman blogspot lainnya.

Cara Mudah Membuat Related Post di Blogger

Pada gambar diatas bisa kalian lihat ternyata begitu bagus serta elegan apabila dipasang pada blog kesayangan kita, mungkin kita ketahui jika begitu banyak suatu situs yang menawarkan jasa gratis related post seperti linkwithin contohnya.

Namun pada postingan kali ini ocimnet akan memberikan suatu kode dimana anda sendiri bisa mengubahnya, itu juga jika sudah mahir dalam pemprograman javascript. Jika kalian sudah tidak sabar ingin praktek coba lihat beberapa tips seputar Cara Mudah Membuat Related Post di Blogger dibawah ini.

1. Masuk ke "blogger dashboard" terlebih dahulu, terus pilih blog yang akan anda pasang.
2. Kemudian pilih menu "Template" - "Edit HTML" - "Proceed".
3. Centang tulisan "Expand Widget Templates", lalu masukan code dibawah ini sebelum/diatas kode pada templates anda.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
        #at-gambar         {text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}
        #at-gambar a       {color:#895F30;overflow-x:hidden;text-align:left;}
        #at-gambar a:hover {background-color:#EAE7DB;color:#666;}
        #at-gambar img     {width:84px !important;height:84px !important;}
    </style>
    <script type='text/javascript'>
        var defaultnoimage    = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF";
        var maxresults        = 5;
        var splittercolor     = "#EBEBEB";
        var relatedpoststitle = "Catatan Lainnya:";
    </script>
    <script src='http://reader-download.googlecode.com/svn/trunk/terkaitlib.js' type='text/javascript'></script>
</b:if>

4. Jika sudah cari kode <div class='post-footer'>

TIP: Tekan CTRL + F kemudian ketik class='post-footer' untuk mempermudah pencarian.

Kemudian masukan kode dibawah ini.

<!-- Artikel Terkait dengan Gambar -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='at-gambar'>
        <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/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=999&quot;' type='text/javascript'></script>
        </b:loop>
        <script type='text/javascript'>
            removeRelatedDuplicates_thumbs();
            printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
        </script>
    </div>
    <div style='clear:both'/>
</b:if>
<!-- Akhir Artikel Terkait dengan Gambar -->

Selain itu anda bisa memasukannya pada bagian <div class='post-footer-line post-footer-line-1'>

5. Langkah terakhir adalah "Simpan Template" atau "Save Template".

Bagaimana mudah bukan cara yang sudah ocimnet berikan diatas, jika anda masih bingung dengan postingan cara mudah membuat related post di Blogger silahkan tuliskan pesan lewat komentar yang tersedia.

loading...

Baca Juga