News Update :

Cara membuat Gambar/Widget berada dipojok blog kita

Maksudnya bisa Facebook, gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain, contohnya Kalo untuk di blog ini aku pasang gambar logo kikiyo.co.cc
udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -- Edit HTML

2. Cari kode ini : ]]></b:skin>
kalo sudah ketemu Copy kan 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 </body>

<div id="trik_pojok">
<a href="Kikiyo.co.cc">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArzV9-23yIBWIQPSB5kF0PJ6eUcNmo7WrXaPd-cV3Xgeu1fctPRbRKDvo_lycrVrziUd_aec-3l2OwTKD80ptRrspCU176wLAsQPsL6TdyI4QdmxZwaTFVSyN7Mir8zAhFQxIVyMjtUz9/s128/chihuahuat.gif" border="0" /></a>
</div>

Ket :

"http://kikiyo.co.cc" adalah link. ganti dengan link kamu.
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArzV9-23yIBWIQPSB5kF0PJ6eUcNmo7WrXaPd-cV3Xgeu1fctPRbRKDvo_lycrVrziUd_aec-3l2OwTKD80ptRrspCU176wLAsQPsL6TdyI4QdmxZwaTFVSyN7Mir8zAhFQxIVyMjtUz9/s128/chihuahuat.gif"
adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi Facebook/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
Share this Article on :

0 komentar:

Posting Komentar

 

© Copyright Kak Imam blog 2010 -2011 | Design by Herdiansyah Hamzah | Published by Kak ImamTemplates | Powered by Blogger.