All Pro Softwear: email

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;">In this tutorial, I am going to show how to add a useful share box for your blogger blog. This share box contains official Tweet button with counter, official Facebook share button with counter, official Google plus button with counter, official Stumbleupon button with counter, Pinterest button, Linkedin button, Print button and Facebook like button. I have configure all this button for Blogger blogs, so you can add this share box quickly to your blog.</span></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><strong style="background-color: white;">Tutorial Updated : 2013/01/22</strong></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><a href="http://www.bloggertipandtrick.net/how-to-add-perfect-share-box-to-blogger/" style="background-color: white; color: black; outline: none;" title="Perfect Share Box for Blogger Blogs"><img alt="Perfect Share Box for Blogger Blogs" class="alignnone size-full wp-image-3643" height="241" src="http://www.bloggertipandtrick.net/wp-content/uploads/2011/04/Perfect-Share-Box-for-Blogger-Blogs.png" style="border-width: 0px;" width="289" /></a></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;">Now follow the steps given below to add this share box for your blog.</span></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;">1.Go to "Template" --> "Edit HTML" of your blog.</span></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;">2.Click on "<span style="color: #3333ff;">Expand Widget Templates</span>"</span></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;">3.Add this code <strong>just above</strong> <span style="color: red;"><strong><head></strong></span> tag:</span></div><pre style="background-color: #d1d2d0; background-image: url(http://www.bloggertipandtrick.net/wp-content/themes/btutor/images/pre_code_bg.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border: 1px solid black; font-family: Georgia, Tahoma, Geneva, sans-serif; font-size: 16px; line-height: 20px; overflow: auto; padding: 5px 5px 5px 35px; width: 655.1875px; word-wrap: normal;"><script src='http://apis.google.com/js/plusone.js' type='text/javascript'><br />{lang: 'en-US'}<br /></script></pre><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;">4.Now Scroll down to where you see below code:</span></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"></div><center style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white; font-size: 21px;"><div class='post-header-line-1'/></span></center><br /><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;">5.Copy Share Box code given below and paste it <span style="color: #3333ff; font-weight: bold;">just below</span> the above code.</span></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;"><span style="color: #cc33cc; font-weight: bold;">NOTE:</span> If you can't find <span style="font-weight: bold;"><div class='post-header-line-1'/></span> in your template, paste your "Share Box" code <span style="color: #3333ff; font-weight: bold;">just before</span> <span style="color: red; font-weight: bold;"><data:post.body/></span> .</span></div><pre style="background-color: #d1d2d0; background-image: url(http://www.bloggertipandtrick.net/wp-content/themes/btutor/images/pre_code_bg.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border: 1px solid black; font-family: Georgia, Tahoma, Geneva, sans-serif; font-size: 16px; height: 350px; line-height: 20px; overflow: auto; padding: 5px 5px 5px 35px; width: 638.1875px; word-wrap: normal;"><span style="color: #339966;"><b:if cond='data:blog.pageType == "item"'></span><br /><br /><style type='text/css'><br />.multisharebox{background:none repeat scroll 0 0 #EFEFEF;float:right;margin:5px 0 3px 10px;padding:0 5px 0;text-shadow:0 1px 0 #FFF;width:260px;border:4px solid #d8dfea}<br />.multisharebox table{margin-bottom:0 !important}<br />.multisharebox td{padding:4px 3px !important}<br />.fb-like-boxtop{background:none repeat scroll 0 0 #EDEFF4;border:1px solid #D8DFEA;color:#000;float:right;font-size:11px;margin:0 0;padding:5px 10px;text-align:left;width:230px}<br />.fb-like-boxtop a{color:#000;text-decoration:none}<br />.fb-like-boxtop a:hover{color:#000;text-decoration:underline}<br />.fb-like-box{background:none repeat scroll 0 0 #EDEFF4;border:1px solid #D8DFEA;color:#000;float:right;font-size:11px;height:60px;margin:5px 0;overflow:hidden;padding:5px 10px;text-align:left;width:230px}<br /></style><br /><br /><br /><div class='multisharebox'><br /><table><tr><br /><td><table><tr><br /><td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/><br /><b:if cond='data:post.isFirstPost'><br /><script src='http://platform.twitter.com/widgets.js' type='text/javascript'><br /></script><br /></b:if></td><br /><td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + data:post.url'/></td><br /><td><g:plusone size="tall" expr:href="data:post.canonicalUrl"/></td><br /><td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/><br /><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td><br /></tr></table></td><br /></tr><tr><br /><td><div class='fb-like-boxtop'><a class='pin-it-button' count-layout='none' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It Now!</a><br /><a href='javascript:void(run_pinmarklet())' style='height:20px; display:inline-block;'/><br /><script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/><br /><script type='text/javascript'><br />function run_pinmarklet() {<br />var e=document.createElement(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);<br />e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);<br />e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);<br />document.body.appendChild(e);<br />}<br /></script> <script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' expr:data-url='data:post.url' type='in/share'/> <a href='javascript:window.print();'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglatR8rSmYecxUfb-Ly06WQ3r_9jwgVtaiQvWLET9hgKqJfTpRPinloxZ-jVYdBFStCS1fIUDySCTiDvfF4vweJ6UeeWIAuzLLTGIMICvdvm5jjmvYkqwNcOYXP77hwPE_rDPoDDOmYQk/s1600/printbutton.png'/></a></div></td><br /></tr><tr><br /><td><div class='fb-like-box'><br />Do you like this post?<br /><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/><br /></div></td><br /></tr></table><br /></div><br /><br /><br /><span style="color: #339966;"></b:if></span></pre><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;"><span style="font-weight: bold;">Note :</span> This share box now will add to your Blogger post pages only. If you want to show it in every pages, then simply remove green lines from the code.</span></div><div style="color: #000222; font-family: Georgia, Tahoma, Geneva, sans-serif, Arial, Georgia, serif; font-size: 16px; line-height: 24px;"><span style="background-color: white;">6. Save your template and you are done.</span></div></div> <span class="st_facebook_hcount" displaytext="Facebook"></span> <span class="st_googleplus_hcount" displaytext="Google +"></span> <span class="st_twitter_hcount" displaytext="Tweet"></span> <span class="st_linkedin_hcount" displaytext="LinkedIn"></span> <span class="st_pinterest_hcount" displaytext="Pinterest"></span> <span class="st_fblike_hcount" displaytext="Facebook Like"></span> <span class="st_plusone_hcount" displaytext="Google +1"></span> <span class="st_email_hcount" displaytext="Email"></span></div>

How To Add Perfect Share Box to Blogger

In this tutorial, I am going to show how to add a useful share box for your blogger blog. This share box contains official Tweet button with...

Click Here To Buy Or Download