Floating Social Bookmarks with Mouseover

Now, I will post about Floating Social Bookmarks with Mouseover. You have seen many kinds of Social Bookmarks style. There is floating, under the post, or maybe on sidebar. So, we will add the floating Social Bookmarks. Just see the DEMO. Interested? Follow the step below, to add into your blog.

1. Log in to your blogger account
2. Go to Design --> Page Elements --> Add Gadget
3. Choose "HTML/Java Script"

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg37QbeWTSodVNknYilb4EoUM1CtRWOUDZRYXb9M9rgpRAaO2ewYJKlggcl-M-0QACu6M_p9Ri80JrDNQgdfYxMHzFb0QkRq2Lsq3Wx0cGHVMeuFe_yzglfxzX8BKhfCW8v-tbGb070in_D/s400/rss_64x64.png);
}
ul#navigation .facebook a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53DrYl5PXczkLY5kVmImYMq90JmPNGx8Y3u40hXWtAYHmz8xjMgTjdgX89oFbv_EZgyDkfRBicrQn9t83lO639S0BXxIo_6Vgv2xS9fj1YHiRvj8hSkS9Yg6HbKrDAmV6X6AiGP5AOSHg/s400/facebook_64x64.png);
}
ul#navigation .twitter a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLZAr2v260fOUWNgnx19OIIBd6eMHcGMuueyMARIrsBIz8ecE6BFygj-45u1OnxRC3q_r9nl-bE0YrnxSoyFVQuUHSXTcuCIf3Q-E6oNOB9M7rG3R7U5DPYThCDLagKzyhtHc4vL8Cq8N/s400/twitter_64x64.png);
}
ul#navigation .googlebookmarks a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4sc6K9HcJc_bvjLNBKudZiBwlMQTFOm2rGkHoCR9lwns08DjKKU7u_lTp8y-aBGTUyQOiBce72Gvp9vPURFTcs7D8-xYuSGckvOsEoQ2WEx7nz2zJea3lywLES9XZ640IHFazT4Q4zISV/s400/google_64x64.png);
}
ul#navigation .e-mail a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmR46mzSJ7BWvhOI3DqmVSlLN_vN7ae6sXtnikzGHlgmlvxtWSbwamsW1Z033Vf9dSCc6lFgJXLNGtcfvEc7Y4Q1otYbpbrHzkbI1Tw3yPSjxwRHvqVl4iUvvEs3652jpWtjCPZNKEvW51/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 rel="nofollow" href="http://YOUR-BLOG.blogspot.com/atom.xml">RSS Feed</a></li>
<li class="facebook"><a rel="nofollow" href="FACEBOK-PROFILE">Facebook</a></li>
<li class="twitter"><a rel="nofollow" href="TWITTER-ACCOUNT">Twitter</a></li>
<li class="googlebookmarks"><a rel="nofollow" href="https://www.google.com/bookmarks/">Google</a></li>
<li class="e-mail"><a rel="nofollow" href="YAHOO!-ACCOUNT">Yahoo!</a></li>
</ul>


4. Then, add the code below
5. Click SAVE TEMPLATE

14 comments:

Thanks a lot.. I have used this for my blog, www.kollywudz.blogspot.com (Tamil cinema)..


Shankar..

Reply
29/3/12

http://statcounter.com/p8422064/camefrom_activity/

Reply
17/4/13

