Latest Article Get our latest posts by subscribing this site
"WELCOME TO GUDANG ARTIKEL - PENGUNJUNG YANG BAIK SELALU MENINGGALKAN KOMENTAR"

Membuat Related Posts dengan Thumbnail


Nah kali ini saya ingin membahas cara membuat related post yang lebih menarik yaitu dengan menambahkan thumbnail atau gambar didalamnyaAgar lebih jelas perhatikan gambar dibawah ini.


Menarik bukan? Cara ini bisa digunakan bersamaan dengan related post tanpa thumbnail. Bagi anda yang tertarik untuk memasangnya, ikuti langkah-langkah berikut:

1. Buka menu Design -> Edit HTML

2. Beri centang pada "Expand Widgets Templates"

3. Letakkan kode berikut diatas </head>
<!--Related Posts with thumbnails Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
height:100%;
min-height:100%;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}

#related-posts h2{
font-size: 1.3em;
color: black;
font-family: Arial;
margin-bottom: 0.75em;
}

#related-posts a{
color:black;
}

#related-posts a:hover {
background-color:#eeeeee;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://lh5.ggpht.com/_15FopxVONSo/TD3yhixJLoI/AAAAAAAADaY/gk-KFA5_m7w/noimage.png";
var maxresults=5;
var splittercolor="#cccccc";
var relatedpoststitle="You might also like:";
</script>
<script src='http://hbhost.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails End-->

4. Lalu cari <p class='post-footer-line post-footer-line-1'/>

5. Kalau tidak ketemu coba cari post-footer-line

6. Letakkan kode berikut dibawahnya.

<!-- Related Posts with Thumbnails 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/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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->

7. Kalau sudah Save template anda.

Keterangan:
var defaultnoimage="http://lh5.ggpht.com/_15FopxVONSo/TD3yhixJLoI/AAAAAAAADaY/gk-KFA5_m7w/noimage.png" menunjukkan gambar yang muncul pada postingan yang tidak memiliki gambar. Anda bisa mengganti gambar tersebut dengan gambar lain.

var maxresults=5 menunjukkan jumlah postingan yang muncul pada related post. Silahkan atur jumlah postingan yang mau ditampilkan dengan mengganti angkanya.

var splittercolor="#cccccc" menunjukkan warna garis pemisah. Ganti cccccc dengan kode warna yang anda inginkan.

var relatedpoststitle="You might also like:" menunjukkan judul related post. Ganti teks yang berwarna merah dengan judul yang anda inginkan.


Bagi anda yang merasa cara diatas terlalu sulit, anda bisa menggunakan widget related post dengan thumbnail yang disediakan oleh linkwithin.com. Untuk cara pemasangannya sangat mudah, berikut langkah-langkahnya:

1. Buka situs http://www.linkwithin.com

2. Isi data-data yang diperlukan pada form yang telah disediakan

Email: alamat email anda
Blog link: Alamat blog dimana anda memasang widget related post with thumbnail
Platform: pilih Other
Width: pilih jumlah related post yang mau ditampilkan
Beri centang pada kotak kecil jika anda menggunakan background template yang gelap

3. Klik Get Widget

4. Copy dan paste kode script yang diberikan diatas </body> pada template blog anda lalu simpan template anda. Selesai

Jika ada yang kurang jelas atau mengalami kendala dalam memasang related post dengan thumbnail silahkan tinggalkan komentar anda dibawah ini. Saya akan berusaha untuk membantu anda.

Sumber: http://www.hermanblog.com/2010/07/membuat-related-posts-dengan-thumbnail.html

CARA MENGUBAH BLOG NOFOLLOW MENJADI BLOG DOFOLLOW

Oh iya, tau gak klo blogger umumnya lebih rajin berkomentar pada blog dofollow di bandingkan yang no follow… Bahkan banyak blogger yang mencari-cari blog dofollow hanya untuk memberikan komentar.. Mengapa???


Pasti semuanya pada tau kan, klo kita berkomentar pada blog dofollow maka kita akan diberikan backlink gratis dari blog tersebut….

Misalnya saya berkomentar pada blog A, maka meski tidak tukaran link, asalkan saya menuliskan alamat blogku saat berkomentar, maka saya akan mendapat link gratis darinya… Bayangkan aja, jika kita berkomentar di 3 blog dofollow sehari, jadi klo setahun kita akan mendapatkan 1000-an back link… Wahhhhh… Gimana ngerti gak?? Keuntungannya pula adalah blog kita lebih mudah terindeks oleh google…

Kalau sobat berminat untuk merubah blognya menjadi dofollow ikuti aja petunjuk di bawah ini:

1. Login dulu ke Blogger dengan ID sobat.
2. Klik layout atau rancangan
3.Klik Edit HTML, jangan lupa backup dahulu template sobat dengan mengklik Download Template Lengkap. (supaya kalau ada kesalahan, templatenya dapat kembali normal)
4. Contreng/ceklis Expand Template Widget
5. Cari kode yang seperti ini :
<a expr:href='data:comment.authorUrl' rel="nofollow">
<data:comment.author/></a>
 6. Kemudian ganti kodenya menjadi seperti di bawah ini :
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>

 Jika bingung, klik saja Ctrl+F dan ketik kata nofollow.
Kemudian hapus tulisan rel="nofollow" yang ada di template sobat.
Save Template.
OK... sekarang blog sobat sudah menjadi dofollow, tinggal permak blog kalian dan perbanyak postingan agar banyak yang berkomentar di blog sobat. semoga sukses

Related Posts Plugin for WordPress, Blogger...

Search This Blog

Hit Counter

Please Join This Site !!!

Contributors

Reza Maulana. Powered by Blogger.
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. GUDANG ARTIKEL - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger