Showing posts with label Share. Show all posts
Showing posts with label Share. Show all posts


Tip: Copy the code given give below and paste it inside this editor.
fb fan page with timer

Adding Popup For Facebook Like Box With Timer (Updated!)

You just need to place a code to your blog widget Follow following steps to add Popup For Facebook Like Box With Timer to WordPress and Blogger.
Adding To Blogger
  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Paste the following code just above </body>
Adding To WordPress
  1. Go to Dashboard > Appearance > Editor > Header.php
  2. Paste the following code just above </body>
<style>#fblikepop {    background-color: #fff;
    display: none;
    position: fixed;
    top: 200px;
    _position: absolute;
 /* hack for IE 6*/
    width: 450px;
    border: 10px solid #6F6F6F;
    z-index: 200;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    margin: 0pt;
    padding: 0pt;
    color: #333333;
    text-align: left;
    font-family: arial,sans-serif;
    font-size: 13px;
}#fblikepop body {
    background: #fff none repeat scroll 0%;
    line-height: 1;
    margin: 0pt;
    height: 100%;
}

.fbflush {
    cursor: pointer;
    font-size: 11px !important;
    color: #FFF !important;
    text-decoration: none !important;
    border: 0 !important;
}
#fblikebg {
    display: none;
    position: fixed;
    _position: absolute;
 /* hack for IE 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 100;
}#fblikepop #closeable {
    float: right;
    margin: 7px 15px 0 0;
}#fblikepop h1 {
    background: #6D84B4 none repeat scroll 0 0;
    border-top: 1px solid #3B5998;
    border-left: 1px solid #3B5998;
    border-right: 1px solid #3B5998;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 5px !important;
    margin: 0 !important;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}#fblikepop #actionHolder {
    height: 30px;
    overflow: hidden;
}#fblikepop #buttonArea {
    background: #F2F2F2;
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    min-height: 50px;
}#fblikepop #buttonArea a {
    color: #999999 !important;
    text-decoration: none !important;
    border: 0 !important;
    font-size: 10px !important;
}#fblikepop #buttonArea a:hover {
    color: #333 !important;
    text-decoration: none !important;
    border: 0 !important;
}#fblikepop #popupMessage {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 22px;
    padding: 8px;
    background: #fff !important;
}#fblikepop #counter-display {
    float: right;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 5px 0 0 0;
    text-align: right;
    line-height: 16px;
}</style>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
 kakinetworkdotcom01username="android-blogstuff",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="04",
 kakinetworkdotcom01time="20",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script type="text/javascript" src="http://allbloggingtips.com/wp-content/uploads/2012/06/popup-with-timer-codez.js"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>

Make following important changes:

  • Replace this AllBloggingTips with your Facebook username.
  • The timer is set to 20 seconds to change it simply edit timeout: 20
  • The widget appears immediately after a visiter enter your blog/site. If you want it to appear after one minute or more then edit wait: 0
Read More ...

1 comments

Hi this is very effective and special feedburner email subscription box for your blogger blog add this now.











Follow simple and easy step to adding this widget box in your blogger Sidebar now--->>>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now click in small box to expand your blogger template.

* Find this code ]]</b:skin> by CTRL+F key easily.

* Copy below code and paste before ]]</b:skin>
.subsboxfull{width:230px;padding-top:20px;padding-right:20px;padding-bottom:30px;padding-left:10px;color:#333;height:100px;border:1px solid #353434;background:transparent url() top center no-repeat;margin-bottom:0}
.rss-boxicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqNJHO03_AQ-5-mjfS2Hn48Z9Z29rZnRqoH4arCDfgouQRO_fTMnHsv-qXbsc3QkTWlpyhvF-cqWVDXKJdksEhr8ehn6KLSBC-wtKCoreVWtekXuIQz_HUe3SPjq2-CbW7vmNTMoWHc8k/) left no-repeat;padding-left:20px;margin-right:1em;font-weight:bold}
.email-boxicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGYn7YxVgTzN3t7dzwc7-2oqyJ9zq2dmPwv4NWwRTdizEDLGaJ0PPv9fbHgNomfiIHjBH-XAuq2JDF88I6Oo7UtdWuWLGON9iJXtlnu3C6v6cqb_7uIrlv2bZqg1czvdH00uRXEfQ609w/s1600/email-box.png) left no-repeat;padding-left:20px;font-weight:bold}


* Now save your blogger template.

* Again go to your blogger DASHBOARD.

* Now click in design tab and you are here--->>> Add new element.

* Click in add Gadget which is in sidebar and when open new window Click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.
<div class='widget-content'>
<div class='subsboxfull'>

<a href='your-twitter-url' rel='nofollow' target='_blank' title='twitter'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN7Cy2a0hepIfJTBZlGkQh4Sg633qm8OJwO8I5oyh34HFOUfWNw6_n1i5SQ1VdgAaKfp0TJTmMQR_Rx_tx4EmT53b16ss20tpNDIpOPFtKp7ay4hRLBW5eoUIA3xOMAa4oRgjtP9bSjyg/" /></a>

<a href='your-facebook-url' rel='nofollow' target='_blank' title='facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh921GfRPdL07sad_pIUrU7CchZ1r43vxBAaDiYs3XIKPUlxOi_74rwWpVafFGwnBZMRPkQDPAjm8kupV6w4L1t48Gl0qpanDknG4fRrEmmJGuNg3mC744YO5g1O80GBgmpv75M8o5Y7Eg/s1600/facebook--box.png" /></a>

<a href='your-delicious-url' rel='nofollow' target='_blank' title='delicious'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzpqQyTAGzdZoDO0qUm_zrcBnL7HkQoodYm6sVKm5gcWSsdjur7Ng_MPuoFdOTlce6pei0oTDU9f8F_3_EsyDZzAzyVhq9vrTp3w1Az3jiknD9OibwuKXd8k870KUAYTMDP4qmeCXiV3o/s1600/delicious-box.png" /></a>

<a href='your-stumbleupon-url' rel='nofollow' target='_blank' title='stumbleupon'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2lnh-ydhHLhEb7Cgyedsx0wD8DWNae8RHLsjCSRA1KR1ZslRnzsubqu8qrs8OCxC1I8zMvOi_1BW3DFV1-t5dG7Qn69IIauJcaOiie-kmltd7nJUuW67xfpb15bJN1x1kcDRHbURgPY/" /></a>

<a href='your-linkedin-url' title='linkedin'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7PTaMJUd25vaVcXDSSnNApl8qx7AikAwlLmsxn4jcF65bWBdk-zkeUHFRq6JIgIZu_4-v0ixboSIbWjDA4HflSxrO4dTmPPzPy82IQgM0yEhI-0ouhG7D_vKA0gaMGVmb8ENGjua2meU/" /></a>

<a href='your-contact-url' title='contact'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVwJDdTaWrQI6APbkTkxSh6GtK3A6nPRh99XSidA0CQl8uUWVm28JWUgxtt0yH0nM05naWSNu0yDl6I_j2MrVmj6ipCH_xf7Ax9_ZMxEVzuXMeSwST16S7heLPilRiys0vqin1DMvCM1o/" /></a>


<form action='YOUR FEEDBURNER EMAIL URL' method='post' onsubmit='window.open(\'YOUR FEEDBURNER EMAIL URL', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><p><input name="email" style="width:230px; border: 1px solid #ccc; padding: 5px;" type="text" value="Enter your email address" /></p><input name="uri" type="hidden" /><input name="loc" type="hidden" value="en_US" /></form>

<p><span><a class='rss-boxicon' href='YOUR FEEDBURNER URL' rel='nofollow' target='_blank'>RSS</a></span>
<span><a class='email-boxicon' href='YOUR FEEDBURNER EMAIL URL' rel='nofollow' target='_blank'>Email</a><span><span style="float:right;"><a href='YOUR FEEDBURNER URL' rel='nofollow'><img alt="" height="26" src="YOUR FEEDBURNER FEED COUNTER CHICKLET SOURCE URL" /></a></span></span></span></p>

</div>
</div>
<div class='clear'></div>

NOTE:- Now change Highlighted Text in above code with your own if you any problem ask me.

* Now save your HTML/javascript and you are done . Enjoy Blogging.
Read More ...

0 comments


Now add best top floating subscription widget in your blogger blog easily.




Follow below giving simple and easy step to adding this great widget in your blogger blog---->>>

* First go to your blogger Dashboard.

* Click in design tab and edit HTML now.

* Click in small box to expand your blogger template.

* Now find this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>
#mta_bar { background:#444 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKxGFgEoWZPgqwiD6sVHDlcEshOoLiiMOAzkO9r2rQvwG3mAbaHRYpKPw-Qp4bOajHOuBpmPwL3rAEZBVPITLx9OsdWgGkmDQKEsRigEAWPGCotUvNMGJmvJzlMv_il6KJ4vtLfN6OZNZo/s400/wow.gif?imgmax=800') repeat-x; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); } #mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#fff; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#fff; width:20%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#fff; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}
#left_bar a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEz0AiZBS7FPXyWf-QyVThnEZnVXEIACmm-QLxUGGX_TLr_rT3gCIQNYud5PA7OhQvrfBlX9ZGOUBlvg6WmR_BYJN6aaociykztbXKovmtjSKYpdRix7I_01RSlrC-Dmzjvz45JSiVy_Qc/s400/stripead-feed.gif') no-repeat; text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar2 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz2K4tUIePXZE7V__U-111-ZDXkGI7vMF2AtPmMB1ur1bXbQC597Qhv8BgoZOtZTgZSC9KXWItue3CKqNWhWMLPasSvz2GOfT5xtFhfSCd1tDMg0cfsb2RyNS9o63xjKsoF8qsqBbWCPY/) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar2 a:hover{text-decoration:underline; color:#fff}

* Now save your blogger template .

* Again go to your blogger Dashboard .

* Click in design tab and you are here--->>> Add new element.

* Click in add Gadget which is your blogger sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and pate in blank box.
<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'><a href='YOUR FACEBOOK URL HERE' target='_blank'>Add Me On Your Facebook</a></span></div>
<div id='left_bar'><span class='center'><a href='YOUR FEEDBURNER EMAIL URL HERE' target='_blank'>Subscribe this blog Via Email, Join Now!!!
</a></span></div>
<span class='right' onmouseout='self.status=\'\'' onmouseover='self.status=\'o-om.com.com\';return true;'>
<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7QtTpz5QQoS2NAGs_SA6cWNqPGG8jRdL68suiWW9p8aTQ8L6hHDkpnOHWPXLptbkqNEHhWtDJSt7TPtXSlsA45kG79Wg8xWHvxSXfMemdzMUVOlwpXTttmiafU0_bHc2t-TANpjbh5De/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="http://www.blogger.com/static/v1/widgets/560535965-widgets.js"></script>

NOTE:- Change Highlighted text in above code with your own ok.

* Now click to save your HTML/javascript .and now you done,
Read More ...

0 comments


Hi friends now add best animated style social bookmarking widget in blogger sidebar easily.












Follow simple and easy step to adding this social widget in your blogger blog---->>>>

* First go to your blogger Dashboard.

* Click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Now find this code ]]</b:skin> by CTRL+F key easily.

* Copy below code and paste before ]]</b:skin>
#social-box {
overflow:hidden;
}
#social-box ul li {
display:block;
background:#EBF4FB;
border:#b6daf6 1px solid;
padding:10px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom:10px;
}
#social-box ul li:hover {
border:#276dc1 1px solid;
background:#d3e6f5;
}
.soc-icons-bar {
list-style:none;
margin:0px 0 0px;
padding:0
}
.soc-icons-bar a {
font:18px Arial, Helvetica;
padding:4px 28px 16px 43px;
background:none;
text-decoration:none;
font-weight:bold;
text-shadow:1px 1px #fff;
}
.soc-icons-bar a:hover {
color:#276dc1;
}
.soc-icons-bar li{
display:block;
padding:5px 10px 5px 0;
height:25px;
background:none;
}
.soc-icons-bar li.tw a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrI3Bf4QmKDP57i6pu-khBmPJ1AfX_zsDzOykfsWVkV-B9Nwiw3f2CEKsvICgw0Wz1DizC4ezs8GM_kQ1xIadwgfMeWhLw9oANDailPkZWUYd2bcle119tSnLyGP1KSJfK3Zdd4C60T78/) no-repeat scroll 0 0}
.soc-icons-bar li.fb a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigVWFE1IQ2r5Dn3_r4PmvAuB1LFri0BT336MdRh-_Zal_1xItB4RbEmkemyWYVQdZaJdsJ2sRLKB6R-rUOJOAgJL70XPzQM2jLlTzJjcwHhoBatFfRni3Cg11gyGz5tm54C3PmoX9GUsI/) no-repeat scroll 0 0}
.soc-icons-bar li.rss a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBCAyeV7Guf9ZYGqL5YHp2TIRCeGFFtVqdqKuOJ3HNe3nc3R61AKeM0M8vyHf2XHQRG7WAGNF3pLdfmR5tuWCLkcNjL4_j8S6NGptHVQjxzgvOsGzMehPTPQVzawCCwxrghH1U-601-yQ/) no-repeat scroll 0 0}
.soc-icons-bar li.email a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTfD9NzeSdO7N9P22EI2mcWfMWteXtc4Sc5yFYrhV8W5a24R34YS6Ei3YITKys1MAU7XhSdb9ZyjwpSkEcwub2JlIh5wYmYOQpEIVaSTdyLj8U0CskDZuElpuuHHCxzs3i58iVL-fXqf4/) no-repeat scroll 0 0}
#sidebar-banners img {
margin-bottom:5px;
}

* Now save your blogger template .

* Again go to your blogger dashboard.

* Click in design tab and  you are here--->>> Page element.

* Click in add Gadget which is in sidebar and when open new window click in HTML/javascript from list.

* And when open new blank box copy below code and paste in blank box.
<!-- Subscribe Options -->
<div id='social-box'>
<ul class='soc-icons-bar clearfix'>
<li class='rss'><a href='YOUR FEEDBURNER URL HERE'>Subscribe via RSS</a></li>
<li class='tw'><a href='YOUR TWITTER URL HERE' title='Spread the word on Twitter!'>Follow us on Twitter</a></li>
<li class='email'><a href='YOUR FEEDBURNER EMAIL URL HERE'>Subscribe via Email</a></li>
</ul>
</div>

<!-- End of #social-box -->

NOTE:- Change Highlighted text in above code with your own ok.

* Now click to save your HTML/Javascript and now  you are done.
Read More ...

0 comments


Hello friends now add rounded Animated Sharing Bar With JQuery and CSS . in your blogger post footter easily.














Follow simple atep to adding this cool effect widget in your blogger blog.---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Now find this code </head> by CTRL+F key easily.

* Copy below code and paste before </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://www.yourjavascript.com/5718110189/rotating%20social.js' type='text/javascript'/>

* Now again find this code ]]</b:skin> by CTRL+F KEY

* Copy below code and paste before ]]</b:skin>
#share{

/* The share box container */

