How to Increase Blog Traffic and Reputation Through Blog Commenting

To be sincere, for the past weeks I have been researching on the rules of blogging. I believe for every occupation, industry, and career and be it anything already has a rule that some people followed and they never regretted.

Increase Blog Traffic

After putting to practice what I researched, I realize that there is nothing that can take the place of commenting in blogging industry. May be you've come to think of it that if you didn't visit or comment on other people’s blog, how will people do the same to you. Commenting has really helped in the past months which are why I decided to bring up this post.

Though you might have heard so many things about commenting on blogs and the links it has with traffic. That is very true, because all the old tips and tricks are just been updated. Below, I will be sharing a very practical experience on how you can use commenting on other people’s blog related to your niche to generate traffic and build your reputation.

For those who don’t know what reputation is: it is the estimation in which a person or thing is held, especially by the community or the public generally. Now let go to our man points.

1. Comment as a person:

You don’t expect me to follow back or commend a person who doesn’t show his/her identity. I’ve experience this several times, and I wonder how on earth you want people to link back to you.

And more so, Google see this as a spam and eventually there is a link. The best way is to comment with a real name or probably your blog name or address. Some even use twitter account. You can also sign up for a profile at Gravatar if you don’t know your way out, because it’s more personal and very good to use.

2. Comment Reasonably:

There was a time a person commented on my blog, and he knew what he did quite alright. And before he started, he said” though I know this is off point”. In using commenting as a building block for reputation, you need to comment reasonable with the trending points, and not off the point or trying to promote your own blog in commenting, it’s very bad.

3. Always be the first to comment:

Though it’s very hard, and you can only do this when you subscribe for the daily updates. Nobody sees people that comment anything from 10th comments down, when you are the first to comment people see you and mostly if you have something reasonable to contribute, definitely people will go back to your blog and see what you are made of, whereas you can get a bit of backlink and traffic.

4. Get a do-follow comment box:

Like a side sometimes ago in my previous post, that blogging is tending to a new era where by things of the old are getting rusty. There are different comment box plugins now which will definitely encourage your visitors to come back. The commentLuv is a very good example because bloggers believe it’s a dofollow comment box.

We also have some fancy comment box from intensedebate, this type of comment box is very valuable in such a way that it leaves a link back to websites and gives room follow twitter username.

5. Make commenting easy:

There was a time I visited a blog with a great article, I wanted to comment but it was so difficult to comment because of the captcha required to fill, before you could submit your comment it was hell. My advice is that, captcha these days are no longer required with improvement we have with different comment box.

6. Respond To comments:

Today, most pro bloggers get their posts title from responding to the comments on their blogs. Imagine someone taking the pain to comment and react to your post an you now decided to ignore it. You get real readers from responding to visitor’s comment by providing solutions to the challenge.

Visitors love it when you take your time to respond to their comment, it shows you have your readers at heart and you are caring.

7.Top commentators:

I bet you that everybody wants to seen and heard; therefore there are some platforms like wordpress plugins who has a top commentator in which the person that has the greatest comment will be shown at the top of the commentator plugin.Get the Top Commentator Widget with Avatar For your Blogger Blog and the Recent Comment Widget with Avatar for your Blogger Blog.

People will definitely want to comment on your post for them to be the top commentator for the month week or the day. And by so doing, people will keep visiting and your reputation keeps increasing.

Check: How to Improve Your Blog Traffic


Asaolu Olubayode Andrew is an internet geek and a writer. He is the founder of www.gistmode.com and www.yourblogcoach.blogspot.com He has been working on SEO and blogging for the past few years where he dishes out tips and tutorials on how to know the rudiments of success in blogging. Connect with him on twitter/ yourblogcoach, facebook/yourblogcoach and Google+: https://plus.google.com/113737016440030237370

How to Enable & Disable Google Plus Comments on Blogger

When Google Plus comment was initially introduced, some bloggers switched to it and use it in place of the default blogger comment system.



Google Plus comment box is awesome, but it has its own good and bad. The main reason why I didn’t switch was because I noticed I was unable to comment on blogs that have it with my mobile phone.

Adding and removing Google Plus comment to blogger blogs is quite easy and can be done with few clicks. You don’t need to include any code to your template to get it activated and disabled.

Steps to Enable and Disable Google Plus Comments on Blogger

1. Sign in to your Blogger Account and click on the blog you want to include/exclude the Google plus comments box.
2. Click on Google + link, and then choose to enable or disable it by clicking on the Use Google+ Comments on this blog box. See the image below:



How to Include Link(s) in Blog Comments Section

Most times, the things we over look as simple, are not like that with others. A guy contacted me online recently on ways to generate traffic to his new blog, so I offered him some tips, and among the tips was ‘comment on blogs related to your niche, drop your link and make sure you are not doing it the spamming way’. The response after that was ‘Pls how can I post my link in comments?’

