Add | Put Pop Up Ads For Banner | Adsense Or Chitika On Blogger Blogspot Easy Tricks

In this tutorial i will show you how to Add Google Adsense Ads, Chitika Ads, Banner Ads with Popup on Blogger Blog with simple and easy steps and using new Tricks. My tutorial is so easy any one understand easily how to embed these ads on blogspot to get more click to increase Google Adsense Earning and other Advertiser links. If you worried about to get small money then forget this and do as soon as possible for make more money. If you have a blog and not get more click and not too much visitors then don't worry i am going to give you best of best trick to how get more clicks on your blogger ads on your banner ads or chitika and Google Adsense for get more money. I also use this trick but it is not run to many days because some advertising company can not like this pop up ads. Like Google Adsense it is very harmful for your Adsense Account because this is against the Google Adsense Policy if you are ready then you can start using this trick with my below tutorial.

Add | Put Pop Up Ads For Banner | Adsense Or Chitika On Blogger Blogspot Easy Tricks

 

Best EasyTricks To Monetize Your Blogger Blog With Google Ads Increase CPC | CTR And Earning 
How To Easily Make Money With Affiliate Marketing Blogger

How To Put Ads On Popups Window:

Now i give you a HTML Coding and i tell you where you put the ads code to work with this trick.

<style>
#btftopbar {
height:2px;
width:auto;
background: #005094 url('..');
background-repeat:repeat-x;
text-align:center;
padding-top:2px;
}
#adsground {
height:50;
margin:0 auto;
width: 0px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:bottom;
padding:2px;
}

#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:30px;
left:600px;
border-bottom:4px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="btftopbar">
<span style="color:#fff;font-size:10px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://trickofblogging.blogspot.com/"></a></span>
</div>
<div id="adsground">
<p align="left"><h3></h3></p>
<p>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-xxxxxxxxxxxxxxxxxx";
google_ad_host = "pub-xxxxxxxxxxxxxxxx";
/* Larget Rectangle  */
google_ad_slot = "xxxxxxxxxxx";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/></p></div></div>

When you copy this code on your notepad then change the Orange Highlighted Color coding/Ads with your own Google Adsense Ads. If you want to add Banner ads then also replace this mine ad code with your own Banner Ads code. And if you also want to put Chitika ads then replace again with mine ads code which is highlighted with orange color. Some times chitika ads are not display due to blogger template problem then at this time you can comment me and also give your blog link and template copy with attach notepad file and mail me using contact us form and i will definitely help you and also give you best tricks.

How Optimize Blogger | Website To Increase Or Make Money With Blogging Tricks
Which Website | Blogger Name Give Best CPC | CTR To Make Money With Google Adsense

Customization In Pop-Ups Ads For Better Placement:

I highlighted two digits with Red or Pink color. It is for adjustment of ads where you want change the pixels of the ads for Top and Left and choose your best placement for ads to get more clicks. If you have done also this customization then follow below tutorial and add your ads.

Go to Blogger.com.
Go to Layout.
Click on Add A Gadget.
Go to HTML/JavaScript.
Click on it.
Paste your customize code in HTML Box.
Click on Save.
View your Blog and check your ads.

Now my tutorial is finished and visit my blog till get new tricks for your blogger blogspot to make best blogger and Good Looking Blog for get more visitors also. I also write many article on Blogger SEO, Blogger Widget/Gadget to make perfect blog.

Related Articles:

Add | Put Three Tab Gadget/Widget In Blog Layout Sidebar On Blogspot
Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily
Add | Put Best Style Subscribe Box Widget/Gadget For Blogger Sidebar
25 Best Web Blog Directories For URL Submission Quickly Pinging In Google Search Engine
Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect
Add 6 Best Beautiful Cool Looking Social Sharing Buttons Widget On Blogger Blogspot
Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin
Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot

Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect

In this tutorial i will show you how to Change or Replace simple labels with CSS Buttons with hover effect in blogger blogspot. This work is done in the CSS Coding and if you have proper knowledge using CSS then this trick is so simple for you and you can easily do that. If you have not familiar with CSS Language then don't worry i give simple and easy tutorial for doing this trick. Blogger platform is one of the best way to share your content to other peoples and also tell them about yourself with the help of your content. If you share your helpful and good stuff to people then they use your content and remember your to giving thanks. If you want visitors are come on your site and stay more time on your site then you should make Best and Good Looking Blog or Site for this means. I have publish many post on how to make blogger good looking and how you put SEO in your blogger blogspot, How you can Make money and how you can choose best template for your blogger blogspot. Now if you want to do these tricks then i give you some links after this CSS tricks first do that.


