Add AdSense Ads To Blogger Header

You want to Earn more money?You want to increase your AdSense revenue?If yes then you are at the right place.Here we have found an awesome way via which you can add your Google Adsense Ads To Blogger Header.Previously we have shared an article about "How To Add Adsense inside Blogger Posts".But here we have a new way which will help you to boost your AdSense Earning.This trick can be done by adjusting/modifying header of the template to give you the option of adding 2 or more widgets in the header zone.

How To Add AdSense Ads To Blogger Header 

Adding Adsense in Blogger Header Above Title is very easy,you just have to edit your blog template and after that you have to change the header widgets option i.e how many widgets you want to display on Header Area.

• Go To Blogger.com >> Click On Template >> Edit HTML and Proceed it
• Now Search for the below Code/Script(by Pressing CTRL+F)

• If you haven't found the above try finding the below Script

• Now when you found any one of the above Codes,immediately below you will find the below Script/Code

>

• Replace the above Code with the below Code/Script or just change the green values

• Now take a preview and hit save template,that's it.

How To Add Adsense ad unit Above The Blogger Header

• Go To Blogger Dashboard
• Click On Layout
• And Now You will see an option of adding new widget in the header as shown

• Now Just add AdSense ad from the Box,and wait for 5 minutes,Adsense Ads will dance on the blog header.

So What's Up:- Adding Google Adsense To Blogger Header is a new way to boost AdSense Revenue.You can place any type of ad unit (that's your choice).I Hope you will must like this trick.If you have any question,feel free to ask.Stay Blessed,Happy Blogging.

Read more »

How To Add Comment Counter to Post Header Titles in Blogger

Add Comment Counter to Post Header Titles in Blogger: By Default numbers of Comments is shown below the each post in Comment Section.As it is placed below post , so most of us never noticed it.Now If you are interested in adding this Comment Counter to Header it will really inspire your blog readers and will socially force them to comment.It's a fact , if you add Comment Counter near to Blog post Title it will be totally better then the below area.And it will surely inspire your Blog Readers to Comment on your Posts.What Do You Think this Counter is better neat to Post Titles? If Yes, Then follow the following steps.

You May Also Like This : Add Divider Between Posts in Blogger

How To Add Comment Counter to Post Header Titles in Blogger

• • Go To Blogger
  • Click On Template
  • EDIT HTML
  • Search for ]]>
  • Now Copy the Below Script and add it just above ]]>

  .comment-count {
  float : right;
  width : 47px;
  height : 47px;
  background : url(  SPECIFIC IMAGE URL  );
  background-repeat: no-repeat;
  font-size : 19px;
  position:absolute;
  margin-top : -16px;
  margin-right : 2px;
  text-align : center;
  }

  • Now Chose the Comment Counter Background
  
  
  
  • Now Copy the Image URL and Replace SPECIFIC IMAGE URL in the script with the image URL
  • Now Add Comment Count Code 

  • For That Again Go To Blogger Dashboard >> Template >> Edit HTML >> Search For

    OR class='post-title entry-title'

     
  • Now Copy the Below Script and add it below the Above mentioned Code

  
  
   

  • Now Save Template and That's it !
   So What's Up : If You Liked this tut , Please Share it and Express your views in Comments . Stay Blessed ,Happy Blogging!

Read more »

Add Social Sharing icons To Blogger Header

Its old but Old is Gold,Adding Social Media icons in the Top Right Corner of the Blog will help you to improve your Blog Social Status.These icons will activate when someone hover over them,these icons include Facebook,Twitter,and Google+ Share Buttons along with blog feeds option. Actually I got the idea of this article from the below Question.

Question:-I don't Like Social Sharing icons in the sidebar,i want to put add these social media icons in Blogger Header,How i will put that?

How To Add Social Sharing icons To Blogger Header

• Go To Blogger Dashboard
• Click On Template 
• Edit HTML

• Now We have to expand the style,For Expanding the style Find ... in the template coding and immediately click the small arrow left to ... 

