Dora the Techplorer

I got this easily done by referring to Bloggers Sentral's tutorial . Only two simple steps: Step 1 Locate the <data:post.body/> code in the HTML template. Step 2 Copy and paste the code below just after the  <data:post.body/> tag. You can change the "count-layout" attribute to either horizontal, vertical or none (no count) <!-- Pinterest Start --> <div id='pin-wrapper' style='margin:5px 10px 5px 0; text-align: left;'> <a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a> <a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/> </div> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/> <script type='text/javascript'> function run_pin...

In this post, I will show you how you can add a Stumbleupon button to each of your Google Blogger posts. Step 1 First, visit the StumbleUpon website ( https://www.stumbleupon.com/dt/badges/create ) to decide which badge style you prefer   As I was preparing this tutorial, there were 6 different styles of badges for selection as the ones below. Style 1 Style 2 Style 3 Style 4 Style5 Style 6 Step 2 Log in your Blogger dashboard and click the "Template" tab.  Thereafter, click the "Edit HTML" button. Step 3 After you have completed Step 3, Blogger will show you the partial HTML codes.  Make sure you check the "Expand Widget Templates" to see the complete codes. Step 4 Next,  use the Find function of your browser to look for this snippet of code.  Move on to Step 6 once you have located this code. <data:post.body>   Step 5 Place your cursor after the <data:post.body> and paste the...

This is a short tutorial with 7 steps that teaches you how to embed a Facebook "Like" button to each of your Blogger posts. If you completed the 7 steps successfully, you will be able to see a "Like" button that looks like the one below. Interested to know how? Its easy, so read on! A Facebook "Like" button at the end of a Blogger post Step 1 Log in your Blogger Account Go to Blogger Dashboard.  Click on your Blog Title. Navigate to Template tab. Step 2 Click on Edit HTML button Click Proceed button to view Template Editor. Step 3 Check  "Expand Widget Templates" Step 4 Type "Ctrl-F" to look for the keywords "<data:post.body/>" in the template Step 5 Once you have located the position of "<data:post.body>", refer to the screenshot above to add the code below at the correct position <br/>     <iframe allowTransparency='true' expr:src='...