How I Can Use Webmaster Tools Properly For Blogger
How I Can Make Internal Links In The Blog Post To Increase Rank

Now Lets Start The Tutorial Add CSS Bricks To Replace Or Change Lables:

If you have not adding this trick in your template then ready now for doing it. I give you small tutorial which tell you in details what you do for having it.

Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect 1

Go to Blogger.com.
Go to Template.
Click on Edit HTML.
Press Ctrl+F in the HTML Body Box.
When Search Box is appear in the HTML Body Box.
Then copy below code/tag and paste in this box and press enter.

]]></b:skin>

After appearing this tag copy the below CSS Coding for Labels and paste just before or above this code.

/*--- MBL Custom Label Cloud With CSS3 --- */
.Label a{
padding-left:20px;
background:#000;
padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }

.Label a:hover{
color:#000 !important;
background:#ff0; }

Now Save your Template.


And now turn to active the labels to get effect.

How I Make My Blogger Good Looking Best Tricks

Add Labels By Going to Layout:

Go to Blogger.com.
Go to Layout.
Click On Add A Gadget.
Go to Labels.
Click on Labels.
Now select or tick same as below pic.

Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect  2

Now click on Save Button.
And View your blog.
You have done your work easily and enjoy it.

I have also many widget or gadget to add in blogger and make blogger look like wordpress and also to make your blog Beautiful.

Related Articles:

Add | Put HTML Color Code Generator Tool To Your Blogger With Easy Tricks
Add Manually CSS Jqeury Drop Down Menu By Replace/Remove Pages On Blogger
Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot
Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin
Add | Make About Us Page Widget | Gadget On Your Blog Footer Or Sidebar
Add | Put 50 Flag Translator Widget | Gadget On Your Blogger Blogspot
Add | Put Three Tab Gadget/Widget In Blog Layout Sidebar On Blogspot
Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily

Use Language And Formatting | Search Preferences | Others Option Setting In Blogger Blogspot

In this tutorial i will show you how to set up the Language And Formatting,Search Preferences for SEO settings in Blogspot with simple and easy tricks. If you make a blog on blogger blogspot then you should first learn everything about blog set up for properly use. In this post i tell you every thing and every heading in details. I also discuss first three headings already in my previous post. And if you want to make all setting prefect then first learn three first heading and its usage and then go next three. Now we are going to discuss the next three main heading about Blogger Best SEO Techniques using Search Preferences and Blogger Tools. Blogger SEO is very important for every blog to get visitors on your blog from search engine. When visitors come form search engine then the worth of these visitors are very high and if you have put PPC programme on your blog or website the you can get more PPC with these tips.

Use Best Blogger Settings Option Basic For SEO And Others Option Links

Language And Formatting:

Language:

 

In the Language and Formatting heading you can easily change or select the desire formatting for your blog. Here you can also select the language of your blog which you want. It  is just simple by visiting the Language And Formatting link and click on the language button with grey color and select your desire language for your blog.

You can also Enable or Disable the Transliteration for your blog easily by selecting on of them.
First click on Enable and then choose or select the language which you want.

Formatting:

 

In the Formatting Option you can easily select or choose the Time Zone, Date Header Format, Timestamp Format, Comment Timestamp Format, for your blog. If you want to do so then click on Language and Formatting and changes all these option with your choice.

Use Language And Formatting | Search Preferences | Others Option Setting In Blogger Blogspot 1

Search Preference:

 

Search Preferences is the most important and very useful option in blogger blogspot to make or do better SEO for your blog. Here you can select or make your blog search engine friendly but in the Crawl and Indexing option you can also see the Yellow highlighted Banner written with these words.

Warning! Use with caution. Incorrect use of these features can result in your blog being ignored by search engines.

This is because if you make or do wrong selection for your blog then it is also effect in the search engine and your blog is ignore and left by search engine to show first. If you want to make your blog perfect and also get more visitors from search engine do better SEO according to my tutorial and write original content on your blog then your blog definatly get a lot of visitors in week or in a month. I am also do the same thing and now my blog get thousand of visitors daily.

Meta Tags:

 

In Search Preferences first of all go to Meta Tags > Description and give your blog description with only 150 Characters because only 150 characters are shown in the search results and more then ignore by search engine that's why select and choose better keywords for your search results.

Errors And Redirection:

In Error and Redirection you can choose, select or customize your Custom Page Not Found means when some one visit your blog with bad link or those link which is not available on your blog. These bad or crawler errors link are formed by using your homepage link first and then any letter or keywords after your homepage blog address. Like below.

https://trickofblogging.blogspot.com/DKERIFD

Add Custom Page Not Found On Your Blogger Blogspot:

For adding this section on your blog is very easy with simple tutorial if you want to do so then follow my below tutorial for doing this amazing tricks.

Go to Blogger.com.

Go to Settings.

Go to Custom Page Not Found.

Click on Edit link.

Now click below link and copy the code of your Beautiful Custom Page Not Found and also follow the tutorial given in this link.

Add | Set 404 Error Page In Blogger Blogspot Easily 

I have also a tutorial on how you can easily remove your 404 Error in blogger blogspot using webmaster tools by simple steps and it is also very important to remove it as soon as possible because these errors also slow down your blog indexing speed in Google Search Engine and also take effect on your blog health. To Remove this 404 Error visit below link.

How to Remove 404 Errors in Blogger Blogspot

Custom Redirects:

What is Custom Redirects?

Custom Redirects is use when you want redirect your blog link to other website or blog easily when some one click on this link. Means if you have a Domain 1 and you want to attract visitor on domain 1 to domain 2 then you give the link of domain 1 in the custom redirect setting of domain 2 and when visitors from search engine or anywhere visit domain 2 they automatically reach on domain 1.

Use Language And Formatting | Search Preferences | Others Option Setting In Blogger Blogspot 2

When you give the domain link of any website or blog when visitor click on this domain or blog then they transfer to other blog.

Now the most important and the best option in blogger to get lot of visitors on your blog just using these Two Option. It also very important for any blog to make blog perfect. Every blogger first set these two option then move next steps.

Crawlers And Indexing:

Crawlers And Indexing is very important for any blog it is also same in Webmasters Tools. Crawlers means Google Search Engine which crawlers the search results and shown on page. If you done this job effectively or better then i sure you get many visitors on your blog. If you are successful to tell about your blog to Google Crawlers or Google Bot then no one defeat you in the race of blogging.

I already tell you about warning message in between my this post. This warning is given by search engine.

Custom Robot .Txt File:

It is very important point or feature in Google Blogger we easily control all our blog content which we want show to search engine and which we not want to show to search engine it is our choice. We can easily Allow or Disallow our content to show or not show in search engine. But now I give you simple robot .txt file which you can easily add in this option. If you want to know about more about Robot .txt file then i have also a big tutorial on it and also proper Blogger SEO Procedure.  How I Can Use Crawlers And Indexing Tool In Blogger

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://trickofblogging.blogspot.com/feeds/posts/default?orderby=UPDATED

Now Just replace the link of my blog with your blog address and paste this robot .txt file in the Custom Robot .text box by click on edit link.

Custom Robots Header Tags:

For better selection of Custom Robots Header Tags i have already write the best and easy tutorial on setup of Robot Header Tags. If you want to also do so the click below link and do according to the tutorial and make your blog Search Engine Friendly.

Quantity | More | Best Tricks To Use Custom Robots Tags Selection Blogger 

 

Use Language And Formatting | Search Preferences | Others Option Setting In Blogger Blogspot 3

When you have done this then click on save button and enjoy this trick.

Others:

In the Others option you can make many changes means you can export, import, delete your blog. Also set the Site Feed in this Blog Tools option. Also Open ID, Adult Content or Google Analytic.

If you want to delete the blog address or delete your whole blog for some problems like you not like your home address of your blog and you can also write about too much post which you can not write again the you can easily import your blog first and delete it. And after it you can export your blog to new blog address i have a easy tutorial on it if you want to do so then click below link.

How I Can Import And Export My Blog To Other Blogspot

Site Feed:

In Site Feed you can allow Full Site Feed, After Jump Break, Custom Feeds, None or Short Site Feed which you like to show on your Blog Feed Burner or on Blogger Homepage.

Adults Content:

In the Adults Content you can also set this option. If you make a Adults Blog which you want not show to children's then you just Yes or No the blog setting on Adults Content and when some one visit your blog then your blog show the Warning Message for Children to don't visit this site this is only for Adults.

Google Analytics:

In this option you can just paste the Google Analytic ID of your blog. Google Analytics Web Property ID is the Number Code which is located in your analytic account when you make your blog or website analytic account. For this Just Copy the Code from your analytic account and paste here. I have also a tutorial on Proper Analytic Account Creation.

Add Google Analytics To A Blogger Blog 

Now i give you six most important steps for blogger SEO and make it perfect using these 6 Headings if you have any question about this then using contact us page contact with me and tell me about your problem and also tell me can you understand my written content or not.

Related Articles:

How Manage Blogger Title Tags to Improve SEO

You Can Easily Manage Permalinks Which Is Search Engine Friendly

How to Verify My Blogger Blogspot in Webmaster Tools

How I Can Optimize the Post Title Mean My Post Show First

How I Can Make One Most Important Tip For SEO In My Blog

How I Can Write 100% Original Content For Blogger

Get Google Page Rank With In 1 Month By Simple And Easy Tricks

Best Blogger Tips And Tricks For My Blog SEO Instantly

Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily

In this tutorial i will show you how you can easily Add or Create 404 Error Page in your Blog. This error is drop very bad effect on your blog because visitors can not visit your blog or website properly and they left your blog from this page. To setup this page follow my simple tutorial with best tricks. Blogging is one of the best way to introduce yourself that's why keep blogging with full of joy and make you a perfect blogger. For adding this page on your blog i write a small tutorial for you which help to add this amazing thin on your blog homepage.

Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily 1

What Is 404 Errors:

404 Error then create if some one visit your blog with your blog link and after your link some keywords are written. This is not effect on your blog health for SEO (Search Engine Optimization Ranking) but it effect on blog readers. If you set this then your visitors are not go without visiting your blog properly.

Best Blogger Tips And Tricks For My Blog SEO Instantly 

Add 404 Error Page In Your Search Preferences:

For adding this 404 Error Page follow below tutorial and work according to which i write. By adding this your visitors also report you about your 404 Error using your Contact Us Page. Also you give the home page link in the Error Page by click on this link your visitors come on your blog home page.

Add | Make About Us Page Widget | Gadget On Your Blog Footer Or Sidebar
Customise Blogger Default Template To Make Professional Template
Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot

Go to Blogger.com.
Go to Settings.
Go to Search Preferences.
Click on Edit. See below picture/image.

Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily 2

Now pick/copy the below code and paste in the Custom Page Not Found Box after further customization in your 404 Error page.

<!-- TOB Default Template -->
<div class='TOB-404-box'>
  <p style='line-height: 30px'><strong>
<font color='#ff0000' size='5'>
Oops What Happen!
</font> <font color='#666666'>
My Blog Reader you click a broken link or a page which is removed from this blog now. Please Do any one of the Following.
</font></strong></p>
  <ol style='line-height: 25px'>
    <li><a href='javascript:history.go(-1)'>&#171; Go Back</a> </li>
    <li>Contact Us to Report this problem <a href='http://trickofblogging.blogspot.com/p/blog-page_1262.html'>Click Here</a>&#160;&#160;&#160; (<em>This will help us to serve you even better</em>) </li>
    <li>Go To Homepage by <a href='http://trickofblogging.blogspot.com/'>Click Here</a>
      <br/></li>
  </ol>
  <p>
    <br/>
    <br/>
    <br/></p>
  <p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>
  <p>&#160;</p>
  <p align='center'/>
  <p align='center'><font size='5'>Page Not Found</font></p>
</div>

      

Customize the some Features:

Change the Red Highlighted Color Text with your desire text. Oops What Happen.
Change the Orange Highlighted Color Text with your desire text.
Change the Blue Highlighted Color link with your own Contact Us Page link.
Change the Grey Highlighted Color link with your own Blog Homepage Link.
Change the Pink Highlighted Color Text with your own desire words. Page Not Found.



Now your half work is done.
Now Go to Template.
Go to Edit HTML.
In the HTML Body Box.
Press Ctrl+F to find the below code/tag.

]]></b:skin>

