Nulled templetes from themeforest: share

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="columns-inner" style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 16px; min-height: 0px;"><div class="column-center-outer" style="float: left; position: relative; width: 570px;"><div class="column-center-inner" style="padding: 0px;"><div class="main section" id="main" style="margin: 0px 1em;"><div class="widget Blog" id="Blog1" style="line-height: 1.4; margin: 0px; min-height: 0px; position: relative;"><div class="blog-posts hfeed"><div class="date-outer"><div class="date-posts"><div class="post-outer"><div class="post hentry" itemprop="blogPost" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" style="margin: 0px 0px 45px; min-height: 0px; position: relative;"><div class="post-body entry-content" id="post-body-1283235367675911604" itemprop="description articleBody" style="font-size: 17.6000003814697px; line-height: 1.4; position: relative; width: 538px;"><div class="post-img"><a href="http://www.betatemplates.com/2009/07/social-bookmarking-icons-in-post-footer.html" style="color: #888888; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5567966013649393986" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2ysb0883274QWXjqFPzOPtmwdJ_shcJpWIYL1-lpppFSaEZd2_NSiXPLliusy9ZyaHWl7lXjbKjjxP03Tn6301E2BJIPcN9dzYTl0p2IgA7qCsMOWohjvErrmns65H16du7QzpIiBSXk/s400/Social-Bookmarking-icons-in-post-footer.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; height: 115px; margin: 0px auto 10px; padding: 5px; position: relative; text-align: center; width: 300px;" /></a></div><br />Social bookmarking services such as StumbleUpon, Digg & Reddit (->My love) are really popular these days & if a blog post makes it's way to the front page of these services then it's your lucky day. The concept is simple; people browsing web share their favorite bookmarks with others through these services. You can install these icons in your post footer so that your visitors can easily share a post.<a href="https://www.blogger.com/null" name="more"></a><br /><blockquote>Remember: <a href="http://bloggerfaqs.blogspot.com/2009/06/how-to-backup-blogger-xml-template.html" style="color: #888888; text-decoration: none;">Backup your template before moving on.</a></blockquote><br /><h2 style="color: black; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; line-height: normal; margin: 10px 0px; position: relative;">Steps to Add the Social Bookmarking Icons.</h2><br /><ol><li style="margin: 0px 0px 0.25em; padding: 0px;">Go to <span style="font-weight: bold;">Layout</span> | <span style="font-weight: bold;">Edit HTML</span>.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">Check <span style="font-weight: bold;">Expand Widget Templates</span>, the page will automatically refresh.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">After that press <span style="font-style: italic;">Ctrl + f</span> and search for this code:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code><div class='post-body entry-content'><br />   <data:post.body/><br />   <div style='clear: both;'/> <br /> </div></code></pre></li><li style="margin: 0px 0px 0.25em; padding: 0px;">Now, place the following code right <span style="font-weight: bold;">after</span> the previous step code:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><big><big><big> Share this post! </big></big></big><br /><div class='spacer' style='margin-top:10px;margin-bottom:10px;border-top:solid 1px #DEDEDE;'/><br /><div class='social-table'><br /><table border='0' cellpadding='0' cellspacing='0' width='100%'><br /><tr><br /><td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'><br /><tr><br /><td height='24' width='24'><img border='0' height='16' src='http://lh3.ggpht.com/_TqPdHmAEwTM/SgxdHoRIprI/AAAAAAAAEC4/UOmW1Zfg04I/facebook.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; +data:post.url'><strong>Share on Facebook</strong></a><br /></td><br /></tr><br /><tr><br /><td height='24'><img border='0' src='http://lh4.ggpht.com/_TqPdHmAEwTM/SgxdH2E0JsI/AAAAAAAAEDE/HTXaxE7_KaU/twitter.png'/></td><br /><td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><strong>Share on Twitter</strong></a><br /><br /></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh3.ggpht.com/_TqPdHmAEwTM/SgxiZxfvTGI/AAAAAAAAEDU/AvuLyM_PGa4/stumble.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; +data:post.url'><strong>Share on StumbleUpon</strong></a></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh6.ggpht.com/_TqPdHmAEwTM/Sgxdp40mQUI/AAAAAAAAEDM/_Nee9ul6zpc/s128/delicious.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://del.icio.us/post?url&quot; +data:post.url'><strong>Share on Delicious </strong></a></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh4.ggpht.com/_TqPdHmAEwTM/SgxjIHpTaiI/AAAAAAAAEDY/pZtBL9woxzw/reddit.png' width='16'/></td><br /><td height='24'><strong><a expr:href='&quot;http://www.reddit.com/submit?url=&quot; +data:post.url'>Share on Reddit</a></strong><br /></td><br /><br /></tr><br /></table></td><br /><td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'><br /><tr><br /><td height='24' width='24'><img border='0' height='16' src='http://lh4.ggpht.com/_TqPdHmAEwTM/SgxkjUlW8eI/AAAAAAAAEDc/iDE9H_-vX9w/digg.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><strong>Share on Digg </strong></a></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh5.ggpht.com/_TqPdHmAEwTM/Sgx1uAMIp7I/AAAAAAAAEDk/UvMj9nzDyJI/design_float.png' width='16'/></td><br /><td height='24'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; +data:post.url'><strong>Share on DesignFloat</strong></a></td><br /></tr><br /><tr><br /><td height='24'><img border='0' height='16' src='http://lh4.ggpht.com/_TqPdHmAEwTM/Sgxdp80sUoI/AAAAAAAAEDQ/3eYyxtWAGpM/s128/technorati.png' width='16'/></td><br /><td height='24'><strong><a expr:href='&quot;http://technorati.com/faves/?add=&quot; +data:post.url'>Share on Technorati</a></strong></td><br /><br /></tr><br /><tr><br /><td height='24'><img alt='Feeds RSS' border='0' height='16' src='http://lh5.ggpht.com/_TqPdHmAEwTM/SgxdH0I91sI/AAAAAAAAEDA/cDcvpz3WJug/feed.png' width='16'/></td><br /><td height='24'><a href='<span style="color: red;">http://feeds2.feedburner.com/BloggerFAQs</span>'><strong>Subscribe to Feeds RSS</strong></a><br /></td><br /></tr><br /></table></td><br /></tr><br /></table><br /></div><br /><div class='spacer' style='margin-top:10px;margin-bottom:10px;border-top:solid 1px #DEDEDE;margin-bottom:10px;'/><br /></b:if><br /><div style='clear: both; height:30px;'/></code></pre></li><li style="margin: 0px 0px 0.25em; padding: 0px;">The only change you need to do in the above code is to replace <span style="color: #3333ff;">http://feeds2.feedburner.com/BloggerFAQs</span> with your blog feed URL.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">After that, save your template and you can see the icons in post footer but only on posts' pages.</li></ol></div></div></div></div></div></div></div></div></div></div></div></div>