奇果:http://www.allkanpou.com/product/%E5%A5%87%E6%9E%9C.html
蔵秘男宝:http://www.allkanpou.com/product/%E8%97%8F%E7%A7%98%E7%94%B7%E5%AE%9D.html
力多精:http://www.allkanpou.com/product/%E5%8A%9B%E5%A4%9A%E7%B2%BE.html
片仔廣:http://www.allkanpou.com/product/%E7%89%87%E4%BB%94%E5%BB%A3.html
威哥王:http://www.allkanpou.com/product/%E5%A8%81%E5%93%A5%E7%8E%8B.html
紅蜘蛛:http://www.allkanpou.com/product/%E7%B4%85%E8%9C%98%E8%9B%9B.html
淫インモラル:http://www.allkanpou.com/product/immoral.html
インモラル:http://www.allkanpou.com/product/immoral.html
妖姫:http://www.allkanpou.com/product/youhi.html
巨人倍増:http://www.allkanpou.com/product/%E5%B7%A8%E4%BA%BA%E5%80%8D%E5%A2%97.html
D10催情剤:http://www.allkanpou.com/product/D10.html
花痴:http://www.allkanpou.com/product/%E8%8A%B1%E7%97%B4.html
ハナチ:http://www.allkanpou.com/product/%E8%8A%B1%E7%97%B4.html
D10媚薬:http://www.allkanpou.com/product/D10.html
絶對高潮:http://www.allkanpou.com/product/%E7%B5%B6%E5%B0%8D%E9%AB%98%E6%BD%AE.html
D10:http://www.allkanpou.com/product/D10.html
D8 催情剤:http://www.allkanpou.com/product/SpanishFliegeD8.html
FLY D5:http://www.allkanpou.com/product/%E8%92%BC%E8%9D%BF%E6%B0%B4.html
D5原液:http://www.allkanpou.com/product/%E8%92%BC%E8%9D%BF%E6%B0%B45.html
レディーチャイナ:http://www.allkanpou.com/product/%E8%92%BC%E8%9D%BF%E6%B0%B45.html
蒼蝿水:http://www.allkanpou.com/product/%E8%92%BC%E8%9D%BF%E6%B0%B4.html
RU486:http://www.allkanpou.com/product/RU486.html
中絶薬:http://www.allkanpou.com/pills/%E9%81%BF%E5%A6%8A%E4%B8%AD%E7%B5%B6.html
中絶 薬:http://www.allkanpou.com/pills/%E9%81%BF%E5%A6%8A%E4%B8%AD%E7%B5%B6.html
花之欲:http://www.allkanpou.com/product/%E8%8A%B1%E4%B9%8B%E6%AC%B2.html
美人豹:http://www.allkanpou.com/product/%E7%BE%8E%E4%BA%BA%E8%B1%B9.html
妻之友:http://www.allkanpou.com/product/%E5%A6%BB%E4%B9%8B%E5%8F%8B.html
福源春:http://www.allkanpou.com/product/%E7%A6%8F%E6%BA%90%E6%98%A5.html
催情丹:http://www.allkanpou.com/product/cuiqingj.html
魔鬼天使性欲粉:http://www.allkanpou.com/product/%E9%AD%94%E9%AC%BC%E5%A4%A9%E4%BD%BF.html
蟻王:http://www.allkanpou.com/product/%E3%82%A2%E3%83%AA%E7%8E%8B%E8%9F%BB%E7%8E%8B,ANTKING.html
アリ王:http://www.allkanpou.com/product/%E3%82%A2%E3%83%AA%E7%8E%8B%E8%9F%BB%E7%8E%8B,ANTKING.html
VOV催情液:http://www.allkanpou.com/product/VOV%E5%82%AC%E6%83%85%E6%B6%B2.html
VOV催情粉:http://www.allkanpou.com/product/VOV.html
壮天根:http://www.allkanpou.com/product/%E5%A3%AE%E5%A4%A9%E6%A0%B9.html
夜夜堅:http://www.allkanpou.com/product/%E5%A4%9C%E5%A4%9C%E5%A0%85.html
三體牛鞭:http://www.allkanpou.com/product/%E4%B8%89%E4%BD%93%E7%89%9B%E9%9E%AD.html
MaxMan:http://www.allkanpou.com/product/MaxMan.html
金動力:http://www.allkanpou.com/product/jingdong.html
性霸2000:http://www.allkanpou.com/product/Xing%E9%9C%B8.html
Xing霸:http://www.allkanpou.com/product/Xing%E9%9C%B8.html
黑色風暴:http://www.allkanpou.com/product/%E9%BB%91%E8%89%B2%E9%A2%A8%E6%9A%B4.html
蟻力神:http://www.allkanpou.com/product/%E8%9F%BB%E5%8A%9B%E7%A5%9E.html
三便宝:http://www.allkanpou.com/product/%E4%B8%89%E4%BE%BF%E5%AE%9D.html
狼1号:http://www.allkanpou.com/product/%E7%8B%BC1%E5%8F%B7.html
狼一号:http://www.allkanpou.com/product/%E7%8B%BC1%E5%8F%B7.html
中華牛鞭:http://www.allkanpou.com/product/%E4%B8%AD%E8%8F%AF%E7%89%9B%E9%9E%AD.html
消渇丸:http://www.allkanpou.com/product/%E6%B6%88%E6%B8%87%E4%B8%B8.html
金博郎:http://www.allkanpou.com/product/JinBoLang.html
男根増長素:http://www.allkanpou.com/product/ngzzw.html
五便宝:http://www.allkanpou.com/product/%E4%BA%94%E4%BE%BF%E5%AE%9D.html
男宝:http://www.allkanpou.com/product/%E7%94%B7%E5%AE%9D.html
九鞭粒:http://www.allkanpou.com/product/jiubianli.html
男露888:http://www.allkanpou.com/product/%E7%94%B7%E9%9C%B2888.html
黒倍王:http://www.allkanpou.com/product/%E9%BB%92%E5%80%8D%E7%8E%8B.html
蔵八宝:http://www.allkanpou.com/product/%E8%94%B5%E5%85%AB%E5%AE%9D.html
立挺90度:http://www.allkanpou.com/product/%E7%AB%8B%E6%8C%BA90%E5%BA%A6.html
魔根:http://www.allkanpou.com/product/%E9%AD%94%E6%A0%B9%E9%87%91%E4%B8%AD%E8%8D%89.html

