Add Beautiful Social Subscription Widget To Blogger

How To Add Beautiful Social Subscription Widget To Blogger

• First for All Go To Blogger.com > Design > Page Elements > Add a Gadget
• Choose HTML/JavaScript from the list of the gadgets
• Copy and paste the code below in the content box.

<style>

#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}

 .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqSHRn-LwkJtOuhCqQ-4UG6Wx_Hw-B4c91uLK17ND29sDChwm9hLRLRoavGkVx7MwslC0-i4PWLN5yKWaBgs5ujuMvM6kXhNxO-Jxpll_KW8QoAwLdfkibx7grg3eev8dtCnTvkRHCyzE/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}

 .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}

 .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-cNor59igFNSaqjW-HbVPe9PZPvVtc8RmYAIsUwQ9BVrqDb1uAfBrFQ2-AQtShnab9zfcfA7pHp2yPRsSNZo85gSLn0MAVZs0Tn48FzFE6IMZhQ1TcqCPrdd9gMR4rwSqYWa2GxiPJI8/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}

 .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}

 .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}

 .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}

 #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}

a.social-icons{margin-right: 5px;height:45px;width:45px;}

a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}

</style>

<div id="sidebar-subscribe-box">

<div class="sidebar-subscribe-box-wrapper">

    <br/>

<a class="social-icons" href="https://www.facebook.com/SoftTechSpot"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhmTXHopN7_sn_hXZ-AVTxuEmfjdOk_odQ0HMukTwObJpULTQJFflJRs1QJdvnmM3Yhp1JOmMKinuBKj3mWjrgWe_dLozBS4rsh1g5C_c-bcxOKK8_j9mbpbNHF-lLufHl26tM3fj1BYlj/s1600/Bloggertrix-facebook.png" /></a>

<a class="social-icons" href="https://twitter.com/poornagollakoti"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7qMHHVr4e48cdiUkJ7PMApwt-FIKf1FExK9njlZBIHkayqEOPoaNeWea1iySB7io-KoyOS_Wv4Uw-_TWcIkvUif61-sAyJmVKSvRcQWqe07e0mCe861F-DCJhNOYwtQoLaOWrSfPPRBet/s1600/bloggertrix-twitter.png" /></a>

<a class="social-icons" href="https://plus.google.com/b/100702882701565711888/100702882701565711888/posts"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOeCCabhyzLf8FQ5Ya6SF8QYDgOrWWAZz2vCHxCV3wpAzBKChXTGroE8j84wer1rA-lL2sXONKCk_mHNVc13Vb5mpYKGGsO5ujBZ_eK2O6IxL02EaGx-JaSzBMEVdXglkA7oihlveV0nvd/s1600/Bloggertrix-Googleplus.png" /></a>

<a class="social-icons" href="http://feeds.feedburner.com/SoftTechSpot"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKr4jVinpOAQ4Lb-b4NMA_ZVP_a92oXRgYZlqfFDfWNKsERzInhW6epqldRZ_K4EfSQb4215szVOSOUO3AbtAxC8QDipv-IpTJgjfCWoqFUC_Vuo6z4Wh6L8allZtgfYFKQQBq5BeIZqZ2/s1600/Bloggertrix-Rss.png" /></a>

<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>

<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=SoftTechSpot" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SoftTechSpot', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="way2usefulinfo" />

<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>

<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>

</div></div></div>

• Replace all highlighted colors.

Add Simple Recent Posts Widget In Blogger

 

How To Add Simple Recent Posts Widget In Blogger?

• First for All Go To Blogger.com > Page Elements > Add a Gadget
• Choose HTML/JavaScript from the list of the gadgets
• Copy and paste the code below in the content box.

 




1: Recent Posts Widget With Snippets

<div id="hlrpsa">

<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">

</script>

<script>

var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;

</script>

<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">

</script></div>

<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">

<a href="http://hashmiworld4u.blogspot.com/2013/10/add-simple-recent-posts-widget-in.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://HashmiWorld4U.blogspot.com" title="Recent Posts Widget">Tricks World</a></div>

<noscript>Your browser does not support JavaScript!</noscript>

<style type="text/css">

#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf7MQ3WVL73468mAPmc1UDoEMHHHyVBjpLiOAcQ0ZU6O4s9XzY6xwRWOhcK31XdlBmaDIDViBXjPnV1iMqYU_pmtdcAoVI3wv6wCzQi5k11gax_xGcTRsPszShfpsQ7vmIoaV0AYIlTX-P/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:#808080;}

#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}

.hlrps a {font-weight:bold; }

