Pesona Wolio-Pulau Buton

Rabu, 06 Juni 2012

Tip Membuat Related Post Dengan Gambar

Berikut adalah cara bagaimana membuat releted post dengan gambar. Apa sih pentingnya related post. Related post sangat penting untuk meningkatkan page view sebuah blog ,dengan meningkatnya sebuah pege view blog otomatis blog tersebut akan cepat naik page ranknya .

Seperti inilah bentuk dari related post atau artikel terkait.

-------------------------------------------------------------------------------------------
Cara Membuat Related Post Dengan Gambar :
Login ke Blogger
Masuk ke Rancangan/Design
Pilih Edit HTML jangan lupa centang Expand Widget Template
Cari kode </head> gunakan Ctrl+F
Ganti kode di atas dengan script di bawah in
-------------------------------------------------------------------------------------------
        <!--Related Posts with thumbnails Scripts and Styles Start--> 
       <b:if cond='data:blog.pageType == &quot;item&quot;'>
<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: #585858;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#000000;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#FF0000;
}
</style>
<script src='http://adablogku.googlecode.com/files/relatedAdaBlog.js.txt' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>
---------------------------------------------------------------------------------------------
Kemudian cari kode <div class='post-footer'>
Ganti kode di atas dengan script di bawah ini

 <!-- Related Posts with Thumbnails Code Start-->
    <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>
    <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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
    <script type='text/javascript'>
    var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=
6;
    var relatedpoststitle="
Artikel Terkait";
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script>
    </div><div style='clear:both'/>
    </b:if>
    <!-- Related Posts with Thumbnails Code End-->
    <div class='post-footer'>
 Save template.

Var maxresult=6; Adalah jumlah gambar yang akan muncul
Var relatedpoststitle="Artikel Terkait"; Adalah judul ,bisa anda ganti sesuai keinginan anda.

Semoga bermanfaat.


Tidak ada komentar:

Posting Komentar

Blog Toudhani -Wolio Molagi© All Rights Reserved
Hasmina Syarif