It's all about 4rt, not how smart you are
SPECIAL THANKS TO : ALLAH S.W.T | URI ROSDIANTI | ZONEDEVIL | CYBER4RT CREW | JATIM CREW | HACKER-NEWBIE | YOGYACARDERLINK | INDONESIAN CODER | ERROR-404 | HIDDEN TECHNOLOGY COMMUNITY | MANUSIA BIASA TEAM | INDONESIAN HACKER TEAM | INDONESIAN DEFACER TEAM | ALL MEMBER HTC | AND YOU .

Sabtu, 24 Desember 2011

Home » » Menambahkan Button Back To Top [ HOT ]

Menambahkan Button Back To Top [ HOT ]

Menambahkan Button Back To Top

Salam blogger yuk belajar ngeblog lagi. Kali ini bagaimana kalau kita belajar untuk mempercantik blog kita lagi? Setuju Salah satu yang kita akan bahas kali ini adalah cara menambahkan button back to top.Saat kita menulis blog kadang tulisan yang kita buat itu panjang, atau juga tulisan yang kita posting itu banyak komentar, sehingga halamannya ke bawahnya juga panjang.

Kadang saya sendiri juga melihat dari atas, mulai dari judul,isi, dan juga komentar-komentar yang masuk. Saat sampai di paling bawah atau juga tidak terlalu di bawah kita ingin ke atas, jadi kita harus memutar grid mouse itu. Ini di manfaat kita menambhak button back to top, kita dapat dengan mudah kembali ke atas. Tinggal mengklik button itu kita akan langsung ke atas (top).

Cara Menambahkan Button Back To Top
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy paste kode di bawah sebelum kode ]]></b:skin>

#csstop {
overflow: hidden;
float:right;
width:33px;
height:50px;
clear:both;
}

6. Tambahkan kode dibawah ini sebelum kode </body>

<a id="csstop" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6SlR9zNQGLKbNxQzc-9UYbUPcIBWI22ru_f3Bqw4UAzdt5u0RiNHI2Frk-dV0mzlY24drgJ0Xi06kKCx1AuWZkGo3ETzXBtSheGiLdEEvc18Yz5W36Uoov9JCtPrSobxTUpErthmx5fJ8/s1600/up_button.jpg" title="back to top"/></a>

7. Simpan Template jika sudah selesai.

Tidak ada komentar:

Posting Komentar