Best Way To Grow Your Blog Readers,Get Free Traffic and backlink:Write For Us


English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Showing posts with label Widgets. Show all posts
Showing posts with label Widgets. Show all posts

how to Add Adsense To Blogger inside the blog Posts

| |



You must have seen many blogs displaying Adsense ads below the Blog Title or at the end of the post and must have tried doing the same without any success. The main problem is that Blogger doesn't allow you to add the Adsense code directly to your blog template.

For adding Adsense to your blog post you have to first convert the Adsense code and then it is possible to add the code to your blog template without any error. Visit the Free Adsense Ad Code Converter For website and Blogger to convert the code.

Now that you have converted the Adsense code by visiting the above link


its time to paste the code in the Blogger template.

Step 1:


Login to your Blogger Account.Click on Design>Edit HTML>Click on Expand Widget Templates

Step 2:

Now search the following code in the template



If you want to display the ads at the start of the post, then paste the code above <data:post.body/> and if you want to display the ads at the end of the post, then paste the code below it. However you will have to add the Adsense code between two lines of code before adding it to the template.

Now paste the Adsense code between these two lines of code


The main reason for pasting the Adsense code between the 2 lines is that it wont display the ads on the Home Page. The ads will be visible only when you visit the blog post. This is important as Google allows only 3 ad units per page. Most of the blogs display 5 posts per page, because of which 5 ad units will be visible on the Home Page which is against the rules. But if you want to display the ads on the Home Page and have only 3 or less posts per page, then you don't need to add the above code to your Adsense code.

Now save the template and check your blog posts. The adsense code will be visible in the posts.

                     You may be interested in these older posts

If you have any problem comment below.......................
Read More

How to add 125 x 125 animated or Ad image Banners Widget For Blogger

| |

Adding 125 by 125 ad banner widgets of you blogspot blog or website is very easy and simple. Just follow the following steps to add 125 by 125 ad banner widget for your blogger blog:

Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.


add this code in to it:



Replace URL OF ADVERTISER with the website link of the advertiser

Replace URL OF BANNER IMAGE with the Image link of the Advertiser’s banner

Replace AD DESCRIPTION with some information related to the Ad. The description appears when some hovers his mouse cursor over the banner.
If you want to increase the distance between the ad blocks then adjust width="265"


                                  

                                   
                                


Need more stylish ad banner subscribe to our regular Email Updates! subscriber  get free Download Copy ad banner
Read More

How To Create & Add stylish,attractive Polls To Blog

| |

The default Blogger poll widget doesn't record the poll history and it comes with very basic features with huge limitations on it, so not a good choice for using online polls. So I came across a part free, and part paid service called PollsDaddy  for creating and adding online polls to websites/blogs.

PollsDaddy is a most powerful and easy-to-use survey software, where you can instantly create stunning online surveys or polls for your website/blog. It maintains a dashboard where it collects all the responses via your website. The free account has some limitations but never the less its very nice.want to add poll section to your website/blog then follow below easy steps to create and add online polls to your website,,,

             How To Create A Poll

1. Go to PollsDaddy.com.

2. Click on button that says "Sing up for a free account now!".

3. On next screen Choose "Free" service.

4. Now fill up all the required fields and create account.

5. Once account created, you will recevie activation link in your email, click on it.

6. Once you click activation link, it will take you to your Dashboard.

7. Next click on "Create a new" and select "Poll". Refer screen below.



8. Next create your poll Question. See my example below.


9. Next select "Poll Style" and "Poll Options".




10. Next click on button that says "Create Poll".

11. Now copy provided Javascript code and follow next part below.

            How To Add Poll To Blog

1. Go to your Design tab ---> Page Elements tab.

2. Click on "Add a Widget" then select "HTML/Javascript" Widget.

3. Add copied JavaScript code inside the "HTML/Javascript" Widget.

4. Save it and view your blog.

If you have any query or need any help feel free to leave a comment below. will reply you soon.

Read More

Add Labels(Categories ) Below Post Title,date,author In Blogger Blog

| |

You may have wanted to add labels/categories to your blog.Labels are said to be useful in search engine optimization and are liked by search engines.in this post i will show you how to add label below post or below date,author


So lets get started.

Step 1:

Go to Design >> Edit HTML and expand widget.You may want to download the template for backup purposes

Now search for the following code.




Step 2:
Once you found the above code, paste the following code just above it.




Now click save template. If you want to change the text saying 'Posted in:' you can replace the text of your choice in the code above. This code enables the labels section to be displayed only on the post pages. So in case you want the labels to be shown on the main blog page too, then simply remove the two conditional codes as shown below in above code





Thats all.Leave you comment below in case you have any problems





Read More

How To Add Energy Saving Mode For Blogs or Websites

| |

This is a free service and it is provided by onlineleaf
Their standby engine is deliver a fully functional and simple way to help your website run requiring less energy to generate. It hides heavy animations, covers the window in dark colors (as these, in many cases are less energy consuming) and pauses heavily running background processes.

When your visitors are inactive, this engine launch a standby screen, with the text "Energy saving mode".

This is very easy to add to your website or blog with in few seconds.

Login to your Blogger dashboard --> Design --> Edit HTML.

You don't need to click on "Expand Widget Templates".

Scroll down to where you see the </head> tag of your template.

Now copy below code and paste it just before the </head> tag




This standby engine uses the jQuery Javascript library, so if you are using other Javascript libraries or code, add below code instead of above code



Time of inactivity

Also you can easily define how long time your visitors have to be inactive, for the engine to launch the standby screen, by adding ?time=X where X should be replaced with the number of seconds you would like to define the time interval. An example could be:



... which will set the time of inactivity to 2 minutes (120 seconds).

This can be configured to display in any of the supported languages, if you add ?lang=code, where code is one of the language short codes below



The following example will be using Spanish for the standby screen



If you are using WordPress, just download their plugin, activate it and everything should work instantly
Read More

How to Remove Attribution Widget on Blogger

| |

How to remove attribution on Blogger?
How to remove copyright widget on Blogspot?
How to remove line at the bottom of blog?
                                
                         

we help u guys to remove attribution widget on blogger.follow the steps

1) First, go to Design > Edit HTML > Tick "Expand Widget Templates". Search for the word "attribution".



2) Remove the selected code from your blogger template carefully

3) Press the Save Template Button
Read More

How To Remove Blogger Navabar

| |

To hide the Blogger Navbar :
1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3- paste the CSS definition in the top of the template code:

...<b:skin><![CDATA[/*-----------------------------------------------
Blogger Template Style
Name:     Tricksum
Designer: Nidhun break
URL:     http://tricksum.blogspot.com/
Date:     17 nov 2011

Updated by: Tricksum.blogspot.com-----------------------------------------------
*/#navbar-iframe { display: none !important;}



/* Variable definitions  ====================  
<Variable name="mainBgColor" description="Main Background Color"            
type="color" default="#fff" value="#ffffff">  
<Variable name="mainTextColor" description="Text Color" type="color"            
default="#333" value="#333333">   ...

and click preview button everything is ok save template..
Read More