Share Article with Rss Feed And Social Media Below Post

0
Share Article with Rss Feed And Social Media Below Post
In this tutorial i'm going to explain how to add rss feed and share this article widget below  your post title in blogger.This is a very simple gadget for blogspot,it also have rss feed reader,email subscription,Facebook,twitter,Stumbleupon,bookmark to delicious features to share on these social media sites.it will also help to share your content on social websites and also increase your fans or visitors no.follow the steps mentioned below to add this simple and useful widget gadget for your blog or website.
1. Log in to blogger account and Go to Design >> Edit HTML
   (make sure backup your template first)
2. Add check mark in Expand Widget Templates.
3. Find this tag by using Ctrl+F ]]></b:skin>
4. Paste below code Before ]]></b:skin>
#subscrbie_posts {padding: 10px;border:1px solid #E9E5B1;background:#FFF3D6;text-align:left;font-size:100%;line-height:1em;color:#272727;font-weight:normal;}
.subscr-right {border-left:1px solid #D2D8DE;width:160px;padding-left:10px;float:right;}
.subscr-right header{color: #333;font: normal normal bold 17px/17px Arial, sans-serif;margin-bottom: 10px; padding: 0px;text-align:center;}
.subscr-right ul{display: block;list-style-type: none;margin: 0px; padding: 0px;}
.subscr-right ul li{list-style-type: none;padding: 0px;margin: 0px;}
.subscr-right ul li a{color: #333;font: normal normal bold 12px/12px Arial, sans-serif;line-height: 25px;padding-left: 10px;}
#subscrbie_posts header{color:#333;font: normal normal bold 17px/17px Arial, sans-serif;margin-bottom:10px;text-align:center;}
.digg a, .stumble a, .delicious a, .facebook a, .twitter a{padding-left:20px;font:bold 12px/12px Arial, sans-serif;line-height:25px;color:#333;}
.digg{background:url(http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMitkOefI/AAAAAAAAAvw/mQdgqyJVhvY/digg.png) no-repeat 0 center;}
.stumble{background:url(http://3.bp.blogspot.com/_ar9PeTUrwMY/SnmM0Ze235I/AAAAAAAAAwg/jMLPYyDdCSs/stumble.png) no-repeat 0 center;}
.delicious {background:url(http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMf-cBJuI/AAAAAAAAAvo/WFFPRRl9dcg/delicious.png) no-repeat 0 center;}
.facebook{background:url(http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMldgnvuI/AAAAAAAAAv4/FhIAkFW-ZTw/facebook.png) no-repeat 0 center;}
.twitter{background:url(http://2.bp.blogspot.com/_ar9PeTUrwMY/SnmM69WzUkI/AAAAAAAAAww/6b8npnF677I/twitter.png) no-repeat 0 center;}
.thumb-img {float:left;padding:0 10px 0 0;}
5. Find this tag by using Ctrl+F<div class='post-footer-line post-footer-line-1'/> 

6. Paste below code before <div class='post-footer-line post-footer-line-1'/>


<div id='subscrbie_posts'>
<div class='subscr-right'>
<header>Share This Article</header>
<div class='facebook'><a href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='share on facebook'>Share on Facebook</a>
</div>
<div class='twitter'><a href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='share on twitter'>Tweet on Twitter</a></div>
<div class='stumble'><a href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='share on stumbleupon'>Stumble This Article</a>
</div>
<div class='delicious'><a href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='share on delicious'>Bookmark on Delicious</a>
</div>

</div>
<div>
<header>Email Subscription</header>
    To subscribe through email,<strong>Enter your Email here:</strong>
<p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(\'your feedburner url here\', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><input name='email' style='width:240px' type='text' value='enter email address here...'/><input name='uri' type='hidden' value='bloggersstand'/><input name='loc' type='hidden' value='en_us'/><input type='submit' value='subscribe'/></form>
</p>
    Don't forget to confirm your email subcription.
<p><a href='YOUR FEEDBURNER URL HERE' rel='alternate' type='application/rss+xml'><img alt='' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a><a href='http://feeds.feedburner.com/feed39' rel='alternate' type='application/rss+xml'>Subscribe in a reader</a>
</p>
</div>
</div>
<div style='clear: both;'></div>

  • Change bloggersstand with your Feedburner username.
  • Change Feedburnerl URL with your Feedburner URL 

7.Now,Save your Template...Done !
Share Article with Rss Feed And Social Media Below Post title widget for blogger post,share you content widget from blogspot blog below bottom down widget gadget to share this article widget rss feed email subscription box facebook share.
In this tutorial i'm going to explain how to add rss feed and share this article widget bel...
SUMMARY

Share Article with Rss Feed And Social Media Below Post title widget for blogger post,share you content widget from blogspot blog below bottom down widget gadget to share this article widget rss feed email subscription box facebook share.

You Might Also Like:

We hope this article helped you to learn Share Article with Rss Feed And Social Media Below Post . If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "Share Article with Rss Feed And Social Media Below Post " So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand