Add CSS Based Social Bookmarking Widget To Blogger Blogs & Websites

<div dir="ltr" style="text-align: left;" trbidi="on"><div align="justify"><img align="left" alt="Social-Bookmarking-Widget-For Blogger" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYh_PYnwRfbHH73BzwZv7MU-2JZZ5KBzwbOZ0n-REONmXad7iNj1vkUiDKM6wUowlNpR2jZHdCmBnmuTBAZ0YywzWY0RE-nBzwPaz9OHLlhR7nn4LhLzEQ-gDJXrHkTTl6Ndbgl44-Ges/?imgmax=800" style="display: inline; margin: 0px 0px 25px;" title="Social-Bookmarking-Widget-For Blogger" width="128" /></div><div align="justify"><span class="fullpost"><br /></span><span class="fullpost"><br /></span><span class="fullpost">Kindly have a demo of this widget before reading the tutorial. Remember to Hover your mouse cursor over the icons.</span><br /><span class="fullpost"><br /></span><span class="fullpost"><br /></span></div><span class="fullpost"> </span><br /><div align="center"><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-dHSVGcgDXBg/UpCV8s3hQ8I/AAAAAAAAAOE/z1UqU8csUGM/s1600/aa.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="105" src="http://3.bp.blogspot.com/-dHSVGcgDXBg/UpCV8s3hQ8I/AAAAAAAAAOE/z1UqU8csUGM/s1600/aa.bmp" width="640" /></a></div><br /><br /><br /></div><span class="fullpost"></span><br /><div align="justify"><span class="fullpost">This widget uses a total of <strong>20 Icons</strong> but believe it or not it is super-fast and loads with in seconds. I <strong>merged all 20 Icons into one big image</strong> and used <strong>CSS Image stripes technique</strong> to make the icons appear at right positions. Fortunately this saves a lot of load time, because the browser will load all images at once and doesn’t need to contact the image server several times for uploading the images.</span></div><span class="fullpost"></span><br /><div align="center"><span class="fullpost">This is the big im</span><br /><span class="fullpost">age I used,</span><br /><br /><br /><span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcST9cUGhb4lLqMR6o2TsX7DQqPVqL1tsLWyKtQ1YIWNhfrKne2WRJj7NMKZMKhN84JgbAKC4B12OR6dJlwCyGuemHxFNWiABHyq8oOak8Bq6jnengzuEbNSeyyOqgfIpgEgthQhiaizw/s1600-h/mbt-bookmarking-widget%5B10%5D.jpg" target="_blank"><img alt="mbt-bookmarking-widget" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZTpwEoI0PFfWVTTmB3Z9V9HCCPPY7prt7tNJxV930uRi_DbiiVcnB1MCYDpregavxqRIiuLgDYNlUgiKcDifD8TNx9Q-yR-a9yG4TM8kMHh06x-eH3hLmOPRhUCeizxK-tjOWxtpJIA/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="mbt-bookmarking-widget" width="16" /></a> </span><br /><br /><br /></div><span class="fullpost"></span><div align="left"><span class="fullpost">Now lets add them below each post in blogger ,</span></div><span class="fullpost"><ol><li>Go To Blogger > <strong>Layout</strong> > <strong>Edit HTML</strong> </li><li>Search For <strong>]]></b:skin></strong> </li><li>And paste <a href="https://www.blogger.com/" name="CSS-code" target="_blank">the code</a> below just above <strong>]]></b:skin></strong> </li></ol><blockquote><strong>/*--------Bookmarking Widget (CSS#1)------*/</strong> <br />.mbt-bookmarking a { <br />display:block; <br />height:42px; <br />width:48px; <br />padding:0 9px; <br />float:left; <br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1cGIr035DgYJvX0ClDItBqufx-cZ6OPAZqRrzYWnlvDtmIgoKmfKkLbs3J_MH0W01T9q0EwsLWIqPJw4ZWXMhkCJtgMvpIXNZx0L1t8bypAS9DzJAHWNZXKGycuBeDSwK1l6LvdZ1da_5/s1600/flapper.jpg) no-repeat; <br />} <br />.mbt-bookmarking a.delicious { <br />background-position:0px 0px; <br />} <br />.mbt-bookmarking a.delicious:hover { <br />background-position:0px -43px; <br />} <br />.mbt-bookmarking a.digg { <br />background-position:0px -86px; <br />} <br />.mbt-bookmarking a.digg:hover { <br />background-position:0px -129px; <br />} <br />.mbt-bookmarking a.stumbleupon { <br />background-position:0px -344px; <br />} <br />.mbt-bookmarking a.stumbleupon:hover { <br />background-position:0px -387px; <br />} <br />.mbt-bookmarking a.technorati { <br />background-position:0px -430px; <br />} <br />.mbt-bookmarking a.technorati:hover { <br />background-position:0px -473px; <br />} <br />.mbt-bookmarking a.twitter { <br />background-position:0px -516px; <br />} <br />.mbt-bookmarking a.twitter:hover { <br />background-position:0px -559px; <br />} <br />.mbt-bookmarking a.facebook { <br />background-position:0px -172px; <br />} <br />.mbt-bookmarking a.facebook:hover { <br />background-position:0px -215px; <br />} <br />.mbt-bookmarking a.reddit { <br />background-position:0px -258px; <br />} <br />.mbt-bookmarking a.reddit:hover { <br />background-position:0px -301px; <br />} <br />.mbt-bookmarking a.yahoo { <br />background-position:0px -602px; <br />} <br />.mbt-bookmarking a.yahoo:hover { <br />background-position:0px -645px; <br />} <br />.mbt-bookmarking a.rss { <br />background-position:0px -774px; <br />} <br />.mbt-bookmarking a.rss:hover { <br />background-position:0px -817px; <br />}</blockquote><br /><br /><br />      4.     Now Check the box “<strong>Expand Widget Templates</strong>” at the top-right-corner</span><br /><div><br /><span class="fullpost"><img alt="expand-widgets" border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLTzK8PbFisP68yt71if04an1mnMmYKtSWkSFGVhv6kL83BAbAaIsej0WyMaQhwhqKpJXw0vK2mYW2ykDSYVInWevofyGzvv5horU7GjBJB71khX9y9PVy7a2yokLs9mQDqAuw0Lui-QI/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="expand-widgets" width="201" /> <br />   </span></div><div><span class="fullpost">   5.      Search for this code <strong><data:post.body/></strong> . If you can not find it then search for this one <strong><p><data:post.body/></p>                                   <span style="color: green;">  (Tip:- Press Ctrl + F)</span></strong></span></div><div><span class="fullpost"><span style="color: green;"><b><br /></b></span></span></div><div><span class="fullpost"><span style="color: green;"><b><br /></b></span> <span style="color: black;">     6.      Just below <strong><data:post.body/> <span style="color: #0080ff;">OR</span> <p><strong><data:post.body/></strong></p></strong>, paste this code,</span><br /> </span><br /><blockquote><span class="fullpost"><strong><!--Bookmarking Widget (HTML)--> </strong><div class='mbt-bookmarking'> </span><br /><span class="fullpost"><b:if cond='data:blog.pageType == &quot;item&quot;'> </span><br /><span class="fullpost"><br/><font color='<span style="color: #0080ff;"><strong>#289728</strong></span>' face='ms sans serif' size='3'><b><span style="color: green;"><strong>Kindly Bookmark and Share it:</strong></span></b></font> </span><br /><span class="fullpost"><br/><br/> </span><br /><span class="fullpost"><!-- Delicious --> </span><br /><span class="fullpost"><a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/> </span><br /><span class="fullpost"><!--DIGG--> </span><br /><span class="fullpost"><a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/> </span><br /><span class="fullpost"><!--Stumble--> </span><br /><span class="fullpost"><a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/> </span><br /><span class="fullpost"><!-- Technorati --> </span><br /><span class="fullpost"><a class='technorati' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Fave this :&gt;'/> </span><br /><span class="fullpost"><!-- Twitter --> </span><br /><span class="fullpost"><a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/> </span><br /><span class="fullpost"><!--Facebook--> </span><br /><span class="fullpost"><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/> </span><br /><span class="fullpost"><!-- Reddit --> </span><br /><span class="fullpost"><a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark and tag this :&gt;'/> </span><br /><span class="fullpost"><!-- Yahoo --> </span><br /><span class="fullpost"><a class='yahoo' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark this :&gt;'/> </span><br /><span class="fullpost"><a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/> </span><br /><span class="fullpost"></b:if></div></span></blockquote><span class="fullpost"><div align="justify">You can replace the bolded text in green with any statement you like. You can also change the text colour i.e <span style="color: #0080ff;"><strong>#289728</strong></span> with any colour you like. Use our <a href="http://e-ideamart.blogspot.com/2013/10/css-web-colour-chart.html" target="_blank">Color Chart</a> for this purpose.<br /><br /></div>   7.     Now Finally save your template and view your blog to see a colorful bookmarking widget just below all your posts :><br /> <div align="center"><span style="color: #0080ff;"><strong>That’s All!</strong></span></div><div align="center">If you want larger icons approximately about 64px by 64px in size, then paste the following code just above <strong>]]></b:skin></strong>  for step#3 instead. </div><blockquote><strong>/*--------MBT Bookmarking Widget (CSS#2)------*/</strong><br />.mbt-bookmarking a { <br />display:block; <br />height:55px; <br />width:64px; <br />padding:0 5px; <br />float:left; <br />position:relative; <br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJZ0P1WFXTyHZYYQmJYB8XIMukyAlPGePmEPdmWgEk_p3-58eRpoSO2r32vWxT9darhFg7zL1SkiGr3iUFmYBPR_pzJ22_glq58yPxqVVmNNtfoGYZzApxLEk79HLF6iUkSS5McnN3_Od/s1600-h/flapper2.jpg) no-repeat; <br />} <br />.mbt-bookmarking a.delicious { <br />background-position:0px 0px; <br />} <br />.mbt-bookmarking a.delicious:hover { <br />background-position:0px -57px; <br />} <br />.mbt-bookmarking a.digg { <br />background-position:0px -114px; <br />} <br />.mbt-bookmarking a.digg:hover { <br />background-position:0px -171px; <br />} <br />.mbt-bookmarking a.stumbleupon { <br />background-position:0px -228px; <br />} <br />.mbt-bookmarking a.stumbleupon:hover { <br />background-position:0px -285px; <br />} <br />.mbt-bookmarking a.technorati { <br />background-position:0px -570px; <br />} <br />.mbt-bookmarking a.technorati:hover { <br />background-position:0px -627px; <br />} <br />.mbt-bookmarking a.twitter { <br />background-position:0px -684px; <br />} <br />.mbt-bookmarking a.twitter:hover { <br />background-position:0px -741px; <br />} <br />.mbt-bookmarking a.facebook { <br />background-position:0px -456px; <br />} <br />.mbt-bookmarking a.facebook:hover { <br />background-position:0px -513px; <br />} <br />.post-bookmark a.reddit { <br />background-position:0px -342px; <br />} <br />.mbt-bookmarking a.reddit:hover { <br />background-position:0px -399px; <br />} <br />.mbt-bookmarking a.yahoo { <br />background-position:0px -798px; <br />} <br />.mbt-bookmarking a.yahoo:hover { <br />background-position:0px -855px; <br />} <br />.mbt-bookmarking a.rss { <br />background-position:0px -912px; <br />} <br />.mbt-bookmarking a.rss:hover { <br />background-position:0px -969px; <br />}</blockquote></span></div><div><br /></div><div><br /></div></div>