Paste this above code in the search box and press enter.
When you find this code.
Copy the below CSS Style sheet Code and paste it below/after this code/tag.

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.status-msg-wrap {
    font-size: 100%;
    margin: none;
    position: static;
    width: 100%;
}
.status-msg-border {
    display:none
}
.status-msg-body {
    padding: none;
    position: static;
    text-align: inherit;
    width: 100%;
    z-index: auto;
}
.status-msg-wrap a {
    padding: none;
    text-decoration: inherit;
}
.TOB-404-box {
  background:#B27D00;
  width:98%;
  margin:10px 0px;
  padding:20px 10px;
  border:1px solid #ddd;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  box-shadow: 5px 5px 5px #CCCCCC;
}
</style>
</b:if>

Now if you want to change the Background Color of your box then change the #B27D00
Save your Template.
Now you have done all work.
Now if you want to check it is working or not write any keywords after your blog homepage link.

If you want to ask any question about this or about Blogger SEO, Blogger Verification, WordPress, WordPress SEO, Make Money, Blogging Tips, Webmasters Tool Tutorial then just contact us using contact us page and feel free.

Related Articles:

How to Remove 404 Errors in Blogger Blogspot
How I Can Remov Or Fix Broken URL For Google Adsense Crawler
5 Ways How to Make your Blogger Blog Like WordPress Website
How To Make Backlinks To Other Website To Increas Page Rank
Get Google Page Rank With In 1 Month By Simple And Easy Tricks
Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot
Add Manually CSS Jqeury Drop Down Menu By Replace/Remove Pages On Blogger
Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin

