Nah di posting sebelumnya saya sudah memberikan kisi-kisi bagaimana cara membuat link kembali ke atas. Sekarang saya akan menulis cara membuat tombol khusus tersebut didalam kode HTML dengan cara mengintegrasikan (waw,,mulai pakai bahasa berat yah,, hehe,,
) kode link kembali ke atas dengan artikel milik kendhin yang berjudul "Membuat Anu Agar Selalu Berada Di Pojok" .
Pertama-tama yang harus kita lakukan adalah, buka EDIT HTML kemudian cari kode berikut ]]></b:skin> , bila sudah copy paste script di bawah ini diatas kode berwarna merah tadi:
#pojok_icon {
position:fixed;_position:absolute;bottom:0px;left:3px; clip:inherit;_top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }
Kode berwarna merah merupakan kode posisi, menurut kode diatas maka letak nya berada di bawah(bottom) sebelah kiri(left), jika ingin diletakkan di sebelah kiri bawah, "left" bisa diganti dengan "right", bila di atas "bottom" bisa di ganti dengan "top".
Bila sudah langkah selanjutnya letakkan kode dibawah ini diatas kode </body> :
Bila sudah jangan lupa di simpan :) .<div id='pojok_icon'>
<a href='#'>
<img border='0' src='http://shedtya.mlw.googlepages.com/upbutton.jpg'/></a>
</div>
Untuk kembali ke atas sisi atas blog, kita tidak perlu meletakkan link atau tulisan apa-apa cukup menggunakan tanda pagar(#) saja dan kode http://shedtya.mlw.googlepages.com/upbutton.jpg adalah lokasi gambar yang ingin kamu gunakan.
Bila ada yang mempunyai kreasi sendiri silahkan berexperimen dan coba-coba untuk menambah pengetahuan pribadi, bila ada yang salah dan tidak setuju dengan postingan saya bisa tinggalkan komentar, terima kasih.













19 comments:
bagus maz infonya, thanks
http://netzseek.blogspot.com
tukeran yuk
@kHoiRuL : sama2, langsung di praktekan yah ;))
sipllah mas....that working properly ;;)
ech ada yang lupa...
script READ MORE nya koq ngga bisa jalan np ya mas?
Nice post, Keep sharing! :)
cdhoerys.blogspot.com
muhammadhajar.blogspot.com
:))
artikelnya menarik...sangat membantu saya....slm kenal...;)
terimakasih banyak sobat atas artikelnya, sungguh sangat berguna sekali bagi kita semua :D Job Feed Aggregator, General Forum Discussion
Makasih gan untuk artikelnya, baru belajar
wuuiicch manteeep banget nich tutornya gan.... sangat membantu n pantas dicoba
suwun gan info tutornya..
sipllah mas....
akhirnya ketemu juga tutorial buat tombol kembali ke atas.... makasih gan tutorialnya
Makasih om tutorialnya
Professional Indemnity Insurance,Professional Indemnity Insurance Quote, What Is Professional Indemnity Insurance
wah dapat juga tutornya.. makasih gan.. lngsng ane coba dech
Mantap gan tutorialnya.... nice post
langsung ane coba dech
akhirnya ktmu jg tutornya. makasih mas
Post a Comment
Untuk membuat emoticon cukup ketikkan kode yang berada di atas, jangan Spam yah,,,