26 May 2011

Cara Pasang Related Post Thumbnails Berjalan

Pada postingan yang lalu saya pernah menjelaskan tentang Cara Membuat Related Posts Thumbnail " You Might Also Like" di blog.
Kali ini saya akan memberikan tips tentang RELATED POST THUMBNAIL BERJALAN.  Pada dasarnya widget ini hampir sama, tapi tips kali ini POS THUMBNAILNYA BEJALAN mondar-mandir seperti pada gambar di bawah ini:
 
Langsung Aja Sob,,,

a. Seperti biasa login dulu ke Blogger.
b. Di halaman Dasbor, kita pilih Rancangan.
c. Kemudian pilih Edit HTML
d. Beri tanda centang pada Expand Template Widget
e. Cari kode </head>
f. Copas kode berikut ini di atas kode
</head>



<!--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: 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 src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


g. Cari kode di bawah ini

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

Atau jika tidak menemukannya cari kode berikut ini

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

h. Jika sudah ketemu, copas kode berikut ini di bawah salah satu kode di atas

<!-- Marquee Blogger Katro 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=12&quot;' 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=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
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://kep-katro.blogspot.com/2011/04/cara-membuat-related-post-tumbnail.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Blogger Katro Related Posts with Thumbnails Code End-->

h. save template

gimana sob,,, mudahkan? tapi sebelum anda memulainya, Download dulu template anda agar tak terjadi kesalahan fatal,,,...semoga berhasil, semoga sukses dan semoga yang terbaik ada pada sobat blogger sekalian.


NB: Jangan lupa tiggalkan jejak..........Thank's

Update Otomatis Posting Blog Anda ke twitter dan Facebook

Automatically Update Your Twitter And FaceBook Status When You Add A New Post On Blogger.
Twitter, facebook, Laconica, Ping.fm dan HelloTxt sekarang salah satu sumber pengunjung terbesar untuk banyak blog, jadi anda harus menggunakan layanan ini untuk mendapatkan lebih banyak pengunjung, Jadi, Anda harus memperbarui status Anda secara teratur setiap kali Anda menambah posting baru di blog Anda sehingga pengikut Anda dan teman-teman selalu menerima update terbaru dari blog Anda. Tapi memperbarui status Anda secara teratur mengambil banyak waktu, khususnya jika Anda memposting banyak postingan setiap hari. Hari ini kita akan belajar cara baru yang `akan menghemat waktu lebih banyak. dengan menggunakan alat ini kamu tidak perlu tweet dan memperbarui status Anda di Twitter, facebook, Laconica, Ping.fm dan HelloTxt. Anda hanya akan perlu Otentikasi Twitter, facebook anda, Laconica, Ping.fm dan account HelloTxt. Setelah menambahkan blog Anda link feed RSS sana. dan Anda baik untuk pergi. Lets Do It.


Pergi ke TwitterFeed.com, Dan klik mendaftar sekarang. Kemudian isi formulir dan klik Buat akun.
Kemudian anda akan dibawa ke halaman lain berisi 3 langkah. Langkah
 
1: Feed Nama & Tambahkan URL Sumber.
Anda harus memasukkan Anda - Nama Feed - RSS Feed URL, default url blog Anda harus mengikuti. http://yourblogname.blogspot.com/feeds/comments/full Atau Anda dapat memasukkan url feedburner Anda jika Anda adalah anggota dari feedburner. Dan klik Lanjutkan ke Langkah 2 Langkah 
 
2: Konfigurasi Layanan Publishing.
Pada langkah ini Anda akan dapat Otentikasi akun Anda di Twitter, facebook, Laconica, Ping.fm dan HelloTxt dengan account twitterfeed.com Anda, Sebagai contoh klik di Facebook, pada halaman berikutnya, klik Connect dengan facebook, sebuah jendela baru akan dibuka, masukkan facebook e-mail dan password dan klik terhubung Kemudian klik memungkinkan akses dan klik menciptakan pelayanan yang
Dan setelah Anda menambahkan dan otentikasi semua account Anda klik Selesai Semua. 
 
 Langkah 3: Selesai.
Pada tahap ini cukup klik Pergi ke dashboard. Dari dashboard Anda, Anda dapat menambah, mengedit atau menghapus layanan dari account Anda.
Dan sekarang Anda selesai.