Rabu, 19 November 2014

Membuat Related Post di bawah postingan


Cara Membuat Related Post di bawah postingan blog,- Pasti bagi anda yang gemar ngeblog sudah tidak asing lagi dengan Related post. Yap, Related post adalah widget yang sering atau biasanya terletak di bawah postingan yang sedang di tampilkan atau di buka. Related post adalah kumpulan postingan postingan yang ada di blog selain postingan yang sedang di tampilkan. Related post berfungsi untuk memudahkan pembaca atau pengunjung blog membaca artikel artikel atau postingan postingan lainnya yang ada di dalam blog anda. Jadi, pengunjung mungkin akan tertarik membaca postingan postingan blog anda yang lain yang judulnya  menarik menurut pengunjung blog anda. Related post ini sungguh sangat berguna dalam sebuah blog. Kenapa? hal itu sudah saya jelaskan pada penjelasan sebelumnya.




Cara Membuat Related Post di bawah postingan blog





Cara Membuat Related Post di bawah postingan blog






Untuk mengetahui Cara Membuat Related Post di bawah postingan blog ini, pertama anda harus mem-backup template anda untuk menghindari kegagalan dalam pengeditan, download dahulu template anda di bagian Template. Berikut cara membuat related postnya.




  1. Login Blogger,

  2. Pada dashboard buka HTML lalu edit HTML,

  3. Setelah itu cari kode </head>, lalu masukkan kode berikut diatasnya,


  4. <style> #related-posts { float : left; width : 540px;  
    margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px
    Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type :
    none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2,
    #related-posts h2 { font-size : 20px; font-weight : normal; margin :
    5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration :
    none; } #related-posts a:hover { text-decoration : none; }
    #related-posts ul { border : medium none; margin : 10px; padding : 0; }
    #related-posts ul li { display : block; background :
    url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbtFTvz1Yz_J4JrVzQ3nh_Ic69Zk0Cw5343jaQaVAFKRzLLST3WL3kwUfHpeQG7iEGRh-kiQDJEgGWnqquIqCvqT5Lgj3EvJL5YLYJscb3Hq8gaq4WvmH39aFmErK_TrzIijc02K3j4EU/")
    no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0;
    padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px;
    line-height : 2em; border-bottom:1px dotted #cccccc; } </style>
    <script
    src='http://yourjavascript.com/11631137121/related_post_pelajaran_blog.js'
    type='text/javascript'/>

  5. Setelah selesai, cari kode <data:post.body/>, nanti akan di temukan beberapa kode seperti itu, coba satu persatu hingga pas, lalu masukkan kode berikut,

  6. <br/><br/><b:if cond='data:blog.pageType == "item"'>

    <div id="related-posts">

    <font face='Arial' size='3'><b>Related Posts :
    </b></font><font color='#FFFFFF'><b:loop
    values='data:post.labels'
    var='label'><data:label.name/><b:if cond='data:label.isLast
    != &quot;true&quot;'>,</b:if><b:if
    cond='data:blog.pageType == &quot;item&quot;'>

    <script expr:src='&quot;/feeds/posts/default/-/&quot; +
    data:label.name +
    &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;'
    type='text/javascript'/></b:if></b:loop> </font>

    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();

    </script>

    </div></b:if>

  7. Setelah itu simpan.



Itulah postingan saya tentang Cara Membuat Related Post di bawah postingan blog ini, semoga postingan ini bisa menjdikan anda sebuah refrensi jika ingin membuatnya. Jika ada kesalahan penulisan atau ada langkah yang tidak mengerti silahkan lapor pada kolom komentar agar segera di perbaiki.