How to Add Tweet This and Facebook Share to Blog Posts in Blogger

104 10
    • 1). Log into your Blogger dashboard. Click "Design" and choose "Edit HTML." Click the option to expand the Widget codes.

    • 2). Locate this line of code: "<data:post.body/>". Paste the following code after this line, keeping the previous line in tact:

      <!-- Twitter tweet button Start -->

      <b:if cond='data:blog.pageType != "static_page"'>

      <div style='text-align:left;padding:5px 5px 5px 0;'>

      <a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-URL='data:post.URL' data-via='Your User Name' data-related='' href='http://twitter.com/share'>Tweet</a>

      <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

      </div>

      </b:if>

      <!-- Twitter tweet button End -->

      Change "Your User Name" to your Twitter name so that it will be included in the tweets.

    • 3). Click the button to save your blog with the changes.

    • 4). Insert the following code before or after the Twitter code, depending on your preference:

      <!-- Facebook share button Start -->

      <b:if cond='data:blog.pageType != "static_page"'>

      <div style='float:left;padding:5px 5px 5px 0;'>

      <a expr:share_url='data:post.URL' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

      </div>

      </b:if>

      <!-- Facebook share button End -->

    • 5). Click the "Save" button to save your template with the changes.

Subscribe to our newsletter
Sign up here to get the latest news, updates and special offers delivered directly to your inbox.
You can unsubscribe at any time

Leave A Reply

Your email address will not be published.