blogger-nesia: back to top

Cara Membuat Tombol Back To Top Ala Kang Ismet

Unknown 6 back to top, sticky widget, tutorial blog 19.33

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkLWyJCwZhXz8FoXKtUGgf9WONk4DFaWHuYSOT8WVw2ETc1jwvcXGw1dZK4vBBzBxTyia7sVeMYjfWi8EFu6HM_VptAJP8PDIN-mpQqMcgTvPVgoisq6_w7LREYFaaHo9dlNQlwmNW8Mej/s1600/panah.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img alt="Cara Membuat Tombol Back To Top Ala Kang Ismet" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkLWyJCwZhXz8FoXKtUGgf9WONk4DFaWHuYSOT8WVw2ETc1jwvcXGw1dZK4vBBzBxTyia7sVeMYjfWi8EFu6HM_VptAJP8PDIN-mpQqMcgTvPVgoisq6_w7LREYFaaHo9dlNQlwmNW8Mej/s1600/panah.png" title="Cara Membuat Tombol Back To Top Ala Kang Ismet" /></a>Banyak sekali hal yang keren bisa kita dapatkan dari seorang " master " atau orang yang lebih hebat dari kita. Salah satunya tampilan blognya, sebenarnya awalnya saya ragu untuk memposting tutorial ini namun sekarang saya sudah cukup yakin karena kang ismet sudah menshare template " droidpluss " yang menggunakan tombol back to top ini. ( Demo : <a href="http://droidpluss.blogspot.com/%C2%A0" rel="nofollow" target="_blank">klik disini</a> | Untuk postingan berikutnya akan saya share template tersebut ) 
 
Memang banyak sekali tombol back to top yang anda gunakan, namun menurut saya tombol ini memiliki " kharisma " yang lain karena dengan menggunakan bentuk budar (bukan kotak, yang biasanya digunakan ) maka orang akan tertarik untuk kembali ke bagian atas blog anda dan mencoba menggunakan menu horizontal anda untuk dengan mudah bernavigasi. 
 
 
<div class="BStitle">
cara pemasangan di blog</div>
 
 
<ul>
<li>Step 1  Buka blogger.com lalu pilih blog  anda</li>
<li>Step 2  Pilih template lalu edit html</li>
<li>Step 3  Cari kode ]]></b:skin> dengan mengklik   <key>CTRL</key> +<key>F</key> </li>
<li>Step 4  Copy kode berikut lalu pastekan pada diatas kode ]]></b:skin> tadi</li>
</ul>
<blockquote class="tr_bq">
#BounceToTop {background:#5c6c7e;text-align:center;position:fixed;bottom:10px;right:10px;cursor:pointer;width:40px;height:40px;border-radius:1000px;padding:5px;display:none;transition:all .3s ease-out;} #BounceToTop:hover {background:#2a3542;} #BounceToTop:before {content:""; position:absolute; bottom:18px; right:14px; width:0; height:0; border-style:solid; border-width:0 11px 16px 12px; border-color:transparent transparent #fff transparent; line-height:0;} #BounceToTop:after {content:""; position:absolute; bottom:18px; right:15px; width:0; height:0; border-style:solid; border-width:0 10px 14px 11px; border- 
color:transparent transparent #5c6c7e transparent; line-height:0;transition:all .3s ease-out;} #BounceToTop:hover:after {border-color:transparent transparent #2a3542 transparent;}</blockquote>
 
