English French German Spain Italian Dutch
Loading...
Tampilkan posting dengan label Widget Blogspot. Tampilkan semua posting
Tampilkan posting dengan label Widget Blogspot. Tampilkan semua posting

Cara Membuat Tombol Like Facebook Untuk Blog

Sabtu, 21 Desember 2013

Tombol Like Facebook
Kali ini saya membutuhkan Facebook Like Button. Akhirnya ketemu juga nih Cara Membuat Tombol Like Facebook di Blog yang paling ampuh. Dari sekian banyak Blogger yang share tentang ini, kadang-kadang ada saja yang tidak berhasil. Cara inilah yang InsaAloh berhasil dan semua sobat Blogger bisa dengan mudah membuatnya.

Source : http://regibrader-free.blogspot.com
Untuk mempromosiskan Halaman Blog saya di Facebook, Widget Like Box saya lepas, saya ingin tampilan yang menghemat ruang. Maka terfikirlah saya hanya ingin memasang tombol like-nya saja. Berbeda dengan Widget Like Box Facebook yang memiliki tampilan berbentuk box yang didalamnya memuat Nama Halaman, Foto Halaman, Tombol Like, Jumlah Likers, dan foto Likers. Untuk yang satu ini tidak diwadahi dengan box, bahkan kita bisa memilih dan membatasi apa saja yang ingin ditampilkan.

Untuk sobat yang ingin memasangnya, silakan simak cara membuatnya. Dan bagi sobat yang ingin tahu lebih detail silakan baca dan lihat dulu, siapa tau sobat membutuhkanya.

Pastinya login dahulu ke akun Facebook masing-masing.
Pertama, kita harus mempunyai halaman Blog di Facebook. Selain untuk memperoleh URL halaman Facebook, juga agar tombol like ini jelas fungsinya yaitu untuk memberikan like ke halaman Facebook. Silakan baca Cara Membuat Halaman Blog di Facebook, dan simpan URL halaman yang telah diperoleh.

Jika sobat telah mempunyai halamannya, silakan masuk ke alamat ini "http://developers.facebook.com/docs/reference/plugins/like". Scroll sedikit ke bawah untuk konfigurasi tampilan.

Masukan URL halaman Facebook yang telah diperoleh sebelumnya pada kotak "URL to Like".
Saya sarankan agar tidak menampilkan send button, karena jika dipasang kita tidak bisa mendapatkan kode script Iframe-nya. Jadi, hapus centang pada "send button".
Tombol Like Facebook di Blog

Tentukan Layout Style, diantaranya: Standard, Button Count dan Box Count.
Standard Standard
Button Count Button Count
Box Count Box Count

Tentukan ukuran Lebar pada opsi "Widht".
Tentukan apakah akan menampilkan foto likers atau tidak dengan mencentang opsi "show face".
Tentukan jenis teks pada opsi "Font".
Tentukan warna dasarnya apakah ingin gelap atau terang pada opsi "colour scheme".
Tentukan tombol primer yang akan digunakan apakah tombol Like atau tombol Rekomendasikan pada opsi "verb to display".
Tombol Like Facebook di Blog

Jika telah menentukan tampilanya, sobat klik "get code".
Cara Membuat Tombol Like Facebook di Blog

Maka akan muncul jendela pop-up yang menampilkan kode html.
Pilih kode script pada opsi Iframe. Kode ini idealnya dipasang pada widget atau di dalam postingan. Silakan coba kode lainya jika ingin coba dipasang di tempat yang berbeda.
Coppy semua kodenya dan pastekan pada tempat yang sobat inginkan.

Cara Membuat Tombol Like Facebook di Blog

Maka contoh hasilnya akan seperti ini.

Cara Memasang Widget Terjemahan/Google Translate di Blog

Google Translate
Bagaimana jika Blog kita mendapat pengunjung dari luar negara? Apakah mereka bisa mengerti dengan artikel yang kita tulis? Untuk mengatasi hal tersebut, Widget terjemahan ini tentunya akan sangat berguna dalam menerjemahkan isi Blog kita kedalam bahasa yang ditentukan pengunjung Blog. Saya anjurkan bagi para sobat Blogger untuk memasang widget ini. Untuk cara membuatnya kebetulan kali ini akan saya bahas dalam artikel Memasang Widget Terjemahan/Google Translate di Blog.
Dalam memasang Widget terjemahan ini yang saya tau ada dua mode, yaitu Widget Bawaan Blogspot dan mode HTML/Javascript. Dua mode tersebut akan saya bahas nanti saja OK. Sekarang kita mulai untuk Memasang Widget Terjemahan/Google Translate di Blog.

1. Login ke akun Blogger sobat.
2. Masuk ke Bagian Tata Letak pada Blog yang diinginkan.
3. Klik Tambahkan Gadget di posisi yang sobat inginkan.
4. Pilihlah dua mode yang sebelumnya saya sebutkan.
  • Widget Bawaan Blogspot.
Langsung saja pilih terjemahan. Masukan judul widget sesuai keinginan sobat. Tentukan gaya widget yang sobat suka.
Memasang Widget Terjemahan/Google Translate di Blog Memasang Widget Terjemahan/Google Translate di Blog

Untuk Pratinjau gaya widget adalah sebagai berikut:

Vertikal Widget Terjemahan/Google Translate di Blog
Horizontal Widget Terjemahan/Google Translate di Blog
Hanya Naik-Turun Widget Terjemahan/Google Translate di Blog

  • Mode HTML/Javascript
Mungkin kalian bertanya, mengapa memakai mode HTML padahal ada cara yang lebih mudah dan sudah tersedia yaitu widget bawaan dari Blogspot?
Pada setiap widget bawaan dari Blogpot, widget-widget tersebut umumnya hanya berdiri sendiri dan tidak bisa digabungkan dengan widget lain. Nah, dengan adanya widget mode HTML ini sobat bisa menggabungkan widget ini dengan widget lainya yang tentunya widget mode HTML juga. Sehingga bisa menghemat ruang pada Blog sobat.

Langsung saja pilih HTML/Javascript.

Memasang Widget Terjemahan/Google Translate di Blog

Lalu judul yang sobat suka dan masukan kode HTML berikut ini.

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id',
    multilanguagePage: true,
    layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Untuk mengubah gaya widget, sobat ubah kode berwarna merah dengan kode dibawah ini:

Tampilan Naik-Turun, hapus kode warna biru dan merah. Widget Terjemahan/Google Translate di Blog
HORIZONTAL Widget Terjemahan/Google Translate di Blog
SIMPLE Widget Terjemahan/Google Translate di Blog

5. Setelah selesai menentukan mode widget berikut pengaturanya, langsung saja klik simpan.

source : http://regibrader-free.blogspot.com


Membuat Widget YM (Yahoo Messenger) di Blog

Membuat Widget Yahoo Messenger di Blog
Berusaha tidak putus-putus membuat postingan nih sobat.
Sobat Blogger yang baik, pernahkah kalian berfikir bagaimana memberikan keterangan kepada pengunjung Blog bahwa kita sebagai admin Blog sedang online/offline. Nah salah satunya dengan Widget Yahoo Messenger ini, kita bisa memberitahu pengunjung bahwa kita sebagai Admin Blog sedang dalam keadaan online/offline. Untuk Cara Pembuatanya saya akan bahas pada artikel Membuat Widget Yahoo Messenger di Blog, silakan simak yah sobat.

  • Pertama sobat harus memiliki software Yahoo Messenger pada PC sobat. Silakan klik disini, atau masuk akun Yahoo>>Messengger untuk Download Yahoo Messenger.
  • Setelah Yahoo berhasil didownload maka instalkan. Setelah berhasil terinstal, buka software Yahoo Messenger dan sign in seperti biasa sobat melakukan sign in di akun Yahoo.
  • Perhatikan gambar dibawah ini pada tulisan yang bergaris bawah merah adalah ID YM sobat. Atau biasanya ID YM itu pada email client (contoh: gie_mulyana@yahoo.com).
