Cara Membuat Loading Info ScrollBar Dengan Javascript

Hai Minna, Konichiwa ^^

Setelah Beberapa Menit kira - kira 25 menit mimin Setting nih Tutor biar Berhasil

Akhirnya Berhasil juga xD

Tutorial kali ini adalah 

CARA MEMBUAT LOADING SCROLLBAR DENGAN JAVASCRIPT

DEMO BERADA DI FOOTER YA BERWARNA HIJAU

---

DEMO

---

Silahkan ikuti Cara Dibawahnya,
Pertama Silahkan Masukkan CSS nya diatas </style> / </b:skin>

 #dockbottom {
width: 980px;
overflow: hidden;
position: fixed;
bottom: -5px;
background:#678a08;
color:#fff;
padding:3px 10px 3px 10px;
height:35px;
z-index: 999999;
left: 50%;
margin-left: -500px;
border:2px solid #fff;
border-right:none;
border-left:none;
border-radius:2px;
} 

Setelah itu , Silahkan Masukkan Javascript ini diatas </head>

<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);
</script>
<script src='https://kang-is.googlecode.com/svn/trunk/javascript/tinyscrollbar.js' type='text/javascript'/>

Setelah dimasukkan Javascriptnya, Lalu cari </body>
Lalu masukkan Javascript ini diatasnya

<div id='dockbottom'>
<span><i class='icon-bullhorn'/> [ Informasi ] :</span>
<div id='dock'>
<ul>
<li>iMoechansz Akan Membuat Template Premium pada Bulan Mei nanti.</li>
<li>Silahkan Lapor Link Rusak di Chatango / Contack Facebook saya.</li>
<li>Silahkan Cek Tutorial lengkap di Sitemap.</li>
</ul>
</div></div>
<script src='http://richhollis.github.com/vticker/downloads/jquery.vticker.js?v=1.15'/>
<script src='http://tympanus.net/Development/ModalWindowEffects/js/classie.js'/>
<script src='http://tympanus.net/Development/ModalWindowEffects/js/modalEffects.js'/>
<script>
   // this is important for IEs
   var polyfilter_scriptpath = &#39;/js/&#39;;
  </script>
<script src='http://tympanus.net/Development/ModalWindowEffects/js/cssParser.js'/>
<script src='http://tympanus.net/Development/ModalWindowEffects/js/css-filters-polyfill.js'/>
<script>
$(function() {
  $(&#39;#dock&#39;).vTicker();
});

</script>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;widgetJsBefore&#39;);
</script><script src='https://www.blogger.com/static/v1/widgets/2076720373-widgets.js' type='text/javascript'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>

Cara Setting ? Gak usah ditanya pasti tau kok ^^
Ganti Warna ? Cari aja Kode #678a08 Lalu ganti Dengan Warna Selera anda
Nah , Jika ada masalah Silahkan Komentar Dibawahnya

Pengunjung yang baik , pasti akan meninggalkan Komentarnya,

Biarpun itu Hanya Pertamax! / Sankyuu

Jangan Lupa Like & Share yah ! (y)