Add CSS Based Social Bookmarking Widget To Blogger Blogs & Websites

Kindly have a demo of this widget before reading the tutorial. Remember to Hover your mouse cursor over the icons. This widget uses a to...

+ Read more »

How To Add Advanced Social Subscription Widget in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="mblpostthumb"></div><a href="http://3.bp.blogspot.com/-mxcQbGtu0ug/Unj19n8dRdI/AAAAAAAAANk/g-7E-OW6RtM/s1600/Advance-Social-Subscription-Widget-For-Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-mxcQbGtu0ug/Unj19n8dRdI/AAAAAAAAANk/g-7E-OW6RtM/s1600/Advance-Social-Subscription-Widget-For-Blogger.png" /></a> Have you ever thought of combining all Social Subscri ption Buttons into one Cute little Widget? The main idea behind adding all the Social Buttons into one widget is to give multiple <a href="https://www.blogger.com/null" name="more"></a><br /><br />options to the users so, they can subscribe to your site with their personal favorite social platform. The Idea of joining Social Buttons into one gadget is not different because there are lots of Subscriptions widgets that work in the same fashion. However, they are not flexible enough to support all foremost Social Platforms. For that reason, we have designed a brilliant Social Subscription widget. It has all the key Social Platforms that are essential for a website. Today, in this article, we will Learn How to Add Advance Social Subscription Widget in Blogger. <br /><div style="text-align: justify;">This Gadget is developed to be used in the Sidebar of a website. However, anyone can utilize it according to their desire needs. Just take a look at our sidebar. There should be an Advanced Social Subscription gadget on this page. We have attached a screenshot below just in case if we remove it in the future.<br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-bjAnwSytdSs/Unj1-Olt-QI/AAAAAAAAANo/yPiofnpEuiY/s1600/Advance-Social-Widget-in-Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="http://4.bp.blogspot.com/-bjAnwSytdSs/Unj1-Olt-QI/AAAAAAAAANo/yPiofnpEuiY/s1600/Advance-Social-Widget-in-Blogger.png" width="320" /></a></div>This gadget is extremely robust and supports almost each and every platform whether its iPad, iPhone, Android and etc. Now everyone can get rid of the different kinds of Social Subscription gadgets because they get everything in just one gadget. Advanced Social Widget would add a Widget box to your sidebar that consists of all the popular Social networking sites such as Google +1/follow buttons, Facebook Like and Twitter Tweet/Follow buttons.<br /><br /></div><h3 style="text-align: left;">How To Add Advance Social Subscription Widget in Blogger?</h3><div style="text-align: justify;">The steps mentioned below are straightforward and would barely take few minutes to complete. Consider the following instructions as mentioned below.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Go to Blogger >> Your Site >> Layout >> Add a Gadget >> Add HTML/JavaScript. Now carefully paste the following coding. Remember: This gadget would also work on WordPress Platform because it’s just a chunk of modest coding. </div><div style="text-align: justify;"><br /></div><div style="text-align: left;"></div><blockquote><span style="color: #38761d;"><style></span><br /><span style="color: #274e13;">/*--- EIM Advance Social Gadget --- */</span><br /><span style="color: #274e13;">#socialwid { </span><br /><span style="color: #274e13;">font-family:Arial, serif; </span><br /><span style="color: #274e13;">text-transform: uppercase;</span><br /><span style="color: #274e13;">font-weight:bold; </span><br /><span style="color: #274e13;">font-size:15px; color:white; text-align:center; margin-top:10px;}</span><br /><span style="color: #274e13;"><br /></span><span style="color: #274e13;">#socialwid a {color:inherit;}</span><br /><span style="color: #274e13;"><br /></span><span style="color: #274e13;">#mbladvance-sub div *{</span><br /><span style="color: #274e13;">-moz-box-sizing:border-box;</span><br /><span style="color: #274e13;">-ms-box-sizing:border-box;</span><br /><span style="color: #274e13;">-webkit-box-sizing:border-box;</span><br /><span style="color: #274e13;">box-sizing:border-box;}</span><br /><span style="color: #274e13;"><br /></span><span style="color: #274e13;">#mbladvance-sub div #likered{</span><br /><span style="color: #274e13;">background-image:url(http://4.bp.blogspot.com/-O0Hpy4cRnvg/UO2oso7C2RI/AAAAAAAALKE /7kbHd9DlwcA/s1600/Sociala.png)!important;background-position:top left;</span><br /><span style="color: #274e13;">background-repeat:no-repeat;</span><br /><span style="color: #274e13;">height:242px;</span><br /><span style="color: #274e13;">width:300px;}</span><br /><span style="color: #274e13;">#mbladvance-sub div{</span><br /><span style="color: #274e13;">margin:0;</span><br /><span style="color: #274e13;">padding:0;</span><br /><span style="color: #274e13;">background-image:none!important;}</span><br /><span style="color: #274e13;"><br /></span><span style="color: #274e13;">#mbladvance-sub{</span><br /><span style="color: #274e13;">margin-bottom:15px;</span><br /><span style="color: #274e13;">height:250px; </span><br /><span style="color: #274e13;">background-color:#ffffff}</span><br /><span style="color: #38761d;"></style></span><br /><br /><div id="mbladvance-sub" style="height: 257px!important;" class="block"><br /><div><br /><br /><div id="likered" style="height:257px!important;"><br /><div style="height: 47px;"></div><br /><br /><span style="color: #38761d;"><!--Google +1/Follow--></span><br /><span style="color: #3d85c6;"><div style="width:300px; height:54px;overflow:hidden;border: 3px solid #8ec801;border-bottom: none;border-top: none; margin-top:1px;"></span><br /><span style="color: #b45f06;"><span style="width:75px;display:inline-block;float:left;padding: 15px 0 0 23px; "></span><br /><span style="color: #b45f06;"><div class="g-plusone" data-href="</span><span style="background-color: #d9ead3;">http://www.e-ideamart.blogspot.com</span><span style="color: #b45f06;">"></div></span><br /><span style="color: #b45f06;"></span></span><br /><br /><span style="color: #b45f06;"><span style="display:inline-block; width:170px;float:right;"></span><br /><span style="color: #b45f06;"><div class="g-plus" data-href="</span><span style="background-color: #d9ead3;">https://plus.google.com/101845370194687634858</span><span style="color: #b45f06;">" data-width="170" data-height="69"></div></span><br /><span style="color: #b45f06;"></span></span><br /></div><br /><br /><span style="color: #38761d;"><!--Facebook Like--> </span><br /><span style="color: #3d85c6;"><div style="border:1px solid #8ec801;padding:10px 10px 0 10px; border: 3px solid #8ec801;border-top: 1px solid #8ec801; border-bottom:none;"></span><br /><iframe src="//www.facebook.com/plugins/like.php?href=facebook.com%2F<span style="background-color: #fce5cd;">eideamart</span>&amp;send=false&amp;layout=standard&amp;width=280&a mp;amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;h eight=36" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:36px;" allowtransparency="true"></iframe></div><br /><br /><span style="color: #38761d;"><!--Twitter Tweet/Follow--> </span><br /><span style="color: #3d85c6;"><div style="border: 3px solid #8ec801;border-top: 1px solid #8ec801;border-bottom: none; padding:10px 0 5px 10px;height: 50px;"></span><br /><span style="color: #b45f06;"><span style="display:inline-block; width:195px;height: 35px;float: left;"></span><br /><span style="color: #b45f06;"><a href="</span><span style="background-color: #d0e0e3;">http://twitter.com/saadahmads</span><span style="color: #b45f06;">" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @</span><span style="background-color: #d0e0e3;">SaadAhmad</span><span style="color: #b45f06;"></a></span><br /><span style="color: #b45f06;"></span></span><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><br /><span style="color: #b45f06;"><span style="display:inline-block;width:78px; overflow: hidden;line-height: 0;float: left;"></span><br /><span style="color: #b45f06;"><a href="</span><span style="background-color: cyan;">http://www.e-ideamart.blogspot.com</span><span style="color: #b45f06;">" class="twitter-share-button" data-show-count="false" data-size="large" data-text="</span><span style="background-color: cyan;">The Best Blogger Resource Website</span><span style="color: #b45f06;">" data-url="</span><span style="background-color: cyan;">http://www.e-ideamart.blogspot.com</span><span style="color: #b45f06;">" data-via="</span><span style="background-color: cyan;">mybloggerlab</span><span style="color: #b45f06;">" data-hashtags="design">Tweet</a></span><br /><span style="color: #b45f06;"></span></span><br /> </div><br /><br /><span style="color: #38761d;"><!--Blogger--></span><span style="color: #3d85c6;"><div style="border: 3px solid #8ec801;border-top: 1px solid #8ec801; padding:8px 0 5px 10px;height: 54px;"></span><br /><span style="color: #b45f06;"><span style="display:inline-block; width: 120px;height: 30px;overflow: hidden;line-height: 0;float:left;margin-left: 16px;"></span><br /><span style="color: #b45f06;"><a href="</span><span style="background-color: orange;">http://www.blogger.com/profile/----------------</span><span style="color: #b45f06;">" target="_blank"></span><br /><span style="color: #b45f06;"><img style="margin-top: 2px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM7Rani5ukOhpBcOShc6AoFSS51YkYZiGfI30Bv64c_dSzL087I3VjRe_wmb0UBRvGf4zysquTyVQmpoZuBLTxEPk88TutRWmY7CyJHetnwelpRQdcd4F7irE3wBaMlg00mw3CKX4FOSs/s1600/Blogger zzz.gif" width="110" /></a></span><br /><span style="color: #b45f06;"></span></span><br /><br /><span style="color: #38761d;"><!--Pinterest--> </span><br /><span style="color: #b45f06;"><span style="display:inline-block;width: 111px;height: 50px;overflow: hidden;line-height: 0;float: left;margin-left: 20px;"></span><br /><span style="color: #b45f06;"><a href="</span><span style="background-color: #f4cccc;">http://pinterest.com/---------</span><span style="color: #b45f06;">" target="_blank"><img style="margin-top: 3px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcXyh4YgXWeFmFMVCHJgoPPzRIlPooPimN7YJotg2aUHeXYJL-Z_5o19WnDIANJY_63z9WdfacVyiBvGKW8yRGo2CvaJBZ1KvKYWcYPfeWGRRS0c64V0v5rzJsgzKb6LKrJUxgJX2Yqjk/s1600/LogoRed .png" /></a></span><br /><span style="color: #b45f06;"><span style="display:inline-block;width:1px;height: 50px;overflow: hidden;line-height: 0;float: left;margin-left: 20px;"><div id="socialwid"></div></span><br /><span style="color: #b45f06;"></span></span></div></span><br /><span style="color: #b45f06;"><script src='https://mybloggerlab.googlecode.com/files/advsub.js' type='text/javascript'></span></div><br /></div><br /></div></blockquote><br /><h3 style="text-align: left;">Customization: </h3><ul style="text-align: left;"><li style="text-align: justify;"><b>Google +1/Follow URLs: </b>Replace <span style="background-color: #d9ead3;">http://www.e-ideamart.blogspot.com</span> with your Website URL. Also Replace <span style="background-color: #d9ead3;">https://plus.google.com/101845370194687634858</span> with your Google+ Profile or Page URL.</li><li style="text-align: justify;"><b>Facebook Like Button:</b>  Replace <span style="background-color: #fce5cd;">eideamart</span> with your Facebook Page's username.</li><li style="text-align: justify;"><b>Twitter Follow/Tweet:</b>  Replace <span style="background-color: #d0e0e3;">http://twitter.com/saadahmas</span> with your Twitter URL.</li><li style="text-align: justify;"><b>Pinterest:</b> Replace <span style="background-color: #f4cccc;">http://pinterest.com/------</span> with your Pinterest URL.</li><li style="text-align: justify;"><b>Blogger: </b>Replace <span style="background-color: orange;">http://www.blogger.com/profile/-----------------</span> with your Blogger Profile URL.</li></ul><div style="text-align: justify;"><h3>From The Editor's Desk:</h3><div class="MsoNoSpacing">We hope that this gadget would help you to convert your each and every visitor into Social Followers. We are sure that it would take less space and would provide buckets full of results. What are your thoughts about it? Any suggestions would be a piece of Gold. Take a lot care of yourselves till then, Peace, Blessings and Happy subscribing. <o:p></o:p></div></div></div>

