Panduan Blogspot kali ini kita akan membahas tentang cara membuat recent post-artikel terbaru di blog.Dengan
kita memasang recent post atau postingan terbaru di sidebar blog,maka
para pengunjung akan lebih mudah mengetahui postingan terbaru
sobat.Recent post yang akan kita buat ini adalah recents post thumbnail
yang bergerak,jadi selain para pengunjung blog kita mudah dalam
mengetahui postingan terbaru kita,blog kita pun akan terlihat
cantik.Cara memasangnya pun tidak terlalu sulit,sobat sekalian hanya
membutuhkan beberapa menit saja untuk memasang recent post thumbnail bergerak di blog.Gimana? apa sobat mau memasangnya di blog sobat?
Coba sobat lihat pada sidebar blog saya ini,di sidebar blog saya ini,saya memasang recent post dengan thumbnail yang bergerak.
Bagi sobat sekalian yang ingin memasang recent post thumbnail bergerak silahkan ikuti beberapa langkah berikut
1.Login ke akun blogger sobat
2.Klik menu TATA LETAK (bagi sobat yang menggunakan antarmuka blogger yang lama,klik RANCANGAN)
3.Klik Tambah Gadget
4.Klik HTML/Javascript
5.Masukan kode berikut
<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://optimus-software.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>http://www.blogger.com/blogger.g?blogID=4959004355956332957#editor/target=post;postID=4615134835315008147
</center>
Perhatikan : Ganti tulisan yang saya beri tanda kuning,dengan alamat blog sobat
6.Klik SIMPAN
7.Selesai
Coba sobat Lihat hasilnya.Semoga postingan saya kali ini tentang cara membuat recent post dengan thumbnail bergerak di blog bisa bermanfaat untuk sobat sekalian.Sampai jumpa di Panduan Blogspot berikutnya.
Baca Juga tips dan Trik Blog berikut :
- Cara pasang animasi bergerak mengikuti mouse di blog
- Cara Membuat Like This Box Facebook Pada Blog
- mengubah nama situs blogspot menjadi namadomain.co.cc
- Cara Memasukkan Video Youtube Ke Posting Blog
- Cara mengganti cursor blog agar lebih menarik
- Cara Membuat Teks Pada Kursor
- Cara Membuat Efek Bintang pada Kursor
- Cara Membuat/Pasang Efek Hujan Salju di Blog Anda
- Cara Memasang Widget Iklan Banner Dengan Teratur
- Cara Daftar google adsense terbaru untuk blogspot
Baca Juga yang ini Sob...:
Tutor Blogger
- Cara Membuat Scroll pada Label Blog
- Daftar Social Bookmark Indonesia | Tutor Blogger
- Cara Mendapatkan PageRank Dari Google
- Penyebab Link in Alexa Tidak Bertambah atau No Data
- Perbedaan Menjiplak dan Meng-Copas di Blogger
- Membuat Scroll Pada Kotak Komentar Blog
- Membuat Kotak Komentar Thread Keren di Blogger
- Widget Penting yang harus ada di Blogger.
- Cara Cepat dan Mudah Mengetahui Blog Dofollow Atau Nofollow
- Tips Mendapat Backlink Berkualitas Permanent.
- Penyebab Jumlah Pelanggan Feedburner Naik-Turun
- Membuat Recent Coment avatar di Blogger
- Membuat Random Post di Blogger.
- Pentingnya Blogwalking | Tips SEO
- Di Halaman Awal/Home Blog Hanya Muncul 1 Postingan.
- Cara Scan Blog dari Virus atau Malware
- Memasang Meta tag Otomatis di setiap halaman Blog.
- Cara Membuat Link Sumber Otomatis ketika Artikel Blog di Copas.
- Berkomentar Bisa Dapat Backlink Untuk Optimasi SEO
- Membuat Thread Balas/Reply Komentar Blogger.
- Cara Membuat artikel Terkait dengan Scroll di bawah postingan Blog.
- Cara Membuat Tombol Shared (Daun) keren di Blog.
- Cara Menampilkan Navbar Blog secara Auto Hidden.
- Cara Membuat Box Followers Twitter di Blog.
- Cara Merubah Tulisan Posting Baru, Beranda, Posting Lama dengan Gambar.
info menarik bro dan aku suka, juga artikelnya menarik nie, dan tetap berkarya. sekalian bagi teman2 yg suka download film box office ampe setengah blu silakan kunjungi web nya nie, ken aku nemu di google dan makasi utk admin disini thanks dan gbu,makasi
BalasHapus