Demo TM
  • HOME
  • MENU1
  • MENU2
    • MENU 1
      • Sub Menu
      • Sub Menu
    • MENU 2
      • Sub Menu
      • Sub Menu
  • MENU3
  • MENU4
  • PAGE ERROR
Home Blog Cara Membuat Tombol Scroll To Top di blog

29/07/12

Muh Akram
Muh Akram
29/07/12
Cara Membuat Tombol Scroll To Top di blog

Cara Membuat Tombol Scroll To Top di blog

Kali Ini saya akan menjelaskan cara membuat Tombol Scroll To Top di blog, dan hasilnya bisa anda lihat di bawah ini ata lebih jelanya coba lihat saja di blogini

 

Tertarik membuatnya silahkan anda ikuti langka langka berikut ini Untuk Tombol Scroll To Top caranya adalah sebagai berikut :
  • Login ke Blogger
  • Rancangan
  • Edit HTML
  • Cari baris kode </body> 
  • Copy Kode Di Bawah Ini Dan Paste di atas Kode tersebut :

<!-- Strat scroll By akrizz-->
<style type='text/css'>
#OW-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=&#39;#99EEEEEE&#39;
,EndColorStr=&#39;#99EEEEEE&#39;);text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
    $.fn.scrollToTop = function() {
    $(this).hide().removeAttr(&quot;href&quot;);
    if ($(window).scrollTop() != &quot;0&quot;) {
        $(this).fadeIn(&quot;slow&quot;)
    }
    var scrollDiv = $(this);
    $(window).scroll(function() {
        if ($(window).scrollTop() == &quot;0&quot;) {
        $(scrollDiv).fadeOut(&quot;slow&quot;)
        } else {
        $(scrollDiv).fadeIn(&quot;slow&quot;)
        }
    });
    $(this).click(function() {
        $(&quot;html, body&quot;).animate({
        scrollTop: 0
        }, &quot;slow&quot;)
    })
    }
});
$(function() {
    $(&quot;#OW-StoTop&quot;).scrollToTop();
});</script>
<a href='#' id='OW-StoTop' style='display:none;'>Scroll to Top </a>
<!-- End scroll By akrizz -->


4. Simpan template dan lihat hasilnya.
Tags: #Blog
Muh Akram
Assalamu'alaikum, perkenalkan nama saya Muhammad Akram bisa dipanggil Akram, asal dari Pinrang Sulawesi Selatan. Saya mulai mengenal blog pada tahun 2011. dan saya senang berbagi

Tidak ada komentar :

Posting Komentar

Multimedia

Label

  • Agama
  • Akriz'Z
  • Blog
  • Fisika
  • Fotoh
  • Games
  • Info
  • Logo
  • Pendidikan
  • Teknik Komputer Dan Jaringan

Postingan Populer

  • About Me
  • Contact
  • Privacy Policy
  • Sitemap
  • Jasa Riview
Copyright © 2015 Demo TM - All Rights Reserved - DMCA - Partner By.Blog Zdienos