<ul>
<li>Step 5  Cari kode </head> dengan mengklik   <key>CTRL</key> +<key>F</key> </li>
<li>Step 6  Copy kode berikut lalu pastekan pada diatas kode </head>  tadi</li>
</ul>
<blockquote class="tr_bq">
<script type='text/javascript'> $(function() { $(window).scroll(function() { if($(this).scrollTop()&gt;100) { $(&#39;#BounceToTop&#39;).slideDown(200); } else { $(&#39;#BounceToTop&#39;).slideUp(300); } }); $(&#39;#BounceToTop&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); }); </script></blockquote>
 
<ul>
<li>Step 7  masih di atas kode </head> tadi pastekan kode berikut</li>
</ul>
<blockquote class="tr_bq">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/></blockquote>
<div class="tips">
Jika jquery plugin sudah ada di blog anda ( versi berapapun ) maka lewati langkah ini
</div>
 
<ul>
<li>Step 8  Kembali ke menu samping bloggger, Pilih tata letak</li>
<li>Step 9  Buka pilihan gadget lalu HTML/Javascript</li>
<li>Step 10  Copy kode berikut lalu pastekan pada HTML/Javascript tadi</li>
</ul>
<blockquote class="tr_bq">
<style type='text/css' scoped='scoped'> #BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none} </style> <div id="BounceToTop" style="display: block;"></div></blockquote>
 
<ul>
<li>Step 11  Simpan lalu cek bog anda untuk melihat hasilnya</li>
</ul>
Jika anda berpikir widget back to top  ini kurang sesuai dengan tampilan blog anda,jangan khawatir kami sudah menyediakan beragam widget back to top lainnya( <a href="http://blogger-nesia.blogspot.com/search/label/back%20to%20top" rel="nofollow" target="_blank">Klik Disini</a> ) 
 
 
jika ada yang ingin agan tanyakan  silahkan berkomentar/mengcontact saya di fb yang bisa anda lihat urlnya di bagian contact us.assalamualaikum wr.wb.

Cara Membuat Tombol Back To Top Ala Kang Ismet

Banyak sekali hal yang keren bisa kita dapatkan dari seorang " master " atau orang yang lebih hebat dari kita. Salah satunya tampi...

Baca selengkapnya »

Cara Memasang Auto Scroll Bar Di Blog

Unknown 0 back to top, tutorial blog, widget 18.19

Assalamualaikum wr.wb. Kali ini saya share tentang cara menambahkan auto scroll bar di blog. Apasih gunanya auto scroll bar ini ? fungsi dari auto scroll bar ini mirip dengan fungsi dari widget <a href="http://infomenarikdanbermanfaat.blogspot.com/2013/05/cara-pasang-back-to-top-keren.html" target="_blank">back to top</a> yaitu agar visitor tidak perlu jauh-jauh mengscroll blog anda cukup memilih salah satu tombol pada widget ini maka visitor dapat kembali keatas,turun ke bawah,scroll otomatis dan menghentikan scroll otomatis 
 
Lalu,apa bedanya widget ini dengan widget back to top ?. Perbedaannya cukup jelas karena back to top hanya membantu kita untuk naik ke "puncak" blog kita sedangkan,widget auto scroll bar ini memiliki 6 fitur berbeda untuk mengscroll blog kita 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06mkgNP5KynE4NakFBb9-nsyq61RaMCiNyN-Lkx67cv8E3dBlEVg6OgybjrZgvn84Ar01LioHApVYg1nNEnpHjlXdnvouD2jXZPqdtT9oCPPyDeBotriK2VSsd8SRuVPpcyvtQVZPdso/s1600/auto+scroll+bar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara menambahkan auto scroll bar di blog" border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06mkgNP5KynE4NakFBb9-nsyq61RaMCiNyN-Lkx67cv8E3dBlEVg6OgybjrZgvn84Ar01LioHApVYg1nNEnpHjlXdnvouD2jXZPqdtT9oCPPyDeBotriK2VSsd8SRuVPpcyvtQVZPdso/s400/auto+scroll+bar.png" title="cara menambahkan auto scroll bar di blog" width="400" /></a></div>
Bisa kita liat pada gambar diatas bahwa terdapat 6 simbol yang memiliki 6 fungsi berbeda yaitu : 
<ul>
<li>to top          : sama seperti widget back to top yaitu naik ke "puncak" blog</li>
<li>page up       : naik ke atas ,perbedaannya adalah ia tidak sampai ke puncak hanya ke laman atas</li>
<li>page down  : kebalikan page up</li>
<li>to bottom    : kebalikan to top,sehingga ia akan membawa kita ke "dasar" blog kita</li>
<li>auto scroll   : page secara otomatis turun secara perlahan-lahan</li>
<li>stop scroll   : menghentikan page yang sedang turun karena auto scroll</li>
</ul>
<div>
Cara Pemasangan 
<ul>
<li>Step 1  Buka blogger.com lalu pilih blog  anda</li>
<li>Step 2  Pilih template lalu edit html</li>
<li>Step 3  Cari kode </body> dengan mengklik   <key>CTRL</key> +<key>F</key> </li>
<li>Step 4  Copy kode berikut lalu pastekan pada diatas kode </body> tadi</li>
</ul>
 
<blockquote class="tr_bq">
<blockquote class="tr_bq">
  <style> 
#bsautoscroll{position:fixed;z-index:9999;bottom:0;left:0} 
#bsautoscroll a{display:block;float:left;background-color:#0000FF;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBfncefif6W3a6sCJp5UooU9XyluP6PaZ60a3D6R_Kgh2RzA0NxcxrhVbhySk60cKAnX-gtGK0cCvEcrpUJnUvuKr1fTPEEFJGU33j9bvES03_sibCBI2CMgM6EruT5Qt_scId5jJZ_-dF/s1600/BS+Auto+Scroll.png);width:36px;height:36px;text-indent:-999em} 
#bsautoscroll a.bsup{background-position:0 -36px} 
#bsautoscroll a.bsdown{background-position:0 -72px} 
#bsautoscroll a.bsbottom{background-position:0 -108px} 
#bsautoscroll a.bsautoscroll{background-position:0 -144px} 
#bsautoscroll a.bsstop{background-position:0 -180px} 
#bsautoscroll a:hover{background-color:#ffffFF} 
</style> 
<script> 
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout(&#39;autoScroll()&#39;,50)} 
function stopScroll(){clearTimeout(scrolldelay)} 
</script> 
<div id='bsautoscroll'> 
<a class='bstop' href='javascript:window.scrollTo(0,0);' rel='nofollow' title='To Top'>To Top</a> 
<a class='bsup' href='javascript:window.scrollBy(0,-window.innerHeight);' rel='nofollow' title='Page Up'>Page Up</a> 
<a class='bsdown' href='javascript:window.scrollBy(0,window.innerHeight);' rel='nofollow' title='Page Down'>Page Down</a> 
<a class='bsbottom' href='javascript:window.scrollTo(0,999999);' rel='nofollow' title='To Bottom'>To Bottom</a> 
<a class='bsautoscroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a> 
<a class='bsstop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a> 
</div></blockquote>
</blockquote>
 
<ul>
<li>Step 5  Ubah kode left dengan right untuk memindahkan widget ke pojok kanan blog anda</li>
<li>Step 6  Ubah kode #0000FF untuk mengubah background/latar widget</li>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://blogger-nesia.blogspot.com/p/styletext-align-center-alignmiddle.html" rel="nofollow" target="_blank">Kode Warna</a></div>
<li>Step 7  Ubah kode #ffffFF untuk mengubah background/latar saat ada mouse diatas widget ini</li>
<li>Step 8  pratinjau,jika sudah pas klik simpan</li>
</ul>
 
Jika anda berpikir widget back to top  ini kurang sesuai dengan tampilan blog anda,jangan khawatir kami sudah menyediakan beragam widget back to top lainnya( <a href="http://blogger-nesia.blogspot.com/search/label/back%20to%20top" rel="nofollow" target="_blank">Klik Disini</a> ) 
 
 
jika ada yang ingin agan tanyakan  silahkan berkomentar/mengcontact saya di fb yang bisa anda lihat urlnya di bagian contact us.assalamualaikum wr.wb.</div>

Cara Memasang Auto Scroll Bar Di Blog

Assalamualaikum wr.wb. Kali ini saya share tentang cara menambahkan auto scroll bar di blog. Apasih gunanya auto scroll bar ini ? fungsi d...

Baca selengkapnya »

Memasang Tombol Back To Top Diatas Footer Blog

Unknown 16 back to top, sticky widget, widget 16.58

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3bcBLCAWYrfM8MHfZwr6_0qKpHjzec0k9IsXB9T9mKVYs13QqK-l7VO9RRnY8BebFuSzMku54c8YQKPwQQdnJcypMppvGtHmf81hMueFmmq3WquEZunR7e01WRV85dd0H5IDZ-CZ4fRW/s1600/ddada.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="Memasang Tombol Back To Top Diatas Footer Blog" border="0" height="49" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3bcBLCAWYrfM8MHfZwr6_0qKpHjzec0k9IsXB9T9mKVYs13QqK-l7VO9RRnY8BebFuSzMku54c8YQKPwQQdnJcypMppvGtHmf81hMueFmmq3WquEZunR7e01WRV85dd0H5IDZ-CZ4fRW/s1600/ddada.png" title="Memasang Tombol Back To Top Diatas Footer Blog" width="640" /></a> 
Memiliki tombol back to top  bisa sangat berguna untuk mengubah blog kita lebih user friendly, tips ini sangat simpel tapi cukup efektif untuk para pengunjung. Jika template blog anda memiliki ukuran yang cukup panjang maka pengunjung akan sangat susah untuk kembali ke bagian atas blog anda,biasanya banyak orang yang memasang widget ini di bagian samping namun kali ini saya akan membagikan widget back to top yang berada di atas footer. 
 
Dengan widget ini tidak akan memakan ruang ( space ) bagian samping blog anda yang biasanya diisi iklan atau bahkan sidebar anda. Dengan memakai widget ini maka hal tersebut bisa diatasi karena posisinya akan dipindah diatas footer blog anda. 
 
 
<h4>
Cara pemasangan</h4>
<ul>
<li>Step 1  Buka blogger.com lalu pilih blog  anda</li>
<li>Step 2  Pilih template lalu edit html</li>
<li>Step 3  Cari kode ]]></b:skin> dengan mengklik   <key>CTRL</key> +<key>F</key> </li>
<li>Step 4  Copy kode berikut lalu pastekan pada diatas kode ]]></b:skin> tadi</li>
</ul>
 
<blockquote class="tr_bq">
.BloggerSpiceB2T {text-align:center;margin-top:20px;color: #333}.BloggerSpiceB2T a {font-size: 12px; color:#fff;font-weight: bold;padding: 8px;text-transform: uppercase;background:#444;border-radius:3px}</blockquote>
 
<ul>
<li>Step 5  Selanjutnya cari kode yang mirip dengan <footer id='footer-wrapper'></li>
<li>Step 6  Pastekan kode berikut diatas  <footer id='footer-wrapper'></li>
</ul>
<blockquote class="tr_bq">
<div class='BloggerSpiceB2T'><a href='#'>Back to Top</a></div></blockquote>
 
<ul>
<li>Step 7  Simpan lalu cek bog anda untuk melihat hasilnya</li>
</ul>
 
<div class="warning">
Jika anda berpikir widget back to top  ini kurang sesuai dengan tampilan blog anda,jangan khawatir kami sudah menyediakan beragam widget back to top lainnya( <a href="http://blogger-nesia.blogspot.com/search/label/back%20to%20top" rel="nofollow" target="_blank">Klik Disini</a> ) 
 </div>
jika ada yang ingin agan tanyakan  silahkan berkomentar .wassalamualaikum wr.wb.

Memasang Tombol Back To Top Diatas Footer Blog

Memiliki tombol back to top bisa sangat berguna untuk mengubah blog kita lebih user friendly, tips ini sangat simpel tapi cukup efektif un...

Baca selengkapnya »

Cara Memasang Back To Top Tersembunyi Di Blog

Unknown 0 back to top, blogging tips, footer, tutorial blog 18.27

Ketika kita memiliki postingan yang terlalu panjang dan navigasi blog berada di bagian atas, maka pengunjung akan sangat terbebani untuk menscroll blog kita untuk kembali keatas hal ini akan cukup berdampak pada bounce rate blog anda ( Baca Juga : <a href="http://blogger-nesia.blogspot.com/2014/01/cara-menurunkan-bounce-rate-di-blog.html" rel="nofollow" target="_blank">Cara Menurunkan Bounce Rate Di Blog</a> ). Pada widget back to top ini tombolnya tidak akan muncul langsung ke layar anda, melainkan tombol tersebut akan muncul ketika kita sudah sampai di bagian footer blog. 
 
Agar anda bisa memahami lebih cepat dan tepat silahkan cek demo berikut 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a class="demo" href="http://demo-infomdb.blogspot.com/" rel="nofollow" target="_blank">Demo</a>
</div>
 
 
 
<h4>
Cara Pemasangan</h4>
 
<ul>
<li>Step 1  Buka blogger.com lalu pilih blog  anda</li>
<li>Step 2  Pilih tata letak/layout</li>
<li>Step 3  Buka tambahkan gadget</li>
<li>Step 4  Pilih HTML/javascript</li>
<li>Step 5  Copy kode berikut dan pastekan dalam kotak pada HTML/javascript tadi</li>
</ul>
<blockquote class="tr_bq">
<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="URLGAMBARANDA" />', //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></blockquote>
 
<ul>
<li>Step 6  back to top ini  berada di bawah kanan blog jika ingin mengubahnya silahkan ganti kode berwarna biru dengan left/right</li>
<li>Step 7  Ubah tulisan " URLGAMBARANDA " dengan link url dari gambar-gambar berikut</li>
<li>Step 8  Simpan ,dan lihat hasilnya </li>
</ul>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSHhz_SWBjEblNH3R6GoAnIjAIYFmBVtzXyCcJTm-pR1tRscb_Y7V3tZNpx4JOdEZAyfweHCVqG_GN3jHOKh9_f5gOkNqvWJyAA0bwiLXxtNKdLL6WWnYVZNycrGz0zWC91dXinacSavo/s1600/back+to+top+biru.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Back To Top Tersembunyi Di Blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSHhz_SWBjEblNH3R6GoAnIjAIYFmBVtzXyCcJTm-pR1tRscb_Y7V3tZNpx4JOdEZAyfweHCVqG_GN3jHOKh9_f5gOkNqvWJyAA0bwiLXxtNKdLL6WWnYVZNycrGz0zWC91dXinacSavo/s200/back+to+top+biru.jpg" title="Cara Memasang Back To Top Tersembunyi Di Blog" width="180" /></a></div>
<blockquote class="tr_bq">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSHhz_SWBjEblNH3R6GoAnIjAIYFmBVtzXyCcJTm-pR1tRscb_Y7V3tZNpx4JOdEZAyfweHCVqG_GN3jHOKh9_f5gOkNqvWJyAA0bwiLXxtNKdLL6WWnYVZNycrGz0zWC91dXinacSavo/s1600/back+to+top+biru.jpg</blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkgCn9nLi-V4zA6mJ2Ebh1f6ykEfy5iInz3NxiKWNyEHW8Xnfn-JlPw6L7a4XdL0yQ5JKuNBH2Yy9tUq1dJ8uFq1y0U5RO-Q9DXjSSKf7gUkJWIXu_u8nzi4RBs5M9so-HH95AyFi-vkk/s1600/back+to+top+hijau.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Back To Top Tersembunyi Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkgCn9nLi-V4zA6mJ2Ebh1f6ykEfy5iInz3NxiKWNyEHW8Xnfn-JlPw6L7a4XdL0yQ5JKuNBH2Yy9tUq1dJ8uFq1y0U5RO-Q9DXjSSKf7gUkJWIXu_u8nzi4RBs5M9so-HH95AyFi-vkk/s1600/back+to+top+hijau.jpg" title="Cara Memasang Back To Top Tersembunyi Di Blog" /></a></div>
<blockquote class="tr_bq">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkgCn9nLi-V4zA6mJ2Ebh1f6ykEfy5iInz3NxiKWNyEHW8Xnfn-JlPw6L7a4XdL0yQ5JKuNBH2Yy9tUq1dJ8uFq1y0U5RO-Q9DXjSSKf7gUkJWIXu_u8nzi4RBs5M9so-HH95AyFi-vkk/s1600/back+to+top+hijau.jpg</blockquote>
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqqXM0WIEylv9oGP8yxWeSTvMj33SqzJMXfED_rEPSzZRSmKeMtIfjvnExXH7V8T_tKIvt5hdbz_BMqG6o96FlaoK6Pd7w47GU6A3ayG5-XaijAPf4ftetNLkO-BC2NjR3UiEjTHH2wl4/s1600/back+to+top+kecil.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Back To Top Tersembunyi Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqqXM0WIEylv9oGP8yxWeSTvMj33SqzJMXfED_rEPSzZRSmKeMtIfjvnExXH7V8T_tKIvt5hdbz_BMqG6o96FlaoK6Pd7w47GU6A3ayG5-XaijAPf4ftetNLkO-BC2NjR3UiEjTHH2wl4/s1600/back+to+top+kecil.gif" title="Cara Memasang Back To Top Tersembunyi Di Blog" /></a></div>
<blockquote class="tr_bq">
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqqXM0WIEylv9oGP8yxWeSTvMj33SqzJMXfED_rEPSzZRSmKeMtIfjvnExXH7V8T_tKIvt5hdbz_BMqG6o96FlaoK6Pd7w47GU6A3ayG5-XaijAPf4ftetNLkO-BC2NjR3UiEjTHH2wl4/s1600/back+to+top+kecil.gif</blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3HxoS5XJaQq-5bYXDAYjHsXeupFBbBJCGuSbe1Su095QgFUsI0fgSlbWVpp88cGU0NTzS7pe6Dbe-eMs4b21arTPOSegyRlOU6nLU05TxK6Rw5GdUvtmZ5oOssSg_T-rwpEdv3sS1zo/s1600/back+to+top+panah.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Back To Top Tersembunyi Di Blog" border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3HxoS5XJaQq-5bYXDAYjHsXeupFBbBJCGuSbe1Su095QgFUsI0fgSlbWVpp88cGU0NTzS7pe6Dbe-eMs4b21arTPOSegyRlOU6nLU05TxK6Rw5GdUvtmZ5oOssSg_T-rwpEdv3sS1zo/s200/back+to+top+panah.jpg" title="Cara Memasang Back To Top Tersembunyi Di Blog" width="200" /></a></div>
<blockquote class="tr_bq">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3HxoS5XJaQq-5bYXDAYjHsXeupFBbBJCGuSbe1Su095QgFUsI0fgSlbWVpp88cGU0NTzS7pe6Dbe-eMs4b21arTPOSegyRlOU6nLU05TxK6Rw5GdUvtmZ5oOssSg_T-rwpEdv3sS1zo/s1600/back+to+top+panah.jpg</blockquote>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiXNXl7rIR0eIZY5jbXMnWvPoZZQ_2DAvK0G5jVTMNOAvhljm3QWUv74dnMvo8dHRZz5KUSj4QFQ3DjNPcwJx6P5wCvp_KEB0b84vraHTUURD2Q4UDcgsoBJ973jRwJi33XJAg2nhmhAo/s1600/back+to+top+tangan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memasang Back To Top Tersembunyi Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiXNXl7rIR0eIZY5jbXMnWvPoZZQ_2DAvK0G5jVTMNOAvhljm3QWUv74dnMvo8dHRZz5KUSj4QFQ3DjNPcwJx6P5wCvp_KEB0b84vraHTUURD2Q4UDcgsoBJ973jRwJi33XJAg2nhmhAo/s1600/back+to+top+tangan.jpg" title="Cara Memasang Back To Top Tersembunyi Di Blog" /></a></div>
<blockquote class="tr_bq">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiXNXl7rIR0eIZY5jbXMnWvPoZZQ_2DAvK0G5jVTMNOAvhljm3QWUv74dnMvo8dHRZz5KUSj4QFQ3DjNPcwJx6P5wCvp_KEB0b84vraHTUURD2Q4UDcgsoBJ973jRwJi33XJAg2nhmhAo/s1600/back+to+top+tangan.jpg</blockquote>
 
 
 
oke sekian dari saya jika ada kesalahan url bisa langsung komen dan terimakasih kepada 
<a href="http://ikhwan-aryadi.blogspot.com/2013/04/Cara-Simple-Menambahkan-Widget-Back-To-Top-Keren-di-Blog.html#.UYDoY1L3G00" rel="nofollow" target="_blank">sumber script</a>

Cara Memasang Back To Top Tersembunyi Di Blog

Ketika kita memiliki postingan yang terlalu panjang dan navigasi blog berada di bagian atas, maka pengunjung akan sangat terbebani untuk men...

Baca selengkapnya »

blogger-nesia

Cara Membuat Tombol Back To Top Ala Kang Ismet

Cara Memasang Auto Scroll Bar Di Blog

Memasang Tombol Back To Top Diatas Footer Blog

Cara Memasang Back To Top Tersembunyi Di Blog

Popular

statistik

Labels