Selasa, 06 April 2010
Naughty Neighbors Magazine (Feb 2010)hot banget
Minggu, 04 April 2010
Bagaimana Cara Membuat Bubble Tooltip di Blog/WebBubble Tooltip
Hallo Sobat Maya apa kabar? hari Ini kang salman mau berbagi tips bagaimana cara membuat bubble tooltip dengan mudah. sebelumnya ada yang tau ga apa itu bubble tooltips? bubble tooltips adalah sebuah aplikasi yang hampir mirip dengan snapshoot, yang mana bila teks maka akan muncul keterangan tambahan, dan tentunya bisa kita arahkan ke link tertentu.
contoh :
Nah pada contoh di atas terlihat. saat teks "di sini" di sorot oleh pointer (mouse) maka akan muncul keterangan "untuk konfirmasi" itulah yang di maksud dengan bubble tooltip
Dengan memasang dan membuat bubble tooltip di blog, maka blog kitaakan terlihat lebih menarik. kita lihat yuks bagaimana cara buatnya! ^_^
1. Login ke Blogger
2. Saat di dasbor pilih edit tampalete/tata letak
3. Lalu pilih Edit HTML
4. Copy aja kode di bawah ini :
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxLaE6SnGM4YagfRKGVk1GebCTMoYC7glWev0NAZbahz4ASjAXR4nK1rHR6Cd9s8z84ZitkI1qD-JSw7aWIjxcT50ucU4We17r1eNjTZdRlPP2SoN9OYAKoCScTfsn9zLDgfaH69KFP78/) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwZ0Oh4TtXFMKm3-rB7H81N8tJ3t73mUu-MPcziyAQqMbpm90xao9rdmYd5j_eKD6YbO8QENBrtib30XI9dCqiBcnBVS9HWR9IIHdwknAZD0VTYQa3_q9na3PBF5s6QsWCptOztVqc05Y/) repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxLaE6SnGM4YagfRKGVk1GebCTMoYC7glWev0NAZbahz4ASjAXR4nK1rHR6Cd9s8z84ZitkI1qD-JSw7aWIjxcT50ucU4We17r1eNjTZdRlPP2SoN9OYAKoCScTfsn9zLDgfaH69KFP78/) no-repeat bottom;
}
2. Simpan (paste) di atas ]]></b:skin>
3. Lalu Save
Selanjutnya Untuk membuat teks yang memiliki bubble tooltip silakan copy kode di bawah ini :
Hasilnya :
Keterangan :
- Link biru : bisa anda gunakan untuk membuat link ke arah artikel lain, bisa juga di kosongkan jika tidak diperlukan.
- Link hijau
: adalah teks yang akan di buat bubbletip, yang mana bila disorot oleh
mouse maka akan muncul keterangan tambahan yang telah anda buat - Link warna orange adalah keterangan tambahan yang ingin anda tambahkan.
Ok semoga bermanfaat.
NOKIA PC SUITE E SERIESCOBAIN DECH
NOKIA PC SUITE E SERIESCOBAIN DECH
ne aku kasih sofware nokia pc suite untuk nokia Eseries. bila selama ini kalian bingung mau nyari aplikasi nya sampai berjam-jam browsing di internet tapi ngga ketemu juga, disini aku kasih aplikasinya GRATIS lagi, kalo di situs resminya kan harus bayar. nah bagi kamu yang pengen dapet yang gratis disini tempatnya.
Nokia PC Suite untuk Nokia Eseries (E63.E71,E72,E61 dll )
Baca Lagi Boss - NOKIA PC SUITE E SERIESCOBAIN DECH
ne aku kasih sofware nokia pc suite untuk nokia Eseries. bila selama ini kalian bingung mau nyari aplikasi nya sampai berjam-jam browsing di internet tapi ngga ketemu juga, disini aku kasih aplikasinya GRATIS lagi, kalo di situs resminya kan harus bayar. nah bagi kamu yang pengen dapet yang gratis disini tempatnya.
Nokia PC Suite untuk Nokia Eseries (E63.E71,E72,E61 dll )
kalo mau download klik aza downloadnya lewat ZIDDU.COM
Trus biar downloadnya cepet pakai aja IDM ( internet download manager ) di pastikan cepet dech karena speed download kamu bisa mencapai 100 KB/sec bahkan bisa lebih ga percaya baca aja and download IDM nya...
salam
anakpk
Langganan:
Postingan (Atom)
