Created (c) by Princexells Seyka (Princelling Saki)
Edwogzs Download Cheater Mr No Name RR | CyberCrime
cbox

I.z DarknessRAFIBLOGGrew Uchiha

NANGZ
Minggu, 20 April 2014

Cara Membuat Persentase Scroll Di Blog

Halo para pengunjung.....
Sekarang kita bahas tantang artikel kita hari ini, kali ini Rafi Blog akan SHARE "Cara Membuat Persentase Scroll Di Blog", Selain untuk membuat blog semakin keren dan unik, persentase ini juga bisa membantu visitor. Ingin tahu bagaimana cara membuatnya? Sama saya juga. Hehehe. Oke langsung saja, berikut ini adalah caranya. . Tertarik? berikut tutorialnya.

Tutorial
  • Log in ke akun blogger kalian
  • Pilih menu Template, Klik Edit HTML
  • Cari kode ]]></b:skin> 
  • Letakan kode berikut tepat diatas kode ]]></b:skin> 
#scroll { display: none; position: fixed; top: 0; right: 20px; z-index: 500; padding: 3px 8px; background-color: #000;border:1px solid #006acc; color: #fff; border-radius: 3px; }
  • Eitts, belum selesai sampai disitu, cari kode <body>  
  • Letakan kode berikut tepat diatas kode <body>  
<div id='scroll'>
</div>
  • Selesai eh salah, ini belum selesai. Cari kode </body> 
  • Letekan kode berikut tepat diatas kode </body> 
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
//]]>
</script>
  • Klik simpan
  • Selesai
Mudah bukan? kalau berhasil komen ya, jika ada yang ingin di tanyakan komen juga aja.............
Anda Baru Saja Membaca Artikel Tentang Cara Membuat Persentase Scroll Di Blog ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara Membuat Persentase Scroll Di Blog Ini Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara Membuat Persentase Scroll Di Blog Sebagai SumberNya.
Next
No Entries Available
Posting Lama

9 komentar:

  1. Wahh gan, udah lama nih gak ngunjungin. Nice Post nih gan! #kece

    BalasHapus
  2. Udah update lagi nih gan?? Update terus ya....

    BalasHapus
  3. Wah bang, gimana kabarnya? baru post lagi nih??

    BalasHapus
  4. Nice Post Gan! Update lagi ya,ngomong-ngomong kemana ajah?

    BalasHapus
  5. Kirigaya KazutoRabu, Mei 28, 2014

    Wah agan, ngeblog lagi gan??

    BalasHapus
  6. Muhammad Ilham ArifinRabu, Mei 28, 2014

    Font yang digunakan di header blog agan itu apa ya??

    BalasHapus
  7. Andi Andi AnduRabu, Mei 28, 2014

    Sejak kapan blog ini aktif lagi? bukanya dah off

    BalasHapus
[-] Dilarang Spam
[-] Dilarang Menggunakan Kata Kasar
[-] Dilarang Menggunakan Bahasa KasKus
[-] Dilarang Menggunakan Anonymous Pada Komenter
[-] Dilarang Mencari Keributan