Sunday, 22 July 2012

Requirements to Open Google Adsense Account

The Google Adsense online advertising network is an effective way to earn revenue   from your website or blog. Sign-up for a Google Adsense account to display adverts on your website or blog pages and you'll get paid each time a visitor clicks on an advert. Google Adsense is widely used and welcomes applications from small publishers as well as large publishers. Your website or blog must meet Google Adsense eligibility criteria before it's accepted into the program.

Website Requirements

Applicants must have a working website or blog to join Google Adsense. A newly-established website or blog is acceptable in most parts of the word, including the United States, Canada and Europe. In some locations, including China and India, the blog or website must be established for at least six months before it qualifies for the Adsense program.

Content Conditions

Google Adsense has strict content policies to protect the interests of its advertisers. Adsense accepts applications only from websites with original content. If your site contains duplicate or stolen content -- including text, images and multimedia clips -- then Adsense will disable the account. Google also bars sites with adult content or content that promotes illegal activity, including file sharing and some video or music download sites.

Other Conditions

The quality of traffic to a website or blog is an important consideration for Google Adsense. Sites must meet strict criteria that prohibit the use of artificial traffic generation schemes or software because these can unfairly inflate advertiser costs. Applicants must also agree not to click the advertisements on their own sites. Google Adsense automatically disables accounts if it suspects click fraud. Applicants must agree to Google's advertisement display guidelines. All sites must also publish a privacy policy that meets Adsense terms and conditions.

Personal Requirements

The legal definition of an adult varies between locations, but you must be over 18 years old to qualify for a Google Adsense account. Applicants should also have a bank account for receiving regular payments from Google Adsense. The network pays publishers with a check or electronic funds transfer for each month when the minimum $100 payment threshold is met.



And if you liked this post, please consider sharing it. Thanks!

 Source:Internet

Friday, 20 July 2012

How to Show Blogger Links,Widgets in HomePage Only or Post Page Only

This post explains how to show the Blogger widgets( like links,adsense ads,etc) on your blogspot blog Homepage Only or Post Page Only:

Usually, by default.. when we add a widget item like link units, profile, Archives, Adsense ads,Pictures,etc in Blogger blog , it will be displayed in every page of the blog including the homepage, Permalink pages,etc. As you can see, I installed many widgets in this blog in sidebars like Google ads, Donate Me button ,etc which will be displayed in all the pages of the blog.
But, what if you want to display a specific widget like a blog link,ads in only the homepage and not in the post pages and viceversa? If you want to do so, this tip will come in handy...


HOMEPAGE Only widgets,links in Blogger:

→ As usual, if you want to add a new widget/gadget to your blog, just Sign into Blogger dashboard » Layout » Add a Gadget
and select the type of gadget you need and Save the Changes.

Next, we have to add a small piece of code to that widget, so.. it only displays in the Homepage. Just go to Edit html and tick on the 'Expand Widget Templates'.
Notes: Normally, the widgets in the template view starts with this one

<b:widget id=


For example, The label widget looks something like this:

<b:widget id='Label1' locked='false' title='Title' type='Label'>


and html widget looks like:

<b:widget id='HTML1' locked='false' title='' type='HTML'>


and link list looks like this:


<b:widget id='LinkList2' locked='false' title='Title' type='LinkList'>


(If you want to know exactly what the widget id you need to change, just go to your blog and view the source code and find it.
In Firefox : View » Page Source
In IE : View » Source )

Just below that widget id link, You can see a b:includable tag like this..


<b:includable id='main'>


At this point, most of the task is completed.. Just we have to add a small piece of code below that b:includable tag..

the code is

<b:if cond='data:blog.url == data:blog.homepageUrl'>
and the last thing is, we have to close that b:if tag. Just add this code before the closing tag of b:includable.
Like this:

</b:if>
</b:includable>


So, the final code looks similar like the below screenshot:

Finally it looks something like this
That's it! and Don't forget to Save the Changes.
Now, your desired widget/gadget can only be visible in Homepage.

Showing in only Post Pages (Permalink pages):

This will allow you to show a specific widget in only the Post Pages and not in the Homepage.
Just follow the same tutorial above but replace this code.

<b:if cond='data:blog.url == data:blog.homepageUrl'>


with this one:


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


Showing Widgets on a Specific Blog Post url:

If you want to dispaly a specific widget on on a particular blog post, just simply follow the above tutorial, but replace this code:


<b:if cond='data:blog.url == data:blog.homepageUrl'>


with this one:


