Sekedar informasi menarik dan Bermanfaat

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
Labels: cara gampang, cara mudah, cara-cara, Shares News, Tips and trik, Tutorial, Tutorial blog

Thanks for reading Cara Mudah dan Gampang Membuat Sosial Bookmark Melayang di Blog. Please share...!

0 Comment for " Cara Mudah dan Gampang Membuat Sosial Bookmark Melayang di Blog"

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

Ibnu Mas'ud Alfikry

Ibnu Mas'ud Alfikry

Independent Distributor Enagic

Independent Distributor Enagic
Mesin Kangen Water
Back To Top