Include Links in Blog Comments Section

How can I post links in comment is a common question among new bloggers. With the advent of different blogging platforms that doesn’t require any form of coding to start, it has render most new bloggers lazy, as they don’t care to understand the simple HTML tags. Check: Basic HTML Tags All New Bloggers Must Know and you can also download Brilliant Basic HTML & CSS Tutorial eBook to further learn about HTML tags.

Majority of blogs in the blogosphere comments section support adding of link(s) to comments with HTML. For instance, if I want to comment and at the end of the comment I want to add a link like Blogging Tips. I will write in the comments section as <a href="http://www.justnaira.com/">Blogging Tips</a>. Blogging Tips will be displayed, and when it is clicked, it will go to http://www.justnaira.com.

Get Rid of 'feedproxy.google.com' from Your Feedburner URL

Most bloggers use Feedburner to manage and provide custom RSS or Atom feeds. Some years back, I just discovered my blog feedburner URL always have http://feedproxy.google.com instead of my blog address http://www.justnaira.com (i.e. my feedburner URL looks like - http://feedproxy.google.com/~r/JustNaira /~3/4TTZD8QDvUc/do-you-fear-success.html instead of http://www.justnaira.com/2013/06/do-you-fear-success.html).

Feedburner

I didn’t know the settings I made then, and when I contacted a fellow blogger, he told me I can no longer change it. I also use search engines maybe I can get a solution to it, but all prove abortive. Not until when I configured RSS Graffiti to share my blog contents on Facebook and I noticed the feedproxy.google.com/…/abc/12345.html, but it doesn’t happen to my other blogs. Though the link will go to the original post, but it has implications.

One of the implications I know for sure is that it’s bad for SEO – When scrappers throw your excerpt on their site, no link juice will pass to you. Another scenario is when you and a blogger exchange link and your blog address is added to the blogger’s Blog Roll, your latest post link will always have the scrawl http://feedproxy.google.com URL at the front.

This always happen to bloggers who want their feed click through analytics reports measured in the Google Analytics, Google will modify the RSS URL to that long scrawl URL for them to measure and give report of feed stats in Google Analytics. Since I don’t need the Google Analytics report regarding my feeds, I removed the feature and my RSS URL became clean.

Getting rid of the feedproxy.google.com from your RSS URL is quite easy; all you have to do is uncheck the option. Go to Analyse ==> Configure Stat ==> under the Item Clicks; uncheck the “Track clicks as a traffic source in Google Analytics”. If it seems like the link wasn’t removed, uncheck everything.

Remove Feedproxy from Feedburner Url

By now the feedproxy.google.com should have been replaced with your blog address. If changes don’t appear in few minutes, clear your browser cache.

8 New Advancements to Blogger Template HTML Editor

Blogger, one of the best and commonly used blogging platform owned by Google recently updated their Blogger Template HTML editor.

Blogger New Template Editor

This new blogger template HTML editor is flexible and easy to use. It comes with some outstanding features that make it better than the former interface. Am very sure bloggers that love to tweak their blog template will find this new interface user friendly. Thanks to the blogger team for making Blogger template HTML editor much more comfortable with the new features that come with the new interface.

The Blogger Template HTML editor gives you access to edit your blog source code any how you like. The improved HTML template editor now consists of the following features.

Before you proceed, check all the customizations to make your .

1. Syntax Highlighting

The first thing you will notice when you visit Blogger Template HTML editor page is some sort of codes that form your blog source code are in different colors. This added feature will make blog template codes readable.

Syntax Highlighting in New Blogger Template Editor

2. Line Numbering

This let me remind the old HTML editor interface that gives lining and column reference when you make mistakes, but then it was difficult to get the specified line in the code. But with the new HTML editor, errors can now be easily spotted.

3. Auto-Identification

When you are going to format HTML code this feature will help you to make your work easier and faster way, while it helps you keep your code organize. This will automatically indents your code so as, you will be able to do coding in faster way as compare to previous interface. You can click on the Format Template option to wipe out the indentation of an entire template.

4. Code Folding

This is another feature added to the new interface of the Blogger template HTML editor. This makes editing of template much easier, as users will be able to fold a code when they are done with it. From the image below, you will see a small, grey arrow (►) next to line number 4. If you look at the line number below line number 4, you will see 1181, which simply implies that the editor has saved me from scrolling down through 1177 lines of code.

Code Folding in New Blogger Template Editor

5. Jump to Widget

This feature now helps bloggers to easily jump to a particular section of the template they wish to edit.
Jumb to Widget in New Blogger Template Editor

6. Preview Template

With the new HTML editor interface, you can now easily preview your blog from the source code.

7. Replace All Tool

