Widget Melayang Pada Blog

Caranya tidak sulit kok, ini salah satu caranya...
1. Login di Blog Anda.

2. Masuk ke bagian Rancangan/Desain.

3. 'Klik' Lay Out atau Edit Tata Letak.

4. lALU 'klik' Tambah Gadget.

5. Cari "HTML/JavaScript" kemudian di 'klik'.

6. Masukkan kode dibawah ini:

}
ul#navigation .facebook a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgli2uzGWXymWneyij6EhgNHDS52y0gSZW5iF5LbHRIo8ZRyczlFHIC09veMThCOaQoatxUCpCur2_MR0MM1TpZWmeaP3-SUE3BIv7RxGph8HnoDkbrelApYhq2oc7BR9NL3B6tgcsZwiTB/s1600/facebook-logo-square-webtreatsetc.png);

}
ul#navigation .twitter a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJnRhyphenhyphen-MR8MdOQ14iHU_jCJjlGODvhJYUs0FBHbUYqlD0MLU-ogtOj0skj3qZ6QxfIFXdR3IThkTVIAGB4F9pmCZo9ykAKA8ek9rspjiW2BKm7VAt0YEw9umaEuk2a-tYjNGEwCbagZz6y/s1600/twitter-logo-square-webtreatsetc.png);

}
ul#navigation .googlebookmarks a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSNz6GhJwp_hikSsZF0qjp7rhBuDS3u2JbjA6BRYYZrfqhPoARPzfARbxDIfNomUAt06oc2KfLMLYK92zuzRdoJuV5_qavZO85BsEZbYC0TaMKmU0jc5HUmPCjHOPy15OppLgTz4VhTyDg/s1600/google-g-logo-webtreatsetc.png);

}
ul#navigation .e-mail a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH8cVcZvH4iVu5zPh7e3UVwuHy34q4ytTAOOzo0XWYCo1ANhqeFYwHT3nRAkDxJEWXxoIXE4zeQHtENcbW5XD62xYveybXT4HvfT2RZIGPql92c7ODO12NW8tTZmQyAO-fN3_TBsXfF3dF/s1600/mail-square-webtreatsetc.png);

}
</style>

$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>

<br />
<ul id="navigation">
<li class="rss"><a href="http://xyns.blogspot.com/atom.xml">RSS Feed</a></li>
<li class="facebook"><a href="http://www.facebook.com/Xsiswandaru/">Facebook</a></li>
<li class="twitter"><a href="https://twitter.com/#!/Xyn_Siswandaru">Twitter</a></li>
<li class="googlebookmarks"><a href="https://www.google.com/bookmarks/">Google</a></li>
<li class="e-mail"><a href="http://www.yahooo.com/">Yahoo!</a></li>
</ul>

7. Setelah itu tinggal kalian edit sendiri URL yang ada di dalam nya.
Selamat mencoba ^_^

Silahkan komentar menggunakan Facebook, Jika Anda belum memiliki Url blog.. ^_^

- TONG SAMPAH - ヤヒヤ

Laman

.

.

12/28/2011

Widget Melayang Pada Blog

Tidak ada komentar:

Posting Komentar

xyns.blogspot.com

xyns.blogspot.com buzz