Hello Friends, today i am going to post a new social subscription widget
for blogger.Fans and Followers show the popularity of your blog and it
is important to provide your readers an easy way to subscribe to your
blog.This widget will help you to do that.
How to add social subscription widget :
- Log in to your Blogger Dashboard
- Goto Layout >> Add A Gadget >> And select HTML/JavaScript from the list of widgets.
- Now Paste the following code in the HTML Box.
<style type="text/css">
#TCT-ssw-wrap
{
height:250px;
width:250px;
background:#F2F2F2;
color:#009;
font-family:Georgia, "Times New Roman", Times, serif;
padding:3px;
border:3px solid #734E76;
border-radius: 5px;
}
#TCT-ssw-icons-wrap
{
text-align:center;
height:50px;
padding: 5px 0px;
}
.TCT-ssw-icons
{
height:40px;
width:40px;
float:left;
margin-left:15px;
margin-bottom:10px;
}
.TCT-ssw-icons:hover
{
opacity: .7;
filter:alpha(opacity=70);
height:40px;
width:40px;
cursor:pointer;
}
.TCT-ssw-lbl
{
color:#734E76;
font-weight:500;
text-align:center;
padding: 2px 0px 10px 0px;
}
.TCT-email-field
{
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghaWRsYG1CDfbR-gatcTwU-RXLGCioY8UnR5OHq4YW4Mw7vF35xUCVUGRLOgXdszaNq7pfM79f_1oUekXGZycaM9Wy9uqRcyjDWu6Tq6hwYW6sOw66rX1RqM8SEERzs-P_KPI9VRzUnT8/s1600/icons.png) no-repeat 0 -27px;
border:1px solid #dcdcdc;
border-radius:4px;
color:#444;
margin:0 0 15px;
padding:10px 40px;
width: 166px;
}
#TCT-ssw-submit
{
height:40px;
width:150px;;
background:#734E76;
color:#FFF;
font-weight:bold;
text-align:center;
margin-left: 42px;
border-radius: 10px;
}
</style>
<div id="TCT-ssw-wrap">
<div class="TCT-ssw-lbl">Subscribe to Us!!</div>
<div id="TCT-ssw-icons-wrap">
<a href="https://www.facebook.com/Widget Spy" rel="nofollow" title="Like us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKY-qNL8sfQkaeHhii-jZ61DGWb41I9zwhpQ5B_MgPMQLwFQdeE_Rmj0WvK_QvgJH8qtfJlzdGMUL5eC6XADWgIkgfeL-gJOKpeQ_4zlIJcsn9Rv4iETeQ8GLI42LZ226DB4TdQuTzZlc/s1600/facebook-v3.png" class="TCT-ssw-icons" alt="FB"/>
</a>
<a href="https://www.twitter.com/Widget Spy" rel="nofollow" title="Follow Us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG5eZL3rxmarQPMS0SNColOsItMRtOPw17x_xL9RrkvK6s-2DXwWImroKOExdmfPAQKPoDPg-XelFLac84c8KQNEgJZrbrJy2vkpRuhyphenhyphengIX587lWng3iDOOMkMnuSkBjbaL9EqHNeHQbc/s1600/twitter-v3.png" class="TCT-ssw-icons" alt="TW" />
</a>
<a href="https://plus.google.com/106747776208858917783" rel="nofollow" title="Follow us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXiyFwakNqaA7gcFfSZjjSy4ckqNK3q9TZeQOT-UgFSBOJYH6htrzrctqsq2VMlD_JttRQrigBYJ9QScnsi4KOu5cTdIEB_iHlTujCntI5JiXuORvpXsMocR3xMhyphenhyphen9FVbkLkmaNw60pM/s1600/google+-v3.png" class="TCT-ssw-icons" alt="G+"/>
</a>
<a href="http://feeds.feedburner.com/Widget Spy" title="Subscribe Us">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMNG7L7XozHj1onCVjcsfavVwshIRhAtYQ6BgBV0YIE0N8L5D2SVGgBEs1R8BcEN-UGjQ8W2JAl-DD-AH2tUfF3sIh7jdyULJEUso_nGYhVbKBoW4Vd70OgqDNHVdQlOnc5IC1PJzmMkI/s1600/rss-v3.png" class="TCT-ssw-icons" alt="RSS"/>
</a>
</div>
<div class="TCT-ssw-lbl">Get Pro Tutorials directly<br /> in to your Inbox</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogolect', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" class="TCT-email-field" name="email" autocomplete="off" placeholder="Enter your email address"/><br />
<input type="hidden" value="Blogolect" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Subscribe" id="TCT-ssw-submit"/>
</form>
</div>
- Now Replace my Highlighted usernames with yours and click on save.
OR 