You can now easily replace character(s) with another. To replace words on Windows PC, use Ctrl+Shift+R, while MAC users should use Command+shift+R. A text field will appear on the HTML editor page where you can type the character(s) you want to replace with another. Press enter on your keyboard; another box will appear displaying “with” text. So type the character you want to replace with the former one you typed earlier and then press enter again to make the change.

Replace All Tool in New Blogger Template Editor

8. Inbuilt Search Tool

A search tool has been imbedded into the Blogger new template Editor. To make use of this feature, simply press Ctrl+F on your keyboard. A small box will show on the top-right side of the HTML editor.

Inbuit Search Tool in New Blogger Template Editor

Hope you like these new features introduced into Blogger template editor? Share your experience with these new features via the comment box below.

Top 5 Sites for Beginners To Learn HTML, CSS & JavaScript for Free

In my recent publications, I made a post on Basic HTML & CSS  Tutorial eBook of 304 pages and later, I then made another post on some Basic HTML Tags All Bloggers & Website Owners Must Know. So today, here is another post that shows 5 awesome websites where beginners can learn HTML (HyperText Markup Language), CSS (Cascading Style Sheet) and JavaScript.

Learn HTML, CSS, JavaScript Online

Before you start your blog or website online, you need to have some basic knowledge of HTML, CSS and JavaScript as they are the codes that constitute a blog and most website version. Though, the advent of some tools has made blogging and website creation easier, even without any knowledge of HTML, CSS or JavaScript, since most of the tools came with a WYSIWYG interface.

The tools needed to start learning HTML, CSS and JavaScript are right there on our computers.
  • The primary and most important tool is a text editor, i.e. a program that allows you to edit plain text files, it will also be used to write or edit template/webpage e.g. Notepad.
  • After writing a webpage, it is important to see how it will look like. So a web browser would be needed to view the written webpage e.g. Internet Explorer.

Now that the tools required for the learning of HTML, CSS and JavaScript, here are 5 excellent online resourceful website for beginners to learn HTML, CSS and JavaScript online for free.

1. W3Schools

This is one of the best free website to learn HTML, CSS and JavaScript. Moreover this website contains tutorials on all other programming languages also.

2. Learncss.tutsplus - 30 Days to Learn HTML & CSS

Learncss.tutsplus is a great website to learn HTML and CSS online. This service is free and you will also learn HTML and CSS in 30 days by sacrificing 10 minutes on their website daily. This course has 30 videos. The course is 100% free. It is instructed by veteran web developer and trainer Jeffrey Way

3. HTML Code Tutorial

HTML Code Tutorial is an awesome website that teaches HTML, CSS, forms, frames, JavaScript coding and many more.

4. About

webdesign.about.com is another popular website where HTML and CSS are being taught online for free. This site has too many tutorials to learn HTML and CSS.

5. HTML Dog

HTML Dig is the web designer’s resource for everything HTML and CSS, the most common technologies used in making web pages.

Do you know of any other awesome website(s) where beginners can learn HTML, CSS and JavaScript online, don't hesitate to share it/them via the comment box below.

Top 10 Common Mistakes New Bloggers Must Avoid

Failure is the key to success; each mistake teaches us something.
Morihei Ueshib
A person who never made a mistake never tried anything new.
Albert Einstein

The two quotes I quoted above are my favorite and I use them as my watchword whenever I make mistakes. Learning is done by making mistakes, although we all love to do things at ease without making mistake but mistake happens because it’s part of life and a teacher.

Common-Blogging-Mistakes

Learning from mistakes is the most important thing, but endeavor not to make the same mistake twice. We must also learn from mistakes made by others to be wise.

A smart man makes a mistake, learns from it, and never makes that mistake again. But a wise man finds a smart man and learns from him how to avoid the mistake altogether.
Roy H. Williams

You can also join the wagon of wise people that learn from smart men mistakes. Below are some top common mistakes made by new bloggers, you need to be wise to avoid and prepare for such pitfalls.

1. Bad Design and Layout

Try to make a good blog design and layout, don’t add too many widgets (it will slow down your blog, only add the widgets that are essential), make your blog easy to navigate and make it neat. Bad blog design and layout is irritating to readers and likewise to search engines bot. Save yourself from designing stress, hire me for a professional blog design. Click Here for more info

2. SEO Implementation

Search Engine Optimization popularly referred to as SEO is important for your blog, so you must learn how it works and how to stay in line with search engines rules. SEO also helps in writing correct post title, description and hyperlink for your post. If you want organic traffic from search engines, then SEO is a must.

3. Subscription List

Some bloggers harm their blog by their refusal to build a subscriber list for their blog. Building subscribers list let you retain your blog visitors. Provide your blog visitors a subscribing means such as email subscription form, Facebook fan page, twitter etc. Try to install social networking widget on your blog so that your blog visitors would be able to easily share your post with their friends.

