DewajudiQQRajacapsa
CMCPokerRajacapsa
Agen SBOBETVPS Murah
Bola Hero IndonesiaBitcoin Brunei

Cara Membuat Tombol Up (Kembali Arah Atas) di Blog

Rezekibola Asianpoker88
Cara Membuat Tombol Up (Kembali Arah Atas) di Blog – Tombol up disediakan untuk memudahkan pengunjung blog kembali ke display bagian atas tanpa harus scroll terlalu panjang. Hal ini penting terutama bagi blog anda yang memiliki display panjang ke bawah atau setiap artikelnya memiliki banyak komentar ke bawah.
Nah berikut ini cara membuat tombol kembali ke atas yang dapat anda terapkan di blog Blogger atau Blogspot anda.

Cara Membuat Tombol Up (Arah Atas) di Blog

1. Masuk ke Blogger – Tata Letak – Tambahkan Gadget – HTML/Java Script
2. Paste kode berikut:
<script type=”text/javascript” >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.depermana-share.blogspot.com.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or “Scroll_to_Element_ID”). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: ‘<img src=”http://2.bp.blogspot.com/-_Kcpe7npBsg/UamkCYe42lI/AAAAAAAABTk/4ibbxIin4lE/s1600/arrow-up.png” />’, //HTML for control, which is auto wrapped in DIV w/ ID=”topcontrol”
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: ‘#top’, //Enter href value of HTML anchors on the page that should also act as “Scroll Up” links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest==”string” && jQuery(‘#’+dest).length==1) //check element set by string exists
            dest=jQuery(‘#’+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() – this.$control.width() – this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() – this.$control.height() – this.controlattrs.offsety
        this.$control.css({left:controlx+’px’, top:controly+’px’})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },

    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode==”CSS1Compat” && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode==”CSS1Compat”? $(‘html’) : $(‘body’)) : $(‘html,body’)
            mainobj.$control=$(‘<div id=”topcontrol”>’+mainobj.controlHTML+'</div>’)
                .css({position:mainobj.cssfixedsupport? ‘fixed’ : ‘absolute’, bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:’pointer’})
                .attr({title:’Scroll Back to Top’})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo(‘body’)
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!=”) //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $(‘a[href=”‘ + mainobj.anchorkeyword +'”]’).click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind(‘scroll resize’, function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

3. Ganti kode warna biru dengan gambar/ikon yang kamu sukai, atau dibawah ini beberapa rekomendasi dari saya:

  • http://3.bp.blogspot.com/-a7-cXQAgaEc/UfLfe5bnHkI/AAAAAAAAA1I/5REp3TJooUE/s1600/3.png
    Cara Membuat Tombol Up (Kembali Arah Atas) di Blog
  • http://1.bp.blogspot.com/-xn0agdZgulk/UfLfYXuA1DI/AAAAAAAAA1A/CSt3ElfEJWI/s1600/2.png
    Cara Membuat Tombol Up (Kembali Arah Atas) di Blog
  • http://3.bp.blogspot.com/-XjkLk7Ui6a8/UfLfnd05FOI/AAAAAAAAA1Q/LhIjof46UAE/s1600/4.png
    Cara Membuat Tombol Up (Kembali Arah Atas) di Blog
4. Setelah itu, Simpan
Untuk theme dari Blogger rata – rata memang belum ada fitur tombol kembali ke atas, berbeda dengan theme blog WordPress. Demikian Cara Membuat Tombol Up (Kembali Arah Atas) di Blog semoga bermanfaat dan selamat mencoba.
Vimax Canada

Leave a Reply

Your email address will not be published.

Uceng999 © 2015 Frontier Theme

Agen Domino QQ - Bandar Judi Poker Online - Qiu Qiu Online 99 - Dewa PokerBBM88