Cara membuat daftar isi bergerak
Admin
Menu model ini akan bergerak berganti post dari atas ke bawah dan akan
muncul postingan kita dari yang terdahulu sampai yang terbaru, dan cara
pembuatannya pun sangat mudah, tinggal ikuti langkah berikut ini:
- Sign In diblogger
- Klik Opsi lainnya dan klik Tata Letak
- Klik Tambahkan Gadget/Add Gadget
- Cari dan klik HTML/JavaScript
- Copy Paste kode di bawah ini
- Klik Simpan
<div style="background-color: white; border: 1px solid rgb(0, 0, 0); height: 300px; width: 300px; overflow: auto;">
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
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 = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div></div></div>
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
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 = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div></div></div>
Contoh Gambar Daftar Isi Seperti di bawah ini
Keterangan :
- Warna Merah = Backround menu
- Warna Hijau = tinggi dan lebar gambar dalam menu yang di tampilkan, ganti sesuai selera
- warna Biru = adalah kecepatan untuk berpindahnya post ke post lain, ganti sesuai selera
- warna Orange = jumlah post yang akan di tampilkan di recent post, ganti sesuai selera
Ditulis Oleh : Admin ~ SIANTARMAN
Artikel Cara membuat daftar isi bergerak ini ditulis oleh Admin pada hari Minggu, 15 September 2013. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara membuat daftar isi bergerak dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Shobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya
Langganan:
Posting Komentar (Atom)
- Anti Virus Indonesia (1)
- Cara Download (3)
- Cara Menginstall (3)
- Cara Menyadap SMS (2)
- Cara Perbaiki MMC (1)
- CD Interaktif Anak (4)
- Dota 2 OFFLINE (1)
- Download Antivirus (2)
- Downloader Tools (2)
- DriverPack Solution (3)
- drp14 r405 (1)
- DVD PSCODE (1)
- Firmware Blackberry (2)
- Game Edukasi Anak (3)
- Info Hardware (6)
- Info Teknologi (4)
- Jual Paket DVD (5)
- Kamera Pengintai (4)
- Kontes SEO (1)
- Lacak Posisi Orang (7)
- Paket DVD BB (1)
- Poinblank Offline (1)
- Software Optimasi (1)
- Tips dan Trick (9)
- Troubleshooting (1)
- Tutorial Blog (8)
- Tutorial Komputer (7)
- Windows Tools (4)
0 komentar:
Posting Komentar