4. Domain Name

Another aspect most new bloggers overlook is the domain name aspect. Some newbie’s start their blog on blogger free blogging platform, so their blog address will end up with .blogspot.com. You need to get a domain name for your blog so that you will still retain your bog readers and stats in case you want to move to another blogging platform in the future.
I can help you to get a Domain Name and configure it with your blog for a fair amount. Click Here for more info.

5. Posting Plagiarized Contents

Most bloggers don’t want to be creative at all, they venture into blogging because they see the earnings summary of some top bloggers and they want to quickly make theirs by copying and pasting contents of other bloggers on their blog without knowing that search engines will outsmart them. At the end they will be disappointed when the results they expect were not achieved.

6. Interact With Readers

Interact with your blog readers often. Reply to comments and emails to increase blog interactivity.

7. Promote Your Blog

Promote your blog often. Don’t be shy to promote your blog wherever you can. This can be done by commenting on other bloggers blog, forum posting and guest posts on other related blogs. Make sure you don’t spam using this means.

8. Fear

Fear is another factor that needs to be considered. A fearful person finds it difficult to succeed as such person will only follow the crowd. Follow your intuition; don’t be scared to try something different from other top bloggers.

9. Giving Up

Never give up even when you are the only one viewing your blog. Every top blogger also experience that when they started. Keep on experimenting, blog with passion, learn and am very sure one day you will shine. Its requires patience and persistence.

10. Niche

Starting a blog in a niche you know nothing about is the worst mistake you could ever make. Blogging in the wrong niche will only make your blogging moments frustrating since you are not good in the topic you ventured into. Don’t choose a niche because someone told you it’s a profitable one, there are other profitable niches you can go venture into and be successful. Another problem is creating so many blog to make much money. But the simple truth is that most top bloggers started with a blog and then implement the strategy that brought them success on others.


These tips has helped me, I learn most of them from my own personal experience and some from other top bloggers. I believe they will help you as it has helped me and others to avoid major pitfall as a newbie.

How to Download / Backup your FeedBurner Email Subscribers List

One of the services offered by Google is FeedBurner, it is a good tool to manage site’s feed(s). FeedBurner is an email subscription service and it is commonly used by a lot of bloggers to serve their readers. FeedBurner offers so many features such as subscription management, email branding, customizable delivery and communication preferences, and a lot more.

Backup-FeedBurner-Email-Subscribers-List

It’s a good thing to back up / download FeedBurner Email subscribers list for any future use such as moving to another service like MailChimp, Feedblitz, Aweber and the rest. Follow the steps outlined below to download your FeedBurner email subscribers in excel or .csv format.

Before you proceed, read:

Steps to Download FeedBurner Email Subscribers List

1. Login to your FeedBurner account

2. From your FeedBurner dashboard, click on the feed you want to backup.

3. After selection, click on the ‘Publicize’ tab
Backup Feed Email Subscribers

4. Click on “Email Subscriptions” on Left side of the page.
Download Feed Email Subscribers

5. Now Go to the bottom of the page and click on View Subscriber Details
Backup Feed Email Subscribers List

6. Now click on “Export: CSV” option and save the excel file in your hard disk.
Download Feed Email Subscribers List

Now that you have downloaded your FeedBurner subscribers list, you can save it in a safe drive or upload it to cloud storage for easy retrieval whenever it is needed.

How to Create Contact Form for Blog/Website Using FoxyForm

Recently, one of this blog readers demanded for a post on how I was able to create a simple contact us page that blends with the background color of this blog. So today, I want to share how bloggers can create and put a contact us form on their blog contact us page for their readers to communicate with them easily and privately rather than using the comment box.

Create-Contact-Us-Form-for-Blog

See a working demo on Just Naira Contact Us Page

The name of the contact us form provider is Foxy Form. Their contact form can be easily integrated on blogs powered by Blogger and Wordpress, no registration is required, no limits on form creation, ability to choose fields to include in the form and ability to add the email address where the messages received will be forwarded to. With Foxy Form advanced options, users can change the appearance of the form to blend with their blog templates.

How to Get a Contact Form From FoxyForm

  • Go to www.foxyform.com
  • On Settings section, tick the values you want to include on your form
  • On Advanced Settings section, personalize the form to blend with your blog template. You can use our Color Code Tool for better customisation
  • On Target e-mail address section, enter the email address where you want to be receiving the messages sent through FoxyForm contact form.
  • Finally, click on Create Formular button to generate the form code, copy and then paste the code in a page on your Blogger or Wordpress Blog.

Create-Contact-Form-For-Blog-With-FoxyForm

Recent Comments Widget with Avatar for Blogger

In one of my recent posts on this blog, I shared how Top Commentator Widget with Avatar can be added to blogger blogs.

Recent-Comments-Widget-For-Blogger-Blogspot