.hlrpssumm {}

</style>

 2: Recent Posts Widget Showing Post Titles Only

<div id="hlrpsb">

<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>

<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>

<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://hashmiworld4u.blogspot.com/2013/10/add-simple-recent-posts-widget-in.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://HashmiWorld4U.blogspot.com" title="Recent Posts Widget">Tricks Worlds</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>

<style type=text/css> 

#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf7MQ3WVL73468mAPmc1UDoEMHHHyVBjpLiOAcQ0ZU6O4s9XzY6xwRWOhcK31XdlBmaDIDViBXjPnV1iMqYU_pmtdcAoVI3wv6wCzQi5k11gax_xGcTRsPszShfpsQ7vmIoaV0AYIlTX-P/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:#808080;}

.bbrecpost2 {

padding-top:6px;

padding-bottom:6px;

border-bottom: 1px #cccccc dotted; }

</style>

• Change 5 (option 1) and 10 (option 2) with the number of posts you want to display. 
• Change false to true if you want the posts dates to appear 
• Change 100 (option 1) if you want more characters to be displayed.
• To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
• To change the style of posts summary, modify the values in green (color) and orange (font size)
• Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example: 

http://www.your-site.com/feeds/posts/default....

Well Done!

Add Floating Share Buttons Widget in Blogger

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

How To Add Floating Share Buttons Widget in Blogger

• First for All Go To Blogger.com > Design > Edit Html
• Find <b:includable id='post' var='post'> Using 

CTRL+F

• Copy the code below and paste it just after <b:includable id='post' var=post'> tag 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.mbt_social_floating{
position:fixed; bottom:10%; margin-left:-60px; float:left;
width:60px;
background-color:#f7f7f7;
padding: 5px 0 0px 0px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
margin-bottom:5px;
float:none;
height:auto;
width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
background:none !important;
height:21px !important;
padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibbDQi8B7EUyYOlXUA6lNPIaiu2KrhaOfLir3MA9vJe-m4F4TlrjtGQLbW0e8L5H_fWWwd-Nne4cZq3TiI8s9I-sxI72Z7BE5vmcAdM6RnnLItQ37TiewP8dhlUBI1yiao8jYPkc6kzgVV/s400/gc_social_sprite.gif&#39;) no-repeat !important;
height:19px !important;
width:45px !important;
padding:0 !important;
}
.st_email .chicklets{
background-position:0 -77px !important;
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibbDQi8B7EUyYOlXUA6lNPIaiu2KrhaOfLir3MA9vJe-m4F4TlrjtGQLbW0e8L5H_fWWwd-Nne4cZq3TiI8s9I-sxI72Z7BE5vmcAdM6RnnLItQ37TiewP8dhlUBI1yiao8jYPkc6kzgVV/s400/gc_social_sprite.gif&#39;) !important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
background-position:0 -58px !important;
}
.mbt_social_floating .stButton_gradient{
border:none !important;
}
.mbt_social_floating .stBubble_count{
width:44px !important;
font-size: 15px !important;
font-weight: normal !important;
padding-top:7px !important;
height:23px !important;
background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
color:#00a6df;
background-color:#f8fbfc !important;
}
.st_fblike_vcount{
margin-bottom: 0px;
display: block;
}
.st_twitter_vcount{
margin-bottom: 3px;
display: block;
}
.st_email{
margin-bottom: 5px; margin-top: 3px;
display: block;
}
.mbt_social_floating .stBubble{
background-position: 21px 31px !important;
height:35px !important;
}
</style>
<div class='mbt_social_floating'>
<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({onhover:false});</script>
<span class='st_fblike_vcount' displaytext=''/>
<span class='st_twitter_vcount' displaytext='' st_via='pctrickstou'/>
<div style='margin:5px 0 0px 0;'>
<center><a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;);
e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script> </center>
</div>
<div style='margin:0px 0 0 5px;'>
<span class='st_plusone_vcount' displaytext=''/>
</div>
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>