Blogspot How to: Add Social Bookmarking Icons in Blog Posts Footer

Social bookmarking services such as StumbleUpon, Digg & Reddit (->My love) are really popular these days & if a blog post makes i...

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px; text-align: center;"><a href="http://www.betatemplates.com/2010/06/official-blogger-share-buttons.html" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwwJOL8FHo-xLLNHKJratgDSPehWeYTFtLd3zyKAa2AyAyobW28c_52FWvuMYtETihauFO1sltTibMbgLXHOs6K-N7wm4IsL_EabLnA8yIurX_tTx3kf8BgYC5eSOhV8ye8PwH3z7SGFM/s1600/Official+Blogger+Share+Buttons.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="300" /></a></div><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Blogger has officially announced sharing buttons. These buttons let your readers share posts on social networks like </span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Twitter</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">,</span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Facebook</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"> & </span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Google Plus</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">. These sites bring traffic and are important for search engine rankings. The great thing is that the share buttons automatically shortens post URL/address because Twitter allows only 160 characters per tweet. In this post, I'll explain how you can enable official share buttons.</span><a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"></a><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br /><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">First, Enable the Share Buttons!</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Enabling share buttons under Blogger posts is very easy. Just go to </span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Layout</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">. Edit the Blog Posts gadget and enable </span><strong style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Show Share Buttons</strong><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"> option. Click the following image to see full size:</span><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br /><div class="separator" style="background-color: white; clear: both; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbutekbj1eI5QGv8BrIR4RA2e55PiTkWPOWYsoNqtdj2VkZv4QZyoTFx9n0Kp9mQ9XQ3qiWZ_IBCKTCJg0bW3e0kjOpZiIT941GEJhlDmKOi4lh9_dVKo6dBMIJbcTpYWzeGDeTQBGXks/s1600/add-official-blogger-share-buttons.png" imageanchor="1" style="color: #888888; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbutekbj1eI5QGv8BrIR4RA2e55PiTkWPOWYsoNqtdj2VkZv4QZyoTFx9n0Kp9mQ9XQ3qiWZ_IBCKTCJg0bW3e0kjOpZiIT941GEJhlDmKOi4lh9_dVKo6dBMIJbcTpYWzeGDeTQBGXks/s400/add-official-blogger-share-buttons.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;" width="400" /></a></div><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">What to Do If Share Buttons Do Not Appear?</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">If you're using an old template then there is a chance that share buttons won't show up even if you've enabled them. So follow these steps:</span><br /><ol style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><li style="margin: 0px 0px 0.25em; padding: 0px;">Open the <strong>Template</strong> section.</li><div class="dashboard-image-template-tab"><img alt="Blogger Updated Dashboard" src="http://i.imgur.com/TUmzn.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px;" /></div><li style="margin: 0px 0px 0.25em; padding: 0px;">Click the <b>Edit HTML</b> button.</li><div class="template-image-Edit-HTML-button"><img alt="Blogger Edit HTML Button" src="http://i.imgur.com/xbPwx.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px;" /></div><li style="margin: 0px 0px 0.25em; padding: 0px;">A new window will open. Click the <b>Proceed</b> button to start editing.</li><div class="template-image-Edit-HTML-proceed-button"><img alt="Blogger Proceed Button" src="http://i.imgur.com/jjYjq.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px;" /></div><li style="margin: 0px 0px 0.25em; padding: 0px;">Check <b>Expand Widget Templates</b> option. The page will automatically refresh.</li><li style="margin: 0px 0px 0.25em; padding: 0px;">find this code:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code>    <data:post.body/></code></pre>and REPLACE it with the following code:<br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); font-size: 12px; padding: 10px;"><code><span style="color: red;">    <data:post.body/></span><br /><div class='post-share-buttons'><br /><b:include data='post' name='shareButtons'/><br /></div></code></pre></li><li style="margin: 0px 0px 0.25em; padding: 0px;">That's it. Click Preview button and you will see share buttons right under the post body. After that, save your template.</li></ol><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><div class="warning_post" style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><b>Important:</b> After saving the template. Make sure that the buttons are enabled in Blog Posts widget as described in the previous section of this tutorial.</div><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">How to Show Share Buttons Only on Post Pages?</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">By default, share buttons will appear on all pages. It might look a little messy and some people might want share buttons to appear only on post pages. To do that, you need to add a simple if-else condition. Instead of the above code, add this code after</span><code style="background-color: white; color: #666666; font-size: 17.6000003814697px; line-height: 24.6400012969971px;"><data:post.body/></code><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">:</span><br /><pre style="background: rgb(249, 249, 249); border: 1px solid rgb(238, 238, 238); color: #666666; font-size: 12px; padding: 10px;"><code><span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br /><span style="color: #3333ff;"><div class='post-share-buttons'></span><br /><span style="color: #3333ff;">   <b:include data='post' name='shareButtons'/></span><br /><span style="color: #3333ff;"></div></span><br /><span style="color: red;"></b:if></span></code></pre><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">If you've any problem, feel free to leave me a comment.</span><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><br /><h2 style="background-color: white; font-family: 'Droid Serif'; font-size: 20px; font-stretch: normal; font-weight: normal; margin: 10px 0px; position: relative;">Update! Share Buttons are Grey</h2><br style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;" /><span style="background-color: white; color: #666666; font-family: 'Open Sans'; font-size: 17.6000003814697px; line-height: 24.6400012969971px;">Many of you guys are complaining that the share buttons are appearing in Grey color. Well, don't worry about that because that's how they should appear. I don't know any method (yet) to make them colored. By default, they are Grey and will only become colorful when you'll bring mouse over them.</span></div>

How to Enable Official Share Buttons in Blogspot/Blogger Templates

Blogger has officially announced sharing buttons. These buttons let your readers share posts on social networks like Twitter , Facebook ...