Gratis berlangganan artikel saya via e-mail, Klik disini!

03 August 2008

Membuat kreasi tombol kembali ke atas

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> :

<div id='pojok_icon'>
<a href='#'>
<img border='0' src='http://shedtya.mlw.googlepages.com/upbutton.jpg'/></a>

</div>

Bila sudah jangan lupa di simpan :) .

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:

kHoiRuL said...

bagus maz infonya, thanks

http://netzseek.blogspot.com
tukeran yuk

Shedtya said...

@kHoiRuL : sama2, langsung di praktekan yah ;))

candra said...

sipllah mas....that working properly ;;)

candra said...

ech ada yang lupa...
script READ MORE nya koq ngga bisa jalan np ya mas?

a2i3s said...

Nice post, Keep sharing! :)

albaroky@gmail.com said...

cdhoerys.blogspot.com

muhammadhajar.blogspot.com

my blog said...

:))

RISWANA said...

artikelnya menarik...sangat membantu saya....slm kenal...;)

Indonesia News Aggregator said...

terimakasih banyak sobat atas artikelnya, sungguh sangat berguna sekali bagi kita semua :D Job Feed Aggregator, General Forum Discussion

abs-007 said...

Makasih gan untuk artikelnya, baru belajar

Kanker said...

wuuiicch manteeep banget nich tutornya gan.... sangat membantu n pantas dicoba

BlackBerry Curve 8520 said...

suwun gan info tutornya..

Mobile Phone said...

sipllah mas....

Plants vs Zombies said...

akhirnya ketemu juga tutorial buat tombol kembali ke atas.... makasih gan tutorialnya

Professional Indemnity Insurance said...

Makasih om tutorialnya
Professional Indemnity Insurance,Professional Indemnity Insurance Quote, What Is Professional Indemnity Insurance

Business And Finance said...

wah dapat juga tutornya.. makasih gan.. lngsng ane coba dech

Business And Finance said...

Mantap gan tutorialnya.... nice post

professional indemnity insurance said...

langsung ane coba dech

Professional Indemnity Insurance UK said...

akhirnya ktmu jg tutornya. makasih mas

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment

Untuk membuat emoticon cukup ketikkan kode yang berada di atas, jangan Spam yah,,,

Yang perlu kamu baca:


 

© Copyright 2008 - Powered by blogger Design by shedtya | blogger free template