Latest Post
Loading...

Cara Mudah dan Gampang Membuat Sosial Bookmark Melayang di Blog

Assalamu'alaikum Wr.Wb
Salam Hangat dari Blogger Bogor Barat
Blog info Bogor Barat, Kali ini Share tentang Cara Mudah dan Gampang Membuat Sosial Bookmark Melayang di Blog

Langkah-langkah Mudahnya Sebagai Berikut
1. Log in ke Blog Sobat
2. Pilih " Tata Letak "
3. Klik "addgadet"
4.Pilih "HTML JavaScript"


5. Copy/Paste Script dibawah ini

    <style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#eeeeee;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .rss a{
background-image: url(http://1.bp.blogspot.com/-4S7laHF62YQ/Tw_PIMkhOKI/AAAAAAAAAlo/ClRFpThaRhc/s1600/64x64.png);
}
ul#navigation .facebook a {
background-image: url(http://4.bp.blogspot.com/-Ka2rYCn6aek/Tw_PTwIwT_I/AAAAAAAAAlw/OYXtsA8WG-0/s1600/64x64.png);
}
ul#navigation .twitter a {
background-image: url(http://2.bp.blogspot.com/-i9Y07xmUW30/Tw_PeVz-OkI/AAAAAAAAAmA/rXPOUB9b3Lc/s1600/64x64.png);
}
ul#navigation .googlebookmarks a {
background-image: url(http://2.bp.blogspot.com/-xBwVNscV7XI/Tw_PYpo43sI/AAAAAAAAAl4/X3iRulYu7Ho/s1600/64x64.png);
}
ul#navigation .e-mail a {
background-image: url(http://2.bp.blogspot.com/_znjmv4LDwck/Sj_asJdgxzI/AAAAAAAAA9U/Qjz2LuzIaPE/s400/yahoo_64x64.png);
}
</style>

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});

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

<ul id="navigation">
<li class="rss"><a href="http://YOUR-BLOG.blogspot.com/atom.xml">RSS Feed</a></li>
<li class="facebook"><a href="FACEBOK-PROFILE">Facebook</a></li>
<li class="twitter"><a href="TWITTER-ACCOUNT">Twitter</a></li>
<li class="googlebookmarks"><a href="https://www.google.com/bookmarks/">Google</a></li>
<li class="e-mail"><a href="<div style="color: red;"YAHOO!-ACCOUNT">Yahoo!</a></li>
</ul>



6. Simpan Semoga Berhasil

Ditulis Oleh : ibnu mas ~B@ratBogor

Muh.Akram Anda sedang membaca artikel berjudul Cara Mudah dan Gampang Membuat Sosial Bookmark Melayang di Blog yang ditulis oleh B@ratBogor yang berisi tentang Info Menarik dan Asik : Jika Bermanfaat diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: 8:29:00 AM

0 Komentar:

Post a Comment

Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter

Independent Distributor Enagic

Independent Distributor Enagic
Mesin Kangen Water