Tooltip Monyet Blog ini

Silahkan bagikan :

۞ السَّــــــلاَمُ عَلَيْــــــكُمْ وَرَحْمَــةُ اللــــهِ وَبَرَكَاتُــــــــــهُ ۞

۞ بســـــــــــــم اللّـــه الرّحمٰن الرّحيـــــــــــــم ۞

-----------------------------------------------------------------------

 Ganti tulisan    a:hover { ...     
dengan kode dibawah ini

a:hover {background:  none; text-decoration:arial;  font:14px "Arial " !important;}/*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:100px; width:220px;}
a.tooltip:hover span{display:inline; position:absolute; background:url(  http://i40.tinypic.com/5pgajb.gif ); #98FB98 ; border:5px ridge #ff00ff; color: #FFFF00  ;
-moz-box-shadow:2px 2px 40px #ff00ff, 2px 2px 40px #111;-webkit-box-shadow:2px 2px 40px #ff00ff, 2px 2px 40px #ff00ff;}

Lalu tambah Elemen Baru, copy paste kode dibawah ini.....


<div id="page" style="width: 160px; padding: 8px 5px; border: 10px inset #0348a6;
-webkit-box-shadow:0px 0px 35px yellow;-moz-box-shadow:0px 0px 35px yellow;
margin: 15px 0; color: #add0ff; font-family: Arial black; font-size: 15px;"> <a class="tooltip" href="http://buka-buku-gratis.blogspot.com">CELENGAN BLOG <span><img src="  http://i39.tinypic.com/30vg9w3.jpg "/> </span></a>
</div>

۞ الحمد لله ربّ العٰلمين ۞

-----------------------------------------------------------------------

• Tweet
• Share
• Share
• Share
• WhatsApp