Yahoo Messenger
# Jika sobat telah mempunyai softaware Yahoo Messenger dan mengetahui ID YM sobat, silakan teruskan ke langkah berikutnya.
  • Langkah berikutnya, login ke akun Blogger sobat. Masuk pada bagian Tata Letak>>Tambahkan Gadget (diposisi yang sobat inginkan)>>HTML/Javascript.
  • Berikan judul ataupun tidak, terserah sobat. Masukan kode HTML di bawah ini.
<a href="ymsgr:sendIM?gie_mulyana"> <img src="http://opi.yahoo.com/online?u=gie_mulyana&amp;m=g&amp;t=14&amp;l=us"/>

# Ubahlah tulisan berwarna merah dengan ID YM sobat. Ubahlah kode berwarna biru dengan tampilan yang sobat inginkan. Berikut daftar kode dan tampilan yang akan dihasilkan.

Yahoo Messenger Status

Yahoo Messenger Status

Yahoo Messenger Status

Yahoo Messenger Status
  • Setelah sobat selesai menentukan ID YM dan kode tampilanya, maka klik Simpan dan lihat hasilnya.
source : http://regibrader-free.blogspot.com

Membuat Sticky Widget cantik pada Sidebar Blog

Membuat Sticky Widget pada Sidebar Blog
Ada widget menarik untuk  Blog nih sobat, namanya Sticky Widget. Saya dan mungkin sobat Blogger pun sudah sering melihat widget ini, namun saya baru tau nama dari widget ini yaitu Sticky Widget. Ingin tau lebih banyak tentang Sticky Widget dan cara memasangnya? Silakan simak terus artikel ini tentang Membuat Sticky Widget pada Sidebar Blog.
Seperti apa sih Sticky Widget itu? Pengertian simple-nya Sticky Widget itu widget yang menempel. Namun didalam Blogspot Sticky Widget adalah widget pada posisi tertentu yang akan selalu mengikuti tampilan monitor walaupun tampilan halaman terus digulung namun akan berhenti pada posisi awal yang telah ditentukan. Untuk lebih jelasnya, perhatikan gambar berikut.

Membuat Sticky Widget pada Sidebar Blog

Sudah jelaskan bagaimana tampilan Sticky Widget ini? Biasanya Sticky Widget dipasang pada Sidebar bagian bawah. Karena jika dipasang pada sidebar bagian atas, hasilnya akan bertabrakan. Sangat berguna jika dipasang widget-widget sosial seperti rekomendasi situs Google +1, Tombol Follow / Follow box Twitter, Tombol Like / Like Box Facebook, dll. Dan Sticky Widget ini tidak akan mengganggu pandangan pengunjung Blog sobat, tidak seperti halnya Widget Melayang.

Bagaimana, sobat tertarik untuk memasang Sticky Widget ini pada Blog sobat? Untuk sobat yang ingin memasangnya, silakan simak langkah-langkah yang akan saya jelaskan dengan teliti, karena memang menurut saya pembuatnya agak rumit. OK, kita mulai.

Pertama, pastikan sobat telah memasang widget pada sidebar yang akan dibuat Sticky.
1. Login ke akun Blogger sobat.
2. Masuk pada bagian Template dan klik Edit Template.
3. Dengan tombol ctrl+F, sobat cari kode ]]></b:skin> dan letakan kode berikut diatas kode ]]></b:skin>.

#catcher{
height:930px;
}

#sticky{
width:300px;
height:auto;
}

# Pada kode berwarna merah, sobat ubah sesuai dengan tinggi widget catcher pada Blog sobat. Widget Catcher adalah widget yang tidak akan dibuat Sticky, yang berada diatas widget Sticky.

Membuat Sticky Widget pada Sidebar Blog

