Sedikit Info Seputar
Cara Memasang SlideShow Post Pada Blog
Terbaru 2017
- Hay gaes kali ini team Apk Games Free Download , kali ini akan membahas artikel dengan judul Cara Memasang SlideShow Post Pada Blog, kami selaku Team Apk Games Free Download telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Apk Games Free Download . semoga isi postingan tentang
Artikel Tips Blog, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Memasang SlideShow Post Pada Blog
Terbaru
link: Cara Memasang SlideShow Post Pada Blog
Berbagi Artikel Tentang Cara Memasang SlideShow Post Pada Blog Terbaru dan Terlengkap 2017
BlogSimple! - Apa kabar sobat! Semoga kabar baik ya. Kali ini saya akan membagikan tutorial ngeblog. Disini saya akan menulis bagaimana cara memasang slideshow post di sidebar blog atau disamping blog. Sidebar ini juga dapat mempercantik blog sobat agar dapat menarik visitor blog sobat dan tentunya dapat membuat naik angka visitor di blog sobat. Dibawah ini merupakan contoh dari Slideshow post pada blog, btw ini merupakan template saya yang masih jaman majapahit :D. Langsung aja deh saya kasih tau tutorialnya.
1. Yang pertama sobat harus masuk ke blog sobat dan pilih atau klik tata letak.
2. Kemudian sobat klik tambahkan gadget.
3. sobat plih HTML / Javascript.
4. Sobat copy dan paste script dibawah ini di HTML / Javascript tadi.
5. Klik save dan liat hasilnya. Jika berhasil akan muncul slideshow seperti gambar yang diatas.
<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;var numchars = 40;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
Keterangan :
#EFFBEF; Warna saat disorot kursor
Untuk memilih warna lain, silahkan lihat disini : Daftar kode warna HTML
#d90000; Warna Judul Postingan
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan
Sekian, semoga tutorial blog yang saya bagikan ini dapat bermanfaat bagi kita semua. Jika sobat tidak mengerti bisa menanyakannya dikolom komentar dibawah postingan ini. Terima kasih!
Itulah sedikit Artikel Cara Memasang SlideShow Post Pada Blog terbaru dari kami
Semoga artikel Cara Memasang SlideShow Post Pada Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Apk Games Free Download . jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Artikel Tentang Cara Memasang SlideShow Post Pada Blog Terbaru
