Meletakkan button 'back to top' biasanya digunakan untuk blogger yang kebiasaannya mempunyai entri yang panjang, ataupun entri blog tersebut sentiasa mempunyai komen yang banyak atau mungkin juga sebagai penyeri agaknya.:)
anda boleh melihat contoh back to top button di pojok bawah blog saya ini.
Walaupun terdapat pelbagai cara yang agak advance dengan kesan yang lagi hebat-hebat, tetapi entri ini akan menunjukkan cara yang paling ringkas untuk meletakkan button back to top ini. Tidak perlu pening kepala kerana ia hanya menggunakan beberapa step sahaja.:)
Berikut adalah tutorial untuk meletakkan button back to top dalam blog.
1. Login akaun blog anda, kemudian dari dashboard > design > add a gadget > html/javascript
2. Paste kod di bawah ke dalam ruangan html/javascript
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar"></a>
Masukkan url gambar dengan url gambar 'arrow back to top' anda.
Disini ada beberapa jenis arrow diletakkan, hanya untuk memudahkan. Tetapi jika anda ingin mencari pelbagai lagi jenis back to top arrow, anda Google sahaja.
http://img338.imageshack.us/img338/9871/2evyotw.gif
http://img132.imageshack.us/img132/5848/totopbutton.png
http://img175.imageshack.us/img175/7297/up3.png
http://img28.imageshack.us/img28/2494/30720265.png
http://img529.imageshack.us/img529/1986/96133335.png
http://img294.imageshack.us/img294/9831/14193731.gif
3. Apabila selesai save dan lihatlah hasilnya.:)
Semoga Artikel ini bermanfaat untuk shobat semua,,, terima kasih...
Sobat Blogger sedang berada di halaman Tips dan Cara Pasang Button Back To Top dan Sedang membaca artikel Tips dan Cara Pasang Button Back To Top ini dengan url http://arafcreativity.blogspot.com/2012/05/tips-dan-cara-pasang-button-back-to-top.html. Dan Sobat Blogger juga boleh COPAS artikel Tips dan Cara Pasang Button Back To Top ini jika bermanfaat dan jangan lupa untuk meletakkan link Tips dan Cara Pasang Button Back To Top sebagai sumbernya.
0 komentar:
Posting Komentar