Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Wednesday, November 28, 2012

Why Your Blog is not Earning Money? Possible Reasons Explained!



Most of bloggers on the internet do blogging to earn some money and support their families. I read on several forums people asking for help on how toincrease earning and why their blog is not making money. So I thought to give some tips to my fellow bloggers. I will discuss in detail why your blog is not earning and what remedies should you take to increase the earnings.

8 reasons you can consider when your blog is not making  good money. You can write these 8 reasons in a notepad file or somewhere in a notebook etc to remember that you have to work on these points in the future to increase your earning with your blog. The number of reasons I can assume are below: 

#1. More Earning needs more traffic:

Blog traffic is defined as the visitors received by a blog. So the first thing you may be lacking is that your blog has not good number of visitors and that is the reason you are not making money.so, if your blog is having low traffic. This is the first reason why you are not earning from your blog.

#2. Low Click through Rate

If you are Adsense or other ad network publisher you would certainly know that CTR stands for click through rate i.e percentage of people clicking the ads. So the second reason why a blog doesn't earn can be a low CTR(no or low clicks on ads).you will earn more when you have good ad CTR.

#3. Low Cost per Click

If your blog traffic is good and you are having a good CTR, and you are still scratching your head why you are not making money. Then, I guess your blog has a very low cost per click. That is you are earning very low for each ad clicked.

#4. How to increase blog earning

We have discussed the probable reasons why a blog does not make money. But it will not be okay if we stop here. Because we have just found the problems and without looking for solution we won’t succeed. So now I will give you some tips how you can make more money from blog.

#5. Use minimum ads

Many of newbie’s are curious to earn quickly and for that reason once they get adsense approval they straight away place ads all around, and they think they will earn more by doing this. 

But No! the cost per click also depends on the number of ads appearing on the blog. If you place two ads on home page you will witness different CPC compare to five or six ads on home page. The ads appearing above the folds carries the highest CPC. So never place so many ads on you blog as it will affect your earnings.

#6. Ad placement matters

Ad placements are the positions/places where you place your ads. It also affects your earnings. Always use ads in prominent places so that it catches visitor eye. And whenever possible place text ads near to your content and image ads in header and sidebars.

#7. Use keywords which pay more

If you have used adword keyword tool. You would have certainly noticed that when you search a keyword there is a little column of average CPC.The average CPC is the maximum amount of money an advertiser is willing to pay for a keyword. So use those keywords which have higher search volume, low competition and high cpc.

#8. Your blog niche?
Well, the blog niches also affect earnings. Usually Entertainment blogs have low earning potential compare to insurance, blogging, making money blogs. So always create a blog in a niche which pays higher.

Buddies, this is my first guest post in my blogging career.I have tried my level best to make things crystal clear. Hope you appreciate my efforts. I am thankful to the blog owner Wali khan for giving me the honor to write for an esteem blog.

Tuesday, November 27, 2012

Reposition Navigation Buttons in Blogger!


reposition navigation links in bloggerThe navigation buttons or links that are displayed at the bottom of each comment section in BlogSpot blogs enable visitors to switch between new and old posts or move from one post page to another ordered by date and time. These buttons become less of use when number of comments increase too much. Normally readers do not even observe the navigation deep down and this results in loss of precious pageviews. I have always emphasized that value pageviews more than unique visitors because it is indeed pageviews that turns into revenue generating page impressions both for AdSense or any other Ad Network.  You might have seen the MoreNext and Previous button showing inside the top black sticky bar on MBT homepage and post pages. It is really not possible to shift a Post data item to any other widget section in blogger. Doing such results in "Data variable not found in dictionary" error or similar.
We played a work around and used Cascading stylesheet Position properties to allocate fixed positions to these buttons anywhere on the page. This is again a unique addition to Blogger Customization and being implemented for the first time. The tutorial today will not only help you change the position of navigation links but will also teach you to install a custom sticky bar just like the one we are using on our blog. We are pretty sure you will find today's tutorial really easy yet delicious!
PS: Tested with Chrome, Firefox, IE9 & Safari.

STEP1: Adding the sticky bar

First comes first. I have already shared a detailed tutorial on adding a stickybar to blogger. Please first install a stickybar on your blogs and then try step#2 of today's tutorial.
Note: The style that I am using on MBT is different from that of the tutorial so if you want a similar color theme then simply copy the stylesheet from MBT source file or let me know to help you.

STEP2:

Now comes the interesting part. What we will do here is simply shifting your current Newer, Older & Home buttons to the top left of the stickybar and replace them with more fancy buttons like the one we are using.  Follow these steps:
  1. Go To Blogger > Template
  2. Backup your template
  3. Click Edit HTML and then check "Expand Widget Templates"
  4. Search for the following CSS classes and delete them all: You will find three such classes or more starting with either #blog-pager or .blog-pager
#blog-pager {
------
}

#blog-pager-newer-link {
----
---
--
}
#blog-pager-older-link {
-----
---

--
}

   5.   Now after you have deleted them, add the following code in their place:
#blog-pager {
text-align:center;
}
#blog-pager-newer-link {
position:fixed;
z-index:9999;
margin-left:-320px;
top:0px;
margin-top:5px;
}
#blog-pager-older-link {
position:fixed;
z-index:9999;
margin-left:-290px;
top:0px;
margin-top:5px;
}
#blog-pager-more-link {
position:fixed;
z-index:9999;
margin-left:-20px;
top:0px;
margin-top:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#blog-pager-newer-link {
position:fixed;
z-index:9999;
margin-left:-627px;
top:0px;
}
#blog-pager-older-link {
position:fixed;
z-index:9999;
margin-left:-597px;
top:0px;
}
}

What we did in step4 and step5 was simply replacing your old code with the new one.
    6.   Next search for the following chunk of code:
Note: You are only concerned with finding the two highlighted codes. The code inside them may look different for your template so just finding these two highlighted tags and then follow step7.
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' title='Previous'>&#171; Prev</a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' title='Next'>Next &#187;</a>
      </span>
    </b:if>
<span id='home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</span>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
  <div class='clear'/>
</b:includable>
     7.  Replace the code inside them with the following code as shown below:
<b:includable id='nextprev'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-more-link'>
      <a class='blog-pager-more-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjADQmW8JV6H_vKjPHcSvU1p1iWh2q9jN4Gva1hLYZ-jrdWoddH14fyyiksgbobypkTAWHdLBjb3JxuQU1rN6n9kbZ8r2j3PUBJFaz_YMNf3p9GrJg19lWcuMsAA8gmhekiWFK5kPfFvUov/s400/more.png'/></a>
      </span>
      </b:if>
</b:if>

<b:if cond='data:blog.url != data:blog.homepageUrl'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_qa93au7qR1u3iBONng65wqFNUR1hLl5jQgQm7aQNmI-QNdmwkVjgvtjOjKIoGrZDZxiNcnPTzI6b7wc19BiXMcRezTfj-5Hqi0_mF3j6Rs4dBnTkLJ5yKRgGXQ4axqKKelxmG_EJlZUz/s400/Previous.png'/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEganfiV3BBNw3lf_IE6tg27GXCJCqk2xYOXqgForNGUxF-HfeMJzn5S7GRTkfkc7JkaHiRd0iLkTE42BR7jjYtX38-R7aegxAsNeKRqFnYCOvXSEo_yv_PhkZe1YxzVy7GFRBc_berW58Ks/s400/Next.png'/></a>
      </span>
      <b:else/>
 
    </b:if>
  </div>
  <div class='clear'/> </b:if>
</b:includable>
It was that easy!
   8. All done! Visit your Blog to see it functioning just fine. :)

How it works?

PreviousPrevious will display newer posts
NextNext will display Older posts
more More will display on homepage alone.
  • Button More is responsible for displaying the next set of previously published posts. It will show a bunch of posts depending on the number of posts you allowed to be displayed on homepage.
  • The other two buttons will help the visitor to navigate between next and previous page. If the visitor is on your newly published post then the Previousbutton will not show up and Next will show alone.
