Assalamualaikum Wr. Wb. Selamat datang di Kata Irhamna | Tutorial, Tips and Trick Blogspot... Silahkan isi komentar dan pertanyaan anda, karena itu sangat berarti buat Saya dan Insya Allah Pertanyaan dari Anda akan Saya Jawab... Terima Kasih Atas Kunjungan Anda dan Jangan Sungkan Berkunjung Kembali...

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>


Comments :

23 komentar to “MEMBUAT GAMBAR MELAYANG”
Seno said...
on 

Nice post Ir. Thanks for the tips

Unknown said...
on 

Tips bagus neeh,..kereeeenn

aries said...
on 

tips yg oke.... sangat membantu sesama blogger

Anonymous said...
on 

Makasih banyak info nya, di coba dulu ya

Anonymous said...
on 

Kunjungan balik nih, tutornya untuk yang bagian mana tuh??? :D

attayaya said...
on 

googlepages nya ga bisa nambah user baru lagi
thanks atas tipnya

- s L i K e R s - said...
on 

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... :)

exploe said...
on 

mau dunkkkkk, buat yang baru lagi yach...maju terus brooo

salam

Xitalho said...
on 

Nice trick.... perlu dicoba ini... thx atas sharingnya.. met kenal yaa...

Anonymous said...
on 

itu bisa melayang gak nempel atau nempel ya? punyaku nempel soalnya...nempel ke kanan atau kiri gak bisa melayang..

Kata Irhamna said...
on 

@lookj, memang seperti itu, maksunya melayang dipojok, biarpun halaman blog di geser ke bawah atau ke atas, sama aja dia tetap disitu!! You understand???

artiirhamna said...
on 

wah, aku nyoba tips punya sendiri...
hehehe...

mirat said...
on 

bisa ngga kalo di pasang di paling atas judul blog

Haesbich said...
on 

Mau dicoba dulu yach...

Mkseh..

Kyudo said...
on 

keren nih... nambah berat ga nih?

ilmuhukum UIN Bandung said...
on 

tolong kirim ke email ku donk mujahidin_alhaq@yahoo.com
tentang membuat widget bergerak..aku dah coba..cuma susah banget...tolong ya

Anonymous said...
on 

tips na bgus....
kbulan mang ge cr"tips kyk gni.
nemu jg alhirna...

kreeen

motivasi said...
on 

udah tak coba kok muncul ya ..

FB BATAM said...
on 

belom berhasil neh

Agus Generatio Bos Pepaci said...
on 

Dicoba

GHANDI MUHAMMAD said...
on 

keren...keren..keren..
tahnks infonya.....

Fathimatuz said...
on 

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

Syaiful Karim said...
on 

ty gan,

Post a Comment