Best Social Media Buttons countdown widget for blog | My Blog Story My Blog Story

Thursday, 6 March 2014

Best Social Media Buttons countdown widget for blog

Leave a Comment

Add  Multiple Social Media popup widget with countdown timer to your Blog 


Best Social Media Buttons countdown widget for blog



Today I gonna tell you a good blogging story of how adding  a wonderful social media follow us buttons widget with countdown timer to your Blogger blog .

In Order to increase your Blog traffic , social media is the best ever way. Now a days many bloggers making their blog popular through social medias like Facebook , Twitter , Google Plus  and increasing their traffic flow .  This widget can increase your blog followers count in social media networks and can be very much helpful .


How to add Multiple Social Media popup widget :


Step 1 :  Open your Blogger Dashboard and go to Layout




Social Media Buttons countdown widget



 Step 2 :  Click on " Add Gadget " and go for  " Add HTML  "




Social Media Buttons countdown widget


Step 3 :  Copy and past the below given code into the  content box of " Configure HTML / Java Script " window .



<!--  http://www.myblogstory.com/ 3 In 1 Likebox Start -->
<script type='text/javascript'>
//<![CDATA[
TITLEKN='Join hands together with us friends';FBKN='myblogstory';TWITTERKN='myblogstorys';URLKN='https://plus.google.com/110713514402944426401';
//]]>
</script>
<style>#stp-bg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:998;}#stp-main{position:fixed;top:220px;_position:absolute; /* hack for IE 6*/display:none;width:450px;border:7px solid #2f2f2f;background:#fff;z-index:999;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif !important;font-size:13px;}#stp-title{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;font-size:18px;padding:13px 0 13px 15px;}#stp-close{float:right;font-size:14px;font-weight:bold;font-family:Verdana, Geneva, sans-serif;color:#777777 !important;margin:0 13px 0 0;border-bottom:0px !important;text-decoration:none !important;}#stp-close:hover{text-decoration:none !important;}#stp-msg{background:#4074CF;padding:10px 15px;color:#ffffff;font-family:Arial, Helvetica, sans-serif !important;font-weight:bold;line-height:20px;}#stp-buttons{margin:25px 0px 25px 0;padding:0 0 0 15px;}#stp-bottom{padding:15px 10px;background:#EFEFEF;color:#95989F;border-top:1px solid #DDE0E8;}#stp-counter{font-size:11px !important;text-align:right;font-weight:bold;}.stp-button{float:left;width:120px;}.step-clear{clear:both !important;}</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript' src='https://apis.google.com/js/plusone.js'></script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
<script src='http://yourjavascript.com/784314051/myblogstory.js' type='text/javascript'></script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){                              
        $().KN3IN1({
            timeout: 60,
            wait: 0,
            closeable: true        });
});
//]]>
</script>
<!--  http://www.myblogstory.com/ 3 In 1 Likebox End -->



Step 4 : Change the blue colored text with your social network address  ( Facebook , Twitter and Google + )

Note : Don't change any piece of code other than Blue colored . If you do so , code may not work .

After  successful completion of step 4 , window may appear as show below . Now click on save button .



Social Media Buttons countdown widget
Now you are done adding one among the best SEO Multiple social media follow us popup widget to your blogger blog .

Thanks viewing our blog . Please comment  if you have any quires or problem adding this and  also share your experience .




Thankq one and all for visiting our blog . Keep visiting :)


Get Free Blogging updates in your Email



About Author

  • He known as Keerthish Kodali, is the founder and the brain behind MyBlogStory.com. He provides high quality tutorials about latest web design and technology trends. He loves music and is very friendly natured . He loves to see world with No borders and always wishes to love and be loved by you all ~~~ Read More

    0 comments:

    Post a Comment


    Back to Top