• Breaking News

    Latest Post
    Loading...

    Sekedar informasi menarik dan Bermanfaat

    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

    No comments:

    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

    Ibnu Mas'ud Alfikry

    Ibnu Mas'ud Alfikry

    Independent Distributor Enagic

    Independent Distributor Enagic
    Mesin Kangen Water

    like me

    Mengenai Saya

    My Photo

    No Comment just all Fine