But today, I want to share another tutorial on how to add the Recent Comments Widget with Avatar to Blogger/Blogspot Blogs. This widget will show a snippet of the recent comments posted on your blog alongside with the title of the post. It is also a good widget that encourages readers to drop comments on your blog. Before installing this widget on your blog, you can easily customize how you want it to appear on your blog such as the numbers of comments you want to display, size of the comment, whether or not to display the post name and the comment-date.

A demo of this widget is on the right side of this blog ==========>

Recent-Comments-Widget

You may like:

How to Install Recent Comments Widget on Your Blogger Blog


  • Go to your Blog Dashboard >> Layout >> Add a Gadget >> HTML/JavaScript.
  • Copy and paste the code below into the HTML/JavaScript box.
<style type="text/css">
    ul.justnaira_recent_comments{list-style:none;margin:0;padding:0;}
    .justnaira_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .justnaira_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .justnaira_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .justnaira_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 5,
    showAvatar     = true,
    avatarSize     = 60,
    roundAvatar    = true,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "More »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = false;
//]]>
</script>
<script type="text/javascript" src="http://justnaira-css-js.googlecode.com/svn/justnaira-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://www.justnaira.com/feeds/comments/default?alt=json&callback=justnaira_recent_comments&max-results=5"></script>

Customization of Recent Comments Widget

1. numComments= 5, and max-results=5 ==> Change the 5 to the number of recent comments you want to show on your blog
2. characters = 40, ==> Change the 40 to the number of comment excerpt characters you want to show.
3. You must change the www.justnaira.com in the code to your blog address.

For questions and queries, use the comment box below.

How to Change Bullets To Customized Images in Blogger

Design is among the traits of a professional blog. In recent time, many tricks and hacks have been shared on this blog on how to make a professional blog using blogger platform.

Change Bullet to Customised images, Change Blogger Bullet to Images

Today, I want to share an easy way on how to change blogger bullets to a customized image. So whenever you bullet a list in your blog post, instead of showing like what you are seeing below:

• This Is First Demo Line
• This Is Second Demo Line
• This Is Third Demo Line
• This Is Fourth Demo Line
• This Is Fifth Demo Line

It will change to what you are seeing below:
  • This Is First Demo Line
  • This Is Second Demo Line
  • This Is Third Demo Line
  • This Is Fourth Demo Line
  • This Is Fifth Demo Line

The beauty of this customization is that whenever you point your mouse cursor on the list, the image color will change.


Adding this feature to your blogger blog is easy; just follow the steps outlined below:

1. Log in to your Blogger Dashboard, Navigate to Template ==> Edit HTML and checked the Expand Widget Templates Check box. Then use (CTRL+F) to search for ]]></b:skin> tag in your templates.

2. Finally add the code below before the ]]></b:skin> tag

