Home » » Cara Membuat Gambar Melayang (Float) di Blog

Cara Membuat Gambar Melayang (Float) di Blog

Redi Apri Handoko | 10.10 | 0 comments
Berikut adalah tips bagaimana membuat gambar melayang di samping kiri-kanan dan atas-bawah blog sobat. Sobat dapat memasang float gambar ini untuk menghiasi tampilan web dengan gambar, adsense dan lain sebagainya.

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
2. Cari kode ini ]]></b:skin>
4. Kalau udah ketemu letakkan kode berikut ini di atasnya.
#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); }
5. Text yang dicetak tebal adalah penempatan posisi gambar di blog, jika sobat mau ganti di posisi pojok kanan bawah tinggal ganti "left" dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

6. Langkah selanjutnya yaitu meletakkan script berikut ini sebelum kode </body>
<div id="float">
<a href="www.blogtrikdantips.blogspot.com">
<img src="http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif" border="0"/></a>
</div>
7. Ganti link
www.blogtrikdantips.blogspot.com dengan link blog sobat
8. Simpan hasil kerja sobat dan lihat hasilnya
Berbagi Dengan Teman:

Posted by : Redi A.H ~ / Tutorial windows, SEO , Info gadget, Download game

Artikel Cara Membuat Gambar Melayang (Float) di Blog Di posting oleh Redi A.H pada 2 Jul 2009. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kontak atau komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging!!!

0 comments:

Posting Komentar

Terimakasih atas kunjungan anda semua, sebelumnya mohon maaf kami tidak menerima komentar yang berbau tentang pornografi.
TERIMAKASIH atas partisipasinya.

 
Site Meter :
Copyright © 2011. Tutorial Windows 7 - All Rights Reserved
Proudly powered by Blogger
Thank You For Google