#Contohnya terdapat catcher widget yaitu popular posts 300px, label 300px, dan blog archive 300px, dengan jarak antar widget 10px. Jadi sobat harus memberi lapak untuk catcher widget dengan tinggi 300px+10px+300px+10px+300px+10px = 930px. Jika sobat bingung menentukan tinggi catcher widget, silakan dikira-kira saja dahulu, nanti bisa sobat ubah lagi ketika Sticky Widget berhasil dibuat. Jika hasilnya catcher dengan sticky menempel, sobat tambah ukuran catcher-nya. Jika hasilnya catcher dengan sticky terlalu jauh, sobat kurangi ukuran catcher-nya.

#Sobat ubah kode berwarna biru dengan ukuran lebar sidebar/Sticky Widget.

4. Langkah berikutnya, dengan tombol ctrl+F sobat cari kode </body> dan letakan kode berikut diatas kode </body>.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
        function isScrolledTo(elem) {
            var docViewTop = $(window).scrollTop(); //num of pixels hidden above current screen
            var docViewBottom = docViewTop + $(window).height();
            var elemTop = $(elem).offset().top; //num of pixels above the elem
            var elemBottom = elemTop + $(elem).height();
            return ((elemTop &lt;= docViewTop));
        }
        var catcher = $(&#39;#catcher&#39;);
        var sticky = $(&#39;#sticky&#39;);
        $(window).scroll(function() {
            if(isScrolledTo(sticky)) {
                sticky.css(&#39;position&#39;,&#39;fixed&#39;);
                sticky.css(&#39;top&#39;,&#39;0px&#39;);
            }
            var stopHeight = catcher.offset().top + catcher.height();
            if ( stopHeight &gt; sticky.offset().top) {
                sticky.css(&#39;position&#39;,&#39;absolute&#39;);
                sticky.css(&#39;top&#39;,stopHeight);
            }
        });
    });
</script>

5. Selanjutnya, bagian ini sedikit membingungkan. Dengan tombol ctrl+F sobat cari kode <div id='sidebar-wrapper'> atau <div id='sidebar'> atau sebagainya. Akan terlihat kode kurang lebih seperti berikut.

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='HTML4' locked='false' title='' type='HTML'>
          <b:widget id='HTML1' locked='false' title='Random Posts' type='HTML'>
          <b:widget id='HTML15' locked='false' title='' type='HTML'>
          <b:widget id='PlusFollowers1' locked='false' title='' type='PlusFollowers'>
          <b:widget id='Followers1' locked='false' title='' type='Followers'>
        </b:section>
      </div>

Sobat harus paham fungsi dari kode widget id-widget id diatas. Contohnya sobat akan membuat kode berwarna ungu sebagai catcher widget dan kode berwarna hijau sebagai Sticky Widget. Maka sobat harus mengubah kode diatas dengan sedikit menambahlan kode HTML. Perhatikan kode berikut.

      <div id='sidebar-wrapper'>
<div id='catcher'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='HTML4' locked='false' title='' type='HTML'>
          <b:widget id='HTML1' locked='false' title='Random Posts' type='HTML'>
        </b:section>
</div> 
<div id='sticky'>
        <b:section class='sidebar1' id='sidebar1' preferred='yes'>
          <b:widget id='HTML15' locked='false' title='' type='HTML'>
          <b:widget id='PlusFollowers1' locked='false' title='' type='PlusFollowers'>
          <b:widget id='Followers1' locked='false' title='' type='Followers'>
        </b:section>
</div>
      </div>

Tambahkan kode berwarna merah tebal pada kode tersebut. Perhatikan perubahan kode pada template milik saya.

Membuat Sticky Widget pada Sidebar Blog

Membuat Sticky Widget pada Sidebar Blog

6. Setelah selesi, klik Simpan Template.

Ok. lihat hasilnya. Pada bagian Tata Letak, Widget yang dibuat Sticky bisa ditambah. Namun jika sobat menambahkan widget yang dibuat catcher, tambah pula ukuran tinggi bagian catcher.
Semoga sobat tidak bingung dengan pembahasan saya kali ini, hehe.

source : http://regibrader-free.blogspot.com

Mendaftar dan Memasang Widget Histats di Blog

Cara Mendaftar dan Memasang Widget Histats di Blog
Sudah lama saya ingin membuat posting tentang mendapatkan data pengunjung dan widget dari histats untuk Blog. Namun baru sekarang bisa terlakasana dan akan saya bahas pada artikel Cara Mendaftar dan Memasang Widget Histats di Blog. Histats baik digunakan untuk memantau pengunjung pada Blog sobat untuk membantu sobat mengetahui perkembangan pada blog sobat, atau untuk memamerkan keramaian pengunjung Blog sobat pada publik, hehe.
Histats ini akan memberikan data Traffik pengunjung secara detail meliputi: jumlah pengunjung yang sedang online pada Blog sobat, penayangan hari ini, pengunjung hari ini, total kunjungan, total penayangan, kota/negara pengunjung berasal dan lain-lain.

Bagaimana? tertarik untuk mendapatkan data dari Histats? Silakan daftar, dapatkan info dan widgetnya.

1. Masuk ke halaman Histats, dan klik register.

Cara Mendaftar dan Memasang Widget Histats di Blog

2. Pada form create new account, isikan data-data yang diminta histats. Istilah surename adalah nama keluarga atau nama belakang sobat. Setelah pengisian selesai, centang pada kotak I have read and agree Publisher Agreement Terms, isikan kode captcha dan klik Register.

Cara Mendaftar dan Memasang Widget Histats di Blog

3. Akan tampil tulisan berikut yang meminta sobat memeriksa alamat email untuk verifikasi.

Cara Mendaftar dan Memasang Widget Histats di Blog

4. Maka periksalah kotak masuk pada email sobat, akan ada pesan dari histats. Klik link yang diberikan histats untuk verifikasi.

Cara Mendaftar dan Memasang Widget Histats di Blog

5. Akan muncul pesan dari histats bahwa akun anda telah aktif, dan meminta sobat untuk login.

Cara Mendaftar dan Memasang Widget Histats di Blog

6. Maka lakukanlah login dan mulai menggunakan Histats. Jika telah login, klik Add e website.

Cara Mendaftar dan Memasang Widget Histats di Blog

7.  Pada form create new website/blog isikan data yang diminta histats, diantarnya:
  • Site url : url Blog.
  • Language : bahasa yang digunakan pada Blog.
  • Time Zone : Zona waktu di tempat sobat berada.
  • Category : kategori konten pada Blog.
  • Title : Judul Blog.
  • Description : Deskripsi singkat isi Blos.
  • Page views start value : angka memulai dihitunngnya penayangan. Jika dari nol, maka biarkan kosong
  •  Visitors start value : angka memulai dihitunngnyapengunjung. Jika dari nol, maka biarkan kosong
  • Stats visibility : pilih opsi pertama jika data traffik akan ditampilkan pada publik.
  • Centang kotak Accept pada opsi  Terms of use & Privacy Policy.
  • Isikan kode captcha.
Jika telah selesai mengisi form create new website/blog, klik Continue.

Cara Mendaftar dan Memasang Widget Histats di Blog

Selesai, sobat sudah membuat akun histats dan mendaftarkan Blog sobat untuk diberi panatauan pengunjung oleh histats. Silakan operasikan sendiri, karena yang akan saya bahas selanjutnya adalah mendapatkan widget dari histats untuk dipasang pada Blog.

8. Klik pada nama Blog yang akan sobat pasang widget histats.

Cara Mendaftar dan Memasang Widget Histats di Blog

9. Pada halaman ini akan tampil secara rinci data pengunjung sobat. Klik Counter CODE.

Cara Mendaftar dan Memasang Widget Histats di Blog

10. Klik add new counter

Cara Mendaftar dan Memasang Widget Histats di Blog


11. Terdapat banyak tampilan, silakan pilih yang sobat suka.

Cara Mendaftar dan Memasang Widget Histats di Blog

11. Centang data-data yang sobat butuhkan untuk ditampilkan pada Blog sobat, dan klik save.

Cara Mendaftar dan Memasang Widget Histats di Blog

12. Klik Counter Id yang baru dibuat.

Cara Mendaftar dan Memasang Widget Histats di Blog

13. Sobat akan diberikan kode oleh histats, pilih opsi standard saja dan coppy kodenya.

Cara Mendaftar dan Memasang Widget Histats di Blog

14. Lalu pastekan pada widget Blog sobat. Masuk Blogger>>Tata Letak>> Tambahkan Gadget>> HTML/Javascript>>Paste>>Simpan

Selesai, widget histats telah terpasang pada Blog sobat. Namun biasanya widget tersebut menyesuaikan terlebih dahulu, jadi harus sabar yah sobat...

source : http://regibrader-free.blogspot.com

Membuat Tombol Back To Top di Blog

Cara Membuat Tombol Back To Top di Blog
Tombol Back To Top ini akan bermanfaat bagi pengunjung ketika ia ingin kembali ke bagian paling atas pada halaman web setelah membaca artikel pada Blog sobat yang panjang. Ok, jika sobat ingin membuat Tombol Back To Top ini, silakan simak artikel kali ini tentang Cara Membuat Tombol Back To Top di Blog.
Tombol Back To Top ini akan berada di sudut kanan bawah pada halaman web.

Berikut langkah-langkah dalam Membuat Tombol Back To Top di Blog.

1. Login ke akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambahkan gadget di posisi mana saja, hasilnya akan tetap berada di sudut kanan bawah.
4. Pilih mode HTML/Javascript.
5. Masukan kode html berikut.

<!--Back to top script-->
<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={
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 200]},
    controlHTML: '<img src="http://2.bp.blogspot.com/-5xtKo3sslHs/UPbpgD8LY2I/AAAAAAAACBc/gIQGZ9ZBzDg/s1600/back+to+top13.png" />',
    controlattrs: {offsetx:5, offsety:5},
    anchorkeyword: '#top',
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport)
            this.$control.css({opacity:0})
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1)
            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()!='') //khusus versi IE6 ke bawah untuk loose check, juga untuk melihat apakah control mengandung teks
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- perlu diset witdh yang jelas agar kontainer text terbentuk dengan rapi
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()

