Membuat Artikel Terkait dengan Gambar / Thumbnail

Membuat Artikel Terkait dengan Gambar / Thumbnail. Artikel terkait atau related post atau mungkin artikel yang berhubungan, sama aja yah hehehe. Kali ini Blog Bamz akan sharing cara membuat artikel terkait dengan thumbnail setelah sebelumnya sudah posting cara membuat artikel terkait di sidebar blog. Ada 2 cara membuat artikel terkait dengan thubnail atau gambar, yang pertama menggunakan layanan online seperti linkwithin dll. Sedangkan yang ke 2 yaitu membuat artikel terkait dengan thumbnail secara manual. Disini saya akan sharing cara membuat artikel terkait dengan gambar secara manual.

Membuat Artikel Terkait dengan Gambar / Thumbnail

• Langkah pertama yaitu login ke blog anda > Design > Edit HTML > Centang expand widget templates.
• Cari kode </head> dan kalau sudah ketemu silahkan paste kode di bawah ini tepat di atas kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, 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 type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLEsfoUU_6ogiBvmTvfULR-IQ8_adlXzUms1W3XVKcPPWKovg2284V4cdXJVrp4Dqov-P8XVX_Z2JcLOpkMoVDqEj3e5k1xwnZsf05py8KTcsL8w6zhl-egCnI_6fLkv0J-RaCUBcJMFk/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Artikel Terkait Yang Mungkin Anda Cari";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Sekarang anda cari kode ini

<div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>

Nah kalau sudah ketemu, sekarang paste kode berikut di di bawah kode tadi

<!-- 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>

Berikut ini adalah kode yang bisa anda ganti sebelum menyimpan template (ganti tulisan yang berwarna merah)

jumlah artikel terkait muncul

var maxresults=5;

Jumlah artikel terkait / label

max-results=6

Judul artikel terkait

var relatedpoststitle="Artikel Terkait Yang Mungkin Anda Cari";

Warna tulisan pada artikel yang terkait, silahkan anda ganti sesuai keinginan anda. Cari kode warna

var splittercolor="#d4eaf2";

Nah kalau sudah selesai anda bisa klik save template dan selesai :).

Artikel Terkait dengan Gambar / Thumbnail ini hanya muncul pada halaman posting, jika anda ingin Artikel Terkait dengan Gambar / Thumbnail ini muncul di semua halaman blog, anda bisa menghapus kode
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> dan <!-- remove --></b:if>

Artikel ini dipelajari dari Bloggerplugins dengan sedikit modifikasi :).

Cara Redirect Broken Link Pada Blogger

Cara Redirect Broken Link Pada Blogger. Redirect broken link pada blogger adalah salah satu dari beberapa fitur baru blogger. Redirect broken link ini berfungsi mengalihkan atau merujuk link error dengan link yang lain. Saya pribadi sangat menyukai Page Redirect ini karena memungkinkan kita dengan mudah redirect posting yang hilang, tulisan yang tidak ada atau dihapus di blog BlogSpot Anda ke lokasi yang ada. Biasanya untuk halaman yang tidak ditemukan, blogger secara otomatis menampilkan halaman Error 404, tetapi hal ini dapat membahayakan PageRank sobat dari link internal dan eksternal. Misalnya sobat memiliki posting dan orang-orang / pengunjung berbagi link dengan teman temannya dan itu bisa menyebar di mana-mana, jika karena alasan tertentu sobat memutuskan untuk menghapus posting itu, orang dan robot akan melihat kesalahan URL yaitu halaman tidak ditemukan. Berikut ini adalah hal yang perlu sobat ketahui sebelum melakukan redirect broken link pada blogger.

Apa itu Broken Link?

Dengan kata lain setiap halaman atau posting yang Anda hapus dalam blog atau website Anda disebut sebagai link yang rusak / broken link oleh robot pencari. Yang disebut rusak karena titik link ke konten yang hilang dan menampilkan halaman kesalahan 404.

Cara menemukan Broken Link / Link error.

Kadang-kadang sobat tidak ingat posting mana yang dihapus oleh sobat sendiri atau URL yang menyebabkan kesalahan, sehingga sulit bagi spider pencari untuk mengindeks blog sobat. Untuk menemukan link yang rusak di blog sobat silahkan kunjungi Google Webmaster Tools. Berikut ini cara menemukan broken link atau link rusak / error.

• Kunjungi Google Webmaster Tools
• Pilih Blog sobat
• Klik more pada tabel Crawl errors

• Klik Not Found

• Maka akan muncul list dari link error pada blog sobat. contohnya di bawah ini

Link error tersebut dikarenakan pengunjung yang salah mengetikkan link url yang sebenarnya. Bisa saja karena posting di hapus, tapi yang saya contohkan di atas hanya karena pengunjung salah mengakses link. Jadi jika pengunjung mengeklik link tersebut maka yang muncul adalah Halaman Error 404 sebagai pengganti broken link tersebut.

Cara Redirect Broken Link

Untuk redirect broken link, pertama sobat klik link not found blog sobat. Nah saya contohkan link di atas.

Link yang rusak disini adalah

http://www.bamz.us/2011/12/kata-kata-ga..

Sedangkan link yang sebenarnya adalah

http://www.bamz.us/2011/12/kata-kata-galau-terbaru.html

Sekarang saatnya redirect broken link tersebut

1. Jika sobat menggunakan tampilan blogger lama, silahkan menuju draft.blogger.com . Kecuali jika sobat sudah upgrade Blogger New interface
2. Ke halaman Setting > Search preferences > Klik link edit di sebelah Custom Redirects

3. Sobat masukkan link error kedalam kolom from ( cukup masukkan link yang saya warnai kuning sebagai contoh : /2011/12/kata-kata-ga.. )
4. Terus masukkan juga link redirect / tujuan pada kolom to ( /2011/12/kata-kata-galau-terbaru.html )
5. Klik link Save diikuti dengan tombol Save Changes

Redirect Broken Link Pada Blogger ini hanya di batasi 10 link. Jadi lakukan redirect untuk link yang mungkin sangat di butuhkan. OK selamat mencoba melakukan redirect broken link pada blog sobat.