A Facebook page plugin with like,share buttons is a great plugin that allows blog visitors to subscribe to your blog updates via their Facebook accounts, without leaving your blog. Once subscribing (by pressing the like button), visitors will receive your most recent blog updates on their Facebook page. This box also displays faces of the "likers" on your blog. Before creating a fan box, you should already have a Facebook fan page.

Create a Facebook Like,Share button With cover photo of page

1. Find out your Facebook fan page URL by visiting your Facebook fan page and copy the URL in the address bar - you can see how your URL should look like in this screenshot:

2. Then visit this page: https://developers.facebook.com/docs/plugins/page-plugin

3. Paste your URL into the Facebook Page URL field, as it is shown below:

4. Once you are satisfied with the looks of the Like Box, click on the "Get Code" button

5. You'll be given two codes,  JavaScript SDK, XFBML. The one we need is the 'iframe' code. Select it and copy the code generated in this box, as it is shown in the example below:

Add the Facebook Fan Box to Blogger

6. Log in to your Blogger account, go to 'Layout' > click on the 'Add a Gadget' link

 7. From the pop-up window, scroll down and select the 'HTML/JavaScript' gadget:

8. Paste the code in the empty HTML box:

9. Click Save and you're done.

Read More

This Facebook Like button will allow visitors to Like your post and share it to their Facebook friends. In this post we will see how we can add a Like button for each individual Blogger post, and not a Facebook fan box for the entire blog (which is also a good idea to have in your sidebar). Having a Facebook Like button below your post titles makes easier for Facebook users to like specific posts on your blog, which in turn displays the liked content on their profile (and potentially on their friend's feeds).

If you want to add the Facebook Like Button below your blogger post title, then follow these steps:

Adding Facebook Like Button Below Post Titles

Step 1. Go To Blogger Dashboard > Template > Edit HTML 

Screenshot 

Step 2. Click anywhere inside the code area and search - using CTRL + F keys - for this piece of code:

<data:post.body/>

Note: you might find it more than 3 times, stop to the second one (or third one in case it won't show up after applying the code from step 3)

Step 3.  Just above it, paste this code:

<p><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></p>

Screenshot

Step 4. Save your template and you are done with this simple implementation of the Facebook Like button on your Blogger blog.

Read More

What is Blogger?

According to the Computer Desktop Encyclopedia, Blogger is:
"A Web site launched in 1999 from Pyra Labs, San Francisco, CA (www.blogger.com) that provides the tools for creating blogs (Weblogs). After users select a pre-designed template or create one with their look and feel, every posting entered on Blogger is published to the Blogger page on their Web site automatically. In early 2003, Blogger was acquired by Google. "


So, in simple terms, Blogger is a free site where you can make blogs (a kind of sites) where you can write about everything you want - from personal life to discussing about your political views, or relating your experience in a topic of interest.

How to create a blogger blog?

Go to Blogger.com homepage and click on the "Get Started" button

Enter your Gmail acount details (your gmail address and pasword) and then press "Sign in"

Enter the name you want to appear on your blog - check the "Agree to Terms and Conditions"
Click on the "New Blog" button

Enter your blog title and the address of your new blog, choose a template (Simple Template is more easily to customize, so i recommend you to choose this one) then click on "Create Blog!"

Now that your blog has been created, you can start blogging. That's all :)

Read More

Google adsense is the best ad network for monetizing a blog. It is well known to all the bloggers and almost all the bloggers will use google adsense to monetize their blog. When coming to ad placement, We need to place ads where we get a high CTR(click through rate). More no if clicks will result in more revenue.

One of the best place to display adsense ad is, In the middle of the post. When we place adsense ads in the middle of the post, We get high CTR. But placing ad code each and every time while writing an article is a difficult process. WordPress consists of several plugins which automates this process. Those plugins will add adsense ads automatically in the middle of every new post published. This helps wordpress users to avoid the burden of placing adsense ads in the middle of the post each and every time while publishing an article.

Placing Adsense Ads in Middle of The Post in Blogger:

While in the case of Blogger, There is no automatic process to add adsense ads in the middle of the post automatically.  So i developed a simple script which can place your adsense ad code automatically in the middle of each and every post in blogger. By using this script, Blogger users can also monetize their blogs and can generate high CTR with this script for placing adsense ads in middle of the post in blogger.

There is no need to add any extra code at the time of writing the blog post. You just need to write the blog post as before and publish it. This script itself identifies the content and adds ad code exactly in the middle of the post. The script for placing adsense ad code exactly in the middle of every post in blogger is shared below.

Script To Add Adsense Ads Exactly in Middle of Posts in Blogger:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

<div id='adsmiddle-bloggingrecipes'> <data:post.body/> </div> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> #adcodemiddle{display: none;} </style> <div id='adcodemiddle'> Place Your Ad Code Here </div> <script type='text/javascript'> var str1=document.getElementById(&quot;adsmiddle-bloggingrecipes&quot;).innerHTML; var str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var n = substr.search(&quot;&lt;br&gt;&quot;); if(n&lt;0) { n = substr.indexOf('.'); if(n&lt;0) { n=0; } var firsthalf = str1.substring(0, str3+n+1); var secondhalf = str1.substring(str3+n+1, str2); } else { var firsthalf = str1.substring(0, str3+n+4); var secondhalf = str1.substring(str3+n+4, str2); } var adcode=&quot;<center>&quot;+document.getElementById(&quot;adcodemiddle&quot;).innerHTML+&quot;</center><br />&quot;; var newbody=firsthalf+adcode+secondhalf; document.getElementById(&quot;adsmiddle-bloggingrecipes&quot;).innerHTML=newbody; document.getElementById(&quot;adcodemiddle&quot;).innerHTML=&quot;&quot;; </script> </b:if>

The above script is used to display adsense ads in exactly in middle of posts in blogger automatically. This script doesn’t require any of the code to be placed in each and every post. It will automatically detect the middle of the content and display adsense ad over there. So this script is very useful for increasing Adsense CTR in blogger. The process for installing the above script in blogger is given below.

Integrating Adsense Ads-Middle Of Posts Script in Blogger:

Follow The below process for integrating the above script to display adsense ads in the middle of posts in blogger automatically.

• Search for <data:post.body /> in your blogger template.
• Replace the code With the script shared above.
• Remove the text “place your ad code here” and paste your converted ad code in the script.
• Now Save your template and open any post. Your ad code will be displayed exactly in the middle of the post.

You can convert your google adsense ad code to work in blogger templates with the help of our html encoder tool.

Important Note:-

There will be multiple <data:post.body /> code in your blogger template. You need to replace the script at the appropriate code. Just identify the code and replace it with the script. If the ad doesn’t appear, Then that might not be the appropriate code. Search for the next code similar to it and replace it with the script and again check whether the ad is displaying successfully or not. Repeat this process until you identify the required code and the ad is displayed successfully.

Features of Adsense Ads Middle of Posts Script:-

• Works in all the blogger templates.
• Easy to integrate.
• No need to add any extra code at the time of publishing the blog post.
• Increases Adsense CTR(click through rate).
• Displays adsense ad code automatically in the middle of every blog post.

This is all about my script for placing adsense ads in the middle of the posts in blogger. I hope this script will help you. If you have any alternative way of displaying adsense ads in the middle of posts in blogger, Then share it in the comments below.

Read More