I want to share with you how you can add dis animated widget to your blog in simple copy and paste steps:
1. First sign in with blogger
2. Then go to DASHBOARD >> DESIGN >> EDIT HTML (If you are using new blogger platform, go to your template directly)
3. Then make a tick to EXPAND WIDGET TEMPLATE
4. Now press CTRL + F on your key board and search for the following code
<data:post.body/>
5. Copy the following code and paste it just below the code you searched in step 4.
<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='YOUR FEED BURNER URL' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='YOUR FEED BURNER URL' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>
6. Now press CTRL + F on your key board again and search for the following code
]]></b:skin>
.sexy-bookmarks {
height: 54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMqpPExFtMFfF6GOTNji85lG5jVZ11o-agO2F_uru3wlsIiFAdwKKCUh_SKh8_Ih1X007PTtsCEyoUSzXIcGSY4ouh6OVfhOV3L3VMc105JjQXPVFUv8WujWZi8aw1H5vpoAsVqRzN_JY/s1600/11sharingsexy.png') no-repeat left bottom;
position: relative;
width: 540px; }
.sexy-bookmarks span.sexy-rightside {
width: 17px;
height: 54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMqpPExFtMFfF6GOTNji85lG5jVZ11o-agO2F_uru3wlsIiFAdwKKCUh_SKh8_Ih1X007PTtsCEyoUSzXIcGSY4ouh6OVfhOV3L3VMc105JjQXPVFUv8WujWZi8aw1H5vpoAsVqRzN_JY/s1600/11sharingsexy.png') no-repeat right bottom;
position: absolute;
right: -17px; }
.sexy-bookmarks ul.socials {
margin: 0 !important;
padding: 0 !important;
position: absolute;
bottom: 0;
left: 10px; }
.sexy-bookmarks ul.socials li {
display: inline-block !important;
float: left !important;
list-style-type: none !important;
margin: 0 !important;
height: 29px !important;
width: 48px !important;
cursor: pointer !important;
padding: 0 !important; }
.sexy-bookmarks ul.socials a {
display: block !important;
width: 48px !important;
height: 29px !important;
font-size: 0 !important;
color: transparent !important; }
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYAex-jnHpgER109MsBhXjXsHVH7PU3MIbqcKo8-ktSDZphi9bnSWxiiUsqhZsjcnlGyU88OTGSLK8NPSyxLknHse1KaK3jN8da_bfmimX3qRLfhvxUI9uIFvHFGVwekLTk7w2gbangxOv/s1600/11Sexysprite.png') no-repeat !important; }
.sexy-furl { background-position: -300px top !important; }
.sexy-furl:hover { background-position: -300px bottom !important; }
.sexy-digg { background-position: -500px top !important; }
.sexy-digg:hover { background-position: -500px bottom !important; }
.sexy-reddit { background-position: -100px top !important; }
.sexy-reddit:hover { background-position: -100px bottom !important; }
.sexy-stumble { background-position: -50px top !important; }
.sexy-stumble:hover { background-position: -50px bottom !important; }
.sexy-delicious { background-position: left top !important; }
.sexy-delicious:hover { background-position: left bottom !important; }
.sexy-yahoo { background-position: -650px top !important; }
.sexy-yahoo:hover { background-position: -650px bottom !important; }
.sexy-blinklist { background-position: -600px top !important; }
.sexy-blinklist:hover { background-position: -600px bottom !important; }
.sexy-technorati { background-position: -700px top !important; }
.sexy-technorati:hover { background-position: -700px bottom !important; }
.sexy-myspace { background-position: -200px top !important; }
.sexy-myspace:hover { background-position: -200px bottom !important; }
.sexy-twitter { background-position: -350px top !important; }
.sexy-twitter:hover { background-position: -350px bottom !important; }
.sexy-facebook { background-position: -450px top !important; }
.sexy-facebook:hover { background-position: -450px bottom !important; }
.sexy-mixx { background-position: -250px top !important; }
.sexy-mixx:hover { background-position: -250px bottom !important; }
.sexy-script-style { background-position: -400px top !important; }
.sexy-script-style:hover { background-position: -400px bottom !important; }
.sexy-designfloat { background-position: -550px top !important; }
.sexy-designfloat:hover { background-position: -550px bottom !important; }
.sexy-syndicate { background-position: -150px top !important; }
.sexy-syndicate:hover { background-position: -150px bottom !important; }
.sexy-email { background-position: -753px top !important; }
.sexy-email:hover { background-position: -753px bottom !important; }
height: 54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMqpPExFtMFfF6GOTNji85lG5jVZ11o-agO2F_uru3wlsIiFAdwKKCUh_SKh8_Ih1X007PTtsCEyoUSzXIcGSY4ouh6OVfhOV3L3VMc105JjQXPVFUv8WujWZi8aw1H5vpoAsVqRzN_JY/s1600/11sharingsexy.png') no-repeat left bottom;
position: relative;
width: 540px; }
.sexy-bookmarks span.sexy-rightside {
width: 17px;
height: 54px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMqpPExFtMFfF6GOTNji85lG5jVZ11o-agO2F_uru3wlsIiFAdwKKCUh_SKh8_Ih1X007PTtsCEyoUSzXIcGSY4ouh6OVfhOV3L3VMc105JjQXPVFUv8WujWZi8aw1H5vpoAsVqRzN_JY/s1600/11sharingsexy.png') no-repeat right bottom;
position: absolute;
right: -17px; }
.sexy-bookmarks ul.socials {
margin: 0 !important;
padding: 0 !important;
position: absolute;
bottom: 0;
left: 10px; }
.sexy-bookmarks ul.socials li {
display: inline-block !important;
float: left !important;
list-style-type: none !important;
margin: 0 !important;
height: 29px !important;
width: 48px !important;
cursor: pointer !important;
padding: 0 !important; }
.sexy-bookmarks ul.socials a {
display: block !important;
width: 48px !important;
height: 29px !important;
font-size: 0 !important;
color: transparent !important; }
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYAex-jnHpgER109MsBhXjXsHVH7PU3MIbqcKo8-ktSDZphi9bnSWxiiUsqhZsjcnlGyU88OTGSLK8NPSyxLknHse1KaK3jN8da_bfmimX3qRLfhvxUI9uIFvHFGVwekLTk7w2gbangxOv/s1600/11Sexysprite.png') no-repeat !important; }
.sexy-furl { background-position: -300px top !important; }
.sexy-furl:hover { background-position: -300px bottom !important; }
.sexy-digg { background-position: -500px top !important; }
.sexy-digg:hover { background-position: -500px bottom !important; }
.sexy-reddit { background-position: -100px top !important; }
.sexy-reddit:hover { background-position: -100px bottom !important; }
.sexy-stumble { background-position: -50px top !important; }
.sexy-stumble:hover { background-position: -50px bottom !important; }
.sexy-delicious { background-position: left top !important; }
.sexy-delicious:hover { background-position: left bottom !important; }
.sexy-yahoo { background-position: -650px top !important; }
.sexy-yahoo:hover { background-position: -650px bottom !important; }
.sexy-blinklist { background-position: -600px top !important; }
.sexy-blinklist:hover { background-position: -600px bottom !important; }
.sexy-technorati { background-position: -700px top !important; }
.sexy-technorati:hover { background-position: -700px bottom !important; }
.sexy-myspace { background-position: -200px top !important; }
.sexy-myspace:hover { background-position: -200px bottom !important; }
.sexy-twitter { background-position: -350px top !important; }
.sexy-twitter:hover { background-position: -350px bottom !important; }
.sexy-facebook { background-position: -450px top !important; }
.sexy-facebook:hover { background-position: -450px bottom !important; }
.sexy-mixx { background-position: -250px top !important; }
.sexy-mixx:hover { background-position: -250px bottom !important; }
.sexy-script-style { background-position: -400px top !important; }
.sexy-script-style:hover { background-position: -400px bottom !important; }
.sexy-designfloat { background-position: -550px top !important; }
.sexy-designfloat:hover { background-position: -550px bottom !important; }
.sexy-syndicate { background-position: -150px top !important; }
.sexy-syndicate:hover { background-position: -150px bottom !important; }
.sexy-email { background-position: -753px top !important; }
.sexy-email:hover { background-position: -753px bottom !important; }
No comments:
Post a Comment