How Remove Photos/Images Border In Simple Or Awesome Inc Templates Blogger

This tutorial is how remove, change, delete border or outline around images or photos in blog post with Simple and Awesome Templates in blogger.com. Best trick to manage blog images border line easily to make changes in Templates. If you are using old interface blog template or custom template then i have already write a post about it if you want to do this then check the link in this you can manage older interface blogger template easily with adding code in blogger HTML coding.



How I Remove Or Change Blogger Post Image Border In Blogspot .


I have two main points or steps to removing or changing images borders in the blog post in Simple Templates. First method is how to remove the image border using Template Designer and next is how to remove the photo, pictures, images border line manually by changing the HTML code in the blogger templates.

Trick No#1 Remove Picture/Photos/Images Border line using Template Designer:

How Remove Photos/Images Border In Simple Or Awesome Inc Templates Blogger 1

Go to Blogger.com.
Go Template.
Click On the Customize Orange Highlighted Button.
Go to Advanced and click to Advanced link.
Go to Images and click here.

How Remove Photos/Images Border In Simple Or Awesome Inc Templates Blogger 2

Now you can see three color box.

• Background Color.
• Border Color.
• Caption Text Color.

Where you can see the white arrow head click here to transparent the background of blog template.

When you click here you can see white box write with Transparent Tick it.

