Tuesday, 9 September 2014

Google Adsense account Approval Trick 2014

We all know that Google Adsense is the best advertising network because for its high CPC. Every blogger has a dream to earn a lot of money and this can be true only with Google Adsense. Unfortunately more than 80% bloggers cannot get their adsense account because of Google Adsense TOC. If our site does not comply with Google Adsense policies they simply reject our application. Google Adsense provides high quality ads related to the content automatically. It enables a blogger to earn a lot of money and fulfil his dreams. So here we are discussing an easy trick by which you can  get your adsense approved account. So lets start the trick.

How to Get Approved:

Just follow the below easy steps to approve your adsense application.

1. First, Make a new Google account of U.S.A or U.K.
How to do this ? I will tell you:
  • Use AnonymoX extension if you are Mozilla Firefox to change your IP address.
  • Or Use Stealthy if you are using Google. ( They both are free to use.)
  • Now after setting them, point your browser to www.Gmail.com and sign up for a Gmail Account.
  • Now fill your fake information and set country to UK or US.
  • If it asks for phone verification use any online service which provides free UK number.
  • Now You are ready!

2. Once you have created this account, Head over to YouTube.Com and login with your new Google Account.
3. Head to this page: http://www.youtube.com/account_monetization and click “Enable Monetization”.
and Follow the instructions given, At this stage you can enter your real country and submit your application.
5. Wait 1 to 2 hours to approve your application. Now you are ready to monetize your website.

For Blogger Users:

If you plan to use this with blogger please do this afterwards:
1. Go to Blogger.com
2. Click the Blog you want ads on.
3. Click Earnings Tab:
4. Click “Get Started”
5. Click “Link account”

Final Words:

This is an easy trick to get your adsense approved account and fulfil your blogging dreams. Now It's your turn to share this post with your friends so that they also can also earn a lot. Don't forget to comment below with your feedback till then Peace, Blessings and Happy Earnings.


Tags :  Google Adsense, high CPC,adsense approved account,

How to Increase Earning in Adsense A/c !

This summary is not available. Please click here to view the post.

Wednesday, 9 April 2014

How To Add Related Posts Widget To Blogger with Thumbnails

Steps adding the Related Posts Widget to Blogger/Blogspot

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

Step 2. Click anywhere inside the template's code and press the CTRL + F keys

Step 3. Search for this piece of code by typing it inside the search box:

</head>

Step 4. Copy and paste the below code just before/above </head>

  <!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #f2f2f2;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' />
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


Note:
- to change the width and height of thumbnails, modify the 100px value in red
- to change the color and size of related posts titles, change the value in blue
- remove the line in violet if you want the related posts to be displayed in homepage too

Step 5. Now find the following code (you might find it twice, stop at the second one):
<div class='post-footer'> 

Step 6. And just above it, copy and paste the below code:
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmKB9BVT-lGCUpamfCeX6z76UxVp_doU5Bz_JwQhs7wJmxThjuWePh0MsRYytRQf8mS8RnC3_6h9ETtfiUeVjco1H3Ufnfh2kMXsF1FSNojSzjmAtsxhOdhbfIRpEigNVnMoUW8CQVZsjm/s1600/best+blogger+tips.png'/></a>
</b:if></b:if><!-- Related Posts with Thumbnails Code End-->
 

Note:
- change the 5 value from max-results=5 with the number of posts you want to be displayed
- if you want the related posts to be displayed on homepage too, then remove the lines in violet

Step 7. Save the Template 

Friday, 4 April 2014

Simple Blogger Related Post Widget Without Thumbnails/Text Links Only

The Script For Blogger Related Post Without Thumbnails :

 

Add a new Javascript/HTML widget and paste the following:
 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
   'containerSelector':'div.post-body'
   ,'loadingText':'loading...'
});</script>
 
 Note: The widget uses post labels to display related post links. Your 
recent posts will show up instead, if labels are missing. Make sure 
you've defined them.



Here's how to add the codes if you prefer:

  1. From your blogger dashboard, click "Layout" on the left panel.
  2. Click "Add a gadget" and scroll down until you see HTML/JavaScript. Open it.
  3. Paste the above codes in the content area there. Save it.

That's it. Your related posts should show up at the bottom of your article. It should help you increase page views and in turn decrease bounce rates - Both positive SEO signals.

How to put Adsense ads on Blogger/Blogspot

If you want to earn money from your site/blog, Google Adsense is the most popular service to monetize your blog or website content. When implemented, Adsense will display targeted Google ads on your blog and they can generate revenue on either a per-click or per-impression basis.

In order to display ads on your site, you should first Sign Up to Google Adsense program.

Before adding your ads, keep in mind that Adsense allows only up to 3 ad units, 3 link units and 2 search boxes per page.

In this tutorial i will show you the three ways you can add Adsense ads to your blog.

1. Adsense Gadget


Use this method to add ad unit as a widget, in places outside the blog post area. You can position it by simply dragging it in Page Elements, just like any other widget. To add the Adsense Gadget, follow these steps:
Step 1. Log in to your Blogger Dashboard, go to Layout and click on the "Add a Gadget" link on the right side.

Step 2. From the pop-up window, select the AdSense Gadget

Step 3. Configure ad format and colors (see the screenshot for more details)

Step 4. Finally, click on the Save button and you're done.


2. Inline Ads


This will display an ad unit at the end of each post. To show ads between posts:

Step 1. Go to Layouts > Page Elements and click the Edit link in Blog Posts gadget box.

Step 2. Check the "Show Ads Between Posts" box. 

Step 3. Configure ad frequency, ad format, and colors. Live preview is provided beneath the settings.

