Minggu, 16 Desember 2012

Cara membuat gambar di pojok blog

Nah ,disini ane mau bagi2 trik agar gambar di blog selalu di pojok 
Pasti kalian pernah lihatkan pada suatu blog yang terdapat gambar tersebut...
Kalo belum tahu caranya ane kasi tahu nih...

1. Login ke blogger trus klik "Layout -->> Edit HTML2. Cari kode ini ]]> kalo dah ketemu taru kode berikut ini di atasnya.


#trik_pojok {
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); }

3. 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".


4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode 
<div id="trik_pojok">
<a href="http://trik-tips.blogspot.com">
<img src="http://soniclari.gif" border="0" /></a>
</div>
"http://.blogspot.com" adalah link. ganti dengan link kamu.
"http://soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.


5. 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.


6. Simpan hasil kerja kamu dan lihat hasilnya


7 komentar:

Unknown mengatakan...

keren kayak.a ne coba dlu ahhh

Ramadhana Kurnia mengatakan...

Artikel yg bermanfaat sob :)
makasi ilmu nya ..


#jangan lupa visit & comment back yaa :)

risang mengatakan...

Ok :D

Unknown mengatakan...

Bermanfaat Kali...

risang mengatakan...

Thank's dah berkunjung....

Man mengatakan...

mantap gan artikeL'y...

risang mengatakan...

Ok

Posting Komentar

 
Free Joomla TemplatesFree Blogger TemplatesFree Website TemplatesFreethemes4all.comFree CSS TemplatesFree Wordpress ThemesFree Wordpress Themes TemplatesFree CSS Templates dreamweaverSEO Design