scrollbar keren

Diposting oleh: Admin Referensi Blog pada: Waktu On Line :kak:

salah satu scrollbar yang dpat kalian gandakan berapun tanpa ada yang error.
scroll milik wordpress kini dapat di pasang diblogger .
demo

demo di atas memakai width =70% serta 50%

scroll ini bekerja pada template yang mana script tak saling tabrakan fungsi ...

untuk menggandakan penggunaan scroll ,
cukup ubah di ; jQuery("#myscrollbar1")menjadi jQuery("#myscrollbar2")
serta id="myscrollbar1" , menjadi id="myscrollbar2" itu saja ,

susunan untuk menggandakan scroll ini cukup mengambil mulai dari ;


<script> 
(function(jQuery){ 
jQuery(window).load(function(){   
jQuery("#myscrollbar1").mCustomScrollbar({ 
theme:"rounded-dark", 
scrollInertia: 400, 
scrollButtons:{enable: true},   
autoHideScrollbar:false, 
axis:"y",      
autoExpandScrollbar: true, 
setWidth: "70%", 
setHeight: "200px", 
scrollbarPosition:"outside" 
});     
}); 
})(jQuery); 
</script> 
<div id="myscrollbar1" class="myinetcode" >  
 
ISI TULISAN ATAU APA SAJA 
 
</div> 


------SAMPAI DISINI-----


<div id="myscrollbar1" class="myinetcode" >  


masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja
<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja
<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja
<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja
<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja<br />masukkan kode atau apa saja
<br />masukkan kode atau apa saja<br /> 


</div>


<!---------------------------------  
COBA SEV DI WIDGET HTML/JAVA SCRIPT   
---------------------------------->  
<!--[if lt IE 9]>

<script src="https://googledrive.com/host/0B6NRsLHpHmOvSkV4Y0c5cFc1REk" type="text/javascript"/></script>  

<![endif]-->

<link href='https://googledrive.com/host/0B6NRsLHpHmOvbkpDYkxfeWVlamM' rel='stylesheet'/>


<style> 
/* Scrollbar custom style*/ 
.entry-content h2 { 
5px 0 !important 
} 
.scrollbar_demo_title { 
margin: 15px 0 !important; 
border-bottom: 1px dashed #999; 
} 
.myinetcode { 
background: none repeat scroll 0 0 transparent;/*dfdfdf*/ 
/* border: 3px solid #999;*/ 
padding: 10px; 
} 
</style>


<script src="https://googledrive.com/host/0B6NRsLHpHmOvZnBHRzZDcUVGUTg" type="text/javascript"/></script> 


<script> 
(function(jQuery){ 
jQuery(window).load(function(){  
jQuery("#myscrollbar1").mCustomScrollbar({ 
theme:"rounded-dark", 
scrollInertia: 400, 
scrollButtons:{enable: true},   
autoHideScrollbar:false, 
axis:"y",     
autoExpandScrollbar: true, 
setWidth: "70%", 
setHeight: "200px", 
scrollbarPosition:"outside" 
});     
}); 
})(jQuery); 
</script>

referensi blog

scrollbar keren

Tambahkan komentar Komentator