Step 4. Click on the Save button to save the settings.


3. Adsense code


The most notable benefits of using this method are:
  • You can place ad anywhere in your blog
  • You can add the code anywhere in your blog template - in your post content or page.
  • To find out which format perform the best, custom channels will help you to track the performance of specific groups of ad units.
  • You can choose types other than ad unit i.e. link unit, search box.

To create an ad unit:

Step 1. Go to Google Adsense website.

Step 2. Click on My ads tab, go to Ad units and then click on the "New ad unit" button.

Step 3. Choose your ad type, choose format and colors and assign channels.

Step 4. When you have finished editing, click on the Save and get code >> button and copy the code provided.

To add an ad unit to your blog, you have the following options:

  • Paste the code in a HTML/Javascript gadget
  • Paste the code in the blog post or page HTML section, or
  • Paste the code direct in your template. (if you choose this option, first you should convert adsense ad code)


Add Google Adsense to Blogger Header - Above the Title

Add a new element to Blogger header


Step 1. From your Blogger Dashboard, go to Template and click on the Edit HTML button (it is recommended to make a backup first - click on the Backup/Restore button on the right side)
 
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open Blogger' search box:
 
Step 3. Paste or type the following code inside the search box and hit Enter to find it:
  <div id='header-wrapper'>
 
Note: if you can't find that one, try to find this one instead:
  <div class='region-inner header-inner'>
 
 Step 4. Just below one of these lines, you should see this line:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Step 5. Replace the values in red like in this example:
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

Step 6. Click on the Save Template button to save the changes.

Adding the Adsense ad unit above the Blogger header


Step 7. Go to Layout (left side) and on the right side you should see a new section that will allow you to add a gadget to the header area
in case you want to add the script of an ad from your AdSense account, choose the HTML/JavaScript gadget and paste the script inside the empty box, then click on Save button.

Choose the type of ad unit you want. In my example, I added a new Adsense 728x15 ad link unit I thought would look good above the blog title. Color blending is usually done automatically by Blogger according to the color schema of your template but you can choose any other colors.

Step 9. Click on the Save arrangement button on the right side.
 
Step 8. Click on Add a Gadget link and select the Google Adsense gadget. 

Now view your blog to see your new Google Adsense unit. If all is going well, your new AdSense ad unit should appear above your blog's title or logo:
 
Note: it may take a while for your ads to show if you created an ad unit on your AdSense account

This is a very good Adsense placement that can help you to increase the CTR of your blog.

Show Recent Posts With Thumbnails For Particular Label or Category in Blogger

Steps

Step 1. From your Blogger Dashboard, go to Template/Edit HTML

Step 2. Click anywhere inside the code area and search (CTRL + F) for this piece of code:

]]></b:skin>

... just above it, paste this one:

/* Recent posts by labels
--------------------------------- */
img.label_thumb{
float:left;
margin-right:10px !important;
height:65px; /* Thumbnail height */
width:65px; /* Thumbnail width */
border: 1px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

#label_with_thumbs {

float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
padding: 0;
}
ul#label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:0px;
border-bottom: 1px dotted #999999;
}

#label_with_thumbs li{

list-style: none ;
padding-left:0px !important;
}

#label_with_thumbs a { text-transform: uppercase;}

#label_with_thumbs strong {padding-left:0px; }

/* End of Recent posts by labels
--------------------------------- */ 


Step 3. Now search for this tag (CTRL + F)
</head>

...and add the following script above it:

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkc-9RLzBwlWdYIZkMzSWXio7DXEVxOidyWyDFhNb5vMcPBh7UvoIMI2BHSoZHMOw3mBUU59WzaJS6xqd3ITJ8dMjNhwAbSOMu4T1yeod1lzmOTUiLy8R2jwY79COhniTYhJre2G9balg/s1600/picture_not_available.png';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>



Note: to add your own pic for the posts with no thumbnail, replace the image url in blue with your own

Update! For a better image resolution add this script above the </body> tag:

<script type='text/javascript'>                  
function changeThumbSize(id,size){
var blogGadget = document.getElementById(id);
var replacement = blogGadget.innerHTML;
blogGadget.innerHTML = replacement.replace(/s72-c/g,"s"+size+"-c");
var thumbnails = blogGadget.getElementsByTagName("img");
for(var i=0;i&lt;thumbnails.length;i++){
thumbnails[i].width = size;
thumbnails[i].height = size;
}
}
changeThumbSize("label_with_thumbs",210);             
</script>


... save the template.

So we have added the Css to style the widget and the script to make it work. Now all we have to do is to add the widget's code to the blog sidebar in a Html/Javascript gadget:

Step 4. Go to Layout - click on Add a Gadget

Step 5. Choose the HTML/Javascript widget and paste this code inside the empty box: 

  <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Name-of-the-label?published&alt=json-in-script&callback=labelthumbs"></script>


Note: Where it says Name-of-the-label is the name of the label you want to display, and if your label is case sensitive, like in my example, then you should type it that way.

Also within the last code, there are parts that we can customize, just change true with false or vice versa:

var numposts ← Number of posts to display
var showpostthumbnails ← Show/hide thumbnails
var displaymore ← Show or hide the read more link
var displayseparator ← Show/hide separator
var showcommentnum ← Show/hide the number of comments
var showpostdate ← Show/hide the posts dates
var showpostsummary ← Show or not the posts summaries
var numchars ← Number of posts characters (here you have to change the 100 value)


Remember that the gadget displays the latest posts from a particular label, therefore, if you want to display the latest posts from other labels then just repeat step 5 for each additional category you want to add.