tutorial blogger Indonesia

Memasang Tombol Back to Top Terbaik

on Rabu, 09 Januari 2013

Bismillahirrahmanirrahim...




Sebuah Tombol Back to Top sangat penting untuk sebuah blog atau situs, karena pengunjung akan menikmati kemudahan navigasi saat mereka sedang mencari informasi yang dibutuhkan. Silahkan lihat tombol back to top yang terpasang di blog ini pada sudut kanan bagian bawah.
Cara memasang tombol ini sangat mudah, anda cukup menambahkan Gadget type HTML/Javascript pada layout blog dan masukkan script di bawah ini ke dalam gadget lalu tekan tombol Save untuk menyimpannya.

  • Login ke blogger dengan ID anda
  • Klik menu Layout >> Add a gadget
  • Pilih type gadget HTML/Javascript
  • Copy kode di bawah ini lalu paste ke dalam kotak Content gadget HTML/Javascript dan tidak perlu diberi Title
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <script type="text/javascript" >
    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="https://lh6.googleusercontent.com/-__Fy6gv4-5w/T4TcximDEPI/AAAAAAAABgo/yg7s-IeygBg/s128/2.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>
  • Klik tombol Save untuk menyimpan gadget, jika anda memiliki image tombol sendiri silahkan ganti kode yang ditulis berwarna biru tebal dengan URL image anda.
  • Langkah terakhir, silahkan periksa blog anda dan cobalah untuk bernavigasi dengan Tombol Back to Top yang telah terpasang, jika sukses ucapkan Alhamdulillah...
Tag :

Cara Optimalkan Pertumbuhan Otak




Tips Kesehatan, Pangandaran - Kasih sayang dan stimulasi dini adalah bekal pembentukan otak anak yang cerdas. Lengkapi dengan pola tidur berkualitas sejak bayi supaya otak buah hati Anda tumbuh optimal.

Bayi baru lahir, dengan
Tag :

5 Ciri Wanita Yang Masih Perawan



Wanita-perawanUntuk melihat seorang gadis masih perawan atau tidak, anda tidak perlu melihatnya saat malam pertama. Ada beberapa ciri fisik pada tubuh wanita perawan atau tidak. Mau tahu apa ciri-cirinya? Apa nggak mau tapi malu-malu mau!!


1. Dahi
Bagi wanita yang masih perawan akan memiliki dahi yang halus dan licin. Dan jika tidak suci lagi maka akan muncul kedutan yang tidak begitu terlihat dan samar-samar. Ciri ini tolong bedakan dengan kedutan karena usia.
Kedutan karena sudah tidak perawan, terlihat samar-samar dan akan terlihat jelas saat tertawa atau berbicara.
2. Mata.
Ciri pertama bisa kita lihat pada matanya. Jika wanita yang sudah tidak perawan bagian bawah kelopak mata terlipat sedikit dan terdapat tanda lebam (hitam) seperti memar. Atau ada tambahan garis keriput. Sedangkan jika masih suci maka matanya cerah berseri.
3. Hidung
Seoarang gadis yang masih suci dari jamahan lelaki hidung belang, memiliki ciri fisik pada hidungnya. Apa itu? yaitu pada ujung hidung terlihat ciri kemerah-merahan. Sedangkan untuk gadis yang sudah tidak perawan akan memiliki warna merah tapi lebih pucat.
4. Pipi
Jika gadis masih perawan maka pipinya akan menggairahkan dan merah segar. Kalau seorang wanita sering dicium efeknya adalah pipinya menjadi tidak merah lagi. Ciri lainnya bisa dilihat jika seorang pipi dari wanita tidak perawan terdapat garis melintang yang tidak begitu jelas.
5. Telinga
Seorang wanita yang sama sekali belum tersentuh oleh Pria bisa juga dilihat cirinya pada telinga. Bagi wanita perawan maka telinganya akan akan nampak halus dan bersih. Sedangkan telinga pada wanita yang sudah tidak perawan akan menjadi sedikit leper. Karena waktu malam sering digigit :D
Sebenarnya ada banyak lagi ciri-ciri perawan tapi karena melibatkan organ-organ sensitif lebih baik tidak saya publish.Dan saya rasa ciri diatas sudah cukup untuk membedakan mana wanita yang masih perawan atau tidak.
Semoga posting kali ini bermanfaat dan jangan lupa KOMENTAR

Tag :

Software Ampuh Memperbaiki Flashdisk Yang Rusak





  Mungkin sobat pernah mengalami ketika mencolokkan flashdisk milik sobat sendiri ke komputer atau laptop, flashdisk sobat bisa di deteksi komputer atau laptop namun tak bisa dibuka. Ketika sobat ingin memformat flashdisknya tapi tidak bisa. cara memperbaiki flashdisk rusak atau tak bisa diformat dengan Cara ini sudah saya coba beberapa kali dan berhasil. pada beberapa kasus yang ada kerusakan flashdisk ada 2 jenis kasus terjadi pada flashdisk :
Tag :
 
© Pandu KM (INGIN BERBAGI) | All Rights Reserved
Bloggerized By Imuzcorner | Powered By Blogger | CoolBiz Blogger Template By Free Blogger Template