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><img src="http://artimaster.irhamna.googlepages.com. /yotsuba.gif"
</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('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TIPS N TRIK'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'TIPS N TRIK'; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
<a href="http://www.remo-xp.com/search/label/Tips n Triks">All</a><br />
<a href="http://www.remo-xp.com/search/label/Duit Gratis">Bisnis Online</a><br />
<a href="http://www.remo-xp.com/search/label/Tips Blogger">Blogger</a><br />
<a href="http://www.remo-xp.com/search/label/Facebook">Facebook</a><br />
<a href="http://www.remo-xp.com/search/label/Tips%20Games">Games</a><br />
<a href="http://www.remo-xp.com/search/label/Tips%20G-Mail">Gmail</a><br />
<a href="http://www.remo-xp.com/search/label/Hacking">Hacking</a><br />
<a href="http://www.remo-xp.com/search/label/Komputer">Komputer</a><br />
<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('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'UNCATEGORIZED'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'UNCATEGORIZED'; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
<a href="http://www.remo-xp.com/search/label/Free%20E-Book">Free Ebook</a><br />
<a href="http://www.remo-xp.com/search/label/FONT">Free Fonts</a><br />
<a href="http://www.remo-xp.com/search/label/Library">Library</a><br />
<a href="http://www.remo-xp.com/search/label/Story%20Of%20The%20World">Story Of The World</a><br />
</div></div></div>
</div>
Nice post Ir. Thanks for the tips
Tips bagus neeh,..kereeeenn
tips yg oke.... sangat membantu sesama blogger
Makasih banyak info nya, di coba dulu ya
Kunjungan balik nih, tutornya untuk yang bagian mana tuh??? :D
googlepages nya ga bisa nambah user baru lagi
thanks atas tipnya
Trims tips nya bos... Nanti tak saya coba, hehehe..
btw salam kenal dari - s L i K e R s -
tuker link yuk kalau boleh... :)
mau dunkkkkk, buat yang baru lagi yach...maju terus brooo
salam
Nice trick.... perlu dicoba ini... thx atas sharingnya.. met kenal yaa...
itu bisa melayang gak nempel atau nempel ya? punyaku nempel soalnya...nempel ke kanan atau kiri gak bisa melayang..
@lookj, memang seperti itu, maksunya melayang dipojok, biarpun halaman blog di geser ke bawah atau ke atas, sama aja dia tetap disitu!! You understand???
wah, aku nyoba tips punya sendiri...
hehehe...
bisa ngga kalo di pasang di paling atas judul blog
Mau dicoba dulu yach...
Mkseh..
keren nih... nambah berat ga nih?
tolong kirim ke email ku donk mujahidin_alhaq@yahoo.com
tentang membuat widget bergerak..aku dah coba..cuma susah banget...tolong ya
tips na bgus....
kbulan mang ge cr"tips kyk gni.
nemu jg alhirna...
kreeen
udah tak coba kok muncul ya ..
belom berhasil neh
Dicoba
keren...keren..keren..
tahnks infonya.....
Mhn penjelasan kalimat:
"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.
Dan terimakasih utk tips daun berjatuhannya. it's amazing! ^^d
ty gan,