MEMBUAT GAMBAR MELAYANG

Aduh, saya selalu sibuk, tidak sempat ini itu, tugas pada menumpuk, buat makalahlah, karya tulislah, inilah itulah. Wah banyak deh. Tapi demi anda semua, saya sempatkan untuk memposting trik ini, tapi sebelumnya saya mohon maaf juga kalau link atau banner Anda belum terpasang di blog saya, untuk itu jangan lupa untuk selalu mengingatkan saya.

Trik kali ini adalah memasang gambar atau widget yang selalu berada di pojok blog, jika kita geser ke bawah halaman, maka gambar tersebut tetap berada di pojok tak bergerak. Bagaimana triknya ayo langsung saja praktekkan cara-cara berikut ini!!!

2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trikwidget_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 "buttom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>

<div id=" trikwidget _pojok">

<a href="http://kata-irhamna.blogspot.com">
<img src="http://artimaster.irhamna.googlepages.com. /yotsuba.gif"

border="0" /></a>
</div>

"http://kata-irhamna.blogspot.com"

adalah link. ganti dengan link kamu.

"http://arti.master.irhamna.googlepages.com/yotsuba.gif"

adalah lokasi penyimpanan gambarmu. Ganti dengan kode tempat penyimpanan gamabrmu.

Jika ingin tidak gambar seperti di atas, anda bisa mengganti dengan widget-widget, misanya jam, atau iklan dan lain-lain, tinggal ubah saja kode gambar atau widget yang akan ditampilkan.

Kalau udah simpan/save.
Kemudian jangan lupa deh lihat hasilnya.
Selamat mencoba triknya ya!!!
Salam Blogger selalu untuk Anda!!

<h2 class="title">CATEGORY</h2>

<div class='widget-content'>

<div><div style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; width: 150px; font-size: 10px;" value="TIPS N TRIK" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TIPS N TRIK&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;TIPS N TRIK&#39;; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Tips n Triks">All</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Duit Gratis">Bisnis Online</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Tips Blogger">Blogger</a><br />

&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Facebook">Facebook</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Tips%20Games">Games</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Tips%20G-Mail">Gmail</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Hacking">Hacking</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Komputer">Komputer</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Photo%20Shop">Photoshop</a><br /><br />
</div></div></div>

<div><div style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; width: 150px; font-size: 10px;" value="UNCATEGORIZED" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;UNCATEGORIZED&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;UNCATEGORIZED&#39;; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Free%20E-Book">Free Ebook</a><br />

&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/FONT">Free Fonts</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Library">Library</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://www.remo-xp.com/search/label/Story%20Of%20The%20World">Story Of The World</a><br />
</div></div></div>
</div>