width:500px;

background:#ececec;

height:220px;

margin:60px auto;

overflow:hidden;

-moz-border-radius:12px;

-webkit-border-radius:12px;

border-radius:12px;

}

#share-label{

/* The image on the right */

background:url(http://santabanta.mywapblog.com/files/sharelove.png) no-repeat 50% 50%;

float:left;

height:220px;

width:200px;

}

#stage{


position:relative;

border-right:1px solid #DDDDDD;

width:290px;

height:220px;

background:white;

float:left;

border-bottom-left-radius:12px;

border-top-left-radius:12px;

-moz-border-radius-bottomleft:12px;

-moz-border-radius-topleft:12px;

-webkit-border-bottom-left-radius:12px;

-webkit-border-top-left-radius:12px;

}

.btn{


background-color:white;

height:90px;

left:0;

top:0;

width:60px;

position:relative;

margin:20px 0 0 10px;

float:left;

}

.bcontent{


position:absolute;

top:auto;

bottom:20px;

left:0;

}


.digg{ background:url(http://santabanta.mywapblog.com/files/digg-love.png) no-repeat -4px bottom;}

.reddit{ background:url(http://santabanta.mywapblog.com/files/reddit-love.png) no-repeat -4px bottom;}

.facebook{ background:url(http://santabanta.mywapblog.com/files/facebook-love.png) no-repeat bottom center;}

.tweetmeme{ background:url(http://santabanta.mywapblog.com/files/twit-love.png) no-repeat -5px bottom;}

.dzone{ background:url(http://santabanta.mywapblog.com/files/dzone-love.png) no-repeat -7px bottom;}

.thanksto{

position:absolute;

bottom:2px;

right:110px;

font-size:10px;

}

.thanksto a,.thanksto a:visited{

color:#BBB;

}



span.fb_share_no_count {

display:block;

}

span.fb_share_count_top.fb_share_no_count {

line-height:54px;

}

span.fb_share_count_nub_top.fb_share_no_count{

display:none;

}

span.fb_share_no_count span.fb_share_count_inner {

background:#3B5998 url(http://static.fbshare.me/f_only.png) no-repeat scroll 20px 5px;

display:block;

}

* Now Again find this code <data:post.body/> By CTRL+F key.

* Now copy below code and paste after <data:post.body/>
<div id="share">
<div id="stage">

<div class="btn digg"><div class="bcontent"><a class="DiggThisButton"></a><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div></div>
<div class="btn tweetmeme"><div class="bcontent"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div></div>
<div class="btn dzone"><div class="bcontent"><script language="javascript" src="http://widgets.dzone.com/links/widgets/zoneit.js"></script></div></div>
<div class="btn reddit"><div class="bcontent"><script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script></div></div>
<div class="btn facebook"><div class="bcontent"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div></div>
</div>
<div id="share-label">
</div>
</div>

* Now click to save your blogger Template and you are now done.
Read More ...

0 comments


Hi friends if you want any social subscription box for your blogger blog this box is great for your blog.

PREVIEW:-












Folllow simple and easy step to adding this special box in your blog ---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and EDIT HTML.

* Click in small box to expand your blogger Template.

* Now find this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>
/* subscribe box widget */
.widget_bu_subscribe { background: #F6630E url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5k_7Ny3Zb0MRwiPt2GVeJaYPEsedHrDHs-BrVGBObV2RxKrhep5DFPBawrONnBadDNgQfzJAAeoRWe-QGvlywSwHYqt7ZKJOFb8N3qYa8q5XEdFkrORNYmY1-ysoknUVFE5xlmjMLpk/s1600/bg_social.png) repeat-x  !important; border: 1px solid #F98913 !important; height: 125px; overflow: hidden; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sidebars .widget_bu_subscribe { border-left: 0 !important; border-right: 0 !important; height: auto !important; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.featured_subscribe { padding: 15px 10px; }
.featured_subscribe h3 { font-size: 1.8em; font-weight: 600; letter-spacing: -0.4px; text-shadow: #FCb96A 1px 1px 1px; }
#sidebars .featured_subscribe h3 { color: #111; margin: 0; padding: 0.6em 0 0 0 !important; }
.featured_subscribe h4 { color: #FFF; font-size: 0.85em; font-weight: normal; padding-top: 0.3em; text-shadow: #F6640E 1px 1px 1px; text-transform: uppercase; }
#sidebars .featured_subscribe h4 { padding: 0; }
ul.subscribe_icons{ font-size: 1.2em; list-style: none; margin-top: 1.5em; }
.subscribe_icons li { float: left; margin-right: 1.8em; margin-bottom:1.2em; text-align: left; width:75%;}
.subscribe_icons li a { color: #000; display: block; font-size: 1em; height: 32px; padding-left: 3.3em; }
.subscribe_icons li a:hover { color: #FFF; }
.subscribe_icons li a span { color: #FFF; display: block; line-height: 0.8em; }
.subscribe_icons .email { margin-right: 1em; }
.subscribe_icons .email a {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuhT2wHDnSPUdazCDoMl3cmTBQnVRHJtcvslRxpATu6HBPsspu3XeRCPqFlOOwVYqehbRg9AsCdv9VKHNGv2co1vs1bmImtsq7Pbv31-CEtvRLbGVqU5y3b-Vq4Dcyj6oCii3wl99NI8Q/s1600/icon_mail.png) left no-repeat;}
.subscribe_icons .twitter { margin-right: 0; }
.subscribe_icons .twitter a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWeGZ5AQD5WymbOd3i9UmP0rQOR1dQPgulXzpFJEWbEROwk2mfoZP1JTmu_CroCnYQP6CYY8Wexpomkuf7CO2Kec2GALNOTTQ8vqrwfKNKy6JEI1ayqg17G_U8YXGqugYI1Y1zG9fFX0A/s1600/icon_twitter.png) left no-repeat; padding-left: 60px; }
.subscribe_icons .rss a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtuUfLHLzBb0LHNUv1ioohyFoXTkI-giOEQ4lNnhD4kxuGptBx17edTWnVdwhtc2ti0oMDcUXM2v-DjBTQeye30eMCNbxiE52iP2A6on8Vh52S04oQDpaEGfiaBa4MLMNeap7XosauzBU/s1600/icon_rss.png) left no-repeat; }

* Now click to save your Blogger Template.

* Again go to your blogger Dashboard and click in design tab.

* Now you are here--->>> Page Element.

* Click in Add Gadget which is in your blog sidebar.

* when open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.
<div class='widget widget_bu_subscribe' id='bu_subscribe_widget-3'>
<div class='featured_subscribe'>
<h3>Subscribe</h3>
<h4>Stay up to date with our content</h4>

<ul class='subscribe_icons'>
<li class='rss'>
<a href='YOUR FEEDBURNER URL HERE' title='Subscribe to the RSS Feed'>
RSS Feed
<span>Easy access</span>
</a>
</li>
<li class='email'>
<a href='YOUR FEEDBURNER EMAIL URL HERE' title='Subscribe to the RSS Feed via Email'>
Email Updates
<span>Sent to your inbox</span>
</a>
</li>
<li class='twitter'>
<a href='YOUR TWITTER URL HERE' title='Follow us on Twitter'>

Twitter
<span>Follow us</span>
</a>
</li>
</ul>
</div>
</div>

NOTE:- Replace Highlighted text in above code with your own ok.

* Now click to save your HTML/javascript and now you are done.
Read More ...

0 comments


Hi friends now add this special feedburner email subscription widget box in blogger with social network.

PREVIEW:-














Follow simple and easy step to adding this special box in blogger ---->>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>
.sociallinks ul{
font-family:Oswald;
}
.sociallinks ul li{
float:left;
width:90px;
padding-left:55px;
margin:0 0 0 5px !important;
line-height:48px !important;
}
.sociallinks ul li a{
font-size:20px !important;
}
.sociallinks ul li.w2brss{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYf3pG9iBetq3Jt852Bu6f6lzu8wFtHQXRTz7hw9uHqGfYHhHCdIcAeRy6MZI-f6vZLmarboE1qSb52rdd3WwYXIbbS6O_fPySmFDxtwd62PklH50BLt2T5PKe8IN5MiVZsdHN-DTBgTxe/s48/RSS.png) no-repeat scroll left center transparent;
}
.sociallinks ul li.w2bmail{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlUOUsfW1dlYQtptikT0kqFfNNxbv-N6CThEWdWQB7Nbxx9hFSSRwd6rX2R_QNrspMgQckws-gxI1USMGrREUYDpu2RkcSsjJOkxCsNzwcGq5qmZp3-lOmMUuXGmIoCAvnuoUoebqr-Vl/s48/Mail.png) no-repeat scroll left center transparent;
}
.sociallinks ul li.w2btwitter{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyvG4xI0MuO97VM_etqZwn9KwTLpSsC7aZcheL9lngtJpVcF3l5en6ltxzYnXoKb8lPuMbntsB5xBHvTpmzIzLwhi-mmnKtsk4gVTDMpoQeNRJsgAWLKrO7DehXEMccLtPztr_cO8OQMph/s48/Twitter2.png) no-repeat scroll left center transparent;
}
.sociallinks ul li.w2bfacebook{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeOMarRQM5MrQmTn2GRyJoQ0GO5U7HYqPX-4cI-uGI5bWvxMGN-JjPvfk5VoP983SO_JSt7vaJp3hSmRM2N2dACjpSeqJI2BdcLsFHrS1oIyyzt9ZJK07Xc3A2tv8r95ypupW2I4LdepE/s48/Facebook.png) no-repeat scroll left center transparent;
}
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.emailtext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJfs5_kvF1Qtt5fAmTYCatf6Eq-ft0_M24TbSjSWD28wlcidy-Ntg6LbLd39p_2Id_iKb8gZL30nimolfVOKuHjWYfxt48WPtB1P_D3sKgfahg8VPza4AB5RaU391FUBzmv382RH1xibZV/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.ebutton{
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

* Now click to save your blogger Template.

* Again go to your blogger Dashboard.

* Click in design tab and you are here--->>> Page element.

* Click in add Gadget which is in your blog sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.
<div class='sociallinks'>
<ul>
<li class='w2brss'><a target='_blank' href='YOUR FEEDBURNER EMAIL URL HERE'>RSS</a></li>
<li class='w2bmail'><a target='_blank' href='http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER URL LAST NAME'>Em@il</a></li>
<li class='w2btwitter'><a target='_blank' href='YOUR TWITTER URL HERE'>Twitter</a></li>
<li class='w2bfacebook'><a target='_blank' href='YOUR FACEBOOK URL HERE'>Facebook</a></li>

</ul>
</div>
<br />
<div style="text-align: left; display: inline-block;">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('YOUR FEEDBURNER EMAIL URL HERE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform">

<input type="hidden" value="Anilhindustani" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="ebutton" value="SignUp" title='' al='' />
</form>
</div>
</div>
<div class='clear'></div>

NOTE:- Change Highlighted text in above code with your own ok

* Now click to save your HTML/javascript and you are done.
Read More ...

0 comments


Hi friends now add stylish Social share widget below all post in blogger blog easily.

PREVIEW:-







Follow simple and easy step to adding this widget in blogger blog easily---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now click in small box to expand your blogger Template.

* Find now this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>
.post-share-buttons { margin : 0 0.5em 0 0.5em !important ; vertical-align : middle; }
 * Now again find this code <data:post.body/> by CTRL+F key .

* And copy below code and paste after <data:post.body/>
 
<span class='post-share'>
<p>
<center><h2>Save And Share : </h2>
<a href='http://twitthis.com/twit?url=&quot; + data:post.url' title='Tweet This !'><img alt='Tweet This !' src='http://santabanta.mywapblog.com/files/twitter0.png' style='padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' title='Share On Facebook !'><img alt='Share On Facebook !' src='http://santabanta.mywapblog.com/files/facebook0.png' style='width:64px; height:64px; padding:0; border:0; vertical-align:middle;'/></a>

<a href='href='http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Share On Digg !'><img alt='Share On Digg !' src='http://santabanta.mywapblog.com/files/digg0.png' style='padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Share On StumbleUpon !'><img alt='Share On StumbleUpon !' src='http://santabanta.mywapblog.com/files/stumble0.png' style=' padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Add To Del.icio.us !'><img alt='Add To Del.icio.us !' src='http://1.bp.blogspot.com/-o7u8nxmqpjc/Te5yp04oZuI/AAAAAAAAAec/7XAFMiD_MVU/s1600/3.png' style=' padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Share On MySpace !'><img alt='Share On MySpace !' src='http://santabanta.mywapblog.com/files/6.png' style=' padding:0; border:0; vertical-align:middle;'/></a>
<a href='http://www.amazingthings.in/feeds/posts/default' title='Blog Feed !'><img alt='Blog Feed !' src='http://santabanta.mywapblog.com/files/feed0.png' style=' padding:0; border:0; vertical-align:middle;'/></a>
<a href='mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Send An Email !'><img alt='Send An Email !' src='http://santabanta.mywapblog.com/files/gmail-logo.png' style='height:64px; width:64px; padding:0; border:0; vertical-align:middle;'/></a>
</center><hr/>
</p>
</span>  

* Now click to save your Blogger Template and you are done.
Read More ...

0 comments














1. goo.gl

2. adf.ly

3. bit.ly

4. Tki.me

5. TinyURL

6. Asso.in

7. Short.URL123

8. ClickLR

9. P6X.net

10. 247u.info

11. x61.ch


ENJOY NOW
Read More ...

0 comments













Follow simple and easy step to adding this widget below your blogger post ---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code <data:post.body/> by CTRL+F key.

* Copy below code and paste after <data:post.body/>

 <b:if cond='data:blog.pageType == &quot;item&quot;'><b>Share this post :</b><br/>
<div class='spacer' style='border-top:solid 0px #DEDEDE;'/>
<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLBDQuiNjSIkcn9ws2WNjzM_aOlIQ64a6pExKC9mu-tgMrzSt3SAQlCLUIKn4O_gRSNMIW2P41tqhVPda0h-xXwLVmZZRsP6pPQtBZcB8l-T1q4YNEk9nB8rChBnwc1zv2WwAca_1k-E/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' target='_blank'>Share on Facebook</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8oJg_lVSmtv1WLIbxOFOJaCmG0hWRPtuAIsgN-3XN8eA8L9LZ20-k3s0-si-WtDdfJjOdhxUD7w2gmNqAQWpQevdSrr-WnGpN24Dqw7wDa7EGjEVeZJjA_U8Bv_qzRN9BP-Bg_hztgq4/'/></td>
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share on Twitter</a>
</td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6-8rGDio7Hp64XKJlOP_9Cd9mu80titm0xZvyC-Cq8A9F8bV2bEmEviBMxjNNjfpjDny95ne9YOTU8Susv_FniwcXq9udspCWUx1rm7sd21lOt0bmaf8S9dF80cInHCLHSJPvHroVAA0/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on StumbleUpon</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1UM3TxOFhDEafi4IYsv9M8XUQLDUrYy_LAjF_N8DWw1Zqqkd0eDCEuRJ4Wv8bEZqy4RJtT9fbfxk2ryqz3CVDUcsvQCXPMC7Usbru_EEnIlXLsxidL3MrJFjXVTmIblndLvvPl8aHSs/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn6Krqgc2nrcjAuJd9qQzKTGfL-IJ3lBWwtRi80rXX-nETJmARJCVJ7SRvippB-N4PdOPUGgt5D7fyvOGQT1w78QWgbl7cpvqnpS7b7u1-oUeL3KM5nIXBXOj_WQ33spZpCNXcNYJae7U/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Reddit</a>
</td>
</tr>
</table></td>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikuQtMlVOrx5_FNdFmPtVDJGuZ0uMKzel9J_WFabP68LwGi1liO65gILCb9mXIMdXbUeN3hZ3_sJuktevR-Me90DcESED3LXwX2pJynl8us2ydvDBRoauALCRhGD2wEe1t62-_y91akQ/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Digg</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7kYyiAe-Mrm29lr8zmBNARoBYE-OGbkKUB-910q3j3-Q4spI9IxffQhLBmFSP6Dzh8xgaIDAZt2qoIzs-XfpP38Hk0TSm5dGp21rE8AUUlcep-4pFi4FACqmmTMbThm95LXbzThcsCTs/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on simpy</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioijwyf-F8jcUTYbqh8nyu1WpWEkZrU579Qyf-PNToV9Hs1dACVUaMOg6n4UbUny7eGlCcLq8IM05jpsgr5ErkxvH5TqefC-kpNY39iGCkW5NQY2qhPBPE9oVviu6CE05MyRVbMtMtVws/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a></td>
</tr>
<tr>
<td height='24'><img alt='furl' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQumGXC7dkxDHbHrclRjkyNz7UZ_beEwUyRVonaIBxJMVkOVkLb4w743VggZLidKodE2RS7GFotOMx5e8bl5sfi0MMNPw5f8XJMHqrBV3sTWa4zx5saJpwQBsoNyu1tZbFmV5VzFQ6p5c/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on furl</a>
</td>
</tr>
<tr>
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi31h5x41RxD3XYsG3f8-xdSoOddwz604m_ZtoEFEzvRX3eW6t9m85pr8T9U_BhcAXWn_aSVZB1dmGyZcuet5Gul2ang5q4EfuI-1qD7sor6v_Kek0emZmz128f9uJkN9AZrmrNFG1ipn4/' width='16'/></td>
<td height='24'><a href='http://feeds2.feedburner.com/blogger9' target='_blank'>Subscribe to Feeds RSS</a>
</td>
</tr>
</table></td>
</tr>
</table></b:if> 

* Now click to save your blogger Template .

* Now you are done CHEERS.
Read More ...

0 comments









Follow simple and easy step to adding thos Bookmarking widget to blogger ---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code </head> by CTRL+F key.

* Copy below code and paste before </head>

<style type="text/css">
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
div.sexy-bookmarks-expand{height:29px; overflow:hidden}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat}
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz: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-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://img717.imageshack.us/img717/3006/sexyspritenew.png') no-repeat !important;border: 0;outline: none;}
.sexy-digg{background-position:-980px bottom !important}
.sexy-digg:hover{background-position:-980px top !important}
.sexy-reddit{background-position:-700px bottom !important}
.sexy-reddit:hover{background-position:-700px top !important}
.sexy-stumbleupon{background-position:-630px bottom !important}
.sexy-stumbleupon:hover{background-position:-630px top !important}
.sexy-delicious{background-position:-1190px bottom !important}
.sexy-delicious:hover{background-position:-1190px top !important}
.sexy-yahoobuzz{background-position:-1120px bottom !important}
.sexy-yahoobuzz:hover{background-position:-1120px top !important}
.sexy-blinklist{background-position:-1260px bottom !important}
.sexy-blinklist:hover{background-position:-1260px top !important}
.sexy-technorati{background-position:-560px bottom !important}
.sexy-technorati:hover{background-position:-560px top !important}
.sexy-myspace{background-position:-770px bottom !important}
.sexy-myspace:hover{background-position:-770px top !important}
.sexy-twitter{background-position:-490px bottom !important}
.sexy-twitter:hover{background-position:-490px top !important}
.sexy-facebook{background-position:-1330px bottom !important}
.sexy-facebook:hover{background-position:-1330px top !important}
.sexy-mixx{background-position:-840px bottom !important}
.sexy-mixx:hover{background-position:-840px top !important}
.sexy-scriptstyle{background-position:-280px bottom !important}
.sexy-scriptstyle:hover{background-position:-280px top !important}
.sexy-designfloat{background-position:-1050px bottom !important}
.sexy-designfloat:hover{background-position:-1050px top !important}
.sexy-newsvine{background-position:left bottom !important}
.sexy-newsvine:hover{background-position:left top !important}
.sexy-google{background-position:-210px bottom !important}
.sexy-google:hover{background-position:-210px top !important}
.sexy-comfeed{background-position:-420px bottom !important}
.sexy-comfeed:hover{background-position:-420px top !important}
.sexy-linkedin{background-position:-70px bottom !important}
.sexy-linkedin:hover{background-position:-70px top !important}
.sexy-friendfeed{background-position:-1750px bottom !important}
.sexy-friendfeed:hover{background-position:-1750px top !important}
.sexy-link{ margin-left:25px; float:left}
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>

* Again copy below giving code and paste before </head>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery('.sexy-bookmarks').height();
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();
if (sexyFullHeight>sexyBaseHeight) {
jQuery('.sexy-bookmarks-expand').hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+'px'
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+'px'
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery('.sexy-bookmarks-center')) {
var sexyFullWidth=jQuery('.sexy-bookmarks').width();
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');
}
});
</script> 

* Now find this code <data:post.body/> by CTRL+F key

* And copy below code and post After <data:post.body/>
 <b:if cond='data:blog.pageType == &quot;item&quot;'><div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
<ul class='socials'>
<li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
<li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
<li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
<li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
<li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
<li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
<li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
<li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li>
<li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
<li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
<li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
<li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
<li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li>
<li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
<li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
<li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
<li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
</ul>
<div style='clear:both;'/>
</div>
<div class='sexy-link'> Widget by <a href='http://www.blogger9.com/' title='Blogger tips and tricks'>Blogger Solutions </a></div></b:if>

* Now click to save your blogger Template and now you are done.
Cheers.
Read More ...

0 comments




Alot of people keep asking me about a new social bookmarking and sharing widgets,
Since I love jQuery, i thought about try to customize a new sharing widget specially for blogger that using the new jQuery features, and If you like the OS X dock, you’ll love this widget.
this new widget in originally released by AddThis.com , and i customized it to be able easily used with blogger.
Widget Features.
  • easy to install, only 1 step.
  • Support all social services around the world, more that 300 social bookmarking site.
  • Amazing new style with dock menu look.
How To Add It To Your Blogger Blog.
Please go to your blogger account, and navigate to, dashboard >> layout >> , and on the elements pages, please click Add a gadget
then choose HTML/JavaScript,a new window will be opened. leave the title empty. and paste the following code in the content area.
<style type="text/css">
  #sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; }
  #dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }
  .dock-container { position: relative; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYUSaaenqFrlyDerlMT2rbOW9Ez28evH05lmAFtbEKK554w4MZ3aqtly_Q8amFRSx6cxGG385ToP0gPKRRMG9aXkx22yrAaDg3c-hyevNgWBZye2LnnBXbCWFopDKOpneMvsp8HPd5qU/) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; }
  .dock-container .custom_images a { display: block;  position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; }
  .dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
  .dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; }
  </style>

<div id="sharedock">
  <div id="dock">
  <div class="dock-container">

<div class="addthis_toolbox"> 

 <div class="custom_images">

 <a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a>
  <a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a>
<a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a>
<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a>
<a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a>
<a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a>
  <a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a>
  </div>
  </div> 
  </div>
  </div>
  </div>

  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script>
  <script type="text/javascript">
  $(function () { 
  // Dock initialize
  $('#dock').Fisheye(
  {
  maxWidth: 30,
  items: 'a',
  itemsText: 'span',
  container: '.dock-container',
  itemWidth: 50,
  proximity: 60,
  alignment : 'left',
  valign: 'bottom',
  halign : 'center'
  }
  );
  });
  </script>
And now click Save then check you blog,
Read More ...

0 comments