Gudang Tutorial Blog

This fun CSS code adds an animated underline to links on the page when the mouse rolls over them to grab visitors' attention!LIVE DEMO kode css:a:hover { text-decoration: none; background-image: url(http://freecodesource.com/myspace-graphics/images_db/686/prod_604_16155.gif); background-repeat: repeat-x; background-position: 100% 100%; padding-bottom: 3px; color: #CC9900;}Background image dapat di ganti sesuai keinginan. ...

Continue Reading

Kebetulan blog ini yg mempunyai 2 orang, saya menampilkan kontak person facebook 1 kali klikmenjadi 2 link tujuan id fb jg.Jika sobat blogger ingin mengetahui caranya,Berikut ini kodenya:<a onclick="window.open('http://www.facebook.com/surya.minimoys');window.open('http://www.facebook.com/ash.shassine')" href="javascript:void(0)">ADD YA!</a>Ganti url berwarna di atas dengan url sobat Semoga tutorial cara membuat 1 link menuju 2 tujuan bermanfaat. ...

Continue Reading

Yang lagi ngetrend saat ini adalah membuat label dengan efek nudging  atau jika  di sorot mouse  maka akan bergoyang.Bagaimana  jika kita membuat semua  link bergoyang pada blog kita?Berikut ini caranya:1. Login blog2.Rancangan3. Edit html4. Letakkan kode script berikut di atas  </head><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>$(document).ready(function() {$(&#39;a&#39;).hover(function() { //mouse in$(this).animate({ marginLeft: &#39;12px&#39; }, 400);}, function() { //mouse out$(this).animate({ marginLeft: 0...

Continue Reading

Cara membuat link berwarna-warni pelangi :1. Login ke dashboard blogger.2. Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).3. Copy kode javascript dibawah ini dan paste pada gadget.<script src="http://hbhost.googlecode.com/files/rainbow-link.js">4. Save4. Selesai dan silahkan diliat hasilnya. ...

Continue Reading

Biasa yang kita jumpai saat blogging artikel,link yg kita sorot bergaris bawah atau underlink yoa.Penasaran cara membuat link hover bergaris atas pada blog?...Neh caranya:1. Login ke akun blogger2. Design > edit html3. Cari kode a:hover{4. Sisipkan kode text-decoration:overline;Sehingga menjadi seperti di bawah ini hasilnya:a:hover{color:#FFFFFF;font-size:16px;text-decoration:overline} 5. SaveScript kode diatas adalah kode di template link yang di sorot atau hover.color:#FFFFFF; >>...

Continue Reading