Latest SOAL :

Selasa

Cara Membuat Daftar Isi Otomatis Scroll ( Part I )

Dalam postingan kali ini Spensa Malang  akan memposting artikel tentang Cara Membuat Daftar Isi Otomatis Scroll di Sidebar   Atau  Efek Marquee bagian I.   Baiklah langsung saja ke point, mohon untuk dipdrhatikan bagi para blogger pemula seperti saya ini. ikuti langkah-langkah sederhana dan mudah ini :

1. login ke akun blogger anda
2. Pilih Rancangan lalu klik Tambah Gadget dan pilih HTML / JavaScript
3. Untuk memasang Daftar Isi dengan Scroll ( Part I )  masukkan kode berikut :

<div class='widget-content'>
<style type="text/css">
.bgsGR_CommBox, .bgsGR_CommBox-cumulus, .Label .widget-content {background:#000 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/template-GR/bgwidget.jpg) bottom center repeat;border:5px groove #666;font:Droid normal;font-size:10px;color:#CCFFFF;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-transition:all 2s ease-in;-moz-transition: all 2s ease-in;-webkit-transition:all 2s ease-in;}
.bgsGR_CommBox-cumulus {float: left;margin: 5px; opacity: 0.2;filter:alpha(opacity=20);}
.Label .widget-content {margin: 20px auto;width: 285px;height: 250px;overflow: auto; opacity: 0.2;filter:alpha(opacity=20);}      
.bgsGR_CommBox { overflow:auto;height:200px; padding:15px 10px 10px 0;opacity:0.1;}      
.bgsGR_CommBox:hover, .bgsGR_CommBox-cumulus:hover, .Label .widget-content:hover{opacity:1.0; filter:alpha(opacity=100);}
.bgsGR_CommBox a{color:#cb5d03;font-size:12px;font-weight:bold;text-decoration:none;}
.bgsGR_CommBox a:hover{text-decoration:underline;color:#33FF00;font,style:normal;}  
</style>
<p style="font-family:Staccato222 BT;font-size:22px;color:888;margin:10px;text-align:center;">all articel</p>
<div class="bgsGR_CommBox">
<script src="http://generation-platinum.googlecode.com/files/kodesitemap.js">
</script>
<script src="http://spensa-mlg.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div> 



Menu Scroll Akan Jadi Seperti ini


All Articel Spensa Malang


Keren Kan Sobat Blogger . . . ???? 

Tulisan yang berwarna PINK bisa diganti sesuai dengan lebar sidebar blog sobat, warna KUNING ganti dengan alamat blog sobat,

Salam dari Spensa Malang Semoga berhasil hehehe . . .

Tidak ada komentar:

 
Support : Creating Website | Slamet Sisyono | My Facebook
Copyright © 2011. Spensa Malang - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Free Blogger Template
Kirim Artikel