.post ul {list-style:none;}.post ul li {     line-height: 1.4em;         background: transparent url(http://2.bp.blogspot.com/_7wsQzULWIwo/SuM3oYoTkRI/AAAAAAAACHw/Dig1etGrcpY/s400/251.gif) no-repeat scroll 0px 4px;     margin: 0.3em 0;     padding: 0 0 0.8em 20px; }.post ul li:hover {         background: transparent url(http://3.bp.blogspot.com/_7wsQzULWIwo/SuM3oFg5zlI/AAAAAAAACHo/n5UluB5ugMI/s400/255.gif) no-repeat scroll 0px 4px;}

How to Add Related Posts Below Every Post on Blogger

Recently, a post was shared on how to Add Related Post Widget with Thumbnails to Blogger, but unfortunately, our readers kept demanding for the type of related post widget that is being used on this blog (i.e. related post widget in list format without thumbnails). So today, I want to share how I was able to add a related post widget beneath every post on this blog.

Rleated-Post-Widget-For-Bloggers

Before I share the method I use in adding the related post widget beneath every post on my blog, I want to share how it has helped JustNaira.com. Related post widget shows the list of post related to posts with the same labels, and this has increase our blog page views and decrease in blog bounce rate. Apart from these two, related post widget is a good SEO practice. Related post widget is a good widget every bloggers must have on their blog.

How to Add Related Posts Below Your Blog Posts


1. Log in to your Blogger Dashboard and Navigate to Template ==> Edit HTML and checked the Expand Widget Templates Check box. Then use (CTRL+F) to search for </head> tag in your templates.

2. Add the code below just Before/Above the closing </head> tag.

<!--JustNaira-Related-Posts-Starts-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tIAGC-93A_Cvu4eGAjjhvd4j1L4SUwi4qLJo0e6kBceiP3vCBxgPJYFjtakbkXqfvOZMTcVGRy2c4aYdD0XL95O_yJJnp9sob7lnvSCSK1lEFx7fG1Sh4QNW7tByn3zgmiI6w-pdniM/s200/greentickbullet.png&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://justnaira-css-js.googlecode.com/svn/related-post.js' type='text/javascript'/><!--JustNaira-Related-Posts-Stops-->

3. Now search for this code line:
<data:post.body/>

4. And after that line, paste this code:


<!--JUSTNAIRA-RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if><!--JUSTNAIRA-RELATED-POSTS-STOPS-->

5. Note: In case you have use the Auto Read More Hack on you blog and you have more than one <data:post.body/> in your blog template, search for any of the code below and then past the code in step 4 above after it.

<p class='post-footer-line post-footer-line-1'>
or
<div class='post-footer-line post-footer-line-1'>
or
<div class='footer'>

6. Save your template.

Related Post Widget Configuration

To change the total no of posts displayed beneath your blog posts, Edit
max-results=5
to the actual number of related post you want to see at the end of each post on your blog.

Finally, after implementing this widget on your blog, if you fail to add label to your posts during publication, nothing will show up in the related post section. So always make it a point of duty to label your blog posts.

That's all folks.

8 Proven Ways to Increase Your Blog Alexa Rank

Alexa rank can be likening to a magnet that attracts advertisers and sponsors to a website or blog. Most bloggers are really worried on how they can increase their Alexa rank despite their high page rank on Google and high number of visits, though Alexa has nothing to do with Google page rank and number of visits.

Increase-Alexa-Rank
Increase Alexa Rank

Alexa is regarded to as a “web information company” i.e. they rank website and blog based on the traffic they generate and other factors. Alexa.com is the best ranking system online among other ranking industry. To me Alexa is important because advertisers use it to measure a website or blog traffic and popularity and it is unimportant because Alexa doesn’t show accurate stats. It is very important to have a good Alexa ranking. Here are 8 proven techniques that can be used to increase your blog Alexa Rank.

Proven Techniques to Increase Your Blog Alexa Rank


1. Claim your blog:

You need to claim you site on Alexa since it’s allows Alexa to access your website or blog in a better way. You can claim your site on Alexa by following the process outline on Steps to Submit/Add Your Website or Blog to Alexa.

2. Update your blog frequently:

Just like Google, Alexa love to see fresh content on your blog frequently. A study suggests that updating your blog 7-10 times a week help increase Alexa rank.

3. Install Alexa Toolbar:

Alexa gives more weight to visits that come from a browser which already has an Alexa toolbar installed. Install Alexa toolbar on your browser and make sure you always visit your blog via this same browser. Tell your friends, family, visitors to install Alexa toolbar on their browser and set your blog as their homepage.

Download Alexa Toolbar

4. Use Alexa Widget on Your Blog:

Putting Alexa widget on your blog helps increase your blog rank. Install Alexa Widget on Blogger With A Click.

5. Post Quality Content:

This will go a long way to help you in your blogging career. Posting quality content on your blog will make visitors stay on your blog and thus increase your blog page view. Quality content is not only appreciated by Alexa, search engines also love it.

6. Link Building:

Alexa counts links linking back to your blog. So you can get backlinks from other blog or website by commenting on other blogs or website and guest posting.

7. Talk about Alexa on Your Blog:

You can write about Alexa Ranking on your blog and link back to Alexa.com. This will increase your blog rank along with theirs.

8. Ask your Blog Visitors to Review Your Blog on Alexa:

Request for review about your blog on Alexa from your visitors.

Write a Review of our Blog on Alexa.

These are just the proven techniques that works, don’t try to use any software to manipulate your blog Alexa rank. You can not fool advertisers with this, work on your blog to earn success. If you have any technique(s) that has worked for you, don’t hesitate to share them via the comment box.

Tips to Get an Approved Adsense Account [Easiest Means]

Before, getting an approved Google adsense account wasn’t hard, you can set up a blog with an article on it and then apply for adsense. But now, getting an approved adsense account isn’t a joke matter, since your site/blog will go under two verification processes before you will finally get approved.

Easiest-Way-to-Get-Google-Adsense-Aproval

Many newbies just rush and apply for adsense after posting a plagiarize contents on their blog without reading Google policies to know what they are required to put in place before applying for Adsense, at the end, they will be disappointed with the reply from adsense team that their application cannot be approve with stipulated reason(s).

Before we move on you may like to read:
10 Best Alternatives to Google Adsense
Make Money with Information Marketing Before Google Adsense Approval
Get Approved Adsense Account via Third Party
Top Paying Google Adsense Keywords

The simple secret to getting an approved adsense account is to play the game according to Google rules. Not getting approved by adsense simply means your site/blog is violating one or more Google policies. You need to put the steps outlined below into consideration if you want you adsense account to be approved without any ado.

1. Add Proper Meta Tags

Make sure you have added the necessary Meta tags that best describe your blog before applying for adsense.

I don’t know how to write & add Meta tags: Learn & Generate Search Engines Friendly Meta Tags

2. Duplicate Content

Don’t ever copy and paste contents from the other website/blog, if you do, Google will know and this can be a stumbling block from getting adsense approval. Not that you cannot use other people’s idea, but make sure the idea is rewritten in your own understanding to make it unique. Before you apply for adsense, make sure you have written at least 50-100 quality posts

3. Custom Domain Name

Don’t ever apply for adsense with sub-domains such as mysite.blogpot.com. Though they accept that in the old days, but now, you application will not be approve without a custom domain name. You can get a domain name from www.godaddy.com. Getting a custom domain name portray you to adsense team as a serious person ready for work.

Need help! I Can Assist You to Get A Domain Name

4. Organic Traffic

Before you apply for adsense, your blog must have a reasonable amount of organic traffic. Organic traffic simply means traffic from search engines.

5. Include Pages

You need to create page for contact us, about us, privacy policy, site map and terms & condition pages. You need to do this in order to get approved..

6. Apply for Adsense

You can now apply for adsense once you know you have fulfilled step 1-5. Make sure you cross check the information you supplied during registration very well.

In conclusion, I will tell you don’t rush, just be patient, work on your blog traffic, produce quality contents (search engines love them). If truly you want adsense to approve you, don’t use any other ad network such as infolinks, chitika, etc during this time. These tips have work for so many publishers and I believe it will work for you provided you dance according to the tune.

Got any question or better tips that have worked for you? Don’t hesitate to use the comment box below.

Get SMS Alerts Whenever Your Website/Blog Goes Down

Whenever a website/blog is down, so many audience are lose out and most times webmasters /bloggers don’t know their website/blog is down since a site could go down for different reasons, so the best way to be notified quickly whenever your site is down is via SMS notification.

Get SMS Alerts When Your Site Goes Down

There is a tool that helps monitor website and blog up-time and down-time. This website Monitor HD is free and it can be used to monitor many sites at a time. So for this tool to work, a Google Account will be needed. To get alerts whenever your site is down, you will need to follow the steps below:
Step 1: Register your mobile phone with Google Calendar
Step2: Site Monitoring Set up.

Register your mobile phone with Google Calendar


Google-Calendar
You need to register your phone number with Google Calendar to receive texts. Therefore, to register your number,

==> Sign into Google Calendar, and click on the cog icon at the top. Click Calendar Settings.
==> Click on Mobile Setup, and then choose your country.
==> Enter your phone number, and choose your carrier. If available, you will be sent a verification code on your mobile. Enter that code in the Verification Code field, and click Finish Setup. Your mobile number has now been set up.

Site Monitoring Set Up


==> Click here and get a sheet, it will look like the image you are seeing below:

Website-Monitoring-Script

==> Now go to file and make copy of it.
==> You’ll see a new Website Monitor menu in the toolbar. Click Initialize and you’ll get a pop-up asking for authorization. Just click Yes.
==> Put your Website URL and email address, you can put multiple URLs by adding comma.
==>Go to the Website Monitor menu again and choose “Start Monitoring”.

What do you think about this tool?

How to Backup or Restore Blogger Template

It is highly important for every blogger to backup their blog template whenever they about to make any changes on their templates because you are not sure if the changes will crash or corrupt your blog template. In case you encounter any problem in the process of editing your template, you will be able to easily revert it back to the previous one without any ado.

How-to-Backup-or-Restore-Blogger-Template


Blogger has made it very simple to back up and restore your blog template; this article will explain how it can be done easily.

How You Can Easily Backup/Restore Your Blogger Template


==> Log in to your Blogger Dashboard, select Template and then click on Backup/Restore button on the top right corner [as shown in the image below]

Backup-or-Restore-TemplateBackup-or-Restore-Blogger-Template

==> A box will appear with the options to Download Full Template i.e. to download your blog template on your machine and Browse to restore the templates downloaded earlier. [as shown in the image below]

Procedure-to-Backup-or-Restore-Blogger-Template

How to Redirect 404 Error Page to Homepage in Blogger

404 error page (Page Not Found) is part of every website and blog. According to Wikipedia, "The 404 or Not Found error message is a HTTP standard response code indicating that the client was able to communicate with the server, but the server could not find what was requested."

Redirect-404-Error-Page-to-Homepage

A non existing page on a website/blog will result to a 404 error page and this might give first timer a wrong impression about your blog. So the best solution to this type of situation is to redirect your blog 404 error page to your blog home page or a certain page on your blog. This can be done by adding a simple piece of JavaScript code to your blog. Follow the procedure outlined below to redirect your blogger error 404 page to homepage.

==> Log in to your Blogger Dashboard, then go to Settings >> Search Preferences >> Custom Page Not Found (Under Errors and redirections).

404-error-page-settings

==> Click on edit, paste the code below into the box and then Save changes
Sorry, the page you were looking for in this blog does not exist. You will be redirected to homepage shortly.
<script type = "text/javascript">
//Blogger 404 Redirect v1.0 by Olusegun(Justnaira.com)
JN_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>

Customizing the Redirection Code


  • • You can change the message on the top (i.e. Sorry, the page you were looking for in this blog does not exist. You will be redirected to homepage shortly) to anything you like
  • • The 5000 in the code represents delay in milliseconds. You can change the 5000 to any value. Changing the value to zero simply means your 404 error page will be redirected to your homepage or any desired page without any delay.
  • • If you are willing to redirect your blog 404 error page to another page other than your home page, just replace pathname to href and / to the url of the page.

How to Add "Link To This Post" Widget Below Every Blogger Post

There are various means bloggers use to get backlinks for their blogs, though some of the methods adopted by bloggers most times are tedious and time consuming many bloggers even goes extra miles to buy links for their blog. But one of the easiest ways to get backlinks for you blog is to encourage your blog readers to link back to your blog by providing them the link to each post at the end of the post.

Link-to-this-post-widget-for-bloggers

If the post you provide on your blog is quite informative and useful, readers would not hesitate to share it on their blogs, forums and etc. So today, I want to share a useful widget bloggers can add to their blog for anybody to be able to copy the link to each post at the end of the post. This widget is called “Link to This Post Widget”; a Demo of this widget can be seen at the end of this post. This widget updates itself automatically whenever a new article is posted on your blog. You can add this awesome widget to your blog by following the process below.

Steps To Add Link to This Post Widget to Blogger


==> Login to your Blogger Dashboard >> Template >> Edit HTML and the hit proceed.

==> Click on Expand Widget Template box

==> Now use ctrl+f to search for <data:post.body/> and then paste the code below after it

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='color: #7AA1C3;font-weight: bold;'>Do you like this post? Please link back to this article by copying one of the codes below.</p>
<p style='color: #CF152A;font-weight: bold;'>URL Of Post:
</p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><data:post.url/></textarea><br/>
<p style='color: #CF152A;font-weight: bold;'>HTML Link Code:</p>
<textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
<p style='color: #CF152A;font-weight: bold;'>BB (forum) link code:</p>
<textarea id='BB-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>[url=<data:post.url/>]<data:post.title/>[/url]</textarea>
<div style='text-align: right;font-size: x-small;'>
<a href='http://www.justnaira.com/2012/10/link-to-this-post-widget-for-bloggers.html' target='_blank'><span style='color: #838383;'>LinkBack Widget</span></a></div></b:if>

==>Finally Save your template and visit any page on your blog to see the new changes.

How to make all Links in Blog to Open in Another Tab

Many blogger tricks and hacks have been shared on this blog recently. So today, I want to share a trick with you on how you can make all the links on your blog to show in a new tab. This trick can help increase blog page view and decrease your bounce rate.

Make-blog-link-open-in-new-tab

This trick is simple and easy to install on blogger blogs to make the entire link on your blog to open in another tab as default. Follow the process below to install it on your blog by adding a code to your template.

==> Sign in to your blogger blog >> Template >> Edit HTML >> Proceed >> Tick on Expand Widget Template box

==> Search for <head> in your template by using CTRL+F and then after it add <base target='_blank' />

==>Finally save your template.

By now all the link on your blog will automatically open in another tab whenever it is clicked on.

10 Awesome Cursors for Bloggers

You can make your Blog stand out among others by changing your blog mouse cursor so that whenever anybody reaches your blog, their computer default mouse will change to the one you have configured with your blog.

Cursors-for-Bloggers

Here are 10 awesome cursors that can be used on blogger blogs. You only have to follow a few steps to get it working on your blog. Follow the instructions below.


Steps to Install a New Cursor to your Blog

1. Login to your blog “Dashboard” ==> “Templates” ==> tick “Edit HTML”.
2. Now search for the closing head tag i.e. </head>.
3. Finally, copy and paste the code of the mouse that you love best before/above </head> tag.

Cursor.1
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Arrow_02.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor.2
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bluemultiglit.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 

Cursor.3
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/tail2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor.4
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bounce.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor.5
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/apple-tmani.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor.6
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/aliendance.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor.7
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Fly_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor.8
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Halloween_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor.9
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Heart.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor.10
<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/horse-ani1.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxaKf-PCYNXPTlPOhuKCHastPTtyBfDHoEufJaD47DLtUkMNG1MeBQmYG-o3ARRRA3eFTlv73xl23KkGjA5H92TCdzaGdchmjWP_T4So7q5ayXCKi69M0DrCcnDwwfMdUhG3Nn2zGPg/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>