How To Add Advanced Social Subscription Widget in Blogger

 Have you ever thought of combining all Social Subscri ption Buttons into one Cute little Widget? The main idea behind adding all the Socia...

+ Read more »

Add 5 in 1 Slide Out Social Follower Box Widget to Blogger - Updated

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><br /><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-nvuXlZo7Oi0/Une-RtLpKRI/AAAAAAAAANU/qqNBypZF17c/s1600/5+in+1+Slide+Out+Social+widget.png" /></div><br />Today we are going to lanch another updated <a href="http://e-ideamart.blogspot.com/search/label/Widgets" rel="nofollow">blogger widget</a> that contain all the <b>5 Big Social Network</b> (Facebook, Twitter, Google Plus, YouTube, Email Subscribe ) jQuery Slide Out Widget For Your Blog & Website To Increase Your Social Fans.<br /><br />So Now we have five different Pop up Like Boxes which appears on hover on little image that are at right sidebar on you blog.<br />One of the best ways to increase your Social fans is to add the jQuery Pop-up Social Box to your Blog. Once this widget is installed on your blog, your visitors will be shown a slide out box with the option to like your Facebook Page, or want to follow on Twitter, or want to add you in there Google+ circle, want to subscribe your feedburner email whenever they visit your blog. Advantages this widget is to free space on the page. Because if you add all of these widget on your site/blog, it will take a huge space that will make your visitor angry, It can prevent website normal as the box. Static widget as soft box with jQuery effect of activation for the blogger, this is another cool control. Here I have added as the box with simple jQuery hover effect. Let add this cool widget through below Widget Generator.<br /><h3>Live Preview</h3><center><a class="DemoButton blue big" href="http://e-ideamart.blogspot.com/" target="_blank">Live Demo</a></center><h3>Features:</h3><ul><li>1.) J-Query/JavaScript Widget.</li><li>2.) Slide-Out On Hover.</li><li>3.) Awesome And Stylish.</li><li>4.) Facebook Like Box Included.</li><li>5.) Twitter Followers Box Included.</li><li>6.) YouTube Subscribe Box Included.</li><li>7.) Google Plus Add To Circle Widget Included.</li><li>8.) FeedBurner RSS Subscribe Through E-Mail Widget Included.</li><li>9.) Sliding Effect Enabled.</li><li>10.) Slide Out On Hove And Get Back On Mouse Out.</li></ul><br /><div dir="ltr" trbidi="on"><ol></ol></div><h3>5 in 1 Social Subscribing Slide Out Widget Code</h3><br /><blockquote class="tr_bq"><blockquote class="tr_bq"></blockquote><blockquote class="tr_bq"><style>  img, a {    border: 0;  }  #on {    visibility: visible;  }  #off {    visibility: hidden;  }  #facebook_div {    width: 235px;    height: 236px;    overflow: hidden;  }  #twitter_div {    width: 246px;    height: 240px;    overflow: hidden;  }  #google_plus_div {    width: 290px;    height: 250px;    overflow: hidden;    margin-left: 5px;    margin-top: 1px;  }  #NBTfeedburner_div {    width: 300px;    height: 120px;    overflow: hidden;    margin-top: 5px;    margin-left: -4px;  }  #NBT_div {    width: 300px;    height: 97px;    overflow: hidden;  }  /* right side style */   #facebook_right {    z-index: 10005;    border: 2px solid #3c95d9;    background-color: #fff;    width: 235px;    height: 236px;    position: fixed;    right: -239px;  }  #facebook_right img {    position: absolute;    top: -2px;    left: -35px;  }  #facebook_right iframe {    border: 0px solid #3c95d9;    overflow: hidden;    position: static;    height: 236px;    left: -2px;    top: -3px;  }  #twitter_right {    z-index: 10004;    border: 2px solid #6CC5FF;    background-color: #6CC5FF;    width: 250px;    height: 240px;    position: fixed;    right: -254px;  }  #twitter_right_img {    position: absolute;    top: -2px;    left: -35px;    border: 0;  }  #google_plus_right {    z-index: 10003;    background-color: #F2F2F2;    border: 2px solid #006ec9;    border-top: 2px solid #0056a0;    border-bottom: 2px solid #0056a0;    border-right: 2px solid #0056a0;    border-left: 2px solid #0056a0;    width: 290px;    height: 250px;    position: fixed;    right: -294px;  }  #google_plus_right_img {    position: absolute;    top: -2px;    left: -33px;    border: 0;  }  #feedburner_right {    z-index: 10003;    background-color: #fefefe;    border: 2px solid #5b5b5b;    border-top: 2px solid #5b5b5b;    border-bottom: 2px solid #5b5b5b;    border-right: 2px solid #5b5b5b;    border-left: hidden;    width: 300px;    height: 97px;    position: fixed;    right: -304px;  }  #feedburner_right_img {    position: absolute;    top: -2px;    left: -33px;    border: 0;  }  #NBT_right {    z-index: 10003;    border: 2px solid #303030;    background-color: #fff;    width: 300px;    height: 97px;    position: fixed;  }  #NBT_right img {    position: absolute;    top: -2px;    left: -101px;  }  /* left side style */   #facebook_left {    z-index: 10005;    border: 2px solid #3c95d9;    background-color: #fff;    width: 235px;    height: 236px;    position: fixed;    left: -239px;  }  #facebook_left img {    position: absolute;    top: -2px;    right: -35px;  }  #facebook_left iframe {    border: 0px solid #3c95d9;    overflow: hidden;    position: static;    height: 236px;    right: -2px;    top: -3px;  }  #twitter_left {    z-index: 10004;    border: 2px solid #6CC5FF;    background-color: #6CC5FF;    width: 246px;    height: 240px;    position: fixed;    left: -254px;  }  #twitter_left_img {    position: absolute;    top: -2px;    right: -35px;    border: 0;  }  #google_plus_left {    z-index: 10003;    background-color: #006ec9;    border: 2px solid #006ec9;    border-top: 2px solid #0056a0;    border-bottom: 2px solid #0056a0;    border-left: 2px solid #0056a0;    border-right: 2px solid #0056a0;    width: 290px;    height: 120px;    position: fixed;    left: -294px;  }  #google_plus_left_img {    position: absolute;    top: -2px;    right: -33px;    border: 0;  }  #feedburner_left {    z-index: 10003;    background-color: #fefefe;    border: 2px solid #5b5b5b;    border-top: 2px solid #5b5b5b;    border-bottom: 2px solid #5b5b5b;    border-left: 2px solid #5b5b5b;    border-right: hidden;    width: 300px;    height: 97px;    position: fixed;    left: -304px;  }  #feedburner_left_img {    position: absolute;    top: -2px;    right: -33px;    border: 0;  }  #NBT_left {    z-index: 10003;    border: 2px solid #303030;    background-color: #fff;    width: 300px;    height: 97px;    position: fixed;  }  #NBT_left img {    position: absolute;    top: -2px;    right: -101px;  }  .box-title1 {    border: 1px solid #ddd;    /*border-radius*/    -webkit-border-radius: 6px;    -moz-border-radius: 6px;    border-radius: 6px;    /*box-shadow*/    -webkit-box-shadow: 5px 5px 5px #CCCCCC;    -moz-box-shadow: 5px 5px 5px #CCCCCC;    box-shadow: 5px 5px 5px #CCCCCC;    padding: 10px;    margin: 10px 0;  }  .enteryouremail {    background: #fff !important;    border: 1px solid #d2d2d2;    padding: 0px 8px 0px 8px;    color: #a19999;    font-size: 12px;    height: 25px;    width: 165px;    /*border-radius*/    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    margin: 0px;  }  .submitbutton {    background: #FF8000;    border: 1px solid #F66303;    /*box-shadow*/    -webkit-box-shadow: 3px 3px 3px #666;    box-shadow: 3px 3px 3px #666;    font: bold 12px Arial, sans-serif;    color: #000000;    height: 25px;    padding: 0 12px 0 12px;    margin: 0 0 0 5px;    /*border-radius*/    -webkit-border-radius: 5px;    border-radius: 5px;    cursor: pointer;  }  #youtube_right {    z-index: 10001;    background-color: #fefefe;    border:2px solid #ff0000;    border-top:2px solid #5b5b5b;    border-bottom: 2px solid #5b5b5b;    border-right:2px solid #5b5b5b;    border-left: hidden;    width:301px;    height: 106px;    position: fixed;    right: -304px;  }  #youtube_right_img {    position: absolute;    top: -2px;    left: -33px;    border:  </style>  <script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js"  type="text/javascript"></script>  <script type="text/javascript">  jQuery(document).ready(function ()  {    jQuery("#facebook_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            right: 0          },          500);      },      function ()      {        jQuery("#facebook_right").stop(          true,          false).animate(          {            right: -239          },          500);      });    jQuery("#twitter_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            right: 0          },          500);      },      function ()      {        jQuery("#twitter_right").stop(          true,          false).animate(          {            right: -254          },          500);      });    jQuery("#google_plus_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            right: 0          },          500);      },      function ()      {        jQuery("#google_plus_right").stop(          true,          false).animate(          {            right: -294          },          500);      });    jQuery("#feedburner_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            right: 0          },          500);      },      function ()      {        jQuery("#feedburner_right").stop(          true,          false).animate(          {            right: -304          },          500);      });    jQuery("#youtube_right").hover(      function ()      {        jQuery(this).stop(true,          false).animate(          {            right: 0          },          500);      },      function ()      {        jQuery("#youtube_right").stop(          true,          false).animate(          {            right: -304          },          500);      });  });  </script>      <br />  </blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><div id="on">    <div id="facebook_right" style="top: 8%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy6kMSdFhcBVfDcin-gvODHJFuaJJJIPBU3w5ImfBgTz1lFr2JTH1GPEGGmue7tqnZ_hfmEi9IngM8RZ_rq-sXUAvrZCh8btojnKbuWC58RLkcreesAxfwTEj6zvRO4WzmPh_VmWev7IG-/s1600/NBTfacebook_right.png"        />        <iframe allowtransparency="true" frameborder="0"        scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/eideamart?ref=hl;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"        style="border: none; height: 250px; overflow: hidden; width: 250px;"></iframe>      </div>    </div>  </div>  </blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><div id="on">    <div id="twitter_right" style="top: 24%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPTA4SVO94yM4dI35kpu-7JYXa0RquLYePM8-epLLu05kT7Iz9ZlakClm80kDVj3DM9qJOt05kuaGgcyvIukp6-Chp2ZJlJGT51LbgqNVnlBmtKRlHDfiR-4B5qVtvElZbPMBbbzWTf6KT/s1600/NBTtwitter_right.png"        />        <div style="width:248px;font-size:8px;text-align:right;">          <script type="text/javascript">          document.write(unescape(            "%3Cscript  <span class="Apple-tab-span" style="white-space: pre;"> </span>src='http://twitterforweb.com/twitterbox.js?username=saadahmads&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699'  <span class="Apple-tab-span" style="white-space: pre;"> </span>type='text/javascript'%3E%3C/script%3E"          ));          </script>          <a href="http://e-ideamart.blogspot.com"          target="_blank"></a>        </div>      </div>    </div>  </div>  </blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><div id="on">    <div id="google_plus_right" style="top: 41%;">      <div id="google_plus_div">        <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwD1fZQP0BGA3Km49hyphenhyphen63_b5pT4TuVPCK-4Z0aBNlcf6dXDVuhXwS1ofyRFgJccSXcZJ0enuIkOZtIs3rO1HmFfEi2lD5r7s-mN71QzIt3EWjFamznXhYXsSMBl23HNbmLKKx56uhadPs/s1600/NBTgoogle_plus_right.png"        />        <div style="float: left; margin: 10px 10px 10px 0;">          <a href='http://newbloggertips.com'>            <img alt='Tips Tricks And Tutorials'            src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8qL2qn6t_khc9FAKKC2pNx4TWFn_Gtur6tpmlgZvDylTxcKR4gUjed5hjKoSl_yyH1mY6wxGn48z-CRryCZ_UglWhDxcQzY4eMytwwbQvG31z3ccyaHVGGlauxn_JYFfyDcBJcgIL5H1c/s1600/best+blogger+tips.png'            />          </a>          <div class="g-plus" data-action="followers"          data-height="250" data-href="https://plus.google.com/101845370194687634858"          data-source="blogger:blog:followers"          data-width="270"></div>          <script type="text/javascript">          (function ()          {            window.___gcfg = {              'lang': 'en'            };            var            po =              document.createElement(                'script');            po.type =              'text/javascript';            po.async =              true;            po.src =              'https://apis.google.com/js/plusone.js';            var            s =              document.getElementsByTagName(                'script')[0];            s.parentNode.insertBefore(              po,              s);          })();          </script>        </div>      </div>    </div>   </blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><div id="on">      <div id="feedburner_right" style="top: 75%;">        <div id="NBTfeedburner_div">          <center>            <h4 style="color: #f66303;">You can also receive Free Email Updates:</h4>            <form action="http://feedburner.google.com/fb/a/mailverify"            method="post" onsubmit="window.open('http://feeds.feedburner.com/E-ideaMartbestBloggerTipsAndTricksAndManyMore', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"            target="popupwindow">              <input class="enteryouremail" gtbfieldid="10"              name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}"              onfocus="if (this.value == 'Enter your email here...') {this.value = '';}"              type="text" value="Enter your email here..."              />              <input name="uri" type="hidden"              value="NBTLab" />              <input class="submitbutton" type="submit"              value="Submit" />            </form>          </center>          <img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTqewGDv2urbMs0mfLMlm710nwrIqOpeJ1GQbam23ynIFO-i_pZJTYh_414ACoFHmpzjJUpQbKEhlBUCl30JXsXb3hQ0O2EvEMeCMRruQsiqcB2MVR6jXRPLiZBYqaAMSFcDvqIYl50eGn/s1600/NBTfeedburner_right.png"          />          <div style="float: right; padding: 20px; margin: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span><span style="font-size:10px;">Widget by <a href="http://www.e-ideamart.blogspot.com/">EIM</a>  <span class="Apple-tab-span" style="white-space: pre;"> </span></span>            <span style="font-size:8px;"></span>          </div>        </div>      </div>      </blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><br /></blockquote><blockquote class="tr_bq"><div id="on">        <div id="youtube_right" style="top:58%;">          <div id="youtube_div">            <img id="youtube_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Ltainm_SrLJ1LzCZ5rY_1ok8WUFkbeJvhnRViLDpV2zNF2uAslCiiiSMOVG3Tg2RvbOKJteCsvR61eG6gaNphk2sEZ2qwEofOpH-Q5-BZ4lmKHsP7_68zo-w22yhPAgMCG8mbz9VAwc/s1600/NBTyoutube_right.png "            />            <div style="float:left;margin:1px 0px 0px 2px;">              <iframe src=http://www.youtube.com/subscribe_widget?p=e-ideamart             style="height:105px;width:300px;border:0;"              scrolling="no" frameborder="0"></iframe>            </div>          </div>        </div>      </div></div></div></blockquote></blockquote><br /><br /><div class="divider"></div>Hope you all like this Updated widget. If you need any help then drop your comments below.Happy Blogging.</div>