Reply

片仔廣は肝臓病や肝臓障害の治療漢方薬で、体内、外のあらゆる炎症を鎮め、血液 循環をよくする効果があり、片仔廣は肝硬変の臨床治療にも利用され、本サイトは片 仔廣(へんしこう)の成分構成や…
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
片仔廣:http://www.akanpo.net/product/190.html
蔵秘男宝(精力増強薬)におどろきます。自信を持ってご提供いたします。増長、増粗、 増大など。早発射精、インポテンス、性的機能の衰弱、腰痛、尿頻、尿急、前列腺炎等 病状有、中老年の弱体、腎臓、インポテンツ。
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
蔵秘男宝:http://www.akanpo.net/product/182.html
奇果カプセル精力剤はご自分の健康は大切な宝--- 補賢壮陽、強身健体、益寿延年 滋補成分が働き、体力を補充し、持続力Up、勃起促進、体力を維持することができ、 使用者は、より豊富な性感覚、より幸せな性生活が実現できるでしょう。
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
奇果:http://www.akanpo.net/product/401.html
力多精,漢方会社は現地中国からの直送漢方逸品絶對高潮 催淫カプセル、消費税、 代行手数料が無料! 注文商品到着100%保証.
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
力多精:http://www.akanpo.net/product/304.html
好漢哥(コウカンカ)の紹介【好漢哥】は中老年者人協会が推薦した製品です。本製品は 香港天竜生物科学技術(国際)グループ医薬研究センターが長年に渡って研究を重ね、 2003年の臨床実験の成功によって登場したアメリカViagra最新型の代替品です。
好漢哥:http://www.akanpo.net/product/463.html
好漢哥:http://www.akanpo.net/product/463.html
好漢哥:http://www.akanpo.net/product/463.html
好漢哥:http://www.akanpo.net/product/463.html
好漢哥:http://www.akanpo.net/product/463.html
好漢哥:http://www.akanpo.net/product/463.html
好漢哥:http://www.akanpo.net/product/463.html
好漢哥:http://www.akanpo.net/product/463.html
好漢哥:http://www.akanpo.net/product/463.html
好漢哥:http://www.akanpo.net/product/463.html

Reply

