Sunday, November 15, 2009

Cara mudah membuat back to top dengan icon.

top
Jika ada sahabatku yang punya Blog memanjang ke bawah alangkah bagusnya jika pasang back to top.
Kali ini membuat back to top dengan icon.
- Caranya Log in pada Blog, layout, Edit HTMl, centang Expand Template Widget Cari kode </b:skin>
.
- Kemudian copy kode dibawah ini dan pastekan diatas kode </b:skin> tadi.
.gototop{
background:url(http://tinyurl.com/n67r7d) no-repeat 0 0;
width:28px;
height:25px;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:0px;
bottom:30px;
}
- Kemudian cari kode <div id='header-wrapper'> . Coppy dan pastekan kode di bawah ini taruh diatasnya.
<a name='gototop'/>
- Kemudian coppy dan pastekan kode di bawah taruh di atas kode </body>
<a class='gototop' href='#gototop' title='Go to Top'>top</a>
- Klik save, selesai.

Anda Sudah Baca Yang Ini? :

7 komentar:

Klik Here To Show All Comment


hss-info Sunday, November 15, 2009 12:47:00 PM  

tutorialnya mantep niee,,,,
langsung di coba ya....

al-basri Sunday, November 15, 2009 1:28:00 PM  

selamat sore dik,
boleh juga ni, lelah saya scroll mouse.
tips ini bisa membantu..

terima kasih dik, semoga santai hari ini.

Mr. X Sunday, November 15, 2009 9:04:00 PM  

@ Terima Kasih buat kakak-kakakku senior yang sudi memberikan komentar pada blog ini.

Mr. X Wednesday, January 06, 2010 11:14:00 AM  

jika gak berhasil ganti backgroundnya dengan icon anda semua...

Post a Comment

newer page older page home
top