MUH AKRAM
Menu
  • Home
  • About
  • Contact
  • Sitemap
  • Privacy Policy
Beranda » Blog

Minggu, 29 Juli 2012

Cara Membuat Tombol Scroll To Top di blog

Muh Akram
Muh Akram
Minggu, 29 Juli 2012
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

Penulis 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

Postingan Populer

  • Cara Menghubungkan Cisco ke PC-Laptop
  • Ciri-Ciri Website Yang Disuka Oleh Google
  • tes
  • Cara Alami Mengatasi Sakit Gigi
  • iwan fals - ijinkan aku mencintaimu
  • Pengertian Dari Karangan Narasi Beserta Contohnya
  • Cara Membuat Jam Garuda pada blog
  • Free Download PESEdit PES 2013 Update Patch 2.0
  • Cara Membuat Auto Readmore Pada Blog
  • Hal-Hal yang Dapat Menurunkan SEO Blog
Logo Footer Kompi Ajaib

Blog yang membahas tentang info-info menarik dan terbaru yang bermanfaat bagi anda.

Kategori

  • Agama
  • Blog
  • CHORD
  • Fisika
  • Fotoh
  • Games
  • Guru
  • Info
  • SEO

Dukungan :

  • About Me
  • Contact
  • Privacy Policy
  • Sitemap
  • Jasa Riview
Copyright © 2015 MUH AKRAM - All Rights Reserved - DMCA
Proudly powered by Blogger