erikut ini akan saya jelaskan caranya membuat widget Artikel Terbaru yang bergerak dari atas ke bawah yang disertai dengan gambar.
1. Log in dulu di Blogger
2. Setelah ada di dashboard blogger pilih Tata letak / Layout
3. Pilih Add Gadget / Tambahkan Gadget
4. Cari HTML/JavaScript
5. Copy paste script yang ada di bawah ini
Ini Contoh tampilan widgetnya
<style type="text/css">
#rp_plus_img{height:377px;overflow:hidden;border:solid 1px #fff;padding:6px 6px 24px 5px;background-color:transparent;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#;
border:solid 1px #ffffff;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;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 = 25;
var numchars = 40;</script>
<script src="http://khiansantang.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<center><script language="javascript" src="http://gallerydunia.googlecode.com/files/google_translate.js">
</script></center>
<small><a href="http://khiansantang.blogspot.com" target="_blank">Khiansantang</a></small>
6. Jangan lupa di save
kemudian lihat hasilnya........ (^_^)
Keterangan :
Merah ---> Ganti dengan nama blog kamu
Biru -----> Jumlah posting yang akan dimunculkan dalam widget
Kuning --> Jumlah karakter yang akan ditampilkan
Hijau -----> Tinggi widget, atur sesuai kebutuhan
Entri Populer
-
Bagaimana caranya agar artikel yang diterbitkan hanya ditampilkan judul dan jumlah komentarnya saja apabila dibuka dengan menggunakan pera...
-
http://www.masyadi.com/2014/07/cara-membuat-related-post-keren-ala.html http://www.masyadi.com/2014/07/cara-membuat-related-post-keren-ala.h...
-
Beberapa orang bertanya mengenai bagaimana caranya memposisikan judul dan ringkasan posting di samping thumbnail , atau mengenai bagaimana...
-
Cara Membuat Social Share Button Keren Cara Membuat Social Share Button Keren. Sobat Blogger, widget Social Share Button atau bisa dise...
-
Bagaimana sih cara menghapus tulisan Home atau Beranda di bawah postingan? ada sebagian orang yang sesudah membuat blog ada tulisan Home ata...
-
Menubar atau bisa juga di sebut navigasi menu berfungsi sebagai tempat link agar pengunjung blog mudah mengunjungi halaman penting blog kal...
-
erikut ini akan saya jelaskan caranya membuat widget Artikel Terbaru yang bergerak dari atas ke bawah yang disertai dengan gambar. 1. Log i...
-
Berikut adalah tutorialnya. 1. Buka Blogger.com >> Template >> Cadangkan / Pulihkan (Demi keamanan jika terjadi galat) >> ...
-
<script type="text/javaScript"> imgr = new Array(); imgr[0] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg...
-
Cari kode berikut ini : ( gunakan ctrl+F biar mudah ) <b:includable id='status-message'> <b:if cond='data:navMe...
Selasa, 05 Januari 2016
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar