Text Area Hover

Sulit nih ngasih judul apaan , terpaksa ini aja deh
Posting kali ini akan bahas tentang link exchange ,langsung  banting !!


Dulu gw pernah obok obok blog bang dickey alias liat liat postingannya

dan share tentang text area ,sperti ini generasinya


1.

<br /> <div style="text-align:center;padding:0px;margin:10px auto;border:0px;"><a href="http://www.DickeyMaru.com/" target="_blank"><br /> <img src="URL-GAMBAR-KALIAN-DISINI" alt="www.DickeyMaru.com" title="JUDUL-BLOG-KALIAN" style="border:0px;margin:5px auto;cursor:pointer;" /><br /> </a><br /> </div>

Press CTRL + C to copy

2.

<br /> <br /> Masukan text / kode sobat di sini<br /> <br />

3.

468x60

<br /> <div style="text-align:center;padding:0px;margin:10px auto;border:0px;"><a href="http://ryukimaru-ryo.blogspot.com/" target="_blank"><br /> <img src="http://i43.tinypic.com/evcaqv.gif" alt="http://ryukimaru-ryo.blogspot.com/" title="| RyukiMaru |" style="border:0px;margin:5px auto;cursor:pointer;" /><br /> </a><br /> </div>

Press CTRL + C to copy

nah yg gw maksud adalah , : UUD 1945


Textarea 1 ,hanya biasa dan text nya bisa di hapus T_T
Textarea 2 ,menggunakan tombol block all dan masih bisa dihapus
Textarea 3 ,biasa namun tidak bisa dihapus text nya dan sekali klik ke block semua

nah gw kasih aja nih yg lebih enak di pakai ,contohnya seperti link exchange dickeymaru

88x31

<br /> <div style="text-align:center;padding:0px;margin:10px auto;border:0px;"><a href="http://ryukimaru-ryo.blogspot.com/" target="_blank"><br /> <img src="http://i42.tinypic.com/xppl4g.gif" alt="http://ryukimaru-ryo.blogspot.com/" title="| RyukiMaru |" style="border:0px;margin:5px auto;cursor:pointer;" /><br /> </a><br /> </div>

Press CTRL + C to copy

Nih PERBEDAANNYA :

• Saat di hover atau disentuh mouse/pointer tanpa diklik sudah ke block all
• Text Tidak dapat dihapus

Kode :

<div style="text-align: center;">
<img alt="http://ryukimaru-ryo.blogspot.com/" src="http://i42.tinypic.com/xppl4g.gif" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 5px; margin-left: auto; margin-right: auto; margin-top: 5px;" title="| RyukiMaru |" />
<span style="font-family: 'Yanone Kaffeesatz', Arial, Verdana;"><span style="font-size: 17px;">88x31</span></span>

<textarea cols="" onmouseover="this.focus();this.select();" readonly="readonly" rows="" style="-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 62px; padding: 3px; width: 176px;">&lt;br /&gt; &lt;div style="text-align:center;padding:0px;margin:10px auto;border:0px;"&gt;&lt;a href="http://ryukimaru-ryo.blogspot.com/" target="_blank"&gt;&lt;br /&gt; &lt;img src="http://i42.tinypic.com/xppl4g.gif" alt="http://ryukimaru-ryo.blogspot.com/" title="| RyukiMaru |" style="border:0px;margin:5px auto;cursor:pointer;" /&gt;&lt;br /&gt; &lt;/a&gt;&lt;br /&gt; &lt;/div&gt;</textarea>

<b>Press CTRL + C to copy</b></div>

Kelebihannya edit sendiri yah

Semoga bermanfaat

Share This:

Facebook Twitter Pinterest Linkedin Whatsapp Whatsapp

About Rio Apri

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.