Cara Membuat Related Posts Di Bawah Posting
Selamat Sore Sobat Qtare hari ini saya ingin share turotial tentang Cara Membuat Related Posts Di Bawah Posting . Related posts sangat penting keberadaannya pada suatu blog , karena selain bisa menunjang SEO ,
related posts juga berfungsi untuk memudahkan pengunjung untuk
mengakses artikel kita yang berkaitan dengan artikel yang sedang di baca
oleh pengunjung.
Dibawah ini tampilan dari related posts nya :
1.Log in ke blogger dengan akun yang anda miliki.
2.Klik rancangan.
3.Edit Html » Centag kotak Expand template widget.
4.Cari kode </head> letakkan kode dibawah ini sebelum kode </head> yang anda temukan.
5.Sekarang cari kode <data:post.body/> jika ada dua pilih yang kedua dan letakkan kode di bawah ini dibawah kode <data:post.body/>.
6.Save template sobat dan lihat hasilnya.
Sekian tutorial tentang Cara Membuat Related Posts Di Bawah Posting semoga bisa bermanfaat bagi kita semua. Jangan lupa untuk meninggalkan komentarya yah...!
Jadi si pengunjung lebih bisa berlama-lama menelusuri blog kita sobat, tentunya dengan Related Posts Di Bawah Posting ini akan menunjang profesionalitas blog kita. Nah karena begitu vital fungsinya , saya akan share tutorial ini.
Ets.. saya hampir lupa dengan fungsi dari Related Posts Di Bawah Posting .
Fungsi dari related posts adalah menampilkan artikel yang berkaitan
yang ada dalam blog kita. Masih belum paham..? Begini lo misalnya sobat
memposting artikel dengan label tutorial blog, blogger tutorial, SEO blogger,
atau apa aja deh maka jika pengunjung mengklik artikel kita yang
misalnya berlabel tutorial blog maka akan muncul menu dibawah postingan
kita yang menyajikan artikel-artikel yang berlabel tutorial blogger.
Dibawah ini tampilan dari related posts nya :
Daaripada saya menjelaskannya sampai berbuih-berbuih, lebih baik saya langsung saja kepada intinya yaitu Cara Membuat Related Posts Di Bawah Posting.
1.Log in ke blogger dengan akun yang anda miliki.
2.Klik rancangan.
3.Edit Html » Centag kotak Expand template widget.
4.Cari kode </head> letakkan kode dibawah ini sebelum kode </head> yang anda temukan.
<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/AVvXsEg02fg7ledmBu6SKjH4O2xmrcCaSWqiJEByKmlRQAZgonnAgezLJSi_Iuv1sUsl9bIHKAX8UbzIxozdM9Szad_ntrY1b2OY13A7vgx2tg94ba0VFUEgOV6olQjfflV0ok95efLdDOpBu4s/")
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://yudatfort.googlecode.com/files/related%20posts%20b-digg.js'
type='text/javascript'/>
5.Sekarang cari kode <data:post.body/> jika ada dua pilih yang kedua dan letakkan kode di bawah ini dibawah kode <data:post.body/>.
<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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
<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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
6.Save template sobat dan lihat hasilnya.
Sekian tutorial tentang Cara Membuat Related Posts Di Bawah Posting semoga bisa bermanfaat bagi kita semua. Jangan lupa untuk meninggalkan komentarya yah...!
Thank bos infonya sangat bagus ..ini yang saya car2 seharian keliling nyari2 gak ketemu eh ketemu juga .. Thamk
BalasHapusgan infonya menarik sekali makasih ya ..salam blogger sobat
BalasHapus