Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di die-silver.blogspot.com

Cara Membuat Float Image/Gambar Melayang Pada Blog

Trik ini sebenernya udah jadul siih, dan udah nggak gue pake lagi. Dan trik ini bisa dipake dengan mengkombinasikannya dengan blog, maksudnya ya menyesuaikan dengan tampilan blog. Gambar ini bentuknya bisa gambar diem atau berekstensi .jpeg/.jpg atau bahkan gambar bergerak/animasi berekstensi... .gif . Udah maksud belum niih? Gambar melayang ini selalu ada di pojok dan tidak akan ikut kemana-mana kalo scroll window digerakkan. Kalo penasaran ya praktekin aja lah, niih caranya:


  • Pastinya ya Login di Blogger terus pilih Layout/Tata Letak

  • Kemudian pilih menu Edit HTML kemudian beri tanda centang pada Expand template widget

  • Sekarang coba cari kode ]]></b:skin> ... Kalo udah ketemu taruh kode di bawah ini di atasnya:
    #diesilver_float {
    position:fixed;_position:absolute;bottom:0px; left:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

  • Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

  • Langkah selanjutnya yaitu mencari kode </body> kalo udah tinggal paste kode berikut di atas kode tadi:
    <div id="diesilver_float">
    <a href="http://die-silver.blogspot.com">
    <img src="http://i181.photobucket.com/albums/x62/deth_killer_2007/metalsluggunner.gif" border="0" /></a>
    </div>

  • Ganti alamat link http://die-silver.blogspot.com dengan alamat link kamu. Kemudian ganti juga link http://i181.photobucket.com/albums/x62/deth_killer_2007/metalsluggunner.gif dengan link gambar kamu. Berikut udah gue cariin beberapa gambar yang mungkin bisa kamu pake:
    metal slug Pictures, Images and Photos
    http://i181.photobucket.com/albums/x62/deth_killer_2007/metalsluggunner.gif


    Metal Slug Pictures, Images and Photos
    http://i256.photobucket.com/albums/hh197/josuencore/metalslug327.gif


    metal slug Pictures, Images and Photos
    http://i174.photobucket.com/albums/w100/LinkinaTank/Video%20Games/Metal%20Slug/031.gif


    Animasi Naruto Pictures, Images and Photos
    http://i544.photobucket.com/albums/hh336/agungkornelius/NrUtnfrnZ.gif


    Flaming Soccer Ball Animation Pictures, Images and Photos
    http://i196.photobucket.com/albums/aa76/freemommy33/James%20Photos/soccer14.gif

  • Ohya, jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

  • Simpan dan lihat deh hasilnya...



Semoga berhasil ... :D

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di die-silver.blogspot.com
Gunakan Tombol berikut untuk menyimpan halaman :
Cara Membuat Float Image/Gambar Melayang Pada Blog
menjadi format PDF dan lebih maksimal jika terdapat kesalahan koneksi atau yang lainnya.

..::Artikel Menarik Lainnya::..

7 comments:

IHSAN May 16, 2009 at 9:43 AM  

gambar keren yang ada engga'? ;;)

♥♥♥ήέ_©ħάп♥♥♥ May 16, 2009 at 3:04 PM  

wah blog ku dah gak bisa age,,,
berat,,,
uh,,,, :(

Cara Belajar May 17, 2009 at 6:34 PM  

WAAAAAAAAAAAAAA.....

Gambar animasinya KEREN......

NICE post...

Mampir yawh... ^^


Cara Belajar

Stenly December 22, 2009 at 4:23 PM  

desain blog ini mirip ateonsoft ya...:f:

Astaga.com lifestyle on the net December 29, 2009 at 1:25 PM  

mantap gan...gambar melayang memang sip...seandainya aku ga ikutan kontes tak pasang tuch gambar..keren sihh

L3rry January 31, 2010 at 1:42 PM  

Thanks infonya sobat

Post a Comment

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia.

Jika anda tidak punya blog/website, kolom URL boleh dikosongi atau dapat juga diganti dengan email anda.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini tidak akan ditanggapi. Lebih baik anda gunakan pilihan dibawah ini:

Jika ingin komentar anda tidak dipublikasi, silahkan klik disini.

Terima kasih, komentar anda sangat berarti untuk die-silver.blogspot.com
:a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n:

newer post older post home

About Me

My Photo
ardi33
Sangat bercita-cita menjadi seorang webmaster yang selalu dapat memberikan yang terbaik dan bermanfaat kepada semua orang, dan sekarang sedang dalam tahap pembelajaran yang tak kenal lelah!!!
View my complete profile

Stats

Blog Rank:Powered by  MyPagerank.Net
Traffic Rank:Alexa Certified Site Stats for http://die-silver.blogspot.com
Online Visitor:
Blogger Template by Ardi33.Web.id.
Originally Die Silver Template Edited by TemplateZone