TopBottom

Blog Tutorial

About Me

Add your donation here for a better of our service. Thanks!

Berlangganan

Anda Suka Tips Blogger Zacky?
Temukan Kami Di:
Ingin Dapat Artikel Terbaru?
rss Klik disini untuk berlangganan melalui RSS atau terima artikel di email anda dengan cara mengisi form berikut:

Cara Membuat Tombol Back to Top Blogger

Original by IFX Adrian | 05 Desember 2009 7 Comments

Malam semuanya! Kali ini saya akan menjelaskan satu tips yang sangat mudah dan penting, yaitu cara membuat tombol Back to Top.
Kenapa sangat mudah? Karena anda akan saya kasih tau tips nya.. :O
Kenapa Penting? Karena bisa mempercepat pengunjung untuk kembali ke bagian paling atas halaman blog kita tanpa harus "scrolling". Dengan begitu mereka bisa dengan mudah mencari navigasi lain blog untuk berlama-lama disana. Hal ini merupakan salah satu cara membuat pengunjung merasa betah dan nyaman di blog. Mau tau caranya?

Berikut Cara Membuat Tombol Back to Top:

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML

3. Paste kode berikut sebelum kode ]]></b:skin> :

.gototop {
background:url(http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S0NoQIQJzoI/AAAAAAAAAys/sIo_pJYRIo4/s400/arrowtopdt6.gif)no-repeat;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
width:17px;
height:17px;
overflow:hidden;
outline:none;
right:8px;
bottom:35px
}
.gotobottom {
background:url(http://4.bp.blogspot.com/_Z_KyM3IvEFQ/S0NoP_eDZQI/AAAAAAAAAyk/Z-BZuY6cx84/s400/arrowdownqe1.gif)no-repeat;
width:17px;
height:17px;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:8px;
bottom:15px
}



4. Selanjutnya, cari kode </body>. Paste kode berikut di atasnya:

<a class='gototop' href='javascript:scroll(0,0)' title='Go to Top'>Top</a>
<a class='gotobottom' href='#footer' title='Go to Bottom'>Bottom</a>



5. Terakhir, klik Save Template untuk menyimpan perubahan.

Selamat mencoba...

Jangan lupa kasih komentar ya...

Bagikan Artikel Ini!

<a href="http://instaforex.com/forexcopy_system.php?x=DVXF">InstaForex</a>
Facebook Delicious Digg! Twitter Linkedin StumbleUpon Lintas Berita
Technorati Google Bookmarks Mixx Yahoo! Newsvine Reddit

Artikel Lain Yang Mungkin Anda Baca

7 komentar:

Kintaro kazami 5 Februari 2010 11.01  

:D oke mas, sangat bermanfat, langsung ke tkp

farizal 30 Agustus 2010 00.04  

nanya mas
gimana klw kita mau menaruh gambar kita sendiri sebagai icon back to top.

abu hamzah al jawi 25 November 2010 14.12  

Jazakumullah khairan katsira, anta mampir ke blog ana ya . . .

asysya 22 Juli 2011 18.38  

mantab Gan.. jazaakumullahu khoyron ^^

ApaajA 26 November 2011 11.24  

Mas udah ane coba n ada yang bermasalah untuk tombol kebawahnya g berfunsi. Mohon pencerahannya.

sherlina halim 15 Oktober 2015 02.34  

Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

Untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : melasian77cs@gmail.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
asianbet77.com

Download Disini

Posting Komentar