This Widget is not our own creation but I am sharing it as it looks simple and works superb.. I have also added it to my blog/site.. So you may also add it to your blog/site by using this post...
So let's begin..
That's it all Done...
Now Replace Links Text Highlighted in Color Facebook,Twitter,Google+,RSS with your Link and candyroid Tech With your Feed Name..
Once take a look at live Demo.. Live Demo
How to Add this to blogger..
- Login to your "Blogger Account" and Go to your Blog "Dashboard"...
- Now Go to "Layout Section" from your "Dashboard"...
- Now Click On "Add Gadget" and Select "HTML/Java Script"...
- Now Copy and Paste the Below Given Set of Codes in it...
<link rel="stylesheet" href="https://googledrive.com/host/0B_7JWdEqBhVVbVlqUEhwZWdXT0U"/>
<center>
<div class="widget social_media">
<ul>
<li><a class="social_media_icon twitter_icon" href="https://twitter.com/manjunathg17" ></a></li>
<li><a class="social_media_icon facebook_icon" href="http://www.facebook.com/candyroid" ></a></li>
<li> <a class="social_media_icon gplus_icon" href="https://plus.google.com/117524639868275216387" ></a></li>
<li><a class="social_media_icon rss_icon" href="http://feedburner.google.com/fb/a/mailverify?uri=candyroid" ></a></li>
</ul></div>
</center>
<div class="widget newsletter clear">
<h3><a href="http://feeds2.feedburner.com/candyroid" >
<img src="http://dl.dropbox.com/u/72954964/Dynamic%20trick/social%20widget/i_rss.png" alt="" class="i_rss" /> </a></h3>
<p>If you did like to stay updated with all our latest news please enter your e-mail address here</p>
<div class="newsletter_form_div">
<form class="newsletter_form " action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=candyroid', 'popupwindow', 'scrollbars=yes,width=550,height=520');return false;">
<div class="newsletter_left">
<input type="text" class="field" value="Email Address for news updates" onfocus="if (this.value == 'Email Address for news updates') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Email Address for news updates';}" name="email" /></div>
<div class="newsletter_right">
<input type="hidden" value="candyroid Tech" name="uri"/><input type="hidden" name="loc" value="en_US" />
<input class="btn_submit" type="submit" name="submit" value="" />
</div><div style="clear:both;"></div>
</form>
</div>
</div>
<center>
<div class="widget social_media">
<ul>
<li><a class="social_media_icon twitter_icon" href="https://twitter.com/manjunathg17" ></a></li>
<li><a class="social_media_icon facebook_icon" href="http://www.facebook.com/candyroid" ></a></li>
<li> <a class="social_media_icon gplus_icon" href="https://plus.google.com/117524639868275216387" ></a></li>
<li><a class="social_media_icon rss_icon" href="http://feedburner.google.com/fb/a/mailverify?uri=candyroid" ></a></li>
</ul></div>
</center>
<div class="widget newsletter clear">
<h3><a href="http://feeds2.feedburner.com/candyroid" >
<img src="http://dl.dropbox.com/u/72954964/Dynamic%20trick/social%20widget/i_rss.png" alt="" class="i_rss" /> </a></h3>
<p>If you did like to stay updated with all our latest news please enter your e-mail address here</p>
<div class="newsletter_form_div">
<form class="newsletter_form " action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=candyroid', 'popupwindow', 'scrollbars=yes,width=550,height=520');return false;">
<div class="newsletter_left">
<input type="text" class="field" value="Email Address for news updates" onfocus="if (this.value == 'Email Address for news updates') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Email Address for news updates';}" name="email" /></div>
<div class="newsletter_right">
<input type="hidden" value="candyroid Tech" name="uri"/><input type="hidden" name="loc" value="en_US" />
<input class="btn_submit" type="submit" name="submit" value="" />
</div><div style="clear:both;"></div>
</form>
</div>
</div>
- Add The Title As you wish and Click Save!!!!!!!!
Customization:
Now Replace Links Text Highlighted in Color Facebook,Twitter,Google+,RSS with your Link and candyroid Tech With your Feed Name..
Useful Note:
- You can Also Edit this Widget like Width,Colour etc using HTML Editor of our Blog : HTML Editor..
- You can Use Hexadecimal Color Code Generator of our Blog to Replace Colors : HexaDecimal Color Code Generator..
Important Note:
- You Can Comment If any Problem Persist.. or Need Help With This Widget..
- Any Query or Help Related to this or any other related to Blogger Feel Free to Contact Us..
Within 24 to 48 hours we will get your back the answer for your Question.. .
No comments:
Post a Comment