Rabu, 26 Februari 2014
Hello Sobat, selamat datang di Tugasku4u.com, dipostingan Kali ini saya tidak akan memposting tugas-tugas saya melainkan membagikan Tutorial Blogger.
Disini Saya akan memposting Bagaimana cara memasang slideshow postingan di sidebar blog atau lebih tepatnya cara memasang slideshow artikel terbaru. Anda boleh melihat contohnya pada sidebar di blog ini. Slideshow ini berguna untuk menarik minat pengunjung untuk mengklik postingan kita juga sekaligus mempercantik Blog kita. Untuk yang sudah tidak sabar ingin mencobanya silahkan lakukan langkah-langkah berikut ini!
Cara Memasang Slideshow Artikel Terbaru Di Blog :
1. Login ke akun blog Anda
2. Pilih Tata Letak
3. Kemudian Klik Tambahkan Gadget
4. Pilih HTML/javascript
5. Copy Kode di bawah ini dan pastekan di HTML/javascript tadi.
#ffffff; Warna background
#EFFBEF; Warna background saat disorot kursor
#d90000; Warna Judul Postingan
Untuk memilih warna lain, silahkan lihat disini : Daftar kode warna HTML
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan
6. Simpan/save !!! Selesai... Untuk yang belum terlalu mengerti atau ada yang ingin ditanyakan silahkan komentar saja diblog ini.
7. Semoga bermanfaat dan berhasil yaa minna~~ Arigatou~ :D
1. Login ke akun blog Anda
2. Pilih Tata Letak
3. Kemudian Klik Tambahkan Gadget
4. Pilih HTML/javascript
5. Copy Kode di bawah ini dan pastekan di HTML/javascript tadi.
<style type="text/css">#rp_plus_img{height:385px;overflow:hidden;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;border-radius: 10px;background:#ffffff}#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;border-radius: 10px}</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 :
#ffffff; Warna background
#EFFBEF; Warna background saat disorot kursor
#d90000; Warna Judul Postingan
Untuk memilih warna lain, silahkan lihat disini : Daftar kode warna HTML
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan
6. Simpan/save !!! Selesai... Untuk yang belum terlalu mengerti atau ada yang ingin ditanyakan silahkan komentar saja diblog ini.
7. Semoga bermanfaat dan berhasil yaa minna~~ Arigatou~ :D
Popular Posts
-
Pengen punya pacar CANTIK atau yg PERFECT dari “ATAS sampe BAWAH” ok langsung aja Tips & Triknya : Langkah – langkah : * Cobalah...
-
Bagi para pria yang sedang dalam masa PDKT dengan wanita pujaan hatinya, dan kebetulan wanita itu memiliki bintang Aries, mungkin b...
