Related Post With Thumbnail – hellow, kawan... apa kabar hari ini ? sedang pusing cari Related Post With Thumbnail yang SEO friendly ? loading cepet dan tentunya praktis ? tentunya kawan memilih tutorial yang tepat jika mengembangkan Related Post With Thumbnail yang ada pada postingan Galeri Info Unik kali ini.
Sebelumnya jika kawan ingin menggunakan cara yang diberikan blog ini, sudah saya siapkan dengan matang dan siap pakai berupa ms.word. jadi kawan tidak usah repot – repot untuk mengcopy paste dari artikel ini. Untuk mendownload Tutorial lengkap Related Post With Thumbnail silahkan klik DISNI ! . file tersebut akan langsung ter Download otomatis dan tentunya Gratis he he he he.
Sedagkan isi dari tutorial yang kawan download sama percis dengan tutorial yang ada dibawah ini, so jangan khawatir. Related Post With Thumbnail terbaik dan seo friendly akan segera menempel di blog kesayangan kawan.
Berikut ini salah satu contoh screen shoot Related Post With Thumbnail
1. Login Blogger
2. Pilih Tabs "Rancangan" -> Pilih "Edit HTML" -> Cek "Expand template widget"
3. Backup / download tempalte lengkap kawan untuk mencegah hal –hal yang kacau nantinya.
4. Kemudian cari kode </head> dan letakkan kode di bawah ini tepat di atas kode </head>
======= letakkan kode di bawah ini tepat di atas kode </head>=====
<!--Related Posts with thumbnails Scripts and Styles Start--><b:if cond='data:blog.pageType == "item"'>
<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: black;font-family: Georgia, “Times New Roman”, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}
#related-posts a{color:black;}
#related-posts a:hover{color:black;}#related-posts a:hover {background-color:#d4eaf2;}</style><script src='https://sites.google.com/site/jscript911/script/rpi.js' type='text/javascript'/></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
5. Kemudian cari kode <div class='post-footer-line post-footer-line-1'> dan letakkan kode di bawah ini tepat di bawah kode <div class='post-footer-line post-footer-line-1'>
PERHATIAN : jika terdapat lebih dari satu kode <div class='post-footer-line post-footer-line-1'> maka letakkan script di kode yang paling terakhir.
============letakan dibawah <div class='post-footer-line post-footer-line-1'>========
<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://bolehasyik.blogspot.com/' style='display:none;'>Galeri Info Unik</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->
6. Save dan lihat hasilnya.
+TIPS JIKA GAGAL MEMASANG RELATED POST WITH THUMBNAIL
1. Pada saat kawan mencari kode <div class='post-footer-line post-footer-line-1' pada template kawan, pastikan kawan sudah mencentang “Expand Template Widget” hal kecil ini biasanya disepelekan oleh para blogger sehingga tidak akan bisa ketemu kode <div class='post-footer-line post-footer-line-1'> jika tiak mencentang EXPAND TEMPLATE WIDGET.
2. Ketika kawan menemukan lebih dari satu kode <div class='post-footer-line post-footer-line-1'>, maka pilih kode yang terakhir untuk menempatkan script. Setelah itu save dan mencoba lihat hasilnya. Jika belum berhasil pasang juga scriptnya pada kode yang kedua dari terakhir (jika kode <div class='post-footer-line post-footer-line-1'> lebih dari satu.).
Save dan lihat hasilnya. Jika gagal lagi, pasang juga scriptnya pada kode ketiga dari terakhir dan seterusnya.
3. Jika terjadi kasus seperti ini :
kodescriptlain........<div class='post-footer-line post-footer-line-1'>...............kodescriptlain
saat mencari kode <div class='post-footer-line post-footer-line-1'>.
Maka tempatkanlah scriptnya setelah kode penutup dari script yang kawan pasang sebelumnya. Pada contoh diatas kode <div class='post-footer-line post-footer-line-1'> sudah dipakai untuk script lain maka, pemasangan script RELATEDPOST setelah penutup script lain. (biasanya kode <div class='post-footer-line post-footer-line-1'> bebas dari gangguan script lain).
4. Jika terjadi duplicat related post with thumbnail, maka solusinya adalah kawan harus menghapus kode script related post yang menempel di kode <div class='post-footer-line post-footer-line-1'> paling atas. Jangan yang paling bawah.
Setelah berhasil memasang Related Post With Thumbnail, alangkah lebih baiknya jika kawan juga memasang sitemap alam bentuk daftar isi agar lebih dipercaya google dan terkesan seperti blog profesional. Bagi kawan yang ingin mengetahui cara membuatnya langsung saja masuk ke Cara Membuat Sitemap Blogger.
Okey kawan, mungkin cukup sampai disni dulu pembahasan kita tentang Related Post With Thumbnail di blog Galeri Info Unik ini, semoga bermanfaat dan berguna. Jangan lupa untuk likenya ya kawan.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
JIKA KAWAN INGIN IKUT MENGSHARE TUTORIAL CARA MEMBUAT RELATED POST BLOGGER INI, SILAHKAN MENCANTUMKAN LINK BERIKUT http://bolehasyik.blogspot.com/2012/08/related-post-with-thumbnail.html SEKEDAR UNTUK MENGHARGAI KERJA KERAS DALAM PEMBUATAN DAN RISET TUTORIAL INI. KARENA 80% TUTORIAL INI HASIL RISET DAN UPDATE TERBARU. SEMOGA KEBIJAKSANAAN KAWAN BERBUAH MANIS JUGA. JANGAN LUPA LIKENYA YA. SALAM KOMPAK. :)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Tidak ada komentar:
Posting Komentar