<!--Back to top script end--></script>

Catatan:
  • Jika telah terdapat script berwarna biru pada Template yang sobat miliki, maka hapuslah kode tersebut agar tidak terjadi bentrok antar Javascript.
  • Kode-kode berwarna hijau bisa sobat ubah:
- Starline: Ukuran tinggi dalam pixel setelah halaman digulir kebawah dimana Tombol Back To Top akan muncul.
- Scrollto: Posisi tujuan tombol back to top, dihitung dari paling atas. 0 artinya 0 pixel dari atas halaman.
- Scrollduration: Kecepatan atau durasi scroll, semakin ditambah nilainya maka semakin lambat.
- Fadeduration: Kecepatan atau durasi fade, fade adalah gerakan muncul. Yang pertama nilai fade in, dan yang kedua nilai fade out.
- Offsetx: Posisi tombol back to top, semakin ditambah maka akan semakin merapat ke dalam.
- Scroll Back To Top: title pada tombol
  • Kode berwarna merah bisa sobat ubah dengan gambar Tombol Back To Top yang sobat inginkan. Namun jika tidak diubah maka hasilnya akan seperti berikut.
Tombol Back To Top 
Ada beberapa pilihan gambar untuk tampilan tombol Back To Top:

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

6. Setelah selesai, maka klik Simpan.

source : http://regibrader-free.blogspot.com
 
Support : Jasa Buat Web Pangkalpinang | Tips Blogger | Special Thanks
Copyright © 2013. Saungjiwa Blog - All Rights Reserved
Inspired by Sportapolis Shape5.com
Proudly powered by Blogger