<script type='text/javascript'>
var addthis_config = {
ui_cobrand: &quot;MY BLOGGER TRICKS&quot;,
ui_header_color: &quot;#ffffff&quot;,
ui_header_background: &quot;#0080FF&quot;
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.pctrickstou.blogspot.com/2013/07/add-floating-share-buttons-widget-in.html' style='color:#CAC8C8;'>Widgets</a></p>
</div>
</b:if></b:if>

• Replace poornagollakoti With Your Twitter Username..

Add Css Social Widget In Blogger

 

 

 

 

 

 

 

 

 

 

 

 

 

How To Add Css Social Widget In Blogger 

• First for All Go To Blogger.com > Page Elements > Add a Gadget
• Choose HTML/JavaScript from the list of the gadgets
• Copy and paste the code below in the content box. 

 <style type="text/css">
.btnt-chronicl-social {  width: 320px;  margin: -10px;  }
.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }
.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }
.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }
.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
</style>
<div class="btnt-chronicl-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/pctrickstoU">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/poornachandra">Follow me on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/pctrickstoU">Find me on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/104283015279880391921">Join me on Google+</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/in/YourUserName">Connect with me on LinkedIn</a></li>
</ul>
</div>

Change all Bold Red words with your Url's.

• Replace pctrickstoU with your feedburner Feed ID
• Replace pctrickstoU with your facebook Page ID
• Replace poornachandra with your twitter ID
• Replace https://plus.google.com/104283015279880391921 with your Google+ ID 
• Replace http://in.linkedin.com/in/YourUserName with your Linkedin URL

Add SpiceUpYourBlog Style Social Widget In Blogger

SpiceUpYourBlog is a Popular blog which covers topics like Blogging Tips, SEO etc. You must have visited this blog before and if you did, you must have noticed its awesome social widget. The Social widget has a nice spinning effect on mouse hovering.this is very cool widget.Its main feature is it covers all major social links facebook, twitter, feedburner feeds, google+, Pinterest.It changes your blog look attractive.

 

 

How To Add SpiceUpYourBlog Style Social Widget In Blogger?

• First for All Go To Blogger.com > Page Elements > Add a Gadget
• Choose HTML/JavaScript from the list of the gadgets
• Copy and paste the code below in the content box. 

 <style>
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}
.CSS_LIGHTBOX_BG_MASK
{
background-color:#990000 !important;opacity: 0.8 !important;
}
.post img {max-width:95% !important;}
--></style>
<center><div id="social"><a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/pctrickstou"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJomSuhAq2Fd9QzGOd9w2adRNfAfv6iuflyyaR_OqKT_wFJg7Uv8LO1dx1EWg-TEu0nMBjyBKaaCN531PMO2e4fI1XlCtRCxZLj9mbsywPmMx0PbfEEZu8rLkkVaqm4Y3rYYLeRDVYh_u6/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=pctrickstou&amp;loc=en_US"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNyQAr0GogN4yxjxo-HP2YxzGMkAFXykhhLQ8iZ8nRdwEV1FLSR_pkVU5VDDzynTGPIG2GB3hyJXpXOx8o59d7G6WdK-i0ATnylbc82JqI6a-OUd0wnLiJRwGh9ORdVpS5Oq9LugzSPp3l/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="http://facebook.com/pctrickstou"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOaVvHfHHzjfcQdIcRzxGgOCPjoa6nzenKeW-8Oa3dDaSET3eKVteVD9cJJCtonUsIAiZ_xB2XOsD9gw8Cwf-vFAbV-GD6vQtD1IT_zLMrSwMoYQ8ZBMe7mJbpRoWf3nmdTSVsfpKLwGtR/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/poornachandra"  target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyOCKnXVw7ufH0NvyhGc3LqjZiv0KN31b0ycXQuqv10EKPVKuxPgDm1LsTLJpkuo6RGQ4Oixu_lcLselChsP6kTPq-C2daK0hS2XavYg8yIxTSq77J0QkvbXds5sLRf0lGhLnZnnFeL4r2/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/104283015279880391921" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu3_L81T3z5pDJAYCAWwYxJU1ibXKoq0OBTVkrAFsKyq7o_iWp3r2Rs9TVoIXEVTgtiJUYbrhLhK7ppMFriP5Yz4aVLAYAqkmwKRQwbLhxqOKAib-VTDDDFZ9L-hnjF9jKFY71pe4-9mg9/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/YourUserName" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXhMadJ6JX7gGeF0KDjp9uiHMtlXz2Z1EZzcYZ23OuwovVGQ7QKrN-8n1ylCxuTxXCBSUecE4w2968gpaxrqOUBw7iUjZzu4JLY2OqZIyNmv2-0rlQraLa_lDRgz8o-XRdmDbQxBjhzWOz/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center> 

Change all Bold Red words with your URL's

• Replace pctrickstou with your feedburner Feed ID
• Replace pctrickstou with your facebook Page ID
• Replace poornachandra with your twitter ID
• Replace https://plus.google.com/104283015279880391921 with your Google+ ID 
• Replace http://pinterest.com/YourUserName with your Linkedin URL

Well Done!