<b:if cond='data:blog.url == "Blog Post URL"'>



That's it!


And if you liked this post, please consider sharing it. Thanks!

Source:Internet

Social Bookmarking Buttons With Spinning Effect for Blogger

Till now many social bookmarking widgets has been released for Blogger. Simply, social bookmarking buttons and icons helps you to make your blog socialize and get more traffic. Adding social bookmarking buttons is cool way to get more readers and targeted audience.


Before using social bookmarking option, you must be aware of icons design how much clickable is it. Your readers are likely to click social bookmarking button containing in your blog if they find the buttons really cool. If you haven't such buttons, so here is something special for you.

Social bookmarking buttons with spinning hover effect. Buttons are cool itself and when your reader hover the mouse over it, it spins a round.


Here is how to add these cool buttons to your Blogger blog:

Login to Blogger > Design > Edit HTML > Expand widget templates. Find the following code in your template:

<data:post.body/>

Just below that add the following group of codes:

<b:if cond='data:blog.pageType == "item"'>
<div class='spinning_icons'>
<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank' title='Twitter'>Twitter</a>
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'>Delicious</a>
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'>Digg</a>
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'>Facebook</a>
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumbleupon'>Stumbleupon</a>
<a class='rss' href='http://feeds.feedburner.com/MoreForBlogger' target='_blank' title='RSS'>RSS</a>
</div>
</b:if>


Replace Moreforblogger with your feedburner username. Again, find the following code:

]]></b:skin>

Just above that code, past the following:


.spinning_icons a{
    width:48px;
    height:48px;
    display:inline-block;
    text-indent:-9999em;
    background-position:0 0;
    background-repeat:no-repeat;
    z-index:2000;
    overflow:hidden;
}
.twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj301L27Mps_m1eCw9CAgOwPmxnCwb4JI8fbeMJGwgTbaq8c8uStrv5TAO5HcPGSNYuMk_cbwEmLbaD4LCBTV853okSX1IczpBCitObovjZC2d_n0VK5enzzAhrBYc-t4V-WCd_PglmgkQ/s1600/twitter_32.png'); }
.delicious{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlJXfJMXhc2MZ6SVn47go-8GB5HeczUJEMU9hmB_Geg_Vo_zE5yXPJdmRGi3N4oZfdyLXR5bI2kBmXPtMzD3mhUJFzMdtfM5mmKn7cfI-lermyJw98Y0l0YoDM2EtqMZKZbcVk4bEZpng/s1600/delicious_32.png'); }
.digg{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6HU6iXoWvsYHqlg1EXs8Eo13uTKInZYo0TqWdGkAJdIIPuJqS-mStUV5U62b1RnfzA4NoKXCqU2B6jF7Uym0-e_oWrY-0kicrQpzdVBQFYve0xNvr0x6W7oJ2Xhq7X39MDG150mV2bWs/s1600/digg_32.png'); }
.facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0pOyMondzs282Bddq2e6CdBX2C50kWryByB0muLu8AaXXKpp-sx4hFw-Dvbu-X1OcjXus_76f7aJsWQon9rLEPM_z44TY71ebtKt4nN9CCIeclMpPtwg6ZNOps60QOWw40lp5K6OOUQU/s1600/facebook_32.png'); }
.rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhva6009VTGDm4VaUs07TJ4P_RKd9JH44oaT5hcG18eH_-xbGgoPdJOyGaLhcEZbbxy0fxISzsF1iJZgvBMC0AHxTQxxCfV1s78yA94hL45K68O7otwwb1p0vPBnSi_yio2R4Jv9RoVLGA/s1600/rss_32.png'); }
.stumbleupon{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjErlDh-MbFfUBH7zG1NzrxAP0idWRRc6ZT_cm9WBVp3-dRogDepkmacxrK-Dm9lJL_styLtGB1B3s2HuqV_qx8lKZX1d7wPiz6HB59AnC_Sp4tzFgELSyAN3VjmwKJBCuUu9RGHdQTijA/s1600/stumbleupon_32.png'); }
.spinning_icons a:hover{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    transition: transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
        -moz-transition: -moz-transform 0.2s ease-out;
}

Now save the template and your are done! Have a look at your cool new bookmarking button that appears at the bottom of your post.
And if you liked this post, please consider sharing it. Thanks!

 Source:Internet

Official buttons for sharing on Blogger

Blogger has added a new feature, a few weeks ago, to its platform: buttons to share the content of a post through social services such as Facebook, Twitter, Blogger, Google Buzz or traditional email.

How to add them?

You need first to activate them:
Dashboard → Design → Blog Posts → Edit
share-button-blogger
If, with this, the buttons don’t appear on your blog after doing this, surely you’ve got a custom template, so you have to add the code manually to add the feature. In the code on your template (Dashboard → Desing → Edit HTML → Expand Widget Templates) search for something like this:

<div class='post-footer-line post-footer-line-3'>
 
Note: you can also search for post-footer-line-2 or post-footer-line-1.
After the code, add this:

<!-- Share Buttons --><div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>
Make sure all tags have been closed properly or errors will appear.

Customization

From the classes by default given by Blogger, you can add styles to the icons and customize their location, size or any other propierty using CSS. The classes given by Blogger are:
.post-share-buttons {} /* Buttons container */
.share-button {} /* This applies classes to all buttons */
.sb-email {} /* Share via Email */
.sb-blog {} /* Share on another blog on Blogger */
.sb-twitter {} /* Share on Twitter */
.sb-facebook {} /* Share on Facebook */
.sb-buzz {} /* Share on Google Buzz */

Conclusion

As always, Blogger brings features very late, when its users have been using them without its help. I think you get a complete option here as it allows you for share your information using the most used services like Facebook, Twitter and email. The email is maybe the main feature, as it adds a new page with a form easy to fill and make use of your Gmail contacts.


And if you liked this post, please consider sharing it. Thanks!

 Source:Internet

Remove Blogger bar (navbar)

The pages widget on Blogger is very useful for use as menu, however, it has a weakness: you can’t add links directly from the panel, but this is possible from the code.
Step by step:
1. Go to your template code (Desktop → Design → Edit HTML) and expand widget templates.
2. Search the pages widget code, it looks more or less as follows:
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
To facilitate the search, can search with your browser: id = ‘PageList
3. Once you locate the code, there are two places where you can put new links:
  • Before <ul>. The link will be the first one in the menu.
  • After </ul>. The link will be the last one in the menu.
As this is an HTML list, the link will follow this format:

<li><a href='http://mysite.com/mylink/'>My link</a></li>
 
You can add as many links as the design permits. Always taking care of opening and closing tags correctly.
4. Save the changes.
In this way you can add links to a important label, an external site, the feed url or any other link.


And if you liked this post, please consider sharing it. Thanks!

 Source:Internet

How to install a Blogger template?

If your are using Dynamic Views, you need first go to Design (Dashboard → Design) and then click on “Revert to previous template”.
1. Download the template and unzip the file (you can use a free unzipper software).


unzip-template

2. Go to your blog design section (Dashboard → Design → Edit HTML ).
In the new Blogger design: Dashboard → Template → “Manage” button.

3. Backup your previous template (Download full Template).

upload-template

In the new Blogger design:


4. Find and upload the xml file.

5. If you see the following warning:

warning-install-template

click “keep widgets“.

6. Enjoy!

Why I can’t install a template? Blogger gives an error.

There are several possible factors that cause an error Bx-xxxx:
  • The code is directly copied, and Blogger did ‘t interpret it.
  • Temporarily Blogger  is not accepting  templates with certain codes or gadgets.
Possible solutions:
  • Remove widgets or gadgets that come with the template downloaded.
  • Clear your browser’s cookies.
  • Trying to upload the template with a different browser (Opera, Firefox, Chrome).
  • No copy and paste the code directly, upload the xml file.
  • Wait 24 hours and try again.


And if you liked this post, please consider sharing it. Thanks!

 Source:Internet

Show recent comments on Blogger

Thanks to a feed, it’s possible to add the recent comments to our blog in a very simple way. Just follow these steps:
  1. Go to your blog, and select the “Layout” tab.
  2. Choose the place where you wanna put the comments, and click “Add a Gadget”.
  3. Select the “Feed” element, and click “Add to blog”.
  4. The next step is to add the feed’s URL, in this case is the one that has the comments of our own blog. This address is like this:
  5. http://YOURBLOG.blogspot.com/feeds/comments/default
    Where YOURBLOG is that part of your blog’s address.
  6. The next step is to configure:
  7. Title: the title to show on top of comments. Number of items: in this case it’s the number of comments. Item date: show comment’s date. Item sources/authors: show comment’s author.
  8. Save the changes and that’s it.
This will be enough to show the last comments. The look will depend of the place you insert them into. With this method you can add any content with feed format, doesn’t matter if it’s not from Blogger.


And if you liked this post, please consider sharing it. Thanks!

Source:Internet