Warung Bebas

Selasa, 31 Januari 2012

Cara Buat Tooltip Melayang (otomatis)

Diposting oleh Unknown di 06.55

Cara Buat Tooltip Melayang (otomatis)

Cara Pertama:


  1. Login Ke Akun Blogger sobat
  2. Pilih Rancangan/Design Kemudian Pilih EDIT HTML (dan jangan Lupa Untuk Mencentang Kolom Expand Template Widget )
  3. Copas KOde Berikut Tepat Diatas KOde </head>
kode:
<style>#tooltip{width:200px;text-transform:capitalize;z-index: 10000000;position:absolute;background:#444;-moz-border-radius:5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;-o-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -webkit-transition:0.5s ease-out;padding:2px 5px;font-size:12px;color:#000;border:1px dashed #ff0000;display:none;font-weight:bold}</style>
<script type='text/javascript'>
this.tooltip = function(){
xOffset = 10;
yOffset = 20;
$(&quot;a[title]&quot;).hover(function(e){
this.t = this.title;
this.title = &quot;&quot;;
$(&quot;body&quot;).append(&quot;<p id='tooltip'>&quot;+ this.t +&quot;</p>&quot;);
$(&quot;#tooltip&quot;)
.css(&quot;top&quot;,(e.pageY - xOffset) + &quot;px&quot;)
.css(&quot;left&quot;,(e.pageX + yOffset) + &quot;px&quot;)
.fadeIn(&quot;fast&quot;);
},
function(){
this.title = this.t;
$(&quot;#tooltip&quot;).remove();
});
$(&quot;a[title]&quot;).mousemove(function(e){
$(&quot;#tooltip&quot;)
.css(&quot;top&quot;,(e.pageY - xOffset) + &quot;px&quot;)
.css(&quot;left&quot;,(e.pageX + yOffset) + &quot;px&quot;);
});
};
// starting the script on page load
$(document).ready(function(){
tooltip();
});
</script>


simpan.


Cara Kedua:



  1. Login Ke Akun Blogger sobat
  2. Pilih Rancangan/Design Kemudian Pilih EDIT HTML (dan jangan Lupa Untuk Mencentang Kolom Expand Template Widget )
  3. Copas KOde Berikut Tepat Dibawah KOde <body>


kode:
<script src="http://javascript-share.googlecode.com/files/wb.js"></script><a id='wb_ttauth' href='http://www.warungbebas.com'>Warung Internet</a><script type="text/javascript">//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:1px solid #677FC2;background:#eceff5}#ttcont{background:#677FC2;color:#fff}"
};
//]]></script><script src="http://javascript-share.googlecode.com/files/wb_tooltips.js"></script>
<script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'></script><div id="warungbebasautotooltip">


selanjutnya cari kode </body>
taruh kode di bawah ini tepat di atas nya

kode:
</div><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>


simpan .
dan lihat hasilnya .. sekian artikel tentang cara buat tooltip melayang
categories

0 komentar em “Cara Buat Tooltip Melayang (otomatis)”

Posting Komentar

Langganan: Posting Komentar (Atom)

Label

#LERB (7) 19-Nineteen (2) 49 Days (23) A Gentleman’s Dignity (1) Action (8) Adventure (19) Agen Bola PENIPU (1) Agoeng Nadh (1) Ajip Rosidi (1) Aliens (3) Amanda Ashby (1) Amore (3) Antivirus (3) Apocalyptic (9) Arang and the Magistrate (1) Astrid Zeng (3) Baby Faced Beauty (4) Baca blogspot (3) Baca Cerita Drama korea (34) BBI (8) Behind The Scene 49 Days (15) Behind the scene Marry me mary (1) Belanda (1) berita (4) BIG (5) Biografi (1) Books in English Challenge (4) C REAL (1) C-Real (1) can you hear my heart (5) Cerita Abunawas (8) Challenge (7) Character Thursday (1) Cheat Lost Saga (6) Cheat PB (1) Chicklit (2) Childrens (3) China (2) chit-chat (9) Choi Daniel (1) Choi Min Ho (1) Chris Dyer (1) Christina Tirta (1) City Hunter (16) Classic (5) Competition (2) Contemporary (6) Contest (2) Crissy Calhoun (1) Cultural (7) Daftar isi (1) Daniel Choi (1) Death (3) Delirium (1) Djokolelono (1) download (9) Download Film (1) Download IDM Terbaru (1) Download Kpop (3) Dr. Jin (1) Drama (8) Dream High (4) Dream High 2 (7) Dystopia (11) Earthsea Cycle (1) Eugene (2) Eun Jung (1) EXO (1) Fairies (1) Family (2) Fantasy (27) Feby Indirani (1) Film baru (1) Flower Boy Ramyun Shop (5) Flower Boy Ramyun Shop cute teaser (2) Francisca Todi (1) Gado - Gado (5) gambar lucu (1) game (1) game hp (2) Gayle Forman (2) Giveaway (8) Glorius Jae In (1) Glory for Jane (1) Golok Pembunuh Naga (5) Goo Hara (2) Goo Hye Sun (1) Goodbye Miss Ripley (2) Han Hyo Joo (1) Hanakimi korea (3) Header (3) Heartstrings (48) Heartstrings behind the scene (9) High Kick 2 (1) High Quality Dream High 2 (6) Historical Fiction (4) Holocaust (2) Horror (2) Humor (7) Hunger Games (7) Hyorin (1) If I Stay (2) Ika Natassa (3) Ilana Tan (3) Im Joo-hwan (1) indehost (2) Indonesia (16) info (3) IU (9) James Patterson (1) Jane Austen (1) Jang Geun-suk (5) Jang Nara (1) Jepang (2) Jiyeon (3) Jo Hyun Jae (4) John Boyne (1) Jules Verne (1) Jung Il Woo (12) Jung Yong Hwa (1) Jung Youn Hwa (3) Just-For-Fun-RC (2) Karla M. Nashar (1) Ken Grimwood (1) Kim So Eun (3) Kim Soo Hyun (1) Kimi ni todoke/From Me To You (1) kontes Seo (7) Korea (6) Korean Movie (2) Krystal (1) Kunci Jawaban (1) L.J. Smith (2) La Mian (1) Lauren Oliver (1) Lee Jin Ki (3) Lee min ho (11) Lee Yo won (2) Lia Indra Andriana (5) Lie To Me (26) Lorien Legacies (2) Love rain (1) lucu (3) M.G. Harris (2) Maggie Tiojakin (1) Magic (3) Man of Honor (2) Man of Honor ost (3) Marc Levy (1) Marry me Mary (2) Mary Kay Andrews (1) Mary Rodgers (1) Mason Moon (1) Me too flower (1) Meg Cabot (1) Metropop (8) Moammar Emka (1) Moon Geun Young (6) Music (3) My Princess (1) Mystery (5) Myth (2) Myung Wol the Spy (1) Name In A Book Challenge (6) Naruto shippuden (5) Ninit Yunita (1) Non-Fiction (7) Olahraga (4) Onew (31) Operation Proposal (9) Operation Proposal Episode (2) Orizuka (2) Ost 49 Days (4) Ost City Hunter (5) Ost Dream High 2 (9) Ost flower boy ramyun (3) Ost Heartstrings (17) Ost Lie To Me (8) ost poseidon (3) Paranormal (10) Park Min Young (6) Park Shin Hye (5) Penerbit Andi (1) Penerbit Atria (1) Penerbit Authorized Books (1) Penerbit Avon Books (1) Penerbit Bentang (1) Penerbit Buku Katta (1) Penerbit Bukune (1) Penerbit Elex Media Komputindo (1) Penerbit Escaeva (1) Penerbit Gagas Media (4) Penerbit Gradien Mediatama (3) Penerbit Gramedia (27) Penerbit HarperCollins (2) Penerbit Haru (3) Penerbit Mahda Books (1) Penerbit Matahati (3) Penerbit Mizan (6) Penerbit Nulisbuku (1) Penerbit Pustaka Jaya (1) Penerbit Qanita (1) Penerbit Scholastic (1) Penerbit Serambi (2) Penerbit Terakota (1) Penerbit Ufuk Press (2) Perancis (2) Pittacus Lore (3) Poseidon (11) Prediksi Skor (2) Pretty Little Liars (1) Preview Dream High 2 (4) Princess Man (1) PROFILE PEMAIN BOYS BEFORE FLOWERS (1) Queen In-hyun’s Man. (4) Raja gombaL (1) Retni SB (1) Ripley (2) Romance (51) Rooftop Prince (3) Running Man episode (2) Salamander Guru and the Shadows (2) Sara Shepard (1) Scene City Hunter (3) Science Fiction (19) Scott Westerfeld (3) Sherlock SHINee (6) SHINee (1) Short Stories (4) Simone Elkeles (1) Sinopsi Man of Honor (1) sinopsis (70) Sinopsis 19-Nineteen (2) Sinopsis 49 days (2) Sinopsis Dream High 2 (14) Sinopsis Flower Boy Ramyun Shop (24) Sinopsis Heartstrings (26) Sinopsis Lie To Me (17) Sinopsis Man of Honor (14) Sinopsis Operation Proposal (2) Sinopsis Poseidon (2) Sinopsis The Musical (1) smadav 90 pro (1) software (9) Song Ji Hyo (1) Song Joong Ki (1) Stefiani E. I. (1) sub indo (2) Supernatural (8) Suzanne Collins (7) Suzy (1) Taiwan (1) Tatiana De Rosnay (1) Teaser Tuesdays (10) Teenlit (2) tempat add bookmark (1) The Avengers 2012 (1) The Greatest Love (1) The Joshua Files (2) The Moon That Embraces The Sun episode (14) The Musical (1) The Thorn Birds episode (25) The Vampire Diaries (3) Threes Emir (1) Thriller (4) Time Travel (2) Tips SEO (1) tips trick (7) To liong to (4) Travelogue (5) uang (1) Uglies (3) Ursula K. Le Guin (1) US (27) Vampires (3) Virginia Novita (1) W. Somerset Maugham (2) War (2) Warrior Baek Dong Soo (8) Warrior Baek Dong Soo ost (2) web hosting (1) what' up (1) Widget Blog (1) Windy Ariestanty (1) Wishful Wednesday (2) Won Bin (1) Wooyoung (1) Yoo Seung ho (5) Yoon Eun Hye (2) Yoon Shi Yoon (1) Yoona SNSD (1) You are into me (1) You fell in love with me (1) You Have Fallen For Me (1) Young Adult (37) Yudhi Herwibowo (1) Zodiak (1)
 

Gudang Sinopsis Drama Korea Copyright © 2012 Fast Loading -- Powered by Blogger