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.

Comments

  1. bagus maz infonya, thanks

    http://netzseek.blogspot.com
    tukeran yuk

    ReplyDelete
  2. @kHoiRuL : sama2, langsung di praktekan yah ;))

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

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

    ReplyDelete
  5. Nice post, Keep sharing! :)

    ReplyDelete
  6. cdhoerys.blogspot.com

    muhammadhajar.blogspot.com

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

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

    ReplyDelete
  9. Makasih gan untuk artikelnya, baru belajar

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

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

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

    ReplyDelete
  13. artikelnya menarik...sangat membantu saya

    salam admin : 168sdbet.com

    ReplyDelete
  14. Saya ucapkan terimakasih kepada pembuat artikel ini, artikel ini berisi informasi yang sangat bermanfaat untuk smeua pembaca khususnya saya sendiri. Saya tunggu lagi informasi-informasi lainnya yang tidak kalah menarik.
    Sukses selalu untuk anda

    kunjungi web kami untuk menambah ilmu
    www.168sdbet.com
    terima kasih

    ReplyDelete

Post a Comment

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