• After expanding the style search for this tag ]]>

• Now Copy and Paste the below Code just above ]]> tag

  /* Social icons By ThatsBlogging.Blogspot.Com
----------------------------------------------- */
#social-icons {
margin-bottom:10px;
height:50px;
width:100%;
display:block;
clear:both;
}
.social-media-icons {
display:table
}
.social-media-icons ul {
text-align:right;
padding:5px 5px 0 0
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.social-media-icons ul {
margin-bottom:0;
padding:0;
float:right;
}
.social-media-icons li.media_icon {
margin-left:6px;
padding-left:0 !important;
background:none !important;
display:inline;
float:left;
}
.social-media-icons li:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(-360deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

• And Now Search for the below Line in the Template Coding

 

•  Now Copy the below Script and add it above this Line   
• Code is below

 

• 


• 


• 


• 

Changes in Coding

• Replace "rosenbushes" with your Facebook Username 
• Replace "ThatsBlogging" with your Twitter Username 
• Replace "G+idgoeshere" with your Google+ ID
• Replace "BlogName" with your Blog Link 
• And Replace all the Green Links with the icons url if you want to add new. 
• Finally hit Save the Template and enjoy Social Sharing Icons On Your Blog Header.

So What's Up:- Share your Beautiful ideas with us about these icons,ask any question,Stay Blessed Happy Blogging.

Read more »

How To Add Border To Blog Header Using CSS

 Add Border To Blog Header Using CSS:  Assalamualaikum Friends , after a long time i am back in Blogging , actually i was busy in 2nd Grade studies and now it's going to end !! Hope you all are fine , here is a small trick via which you can add border to your blog header with the help of CSS.Actually it's not a big or smart trick but some people are waiting desperately for this trick! If you are One of them here we go ! You will think how it will looks like? So , take a look on the below snapshot which has 24px cyan color border.And for live demo , take a look on our Blog header.

How To Add Border To Blog Header Using CSS

• Go To Blogger Dashboard
• Click On Template
• EDIT HTML
• Search For "header" and find out "#header-wrapper {" this CSS Code
• Now below { and above } type border: style pixels color-name  as shown in the below snapshot

•  Now Save the template and that's it :)
• You Can Change the Style to dashed , dotted , groove or any style and pixels to your desired no and color to your desire choice!

So What's Up : Actually developers will laugh , but i know many People like this trick and they don't know what to Do and How To Do? But i am here for you guys , if you have any problem you can ask freely , i will help you in any problem . Stay Blessed , Happy Blogging!

Read more »

How To Setup Custom Robots Header Tags in Blogger For Better SEO

Blogger consistently delights the Blog writers with new awesome features.Custom Robots Headlines Labels/Tags enables you to tell the web crawlers and spiders to not catalog certain area of Your Blog/site.For the best of SEO,You should manually setup Custom Robots Header Tags.When we talks about SEO,its not a factor that You apply it and Your Weblog will start getting unique visitors.It needs time,The main factor which SEO need is Time,so be Patience and wait for lovely fruits and veggies.

How To Setup Custom Robots Header Tags in Blogger For Better SEO

• Go To Blogger Dashboard
• Click On Settings
• Now Click On Search Preferences

• There You will see the Option Of “Custom robots header tags”
• Click On Edit (as shown Below)

• By Clicking Edit New Option will appear >> There Select Yes !

• Now in the Next menu Select all The Options as Shown in the Below Screenshot.

• And Now Just Hit save Changes , That's it!

Note: Don't add any thing wrong in this menu,it will effect your Blog Rank.Just Follow the above Steps and wait for the result.As I mentioned Above SEO is not a thing that you implement it today,and automatically your Blog will start getting traffic,but it takes time.So Always be patience and see the result.Happy Blogging!

How To Setup Custom Robots Header Tags in Blogger For Better SEO
Last Reviewed by The Gamer on July 16 2013
Rating: 3.5

Read more »