شركة مكافحة حشرات بالطائف بيت العز
شركة مكافحة حشرات بالطائف قادره على القيام باعمال المكافحة والقضاء على اى نوع من الحشرات بالاعتماد على احدث الالات والماكينات التى تقوم بالوصول الى اصعب الاماكن التى من الممكن ان يتواجد بيها الحشرات
شركة رش مبيدات بالطائف
شركة مكافحة النمل الابيض بالطائف
شركة مكافحة الفئران بالطائف
مكافحة الفئران بالطائف

شركة تنظيف خزانات بالطائف بيت العز
مع شركة تنظيف خزانات بالطائف لا تبحث كثيرا هل ترغب فى الحصول على مياة نظيفة ونقية الى منزلك اذن انت فى حاجة الى الاستعانة بافضل شركة غسيل خزانات بالطائف
شركة عزل خزانات بالطائف

شركة كشف تسربات بالطائف
كشف تسربات بالطائف

شركة نقل اثاث بالطائف بيت العز
شركة نقل عفش بمكة
شركة نقل اثاث بمكة
شركة تخزين اثاث بمكة

شركة نقل عفش بالطائف
شركة نقل اثاث بالطائف

Reply
12/11/17


شركة تنظيف بمكة بيت العز

بيت العز افضل شركة تنظيف بمكة من منا لا يحلم بمكان نظيف وهادى ومرتب؟ من منا لا يفكر فى اعمال التنظيف؟ فلا تبحث كثيرا ولا تتردد الان انت تمتلك خدمه كامله فى التنظيف من الالف الى الياء فخدماتنا كامله متكامله فى التنظيف فنحن لدينا القدره على القيام بتنظيف البيارات وتنظيف الشقق والفلل والبيوت والمنازل والمكاتب والموكيت والارضيات والسجاد والوجهات الزجاجيه وغيرهم من التنظيف بالاعتماد على افضل طاقم عمل متخصص للقيام باعمال التنظيف ونوفر الالات التى تساعد فى القيام باعمال التنظيف على اكمل وجه بالاعتماد على افضل المنظفات المتعارف عليها ذات جوده عاليه فلا تتردد فى الاستعانه بـافضل شركة تنظيف شقق بمكة فتاكد انك سوف تشعر بالفرق الواضح فى خدماتنا فبيت العز شركة تنظيف منازل بمكة
شركة تنظيف سجاد بمكة

شركة تنظيف فلل بمكة
شركة مكافحة حشرات بمكة بيت العز
بيت العز شركة مكافحة حشرات بمكة نقوم بالقضاء على كافة انواع الحشرات بافضل المبيدات الآمنة على الصحة فمؤسسة بيت العز افضل شركة رش مبيدات بمكة
هل تعانى من وجود الحشرات ؟ هل ياتى عليك فتره وتزداد كميه الحشرات المتواجده فى المكان ؟ فالان مع بيت العز كافضل شركة مكافحه حشرات بمكة انت الان تمتلك اكبر الشركات التى تعمل فى خدمات المكافحه والتخلص من اى نوع من الحشرات نهائيا


شركة مكافحة النمل الابيض بمكة
شركة مكافحة العتة بمكة
شركة مكافحة الفئران بمكة
شركة مكافحة الصراصير بمكة

Reply
12/11/17


فرسان المثالى افضل شركة كشف تسربات المياه بالدمام 050607076
من اكبر شركات كشف تسرب المياه بدون تكسير فرسان المثالى
شركة كشف تسربات بالدمام
شركة تنظيف خزانات بالدمام
وايضا

شركة عزل خزانات بالدمام
وكذلك
شركة عزل اسطح بالدمام

شركة عوازل الدمام
شركات العزل المائي بالدمام
شركات العزل الحراري بالدمام


فرسان المثالى افضل شركة كشف تسربات المياه بالقطيف0506070763
هل تعانى من تسرب المياه فلا داعى للقلق مع فرسان المثالى
شركة كشف تسريبات المياه بالقطيف

وباقل الاسعار ولنا خدمتنا بمدن اخرى
شركة كشف تسربات بالاحساء
وايضا
شركة كشف تسربات المياه بالخبر

Reply
12/11/17

Post a Comment

:) :( :)) :D =))
Loading Comment Form