Now go to Border Color and also transparent it by checking the box.

Now next box is Caption Text Color if you give the pictures caption for better SEO for this you can manage the color of the caption text but it is normally black.
Click Apply to Blog to save your template changes.
Click to view blog and check out any post your blog post image border is disappear.

How Easliy/Simple To Manage Page Layout In Blogger Blogspot
How Easily Delete/Remove/Get Rid Blogger Blog Tricks In Blogspot
Simple | Easy Tutorial For Transfer Blogspot To Website 

Trick No#2 Changes Or Remove Images Border Outline By Changing HTML Code Manually:

 

In this trick you can just replace one code to make these changes and your all blog post pictures or images border is disappear and which you post in future then this also work in these post.

Go to Blogger.com.
Go to Template.
Click To Edit HTML. if you have not aware new interface of Blogger HTML then click this link and read about more for make easily changes in your template also. How I Can Handle New Interface Of Blogger HTML Editor
First Get Back up your Blogger Template.
Find the code which is given below to find this code easily press Ctrl+F in between coding box.
Paste below code in it and press enter and your code is highlighted.

 <Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="#cccccc"/>

When you find the above code then replace it with below code perfectly to make better changes otherwise your template give Error after wrong pasting code.

<Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>

I will transparent the border of your blog post images. Now save your changes of blog template and view your blog post to see images border no longer. I have some beautiful and helpful article for make blog better in Search Engine. Lot of tricks about making money, getting backlinks, different types of widgets, Facebook Button, Facebook Page, Twitter Updates Widget, Blogger SEO Tutorial and many many more.

Related Articles:

Hot And Latest Seo Tips For Blogger 
How To Make Website Like My Blogger Tricks To Get Best Alexa Rank
How To Added Meta Tag In Your Blogger For Better Optimization
Now Ready To Increase Google Page Ranking And Alexa Ranking
Other Tips To Make Money
Easy | Best | Simple Tricks To Make Money From Youtube | Chitika
How I Can Get Approval From Google Adsense My Blog Or Website
How I Can Use Webmaster Tools Properly For Blogger