Add 5 in 1 Slide Out Social Follower Box Widget to Blogger - Updated

Today we are going to lanch another updated blogger widget that contain all the 5 Big Social Network (Facebook, Twitter, Google Plus, YouT...

+ Read more »

Add Simple Social Sharing Below Your Blogger Posts

<div dir="ltr" style="text-align: left;" trbidi="on"><div align="justify" style="background-color: white; border: 0px; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1pZSbG-jxsuHuin87lrukFV56NqSSE3eUqJCJRb6WSMkP78Wrr7Qohcj66Wi4bZgF4yqIxokyndgRfELGwHImSQbQ8iQTD-QsEm5zl5d9L87PU-cYcSrCtGgmqYfcR2wmMaZuA5qamkJg/s1600-h/Social_sharing_for_blogger%25255B3%25255D.gif" style="border: 0px; color: #adcc23; margin: 0px; outline: none medium; padding: 0px; text-decoration: none; vertical-align: baseline;"><img align="left" alt="Social_sharing_for_blogger" border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVaHGrJAyrWFMQy7Mjx4sTCeAHs2nI0sMq0tPvWHlBuNsORttaNfQK3p8SChIMU2wN_ijPqFGfq4oz7R0obCynhaFP80HJqAsG9eDtmZlU5hJISbfUTdaJ5u_d-J1t2oowWddF77aVQ83g/?imgmax=800" style="background-image: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 0px; display: inline; float: left; height: auto; margin: 0px 5px 0px 0px; outline: none medium; padding: 0px 0px 1px; vertical-align: baseline;" title="Social Sharing Preview" width="320" /></a>Social media buttons is a great way to boosting your blog traffic. The shares of your blog content made through these social buttons circulate over different social networks will help your blog engaged with long term traffic. Twitter, Facebook and Pinterest all offer JavaScript that they'd LOVE for you to add to your site. Tracking is one of the reasons that they'd love you to add these. That may or may not be a strong reason <strong style="border: 0px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">not </strong>to add their JavaScript, but a concrete reason not to is <strong style="border: 0px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">speed</strong>. When you add three services' JavaScript you're adding three DNS lookups, three (or 20) HTTP requests for their JavaScript and images, and on and on. That JavaScript has to execute as well, of course, but the value it provides isn't justified over the speed and hassle involved in our opinion. We add just one third party (addtoany) script in this widget. I wanted to add social sharing links without adding JavaScript. Fortunately all these services support sharing via simply visiting a URL. Stated differently, you can share via an HTTP GET. This widget uses a total of 9<strong style="border: 0px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"> Icons</strong> but believe it or not it is super-fast and loads with in seconds.</div><div align="justify" style="background-color: white; border: 0px; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><br style="outline: none medium;" /></div><div align="center" style="background-color: white; border: 0px; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"><a class="way2button" href="http://infinite-scrrol-demo.blogspot.com/2013/06/lorem-ipsum-4.html#social-sharing" rel="nofollow" style="-webkit-transition: all 0.4s ease-in-out; background-color: #0099ff; border-bottom-color: rgb(0, 127, 211); border-bottom-style: solid; border-width: 0px 0px 3px; color: white; cursor: pointer; margin: 0px; outline: none medium; padding: 6px 15px; text-decoration: none; transition: all 0.4s ease-in-out; vertical-align: baseline;" target="_blank">Live Preview</a></div><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><h3 style="background-color: white; border-bottom-color: rgb(68, 108, 179); border-bottom-style: dotted; border-top-color: rgb(68, 108, 179); border-top-style: dotted; border-width: 1px 0px; color: #446cb3; font-family: 'Varela Round', sans-serif; font-size: 20px; line-height: 1; margin: 0px; outline: none medium; padding: 4px 10px; text-transform: capitalize; vertical-align: baseline;">Now Lets Add Them Below Each Post In Blogger</h3><ol style="background-color: white; border: 0px; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; list-style: none; margin: 10px 0px 10px 30px; outline: none medium; padding: 0px 0px 0px 10px; vertical-align: baseline;"><li style="border: 0px; line-height: 24px; list-style: decimal outside none; margin: 10px 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Go to <strong style="border: 0px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Blogger Dashboard</strong> > Select the <strong style="border: 0px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Blog</strong> > Go to <strong style="border: 0px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Template</strong> page of the<strong style="border: 0px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Blog</strong></li><li style="border: 0px; line-height: 24px; list-style: decimal outside none; margin: 10px 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Click <strong style="border: 0px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Edit HTML</strong> button.</li><li style="border: 0px; line-height: 24px; list-style: decimal outside none; margin: 10px 0px; outline: none medium; padding: 0px; vertical-align: baseline;">and Add the Following CSS Code before <code style="background-color: #efefef; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 0px; color: #111111; font-family: 'Courier New', monospace; font-size: 17px; line-height: normal; margin: 0px; outline: none medium; padding: 1px 4px; vertical-align: baseline; white-space: nowrap;">]]></b:skin></code></li></ol><blockquote style="background-color: #222222; border-bottom-color: rgb(68, 108, 179); border-bottom-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-width: 0px 0px 5px; color: white; font-family: 'Open Sans', sans-serif; font-size: 0.9em; line-height: 25.59375px; margin: 0px 20px; outline: none medium; overflow: hidden; padding: 15px; quotes: none; vertical-align: baseline; word-wrap: break-word;">div#social-sharing   { <br style="outline: none medium;" /><span style="border: 0px; color: yellow; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">width:550px;</span> <br style="outline: none medium;" />height: 90; <br style="outline: none medium;" />background: radial-gradient(center center, circle cover, #ffffff, #f9f9f9); <br style="outline: none medium;" />background: -o-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); <br style="outline: none medium;" />background: -ms-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); <br style="outline: none medium;" />background: -moz-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); <br style="outline: none medium;" />background: -webkit-radial-gradient(center center, circle cover, #ffffff, #f9f9f9); <br style="outline: none medium;" />padding:10px; <br style="outline: none medium;" />margin:0 auto; <br style="outline: none medium;" />border: 1px solid #999; <br style="outline: none medium;" />border-radius:5px; <br style="outline: none medium;" />-webkit-border-radius:5px 5px 5px 5px; <br style="outline: none medium;" />-moz-border-radius:5px 5px 5px 5px; <br style="outline: none medium;" />-webkit-transition: all 0.6s ease-out; <br style="outline: none medium;" />-moz-transition: all 0.6s ease-out; <br style="outline: none medium;" />-o-transition: all 0.6s ease-out; <br style="outline: none medium;" />-ms-transition: all 0.6s ease-out; <br style="outline: none medium;" />transition: all 0.6s ease-out;<br style="outline: none medium;" />}<br style="outline: none medium;" />div#social-sharing:hover { <br style="outline: none medium;" />-webkit-box-shadow: 1px 1px 3px #CCC inset; <br style="outline: none medium;" />-moz-box-shadow: 1px 1px 3px #CCC inset; <br style="outline: none medium;" />box-shadow: 1px 1px 3px #CCC inset; <br style="outline: none medium;" />}<br style="outline: none medium;" />#social-sharing img { <br style="outline: none medium;" />width: 35px; <br style="outline: none medium;" />padding: 5px; <br style="outline: none medium;" />border: 0; <br style="outline: none medium;" />box-shadow: 0; <br style="outline: none medium;" />display: inline; <br style="outline: none medium;" />opacity:1; <br style="outline: none medium;" />filter:alpha(opacity=1); /* For IE8 and earlier */ <br style="outline: none medium;" />}<br style="outline: none medium;" />#social-sharing img:hover { <br style="outline: none medium;" />-webkit-transition: all 0.6s ease-out; <br style="outline: none medium;" />-moz-transition: all 0.6s ease-out; <br style="outline: none medium;" />-o-transition: all 0.6s ease-out; <br style="outline: none medium;" />-ms-transition: all 0.6s ease-out; <br style="outline: none medium;" />transition: all 0.6s ease-out; <br style="outline: none medium;" />opacity:0.6; <br style="outline: none medium;" />filter:alpha(opacity=60); /* For IE8 and earlier */ <br style="outline: none medium;" />}<br style="outline: none medium;" />.social-sharing-title { <br style="outline: none medium;" />text-align: center; <br style="outline: none medium;" />padding: 3px 10px 2px 0px; <br style="outline: none medium;" />margin: 0 0px 0 0; <br style="outline: none medium;" /><span style="border: 0px; color: red; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">color: #8d0303; </span>text-transform: uppercase; <br style="outline: none medium;" />line-height: 25px; <br style="outline: none medium;" />vertical-align: middle; <br style="outline: none medium;" />font-size: 14px; <br style="outline: none medium;" />}</blockquote><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">You can replace the Statement Text Color Highlighted in Red.  You can also change the Background width by changing the width: 550px; highlighted above in yellow color.</span><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">4. Next, locate the </span><strong style="background-color: white; border: 0px; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;">Second</strong><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;"> instance of </span><code style="background-color: #efefef; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 0px; color: #111111; font-family: 'Courier New', monospace; font-size: 17px; margin: 0px; outline: none medium; padding: 1px 4px; vertical-align: baseline; white-space: nowrap;"><data:post.body/></code><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;"> tag and paste the following code Below/after it:</span><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><br /><blockquote style="background-color: #222222; border-bottom-color: rgb(68, 108, 179); border-bottom-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-width: 0px 0px 5px; color: white; font-family: 'Open Sans', sans-serif; font-size: 0.9em; line-height: 25.59375px; margin: 0px 20px; outline: none medium; overflow: hidden; padding: 15px; quotes: none; vertical-align: baseline; word-wrap: break-word;"><b:if cond='data:blog.pageType == &quot;item&quot;'><<br style="outline: none medium;" />center> <br style="outline: none medium;" /><div id='social-sharing'> <br style="outline: none medium;" /><div class='social-sharing-title'>Do You Like This ? Please Take Five Second To Share It!</div><br style="outline: none medium;" /><!-- Facebook --> <br style="outline: none medium;" /><a class='face-book' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0uzDzESLP3ew0FQuatgBPMXzYIsefTY3FXo9YNS5qSyn_51_iplzlPVFMZwNIt4xA1Y92nsXwIC_MdXFDW8IdvOxxjMSlHuRHUtzQsKfdbAs5eq1eGgaw7lCqwQLuYa1zEvr2scHEJv4p/s1600/Facebook.gif'/></a><br style="outline: none medium;" /><!-- Twitter --> <br style="outline: none medium;" /><a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXlmIPqg1RrBoTzhxdbxNEZ2SnhTaEoJSDO0cOEPbtgXVdGwXxkJZpWHZD5qnaHCV9J95J1pKXDidk_NFLtqC2cBM8ot2NeaCBf-vadKlYt_cuUOAE7uobQM4sMNfhphjK_BVh4bP72qRq/s1600/twitter_bird.gif'/></a><br style="outline: none medium;" /><!-- Pinterest --> <br style="outline: none medium;" /><a class='pint-er-est' href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img alt='Pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4OXdI_WrrydIgOJ1lDt_c78_q5q_d0Q3ncxzlPCCgBH-72-WUI8-7WPvoCHFZRhly7E4EghlqLgOJ6EHGZvGb0gm1v38mWME3-T1ltomLcaJV_x4NCwAatOrSWxQXOKRK0NUMV_xWiAk/s1600/Pinterest.gif'/></a><br style="outline: none medium;" /><!-- Stumbleupon --> <br style="outline: none medium;" /><a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble this'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWIn5NOF8hQRMVu5C8tMjM2WsOzzlcfdsprZiyJdy1Uqc6dMk_TIhd0MxsOfCMO2-iAXPCrTVIFA5Ts5jB9B19AG-766-6PDLneOogzWkQkG9tMrKRdyc0G5BG9aRWkPbEsQ2lkH1iTWn8/s1600/stumbleupn.gif'/></a><br style="outline: none medium;" /><!-- Delicious --> <br style="outline: none medium;" />  <a class='del-icio-us' expr: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 This On Delicious'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy4FgpKCGtPb1RRFcdWfubiVnnVBObXHHSvAkP8IEtqK4YWKYO2-7hbbm_Bj-IDQtATh6eiQnIaiovT7vO9OXsNXs3tww3n0nsOWVr3CQUTD1cVerYcgfD7qbMg8NGe0TcWdKOaS2bSwvr/s1600/Delicious.gif'/></a><br style="outline: none medium;" /><!-- Reddit --> <br style="outline: none medium;" /><a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihOFBiB1C6xyYWKyHDeOtsE3mymdITaPo7YtHIjcYUI4yyfvJAhgi49cXmwtHRsb3mu-V4cHtjRXB1laFDsgE8PNUkJcUURPQ6OIZm0tFDQeORLsSt76YzAVKTzLGeqm-T1HIzYvcY-DS9/s1600/reddit.gif'/></a><br style="outline: none medium;" /><!-- Digg --> <br style="outline: none medium;" /><a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='nofollow' target='_blank' title='Digg This'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwiVBYrHqUSw8yevRmkasMZMUbkHPmIKuCfRcJA2S_lQS2MXsLCDpm57cKoB15aykDolnAsJmx3W6v9B7i5UXIVPw1c_2XPjAJZk3K2twqnyO3OPceiqfb8jc7wLh3HF_EibuhB2QB06n1/s1600/digg.gif'/></a><br style="outline: none medium;" /><!-- Email --> <br style="outline: none medium;" /><a href='mailto:?Subject=My Blogger Tricks&amp;Body=Check out this site.. http://www.myblogger-tricks.com' rel='nofollow' target='_blank' title='Email This'><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrRR9ISHcGn6MQ8RCWnLJsuvZDp6jzeecakFpUvY6JhrI6mz1C4uoImVYqehz0R9T3nhn3wOYh18zIFQpdOYWKcoxFNor-l2Z8p8OpxRUuhh3e6gB2NvWpCGr7aaWsU4Mrkg3XRxgnY25h/s1600/email.gif'/></a><br style="outline: none medium;" /><!-- addtoany --> <br style="outline: none medium;" />  <a class='a2a_dd more' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank' title='Share On Others Networks'><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNuPcg-0iHlL7rTOnUllIw5u167ceT4sR9cAtYcHkdtX6BroOMS2LRNrscwAgJEaGOikjvPnjEnp3rgm2Jegi5z4vsR9I5SAzQs5edqueXRTvli84WYYbAtWDVxNPsTZJw-r_HEsmJ3T2_/s1600/share-to-any.gif'/></a><br style="outline: none medium;" /></div> <br style="outline: none medium;" /></center></blockquote><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">5. See Preview before saving.</span><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">Note:- The</span><strong style="background-color: white; border: 0px; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"> buttons</strong><strong style="background-color: white; border: 0px; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; margin: 0px; outline: none medium; padding: 0px; vertical-align: baseline;"> will only appear on post pages.</strong><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;"> We place this limit  because the </span><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">Pin-it button only pins the page on which it appears. As such  on homepage (if we were to allow it there), every instance of the button will pin the homepage, not the post (as it’s “supposed” to).</span><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><br /><h3 style="background-color: white; border-bottom-color: rgb(68, 108, 179); border-bottom-style: dotted; border-top-color: rgb(68, 108, 179); border-top-style: dotted; border-width: 1px 0px; color: #446cb3; font-family: 'Varela Round', sans-serif; font-size: 20px; line-height: 1; margin: 0px; outline: none medium; padding: 4px 10px; text-transform: capitalize; vertical-align: baseline;">Troubleshooting</h3><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">While finding the </span><code style="background-color: #efefef; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 0px; color: #111111; font-family: 'Courier New', monospace; font-size: 17px; margin: 0px; outline: none medium; padding: 1px 4px; vertical-align: baseline; white-space: nowrap;"><data:post.body/></code><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;"> code is coming three time.This Problem comes when we install Auto Read More Hack in our Blogs. For this Problem Search for any one line from below and Put Above Section of Widget HTML Code after it!</span><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">This</span><br /><blockquote style="background-color: #222222; border-bottom-color: rgb(68, 108, 179); border-bottom-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-width: 0px 0px 5px; color: white; font-family: 'Open Sans', sans-serif; font-size: 0.9em; line-height: 25.59375px; margin: 0px 20px; outline: none medium; overflow: hidden; padding: 15px; quotes: none; vertical-align: baseline; word-wrap: break-word;"><div class='post-footer-line post-footer-line-1'></blockquote><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">Or this</span><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><br /><blockquote style="background-color: #222222; border-bottom-color: rgb(68, 108, 179); border-bottom-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-width: 0px 0px 5px; color: white; font-family: 'Open Sans', sans-serif; font-size: 0.9em; line-height: 25.59375px; margin: 0px 20px; outline: none medium; overflow: hidden; padding: 15px; quotes: none; vertical-align: baseline; word-wrap: break-word;"><div class='post-footer'></blockquote><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">Or this</span><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><br /><blockquote style="background-color: #222222; border-bottom-color: rgb(68, 108, 179); border-bottom-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-width: 0px 0px 5px; color: white; font-family: 'Open Sans', sans-serif; font-size: 0.9em; line-height: 25.59375px; margin: 0px 20px; outline: none medium; overflow: hidden; padding: 15px; quotes: none; vertical-align: baseline; word-wrap: break-word;"><b:if cond='data:blog.pageType == &quot;item&quot;'> <br style="outline: none medium;" /><data:post.body/></blockquote><br style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px; outline: none medium;" /><span style="background-color: white; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25.59375px;">Let me know about other social sites that support this kind of sharing in the comments, and I'll add your tips to this post. I hope you will enjoy this tutorial and take a 5 seconds to share it.Cheers </span><img alt="Smile" class="wlEmoticon wlEmoticon-smile" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFs7vE_kdRKcAPqoRrMYrqf4602GeIB7Qcegmws2Zyh9CPaxFCYjHhUnJmQvPgf17LpG4zSM5N6n8h_5o6MDfCoUYdxQQHN7nNPzSevcwvpIwllpX_bf49a64iPQ1rSugBu4C5CPXWLZgw/?imgmax=800" style="background-color: white; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 0px none; color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 16px; height: auto; line-height: 25.59375px; margin: 0px; outline: none medium; padding: 1px; vertical-align: baseline;" /></div>

Add Simple Social Sharing Below Your Blogger Posts

Social media buttons is a great way to boosting your blog traffic. The shares of your blog content made through these social buttons circula...

+ Read more »

Adding a Dashing Subscribe Now Box to Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div class="mblpostthumb"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAAd2ibiZb5gCu95LMi3Bst-ygB1WnAjt8lfDECImrA0vj4la2P-DfbX5-fzFpjfea7VXnQ1ooIaU4OQLDwLLM7aFnQ0b3A_x4cJus5nISJLimlICXRyIzjE9mivFjCCDFFN-vgmSLm3U/s1600/1.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: justify;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAAd2ibiZb5gCu95LMi3Bst-ygB1WnAjt8lfDECImrA0vj4la2P-DfbX5-fzFpjfea7VXnQ1ooIaU4OQLDwLLM7aFnQ0b3A_x4cJus5nISJLimlICXRyIzjE9mivFjCCDFFN-vgmSLm3U/s640/1.gif" width="265px" /></a></div><div style="text-align: justify;"><span style="font-family: inherit;">Usually a Subscribe Now box is for user's it provide user's facilities they can get all the updates related to the blog directly into there inbox so adding a Subscribe Box is not only useful for a user but also for a publisher.By using Rss Feed,Email Subscription,Facebook Like and etc you can  increase your </span><span style="font-family: inherit;">blog's</span><span style="font-family: inherit;"> Traffic big time.This is the reason why we will today add a Dashing Subscribe Now Box to your Blogger Enabled blog before adding it.You should know what it will posses </span><br /><a href="https://www.blogger.com/null" name="more"></a></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;">1.The subscribe Box will have one RSS Feed Option</span></div><div style="text-align: justify;"><span style="font-family: inherit;">2.It will also have a Facebook Page option</span></div><div style="text-align: justify;"><span style="font-family: inherit;">3.It will have a Rss Email Subscription option </span></div><div style="text-align: justify;"><span style="font-family: inherit;">4.It will have a link to your Twitter page</span></div><div style="text-align: justify;"><span style="font-family: inherit;">5.And it will have a link to your Google Plus Page</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;">So without wasting any time let us directly go to the point and let us start adding a Dashing Subscribe Now box to Blogger</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;">Simple go to <b>Blogger.com</b> >> Then <b>Yourblog</b> >> Then <b>Layout</b> >> Then <b>Add a Gadget</b> >> Then <b>Add Html/Javascript</b> >> Then simply copy paste the following code</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="background-color: white; text-align: center;"><span style="font-family: inherit;"><b><a href="http://demo-e-ideamart.blogspot.com/" target="_blank">Before adding Preview the Subscribe Now Box Now</a></b></span></div><blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://4.bp.blogspot.com/-El02oIqIJlQ/Um1Fk9fukEI/AAAAAAAAAME/F82cxLEC-0g/s1600/E-iDea+Mart+image.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px; text-align: -webkit-auto;"><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="font-family: inherit;"><span style="background-color: white; line-height: 18px;"><span style="color: #333333;"><div dir="ltr" style="text-align: center;" trbidi="on"></span></span></span><span style="background-color: white; color: #333333; font-family: inherit;"><span style="line-height: 18px;"><div style="text-align: -webkit-auto;"></span></span><span style="background-color: white; color: #333333; font-family: inherit;"><span style="line-height: 18px;"><span style="background-color: white;"><img alt="button_subscribenow.png (314×89)" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjra_zCv-wMbNvZEOVMkyeYWnohHbhPTJjdVEqR_dwfIveZ_oNCvXeNaWN_zT3dhCXmg7zk9GDsDYP3J0EFxxuiRyiK3wxUhVmE2zHTbdwjOjDkci8TTn-AYtiZknD5UhwlZars1crmhI5P/s1600/1.gif" width="300" /></span></span></span><span style="background-color: white; color: #333333; font-family: inherit;"><span style="line-height: 18px;"></div></span></span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 18px;"></div></span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 18px;"><b></span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 18px;"></b></span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 18px;"><div class="subicons" style="background-color: white; border-bottom-color: rgb(230, 230, 230); border-bottom-style: solid; border-bottom-width: 1px; color: #666666; float: left; font-family: Helvetica, Arial; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: -webkit-auto; width: 300px;"></span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 18px;"><div class="rssicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNkYDZbpK_fg_PyqP8mHQpjPBWhErHsqpHCZkgmZjUuoXBPUvoJLurFXPno-N4fDko57DufT3hoUJ6lC-jB_as10zcitvAQgpcpXJwNWC9obKDiXggY7ugZjWgCvkNiEARLu1VhxcXmAW/s400/rsssprite .png); background-origin: initial; background-position: 0px 5px; background-repeat: no-repeat no-repeat; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 2px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;"></span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 18px;"><b>&nbsp;<a href="</span><span style="color: red;">http://e-ideamart.blogspot.com/feeds/posts/default</span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 18px;">" rel="nofollow" style="color: #333333; text-decoration: none;" target="_blank">&nbsp;RSS</a></b></div></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><div class="googleicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNkYDZbpK_fg_PyqP8mHQpjPBWhErHsqpHCZkgmZjUuoXBPUvoJLurFXPno-N4fDko57DufT3hoUJ6lC-jB_as10zcitvAQgpcpXJwNWC9obKDiXggY7ugZjWgCvkNiEARLu1VhxcXmAW/s400/rsssprite .png); background-origin: initial; background-position: 0px -37px; background-repeat: no-repeat no-repeat; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 2px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;"></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><b>&nbsp;<a href="http://plus.google.com/</span></span><span style="color: red; line-height: 18px;">101845370194687634858</span><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;">" rel="author" style="color: #333333; text-decoration: none;" target="_blank">&nbsp;G+</a></b></div></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><div class="fbicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNkYDZbpK_fg_PyqP8mHQpjPBWhErHsqpHCZkgmZjUuoXBPUvoJLurFXPno-N4fDko57DufT3hoUJ6lC-jB_as10zcitvAQgpcpXJwNWC9obKDiXggY7ugZjWgCvkNiEARLu1VhxcXmAW/s400/rsssprite .png); background-origin: initial; background-position: 0px -79px; background-repeat: no-repeat no-repeat; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;"></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="font-family: inherit;"><span style="line-height: 18px;"><span style="color: #333333;"><b>&nbsp;<a href="https://www.facebook.com/</span><span style="color: red;">eideamart</span><span style="color: #333333;">" rel="nofollow" style="color: #333333; text-decoration: none;" target="_blank">FB</a></b></div></span></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><div class="twittericon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNkYDZbpK_fg_PyqP8mHQpjPBWhErHsqpHCZkgmZjUuoXBPUvoJLurFXPno-N4fDko57DufT3hoUJ6lC-jB_as10zcitvAQgpcpXJwNWC9obKDiXggY7ugZjWgCvkNiEARLu1VhxcXmAW/s400/rsssprite .png); background-origin: initial; background-position: 0px -121px; background-repeat: no-repeat no-repeat; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;"></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="font-family: inherit;"><span style="line-height: 18px;"><span style="color: #333333;"><b>&nbsp;<a href="http://twitter.com/</span><span style="color: red;">saadahmads</span><span style="color: #333333;">" rel="nofollow" style="color: #333333; text-decoration: none;" target="_blank">Twitter</a></b><br /></span></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><br /></div></span></span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 18px;"></div></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><div class="emailsub" style="background-color: white; border-bottom-color: rgb(230, 230, 230); border-bottom-style: solid; border-bottom-width: 0px; color: #666666; float: left; font-family: Helvetica, Arial; font-size: 12px; line-height: 18px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 15px; text-align: -webkit-auto; width: 300px;"></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><div class="emailicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Ab_vyEKyhlxjMz7HKhawqdTNnwqre4-5wJkKgvDgSlYcxA6IpoHxTzOb9Lut8GOBfsyuNtEWqL1W374miTWIalfWR4CUNusqQ9VjIb3ZoMQgHOmnY3bVzxdMq6v4ojfFQcSHNYzfj8Y/s400/email.png ); background-origin: initial; background-position: 0px 2px; background-repeat: no-repeat no-repeat; color: #333333; float: left; font-size: 14px; line-height: 20px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 40px; padding-right: 15px; padding-top: 0px; vertical-align: middle; width: 300px;"></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><div style="color: #3a3a3a; font-size: 13px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 270px;"></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;">Receive Quality Updates Straight in your &nbsp;&nbsp; Inbox by submitting your Email ID below<b>.</b></div></span></span><span style="background-color: white; color: #333333; font-family: inherit; line-height: 18px;"></div></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><div class="emailupdatesform" style="float: left; margin-bottom: 5px; margin-left: 5px; margin-right: 0px; margin-top: 15px; width: 300px;"></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><form action="http://feedburner.google.com/fb/a/mailverify?uri=</span></span><span style="color: red;">E-ideaMartbestBloggerTipsAndTricksAndManyMore</span><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;">" method="post" target="popupwindow"></span></span></div><div style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="line-height: 18px;"><b><input class="emailupdatesinput" gtbfieldid="10" name="email" style="background-attachment: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; background-image: initial !important; background-origin: initial !important; border-bottom-color: rgb(210, 210, 210); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(210, 210, 210); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(210, 210, 210); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(210, 210, 210); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #a19999; float: left; height: 25px; padding-bottom: 0px; padding-left: 8px; padding-right: 8px; padding-top: 0px; width: 185px;" type="text" value="Enter your email here..." /><input class="joinemailupdates" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(87, 171, 254)), to(rgb(0, 128, 255))); background-origin: initial; border-bottom-color: rgb(0, 128, 255); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 128, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 128, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 128, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: white; cursor: pointer; font-family: arial; font-weight: bold; height: 25px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; padding-top: 0px; text-transform: uppercase;" type="submit" value="Submit" /></b></form></span></span><span style="background-color: white; color: #333333; font-family: inherit;"><span style="line-height: 18px;"></div></span></span><span style="background-color: white; color: #333333; font-family: inherit;"><span style="line-height: 18px;"></div></span></span><span style="background-color: white; color: #333333; font-family: inherit;"><span style="line-height: 18px;"><b></span></span><span style="background-color: transparent; font-family: inherit; text-align: left;"> </span></div></blockquote><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;">Now to modify it yo your setting do the following changeing to make it as it is yours </span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;"><b>To add your own Facebook page Url     </b></span></div><div style="text-align: justify;"><span style="font-family: inherit;">Look for<span style="color: red;"> </span></span><span style="color: red; font-family: inherit;">https://www.facebook.com/eideamart </span><span style="font-family: inherit;">once you find it replace it with your own facebook page url</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;"><b>To Add your own Twitter Page Url</b></span></div><div style="text-align: justify;"><span style="font-family: inherit;">Look for </span><span style="font-family: inherit;"><span style="color: red;">http://twitter.com/saadahmads</span> once you find it replace it with your own twitter page url</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;"><b>To Add your own Rss Feed Url</b></span></div><div style="text-align: justify;"><span style="font-family: inherit;">Look For</span><span style="color: red; font-family: inherit;"> </span><span style="color: red;">http://e-ideamart.blogspot.com/feeds/posts/default</span><span style="font-family: inherit;"> once you find it replace it with your own Rss feed url</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;"><b>To Add your own Email Subscription Url</b></span></div><div style="text-align: justify;"><span style="font-family: inherit;">Look For <span style="color: red;">http://feedburner.google.com/fb/a/mailverify?uri=</span></span><span style="color: red;">E-ideaMartbestBloggerTipsAndTricksAndManyMore</span> <span style="font-family: inherit;">once you find it replace</span> <span style="font-family: inherit;">only </span><span style="color: red;">E-ideaMartbestBloggerTipsAndTricksAndManyMore</span><span style="font-family: inherit;"> with your own feed's url name</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;"><b>To Add your own Google plus Page Url</b></span></div><div style="text-align: justify;"><span style="font-family: inherit;">Look For <span style="color: red;">http://plus.google.com/</span></span><span style="color: red;">101845370194687634858</span> <span style="font-family: inherit;">once you find it replace with your own Google Plus page url</span> <span style="font-family: inherit;"> </span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;">And then hit <b>Save</b> <b>button</b> and you are done with adding A Dashing Subscribe Now box to blogger if you have any trouble with adding this widget feel free to ask </span></div><div style="text-align: justify;"><span style="color: #333333; font-family: inherit;"><span style="font-size: 14px; line-height: 18px;"><br /></span></span></div></div>

Adding a Dashing Subscribe Now Box to Blogger

Usually a Subscribe Now box is for user's it provide user's facilities they can get all the updates related to the blog directly i...

+ Read more »