Everything is operated using conditional statements provided by XHTML 1.0.
If you are looking for read more buttons then do check our Icons and buttons categorythat has been downloaded over thousands of times and found on almost every Blogger blog today: Download from here
navigation buttons

Questions?

I have one last paper on 29th Nov  after which I will be free for one month to help you all with every query you may have. The blog is being maintained by co-authors because I am not currently available. I am writing posts as soon as I get some spare time. You are most welcomed to ask any question you may have related to this post. Off-topic questions should kindly be avoided. I just hope you find this new addition useful to your overall Pageviews. Wish you more power buddies. Peace and blessings.

Thursday, October 25, 2012

How to Change Time to Date Below Post Title in Blogger


how to change time in bloggerThe Blogger custom templates are designed by different designers from around the world. Many out of these templates are coded by professional designers and they are good from all prospective's  But indeed, there are also many poor coded templates are there. Unprofessional templates sometimes create troubles for newbies who want to easily customize their design with their own needs. So therefore, you must select a well-coded template for your blog. However, today I will let you know about changing your blog time which appears exactly after post titles in blogger. There should be date and author name instead of time alone. But in most blogger custom templates only time is published with author name. So we will change this respectively. 


before going straight to the tutorial please have a look at below image when the time after post titles in Blogger appears:
blogger-tips1
This appears because the designer has set the time with author name in their custom template. So it isn't good for SEO, we will have to change it to date. our blog's template devil's workshop had also time with author name, so we promptly changed that.

How to replace time to date in Blogger?

Now the process is quite simple and you just need to replace a single word with another one, follow given steps in order to do so: 
  1. Log-in to Blogger Dashboard
  2. Template >> HTML >> Proceed >> Check the Expand Widget Templates
  3. Now carefully search for this code
<data:post.timestamp/>
Just replace the above code with below one:
<data:post.dateHeader/> 
Save your template and you've changed time into date for all of your posts. Now your look after post title will be like below image:
blogger-tricks

Conclusion

It was just a simple Blogger trick to replace time with date. It is important for search engines to find pages with specific dates. So if a person is searching for cars or bikes in 2012 and Google shows him this stuff from 2003 then it wouldn't be a good business. Therefore, Google has recently stated that pages should be sorted with accurate dates. 

Your Views:
I know you guys are now becoming genius on the internet and blogging, but remember always thank those who've helped you in bad times. Just share your comments with us below post.

PC Power Tips



10.22.2012 7:58 AM
Passwords protect every part of your online life. If you don't treat them properly, you're exposing yourself to a whole mess of trouble.



10.22.2012 1:31 PM
Slick freebie Pokki makes the Windows 8 desktop a much more familiar and convenient place. And it comes with its own app store!


10.25.2012 3:00 AM
No matter what kind of camera you're using, learn about the best time to shoot, the best way to light your subjects, and the best ways to capture spooky photos.



10.23.2012 3:30 AM
We show you how to tweak Windows 8 for optimal performance on your aging desktop or laptop PC.



10.24.2012 6:52 AM
It's all too easy to click the wrong button or link on an otherwise legitimate download page. Here are three ways to protect yourself.



10.23.2012 3:00 AM
Want to throw the best bash on the block? Follow our tech tips and tricks for a screaming Halloween party.

Monday, October 8, 2012

Social Media Sharing Buttons Widget For Blogger

Posted: 29 Sep 2012 03:52 AM PDT
Social media is a very popular trend now a days, to share blog content with facebook, twitter, Google+ friends and fans can bring tons of free traffic towards your blog. And thus, we need to add some social sharing buttons to our blogger blogs for giving opportunity the visitors and readers to share our content with their friends  In blogger, there is a default sharing widget you can see after

Tuesday, August 7, 2012

Learn How to Remove Blogger Navbar in Urdu


Posted: 24 Jul 2012 09:04 AM PDT
Blogger navbar appears at the top of your blog. It looks like below image. This navbar mostly appears in default blogger's templates. So if you are using a default Blogger template and don't want the navbar to be appearing on your blog then this post is for you.  How to remove Blogger Navbar in Urdu?  As video tutorial below will teach you completely about removing blogger navbar in