Shoutersclub

7 Sure Fire Ways Students Can Make Money Online

2016-08-31T09:51:00.000-07:00

Do you have some extra time to make money online? i think you have, and that's why you are here! Right?

There are many teenagers want to make money online but they don't know which point they should pick from hundreds of ways out there.

Many time my friends got trapped in an online scam and failed. and that's the reason like many others you also thought that any reference to earning money online is a scam.

But today I'll give you 7 proven and sure fire ways students can make money online from home.

#1. Blogging

Does anybody really make money from blogging?

This is the first question comes in your mind when someone refers you to do blogging.

And my answer is Yes!

When I first started out, I was in college, and i wanted to make some extra money form home and I had no clue how to make money online. then i found some good resources from google that helped me to start online blog, and later learned about AdSense and many other ways to monetize my blog and now i am earning well.

Blogging is one of the best way for students to make money online. If you have good writing skills and you can get good amount of visitors to read your blog then just do blogging and spend some time for writing quality posts that peoples want.

To start a new blog in just 10 minutes read my detailed beginner guide on how to start blog on blogger.com.

#2. Affiliate Marketing

Promoting affiliate products is one of the most effective ways to make money from your blog.

Affiliate marketing is way to make money online by referring/advertising the products or services of a advertiser in exchange for a commission.

As a publisher you can promotes the product by displaying ads on your blog, which can be in the form of banner ads, special text links etc. Whenever someone buy product from your affiliate link, advertiser pays you a commission which is often a percentage of the sale amount or fixed amount per conversion.

Know more at Problogger: Affiliate Marketing

How affiliate marketing works?

Image courtesy: affiliatewindow.com

#3. Become A YouTube Partner

Most people choose #1 blogging as their method for earning online income. and if you just skipped that or you don't like writing at all then i have another easy and interesting option to earn online is creating videos and uploading it on youtube.

Many peoples making "HUGE" money from their youtube channel by sharing videos. If you have a good skill of creating videos then why don't you start your own YouTube channel?

They have a “YouTube Partner Program” that helps you to make some good amount of money from your videos. What you need to do is make a YouTube account and upload some original and creative videos. You will get revenue by placing ads on that videos.

#4. Freelance Writing

Freelance writing is one of the fastest growing way to earn money online. If you have good writing skill and if you are able to get more views for your article then surely you can become a freelance writer.

There are tones of website available on internet to start your career as a freelance writer.

Websites: Freelancer.com, contentmart.com, squidoo.com, upwork.com, hubpages.com etc.

Complete your profile and add your portfolio on these sites, which will make you look like a professional and expert writer.

In freelancing career you can get tons of articles request in a month, or sometimes you may not get any writing job. then you can ask some big blogs to become a regular paid writer.

#5. Design logos

If you have talent, have a creative mind and have a good adobe Photoshop designing skill then you are most eligible person to earn huge income online by designing cool logos for companies/websites.

Digital Point is a Forum where you will get many great offers, jobs for logo designing. And if you not satisfied with this forum then below sites will.

I have listed below two sites where you can design logos and can earn up to 50$ per logo easily.

#6. Sell Your Photos

If you love photography and have a good collection of quality photos that you believe people may want to pay for, there are a many websites that can help you to make money by selling your photos.

You can earn up to 50% royalty payment on each photo sold on below sites and the percentage of payment depends on size of your photos.

#7. Create Blogger/Wordpress Templates

Looking for ways to make some extra money but, not interested in above options then you have serious option to make money by creating blogger/WordPress templates.

If you have blog designing/coding skill you can make thousands of dollars monthly.

If you don't have coding skill then you can learn HTML/CSS and other languages that used in web designing online. it may take some months but once you got mastery in particular platform you can make huge money.

You can showcase your templates on themeforest.net.

Conclusion

I’m sure this will help those who are looking for real and proven ways to earn money online.

What are the proven ways that helped you to make money online? Please share your online income source with us by using below comment box.

Add "Back To Top" Button In Blogger Blog With Smooth Scrolling

2016-08-26T11:12:00.001-07:00

In today’s tutorial we’ll show you how to add "back to the top" button in blogger blog with smooth scrolling in a easy steps. The button we’re going to create will see in the bottom-right of the page and it appears only when users scroll down the page allowing them to scroll to the top of the page.

If your blog have a lot of information or you write very long posts then you must have to add this widget in your blogger blog to make better user experience.

[See Live Demo ##eye##]

Note: In the process a mistakes might be made, so please backup your template before making any changes.

Lets start the tutorial.

Step 1. In this button we are going to use font awesome so we need to add it in template.

Note: If there is already a font awesome library in your template, ignore below code and go for the further steps.

[<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>]

Step 2. To add Back to Top button in blogger just navigate to Blogger Dashboard >> Template >> Edit HTML and Search for the code ]]></ b: skin>.

Now copy the below CSS code and paste it exact before ]]></b:skin> section.

[#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;

}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 10px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
}]

Step 3. Now, find a </body> tag in your templates and paste below piece of code before </body> tag.

[</script>
<a href='javascript:' id='return-to-top'><i class='fa fa-chevron-up'/></a>
<script type='text/javascript'>
// ===== Back to Top ====
$(window).scroll(function() {
    if ($(this).scrollTop() >= 50) {
        $('#return-to-top').fadeIn(200);
    } else {
        $('#return-to-top').fadeOut(200);
    }
});
$('#return-to-top').click(function() {
    $('body,html').animate({
        scrollTop : 0
    }, 500);
});
</script>]

Step 4. Finally, Save your template and see the result.

Bottom Line

So, this was the easy tutorial on how to add back to top button in Blogger. usually you can customize this code easily but if you are newbie then use the default code.

I hope that you found it helpful and I’m sure it will benefit for your readers.

If you still facing any problem while installing this widget then just drop your query in below comment box. I would love to hear from you and help you out. Happy Blogging!

Advanced SEO Setting For Blogger: Meta Tags, Robots.txt, 404 Page And More

2016-08-23T05:58:00.000-07:00

Blogger is one of the most SEO friendly blogging platform as compared to other platforms as everyone know, but you have to enable some advanced seo settings in blogger to make your blog more search engine friendly. Most newbies usually get the basics done well when they start their blog. as we all know Google have added some SEO features in blogger to make your blog more search engine friendly.

However, in this post you will learn step by step how to enable advanced SEO setting for blogger blog. by enabling it you can optimize your blog easily for all search engines. so let's start the tutorial.

#1. Securing Blogger (HTTP to HTTPS)

HTTP redirect is one of the best feature recently added by google in blogger to create secure communication over a computer network. and google gives more importance for HTTPS enabled websites.

What is HTTPS?

HTTPS is basically a secure version of HTTP. it means your blog data which is transferred between the user and server is now encrypted and protected from access or stealing from hackers.

Benefits of HTTPS

It tells your visitors that you have opened correct website and aren’t being redirected to a malicious site.
It helps detect if an attacker tries to change or hack any data sent from Blogger to the visitor.
It adds security measures that make it harder for other people to listen to your visitors’ conversations, track their activities, or steal any private information.

However, this is the free service and you don't need to spend money for getting SSL certificate to make secure connection for your blog.

To turn on HTTP to HTTPS go to your blogger blog and click on Settings >> Basic >> HTTPS and select Yes option (as shown in image).

#2. Meta Tag Description

Meta description is another important advanced SEO setting for blogger which helps visitors choose to click on your blog in search results by Meta Description. Here you can write a compelling summary (max 150 words) of what your blog is all about with your " main keywords".

To enable meta tag search description go to your blogger blog and click on Settings >> Search Preferences >> Meta tags >> and select Yes option. now add your blog description and click on save button (as shown in image).

#3. Custom 404 Page Not Found

This is most crucial SEO setting in blogger. we must enable this setting in blogger for better SEO and user experience.

404 page not fount is a error page shows when visitor clicks on broken link of your blog post. it tells your readers that you have clicked on broken link and this page is doesn't exist anymore.

I have created short JavaScript for this setting you can add it by going on blogger Settings >> Search Preferences >> Errors and redirections >> Custom Page Not Found >> and select Edit option. now simply copy below JavaScript and past it in empty box.

To complete tutorial Read: How To Redirect 404 Error (Page Not Found) To Homepage In Blogger

JavaScript

[<h1>Ooops.... 404 Error Page Not Found!</h1>
<br><b>We're sorry but we could not find the page you are looking for.
This may happen if you have entered site URL incorrectly or this page doesn't exist anymore.</b>
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>]

#4. Custom Redirects

This is one of the most important SEO setting in blogger. If you had deleted some blog post then the link of these posts will broke, to deal with the broken links you have to paste your broken and new post link in custom redirects option which you will find exact below Errors and redirections.

If visitors click on broken link they they will redirect to your new post link. to find out all your blog crawl error broken links, go to your Google Webmasters Tool

#5. Custom Robots.txt File

Robots.txt is a command file for the search engine robots to explore or browse a pages of your blog. Robots.txt is arguably filter our blog from search engines. by adding this file you can tell google robots which information crawl and which don't.

Read Also: How To Add Custom Robots.txt File In Blogger/Blogspot

To add Robots.txt file to your blogger blog just click on your blog Settings >> Search Preferences >> Crawlers and indexing >> Custom robots.txt >> Paste below code in box.

[User-agent: *
Disallow: /search
Allow: /
Sitemap: http://yourblogname.com/atom.xml?redirect=false&start-index=1&max-results=500]

Note: Replace http://yourblogname.com with your blog URL

#6. Custom Robots Header Tags

This is another most important SEO setting for blogger. to setup this option go to your blog Settings >> Search Preferences >> Crawlers and indexing >> Custom robots header tags >> Edit >> Yes.

To make this process easy for you i have selected tags in below tags . so just select the tags just like i have selected in below screenshot.

#7. Nofollow/Open In New Tab

In above image i have selected Open this link in new window, which helps you to open link in new tab and it also helps to reduce your bounce rate and second one is rel="nofollow" tells search engines to do not crawl this link (don't show this link in search results).

Note: Use rel="nofollow" link attribute only when you have to link to irrelevant sites/pages that you don’t trust or don't want to show this link in search results.

Conclusion

So this is the complete tutorial on Advanced SEO Setting For Blogger. by adding/enabling this features you will surely make your blog more search engine friendly. if you still facing any problems and confusing let's join me in below comment box.

Do you liked this post, if yes then please do share. and if i missed anything please let me know. stay blessed!

How To Write Perfect SEO-Optimized Articles In Blogger

2016-08-18T06:37:00.002-07:00

As a blogger when we write blog article, we should optimize each and every blog post for search engine and also for blog readers so that it will improve the ranking on a search engine.

Google has algorithms which automatically rank your blog/website. they does not have any human workers, so whenever you publish new article on your blog, they send out spiders to crawl your article and check it all things that indicates whether your article is useful or useless. sometimes they does not index some articles which imply that your article doesn't make any sense for google.

I found many bloggers out there (especially from blogspot platform), who has blog with many quality and useful articles, but someway I realized that articles getting only plenty of views and others not getting good traffic.

Well, how do you get more traffic if you are writing blog posts without doing SEO-optimization?

Most of the beginners don't know how to write SEO-optimized articles in blogger. so i decided to write full post on it.

Writing SEO-Optimized Articles In Blogger

Step 1. Write SEO Friendly Post Title

Post title & description it's only two things that appears in search results that force the visitors to click on your link to read the full post. so it must be short, catchy and to the point.

You can add your focus keyword in post titles. it helps to tell search engines exact what is your post is all about?

Step 2. Publish High Quality Contents

First thing you have to remember that, when you write article for your blog , make sure that you publish high quality and original content. It should not be stolen from anywhere otherwise Google will punish you for that and you lose your rankings in search results.

Your article should be keyword rich with at most 3% of keyword density. and it must be 400-500 words or more than that because google loves to serve well defined article for his visitors.

Step 3. Optimize Images

Compress the image size - compress images to change size of images to make your blog load faster.

You can do that by using online tool Tinypng.com

Change image name - Before uploading any image for blog just make sure you have renamed this image with relevant name.

Alt tag, Title tag - In blogger you don't have to touch the html code to add this tag's to images. you just have to click on image (shown in above image) >> Properties >> add alt tag and title tag inside the box.

Know More : 6 Image Optimization Tips For Better Search Engine Ranking

Step 4. Keyword Placement

According to moz.com your focus keyword should appear in the first 100-150 words (1st paragraph) of the article.

If you do not set a search description for your page, Google will automatically grab the beginning 100-150 words of your content as a search description. expect this add your keywords in search description as well.

I recommend you to use only one targeted keyword in a post. If you are targeting multiple keywords in single post then it will make difficult for search engines to identify your post.

You can Google Keyword Planner Tool to find out the best keywords that will bring you loads of search traffic.

Put your main keyword in

Article Heading
Post Title
Page URL
Content
Search Description

Step 5. Optimize Blog Post Setting

In the left side of post editor you will see "Post setting" section. with the help of this section you can improve SEO of your blog post by adding blog post labels, permalink, search description etc.

Important Settings To Edit

After writing your post you have to edit 3 important setting to improve SEO of your article which i have explained below and highlighted in image.

Labels (Tags): help to group your blog posts together & act as a category.

Permalink (URL): By default, Blogger takes your post URL from your title but sometimes it removes the extending characters from permalink, if you have a long title. The permalink feature allows you to add custom URL of post that you can put your focus keywords in URL.

Here is example of Automatic Permalink vs Custom Permalink:

Automatic (Bad for SEO):

http://www.yourblogaddress.com/this-is-super-long-automatic-permalink-blah-blah-blah.html

Custom (Recommended):

http://www.yourblogaddress.com/blogspot-custom-permalink.html

Search Description (Meta Description): In this section, you need to write short summery (approximately 156 characters) about your post with your important keywords.

Step 6. Use Bold And Italic Tag

Most probloggers uses bold and italic tags to highlight keywords. and i recommend you to use it in your blog posts effectively.

Using these tags to highlight targeted keywords or important text in your contents will help you for improving rankings. and it also helps to reduce bounce rate.

Conclusion

So this is the simple basic tutorial on writing perfect SEO optimized articles in blogger for beginner blogger.

If you are not getting good traffic from search engines then you may follow this post to make article seo friendly and really make sense to google.

If this post has helped you, kindly do share.

How To Add Multiple Author Info Box Widget In Blogger Posts

2016-07-30T07:22:00.000-07:00

If you are looking for a professional multiple author info box widget for blogger, then today i come up with the author box widget that you must have in addition to increase your blog design and authority. it will looks very attractive at the end of your blog posts. This author box displays the author name, Short description and three social media icons.

After finished reading article, many readers even i am try to find out who is the author of behind this article and what are the other articles written by that author.

They want to connect and interact with you or they want to follow you on various social media networking sites to get instant updates from your blog. therefore i have coded this simple and professional author box for blogger.

This widget automatically fetch your Google Plus info like profile image, introduction so you don't have to add additional info for you and your guest author.

In the tutorial you are going to learn how to add multiple author box widget in blogger below every blog post.

Professional Multiple Author Box Features

Multiple Authors Support
Auto From Google Plus
Professional Look
Responsive Design
Short Code (doesn't affect on your blog loading speed)
Simple CSS Design
Very Easy To Install & Customization
Suits To Your Template

Adding Multiple Author Info Box Widget In Blogger

Note: To be on the safe side, Please back up your Blogger template before making any changes.

Step 1: Go to your blogger dashboard >> Template >> Edit HTML:

Step 2: Search for ]]></b:skin> the following code by pressing Ctrl+F

Step 3: Now just before/above this code add following CSS code.

[/* Multiple Author Box CSS Code*/
.authorboxwrap{background:#fff;margin:10px auto 20px;padding:20px;overflow:hidden;border-top:4px solid #bdc3c7;}
.avatar-container{float:left;padding:10px;margin:0 20px 0 0;background:rgba(0,0,0,0.07);border-radius:100%}
.avatar-container img{width:90px;height:auto;max-width:100%!important;border-radius:100%;transition:all .3s;}
.avatar-container img:hover{transform:rotate(-15deg)}
.author_description_container h4{font-size:18px;font-weight:600;display:block;margin:0;margin-bottom:2px}
.author_description_container h4 a{color:#333}
.author_description_container p{margin:0;color:#333;font-size:16px;margin-bottom:8px;line-height:25px;font-weight:400}
.social-links li{list-style:none!important;float:left}
.social-links a{border-bottom:none}
.social-links a:after,.social-links a:before{content:none!important}
.social-links li a{background:rgba(0,0,0,0.5);color:#fff;font-size:13px;text-align:center;display:inline-block;padding:0;margin:0 10px 0 0;width:30px;height:30px;line-height:30px;border-radius:100%}
.social-links li:nth-child(1) a{background:#516ca4;}
.social-links li:nth-child(2) a{background:#00c3f3;}
.social-links li:nth-child(3) a{background:#f20000;}
.social-links li a:hover{opacity:.9;color:#fff}
/* Multiple Author Box CSS Code*/]

Step 4: Now find <div class='post-footer'> and just above it paste the following piece of HTML code.

[<b:if cond='data:blog.pageType == "item"'>

<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='90' width='90'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'><data:post.author/></a>
<i class='fa fa-check-circle' style='color:rgb(17,143,249);font-size:14px;' title='Verified Author'/></h4>
<p><data:post.authorAboutMe/><b/>
</p>
<div class='social-links'>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a></li>
<div class='clr'/>
</div>
</div>
</div>
</div>
<div style='clear:both'/>
</b:if>]

Step 5: Add Facebook, Twitter and Google Plus links in above code and finally save template.

Customizing Google Plus Profile

1) Go to your Google Plus Profile About>>Click edit on story Section and add your short introduction as shown in below image.

2) Click on "Save" button.

3) Now we need to activate "Show Author profile widget". Go to Blogger >> Layout >> Blog Posts >> Edit and now scroll down and tick mark the "Show Author Profile below post" option as shown in below image.

4) Now save this widget.and see the result.

Try It Yourself

I hope this tutorial will make easy for you to add multiple author info box widget in blogger. Try this widget on your blog and let me know how it works.

If you are facing any type of problem while installing this widget feel free and drop your questions in below comment section. I would like to help you out. Happy Blogging :)

How To Download Easily YouTube Videos

2016-07-26T03:11:00.000-07:00

YouTube is one of the most popular website in the world. The number of people watching video on YouTube is increasing day by day, there are many peoples use this website as a entertainment and some even use it for educational purpose.

While watching any video on YouTube many users want to save their favorite videos to their computer to watch it later so they can't download it without any third party software.

There are tones of websites will help you to download YouTube videos with simply pasting URL of this video but some websites force you to download some extensions/software to downloading a video, otherwise you are not able to download it. So that's why today i am going to share with you some trouble-free ways (Tool and websites) that i mostly use for downloading YouTube videos.

Best Ways to Download YouTube Videos

Although there are various websites and tools available on internet to download YouTube videos or movies. but today i am sharing some easy and fully comprehensive functional ways which i have tried and tested.

#1 Savefrom.net

Savefrom.net is my favorite and one of the most used free online tool allows downloading videos from Youtube easily. Users can choose any video resolutions including 1080HD, 720HD, 480p even more.

Steps To Download Any Video From YouTube

Step 1: Paste URL of the video in the bar just like shown in above image

Step 2: Hit enter button and you will see green download button.

Now it will fetch download links in all possible formats that the particular site provides.

Step 3: Select any format which you want to download, after this your download will start automatically.

#2 YTD YouTube Downloader

YTD YouTube Downloader is desktop software that allows you to download videos from YouTube, Facebook, Dailymotion Video, Vimeo Video, and many others and convert them to other video formats for free as well.

You can use either basic version or go with pro version. you need to spend 29$ for the pro version. in pro version you can download multiple video at a time and in our other hand we don't have this feature. but i will recommend you to use free basic version if you are just newly user.

To download any video just copy the URL of video and paste it in this software and select download quality and simply hit button.

Official website: Download YTD/More Info

#2 KeepVid

KeepVid Video Downloader is a free online tool that allows you to download high quality videos from sites like YouTube, Dailymotion, Facebook, Vimeo, and many more. All you have to do is the copy URL of the page that has the video you want to download. Enter it in the text box (Shown in image) and simply click 'Download.

Now Right-click and Save Target or you just click on Download.

Final Words!

So, these are the best easy ways you should try at-least once to download YouTube videos for free. Let me know if you any other best tools, give some good suggestions for our readers or share your experience with us via comment section.

Stay tuned, Stay updated and share this article with your friend if you found it helpful.

Top 10 SEO Friendly Responsive Blogger Templates 2016

2016-07-22T06:55:00.004-07:00

Do you know?

More than 40 % websites in the world were created with blogger/blogspot platform which is owned by Google. this is the most popular content management system (CMS) and there are millions of users who uses this platform for blogging or business purpose.

The first things you need to think about when you start your first blog is how your site is going to look.

Some newbie bloggers uses default blogger template and some of does not have a good choice of choosing best template for his blog.

Therefore, i come up with the top 10 awesome SEO friendly responsive free and premium blogger templates of 2016.

If you have started your blog on blogger and still you are using default template then i will recommend you to switch it up with a custom blogger template. this article will help you to select what is best for your blog.

Why should change default blogger template:

Default templates doesn't give professional look to your blog.
They are not updated since 2009.
They are not SEO friendly as compared to custom blogger templates.

Responsive Free Blogger/Blogspot Templates

#1 MagOne

MagOne is premium best selling magazine style responsive newspaper and magazine blogger template of 2016 designed by tien nguyen van.

This theme has a amazing framework. which means you don't have to get your hands dirty by coding. just drag and drop widgets and that's it.

I think this is the first template which comes with the amazing feature called SpotSettings which make it different. this feature allows you to change template setting easily without getting any trouble. The price of this theme is $21, it’s totally worth enough to get started with your professional looking designed blog.

Features: Multiple Layouts, Responsive Design, Flexible Header, Flexible Customization, RTL language Support, SpotSetting and many more amazing features.

Purchase Here Live Preview

#2 Viral Mag

Viral Mag is powerful responsive and multi-purpose free blogger template created in july 2016 by team sayed faizan ali from templateism.

This template coded by professional designers of templateism with the all important features and that’s why this template is considered to be as one of the best SEO optimized and fully responsive template.

This theme really gives the professional look to your blog. and the price of this template bit higher ($30) but if can download it free of cost by giving proper credit in footer.

Features: Ultra Responsive, Attractive Featured Post Slides, Ads Friendly, Jumbo Social Share Counter, Multi-Author Info Box and even more.

Download Now Live Preview

#3 BMag

BMag is premium completely well designed attractive, clean magazine style blogger template. The powerful admin panel of this template is very good (see here). it helps admin to design attractive homepage easily by drag and drop modules.

It is 100% responsive, SEO friendly and adsense ready template. I would like to recommend this template for every blogger who wanted to run a professional blog on blogspot. because this template has very nice and cool features that every blogger wanted to have.

However, to grab this you have to pay only $21 which is comparatively nothing.

Features: Fully Responsive Design, Unlimited Colors & Fonts, PowerFull Admin Panel Check it, SEO Optimized, RTL Support, Support Facebook Open Graph & Twitter Cards, Disqus and Facebook comment system in tabs using shortcode, Adsense Ready with new widget to add ads inside posts, Blogger,

Purchase Here Live Preview

#4 Sevida

Sevida is most popular fully responsive blogger template which looks good on all devices; big and small screen sizes. there is a Professional admin layout, help you to easy work with blog layout. and the template comes with two layouts: boxed and full width.

It looks perfect for magazine, news and tech niche blogger blog. to grab sevida licensed copy, you need to pay only $21.

Features: 100% Responsive, Auto Featured Post from JSON (Slideshow), Ajax Page Navigation, Ajax load more post, Cool blogger threaded comment (Support Google+ Comment) with Emoticon, SEO Optimized, Unlimited colors, Ads ready, 3 Comment System (Blogger, Facebook, Disqus), RTL Language Support and more,

Purchase Here Live Preview

#5 Setiva

Setiva is a premium another beautiful and modern blogger template. its clean and fresh looking flat color based responsive blogger design and high user friendly blogger template.This theme looks perfect on news, magazine and personal niche blogs.

You have to pay $21 for grabbing this stunning template for your blog. i will highly recommend to use this template one i am sure you will love it.

Purchase Here Live Preview

#6 Copyblogger V2

The CopybBlogger V2 is fast loading, Fully responsive and clean minimal free blogger template adapted from genesis child WordPress theme created by Chandeep J.

I have checked all the features of this template and it really looks cool so it's a good choice to to get started with your professional blog. you can use this template for niche like tech, blogging, SEO etc.

Features: Nice and Simple Design, Responsive theme, Fast loading Theme, Low Errors In W3C Validation, SEO Optimized and many more..

Download Live Preview

#7 Bresponsive

This is another free premium looking news and magazine style fully responsive blogger template and the design of this template looks cool like WordPress theme.

It is fully SEO-Optimized template which will help you to get top ranking in search engines.

Features: 100% Responsive, Subscribe Widget, Mutiple Category posts Widgets, Featured Carousel slider Top, SEO optimized, Ads Ready, Social Icons Widget Tabbed content Widget for Blogger(Popular,Recent,comments,Tag), Latest Tweets Widget, Page navigation like Word press, Horizontal Category Navigation etc.

Download Live Preview

#8 MegaMag

Mega Mag is a premium responsive modern blogger template which has fresh and clean style and is perfect for magazines, portfolio and personal websites. There are 2 responsive flexsliders and 4 column footer area. The theme has been made highly SEO friendly which helps to get top ranking on search engines and there are unlimited colour options to choose from.

You can grab this template just pay $21 for this awesome one.

Features: RTL Support, 100% Responsive, Optimize SEO, Auto Blog Post Summarize, Auto detect flickr and other Images open for Lightbox, Multi Author Supported, Jquery image overlay effect with Icons, YouTube Video Support, Ads Ready, Responsive Flexslider, News Ticker and even more,,

Purchase Here Live Preview

#9 Glossy

Glossy is a free clean and full responsive news, magazine blogger template. the design of this theme is very simple and attractive, this theme is perfect for travelers, writers, photographers, illustrators, fashion food or sport lovers niche blogs.

Features: 100% Responsive, Attractive Featured Post widget, Ads Friendly, Social Share buttons, 3 Comment System (Blogger, Facebook, Disqus) and even more.

Download Live Preview

#10 Flat News

Flat News premium blogger template was designed by professional theme designer tien nguyen van. This template is very easy to work without touch to code. its 100% responsive and drag-drop to build your own home design.

This template is suitable for technology, photography, blogging and magazine website. to grab this template you need to pay $21.

Features: 100% Reponsive build home layout by add / drag / drop widgets (very easy change the sorting of the label sections or repeat label sections), Very friendly Admin Panel, Advance Editor: upload background images, change background color, key colors, fonts, Smart Resize Thumbnail, Facebook and Disqus comment ready, Auto detect social icons, Ads ready

Purchase Here Live Preview

Final Words

So, these were the Top 10 SEO Friendly Responsive Blogger Templates 2016. I hope you like these hand picked blogger templates and i think you must have got the perfect template for your blog.

Stay tuned for more updates and more useful articles which will help you to run a successful professional looking blog. and If you want to share template which has amazing features then feel free to share it with us with comment box. Happy Blogging :)

How To Create Privacy Policy Page For Blogger And Wordpress?

2016-03-24T04:49:00.001-07:00

Every professional blog has a privacy policy page which is a statement or a legal document that discloses how your site/blog gathers and store information from visitors while they're on your blog.

Many ad serving programs, like Google Adsense, require privacy policy page on your blog to participating in their advertising network.

In this tutorial i will show you how to create privacy policy page and set that up to your blogger and WordPress blog.

Create A Privacy Policy Page For Your Blog:

You must be thinking..... how to create it? let's make it easy for you :)

You don't need to write it yourself or you don’t need a lawyer any way. there are tones of Privacy Policy Generators you will get.

Below are some simple steps you have to go through in terms to create privacy policy page without getting any shot.

1) Just go to the SerpRank privacy policy generator page and click on register button.
2) Now select Serp Rank basic level
3) Fill the account information as shown in image below.

4) Accept terms and conditions and hit Submit and Conform button
5) Now Click Here to go main page.
6) Fill the form as shown in below screenshot.

9) After filling up all the details, click on "Create my Privacy Policy" button.
10) Now copy your privacy policy.

Adding Privacy Policy Page In Blogger:

1) Open your Blogger Dashboard >> Pages>> click on New page link.

2) Give a page title as a "Privacy Policy".

3) Now paste that copied policy in your newly created page.
4) Click on Publish button. now place this page wherever you want to display (Footer or Header).

Adding Privacy Policy Page In WordPress:

1) Go to your WordPress Dashboard.
2) Click Pages >> Add new.
3) Give a title as a "Privacy Policy" and paste the copied privacy policy into the post editer.
3) Click on Publish button.

Final Words !

I have tried explaining almost every single detail in this article. Still if you are getting any trouble while adding privacy policy page on your blog then please open your mind and feel free to ask me it would be a pleasure helping you.

10 On Page SEO Tips To Optimize Your Blog For Search Engines

2015-12-22T11:42:00.000-08:00

Now day Search Engine Optimization has become a very important part in web development because Google upgrading his system with many algorithms to get better and better results from web pages and show them to visitors.

Without SEO you can not get good amount of traffic to your blog. for getting traffic from Google and other search engines follow some tips which I mentioned below.

While doing on page or off page optimization make sure you are not making these 10 SEO mistakes:

Read: 10 Common SEO Mistakes You Should Stop Making Right Now

Search Engine Optimization Factors :

#1 SEO Friendly URL

SEO friendly URL is simplest method to improve blog search engine ranking. search engines like Google, Yahoo, Bing gives too much importance to SEO friendly URL's.

When search engine begin to analyze your blog pages, then firstly they look on permalink URL. If you are creating bad permalink then you are doing big mistake. so it simply proves that your blog URL structure must have well optimized.

See the live example of Bad URL structure and Good URL structure

Bad Permalink Example :

http://www.yourblogaddress.com/01234
http://www.yourblogaddress.com/this-is-super-long-web-site-url-blah-blah-blah
http://www.yourblogaddress.com/on_page_seo_tips

Good Permalink Example :

http://www.yourblogaddress.com/on-page-seo-tips

#2 Title Optimization

Title tag is placed in meta tag in <head> section and it tells search engine and peoples what your website/blog about. if your blog title is well optimized then you will get more traffic to your blog from search engine.

Google displays the 50-60 characters of a title tag or many as will fit in 512 pixel display. you must have to optimize your blog title for search engine and mention only targeted keywords in your blog title.

Search engine watch describes some best techniques about title optimization this may help you : Title Optimization.

#3 Image Optimization

Image optimization is another most important part of Search engine optimization. you may not realize this but images can generate a nice traffic. and that's why you have to optimize blog images for search engine.

If you want to get more traffic to your blog images then you must learn how to optimize blog images.

How To Optimize Blog Images?

Alt Tag: when we see computer image then we can instantly recognize this image but search engine spiders can't recognize any image without Alt tag. and that's why you should use Alt tag in images.

If you are using Blogger platform then simply click on image in post editor then go to image properties and add your alt tag.

If you are using WordPress then you have to install : SEO Image Plugin after installing this plugin just go to Setting >> SEO friendly images and then add your meta tag.

You can also add Alt tag in HTML source simple add alt="put your alt tag here"

Example : <img src="computer-screen.jpg" alt="Computer">

File Size: Make image size as small as possible you can resize and compress images using online tools like Picnick Or Image Optimizer.

To increase your web pages speed/load time you need to use an image editing software's to make your images load fast.

File Name: Before you upload image, give a suitable title for images and use keywords in image file name.

Read More : 6 Image Optimization Tips For Better Search Engine Ranking

#4 Keyword Placement

Keyword placement is very important factor to showing blog pages to search engines. so here I will show you where to place keywords for better ranking.

Google has technology called LSI and they analyze the different meaning of different keywords on a page to determine page relevancy. so use keywords related to your article.

Lets See Which Is The Best Place To Put Keywords:

1) According t Moz your keyword should appear in the first 100-150 words of the article.

2)Place Keywords in title tag's. blog title post title and H2 heading tag.

3) Put Keywords in <meta name="description"> , <meta name="keywords">.

4) Place your Keywords in comment section when you reply to the visitors.

5) Also you can place your keyword in website URL.

#5 Sitemap Submission

When you starting blog or website first thing that you should do is submitting sitemap to various search engines.

For getting indexed in Google you must have to submit XML sitemap to Google webmaster tools. it will crawl your whole blog using sitemap and also it shows crawl error, broken links and much more...
Must Read : How To Submit Sitemap To Google Webmaster Tools.

#6 Blog Loading Speed

If your blog loading speed is very slow then visitors will go back and wouldn't re-visit to your blog. and that's the reason you have to optimize blog loading time.

Ways To Speed Up Blog Pages:

1) WordPress Users : Get Catching plugin, remove unused PHP tags.

2) Reduce HTTP request on each page.

3) Don't put lot off JavaScript and remove unnecessary widgets.

4) Use fast loading templates/themes

5) 6-7 posts on your landing page/homepage.

6) Don't install lot off third party plugins.

7) Use read more link.

#7 Keyword Density

Keyword density means how many times same keyword appear in blog post. so you should keep keyword density in between 1% to 3%. if using keywords more than that Google bot will consider search spam.

Many bloggers stuffing to many unnecessary keywords in blog posts. if you are doing that type of mistake then Google will ignore this post and your blog may penalized.

#8 Optimize Blog For Social Sharing

Social media is best resource to get huge traffic to your blog and if you are getting huge traffic from social media then you must have to optimize blog for social sharing.

How To Optimize Blog For Social Networking Sites?

Very simple ! using social sharing buttons, widgets, plugins just add it on your blog. by adding this you will indirectly increase chances to get inbound links.

According to B2B if you have 100 Google plus followers then you will get 14.63% traffic.
300 Google +1 votes 9.44% traffic
70 Facebook shares and 50 likes means 6.9% traffic
50 Twitter tweets means 2.88% traffic

#9 High Word Article With Quality :

We all know that content is king and this is only an effective way to attract the visitors. for visitors you should write and provide high quality contents. as well as for getting more comments, share's and high SERP rank you have to write at least 1000 to 1500 words article.

But one thing keep in your mind that Quality is more important than Quantity so you have to think about Quality not about Quantity.

Also Read: How To Hold Visitors For A Longer Time On Your Blog

#10 Responsive Design

Responsive blog design means your website adjust in size based devices. if you have not a responsive blog design then it will increase bounce rate on mobile, smartphones and other non desktop devices.

Now day most of peoples uses smartphones for internet and that's why you need to make your blog design responsive to reduce bounce rate on non desktop devices.

Final Words !

So friends these are the basic 10 on page search engine optimization tips you can apply to optimize blog for search engines. If you have any questions regarding Search Engine Optimization then let me know via comment box.

5 Examples To Customize Blockquote Style In Blogger And WordPress

2015-03-17T06:51:00.001-07:00

Blockquotes are usually used to indicate the quotation of a large section of text from external sources or highlight someone's quotes, thoughts in blog article.

Now day's every blogger started to using it on their blog to make blog article stand out and grab the reader’s attention.

Usually all blogging platform has a default styling for Blockquotes, but we should modify a default styling with something in relevance with your theme/template. So, this tutorial will show you how to customize blockquote style in Blogger and WordPress. along with it I'll present 5 stylish examples of customized blockquotes styles for your blog using CSS.

We'll be using different pseudo-elements like :before , :after for creating a unique look for 5 examples.

Many bloggers have a curiosity to know Is there an advantage or impact for SEO of blockquotes?

No! I don't think so, there are many probloggers uses blockquote on their blog and I haven't seen any example that tells me it can heart SEO. but it actually help you to rank well on Google. What do you say about it?

How To Customize Blockquote Style In Blogger/Blogspot:

To add customized blockquote style in blogger just navigate to Blogger Dashboard >> Template >> Edit HTML and Search for </head>

Now choose one of the styles suggested below and copy the CSS code and paste it before </head> tag.

Done! Save your template!

Now whenever you want to add blockquote style in your blog post just copy that text which you want to appear as a blockquote and hit icon as shown in below screenshot:

How To Customize Blockquote Style In WordPress Themes:

It's quite simple to add blockquote style in WordPress themes, you need to add the following codes to style.css or custom.css file of your theme. You can do this with another way just go to Appearance » Editor in your WordPress admin or edit.

Now, pick out on of the styles suggested below and design your blog/website for a better user interface.

#BlockQuote Style 1: Simple

In this example I have used Unicode for left double quote. you can increase the size of quotation mark just edit font-size:4em; with you size.

BlockQuote Style 1 For Blogger:

<style>
.post blockquote {
background:#f9f9f9;
border-left:6px solid #ccc;
font-family: Georgia, serif;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
.post blockquote:before {
color:#ccc;
content:open-quote;
font-family: cambria, Georgia;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
.post blockquote p {
display:inline;
}
.post blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 10px;
}
</style>

BlockQuote Style 1 For WordPress:

    blockquote {
    background:#f9f9f9;
    border-left:6px solid #ccc;
    font-family: Georgia, serif;
    margin:1.5em 10px;
    padding:.5em 10px;
    quotes:"\201C""\201D""\2018""\2019";
    }
    blockquote:before {
    color:#ccc;
    content:open-quote;
    font-family: cambria, Georgia;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em;
    }
    blockquote p {
    display:inline;
    }
    blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    }

#BlockQuote Style 2: Hover Effect

This was my favorite style, I found it on codepen, In this example you can see mouse hover effect which is looking really elegant.

BlockQuote Style 2 For Blogger:

   <style>
   .post blockquote {
    text-align:left;
    font: 16px/24px Arial, sans-serif;
    color: #555;
    padding: 0.5em 10px;
    margin: 1.5em 10px;
    }
    .post blockquote:before {
    content: open-quote;
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    background: #ddd;
    float: left;
    position: relative;
    border-radius: 25px;
    margin-right: 0.5em;
    vertical-align: -0.4em;

    display: block;
     height: 25px;
     width: 25px;
    }
    .post blockquote:after {
    content: close-quote;
    font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    background: #ddd;
    float: right;
    position: relative;
    border-radius: 25px;
    margin-right: 1em;
    vertical-align: -0.5em;

    display: block;

    height: 25px;

    width: 25px;
    }
    .post blockquote:hover:after, blockquote:hover:before {
    background-color: #555;
    transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    -webkit-transition: all 350ms;
    }
    </style>

BlockQuote Style 2 For WordPress:

blockquote {
text-align:left;
font: 16px/24px Arial, sans-serif;
color: #555;
padding: 0.5em 10px;
margin: 1.5em 10px;
}
blockquote:before {
content: open-quote;
font-size: 24pt;
text-align: center;
line-height: 42px;
color: #fff;
background: #ddd;
float: left;
position: relative;
border-radius: 25px;
margin-right: 0.5em;
vertical-align: -0.4em;
display: block;
height: 25px;
width: 25px;
}
blockquote:after {
content: close-quote;
font-size: 24pt;
text-align: center;
line-height: 42px;
color: #fff;
background: #ddd;
float: right;
position: relative;
border-radius: 25px;
margin-right: 1em;
vertical-align: -0.5em;
display: block;
height: 25px;
width: 25px;
}
blockquote:hover:after, blockquote:hover:before {
background-color: #555;
transition: all 350ms;
-o-transition: all 350ms;
-moz-transition: all 350ms;
-webkit-transition: all 350ms;
}

#BlockQuote Style 3: Using Dashed Border And Background Quote Image

In this example I have added dashed border around blockquote, Image for double quote and I have used Muli font from Google web fonts library.

BlockQuote Style 3 For Blogger:

<style>
.post blockquote {
@import url(http://fonts.googleapis.com/css?family=Muli);
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB7pf6IOcCIlsK9Jqzt1NBgaHEiMxmIfugC8UODz2ukBG06XVfxgawVNhW32MhZFd_oNxMRNHFGD-H1ObNiaIdLDB939gMxY7fkAU0tSVIIAZ5Lrl1b2sBcbZaJX5w2VXbldP4UVvDw5AT/h120/blockquote.png) no-repeat;
border: dashed 2px #ccc;
color: #333;
font-family: muli;
margin: 30px;
padding: 20px 30px 30px 40px;
}
</style>

BlockQuote Style 3 For WordPress:

blockquote {
@import url(http://fonts.googleapis.com/css?family=Muli);
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB7pf6IOcCIlsK9Jqzt1NBgaHEiMxmIfugC8UODz2ukBG06XVfxgawVNhW32MhZFd_oNxMRNHFGD-H1ObNiaIdLDB939gMxY7fkAU0tSVIIAZ5Lrl1b2sBcbZaJX5w2VXbldP4UVvDw5AT/h120/blockquote.png) no-repeat;
border: dashed 2px #ccc;
color: #333;
font-family: muli;
margin: 30px;
padding: 20px 30px 30px 40px;
}

#BlockQuote Style 4:

Example 4 will have cool circle around quotation mark.

BlockQuote Style 4 For Blogger:

<style>
.post blockquote{
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
border-top: solid 2px #dddddd;
border-left: solid 2px #dddddd;
border-right: solid 2px #dddddd;
border-bottom: solid 2px #dddddd;
margin: 1em 0px;
padding: 1em 1em;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
font-size: 1em;
min-height: 60px;
}
.post blockquote:before {
display: block;
float: left;
content: "\201C";
font-size: 100px;
margin-right: 10px;
color: #fff;
background-color: #03C9A9;
padding: 15px 12px 5px 8px;
width: 50px;
height: 50px;
line-height: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.post blockquote cite {
position: relative;
display: block;
text-align: right;
margin-top: 5px;
color: #999;
}
</style>

BlockQuote Style 4 For WordPress:

blockquote{
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
border-top: solid 2px #dddddd;
border-left: solid 2px #dddddd;
border-right: solid 2px #dddddd;
border-bottom: solid 2px #dddddd;
margin: 1em 0px;
padding: 1em 1em;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
font-size: 1em;
min-height: 60px;
}
blockquote:before {
display: block;
float: left;
content: "\201C";
font-size: 100px;
margin-right: 10px;
color: #fff;
background-color: #03C9A9;
padding: 15px 12px 5px 8px;
width: 50px;
height: 50px;
line-height: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
blockquote cite {
position: relative;
display: block;
text-align: right;
margin-top: 5px;
color: #999;
}

#BlockQuote Style 5:

This was an awesome blockquote styleI found on codepen,

BlockQuote Style 5 For Blogger:

<style>
.post blockquote{
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify;
border-left: 15px solid #c76c0c;
border-right: 2px solid #c76c0c;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}
.post blockquote::before{
content: "\201C"; /*Unicode for Left Double Quotes*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;
position: absolute;
left: 10px;
top:5px;
}
.post blockquote::after{
content: "";
}
.post blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
.post blockquote a:hover{
color: #666;
}
.post blockquote em{
font-style: italic;
}
</style>

BlockQuote Style 5 For WordPress:

blockquote{
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify;
border-left: 15px solid #c76c0c;
border-right: 2px solid #c76c0c;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}
blockquote::before{
content: "\201C"; /*Unicode for Left Double Quotes*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;
position: absolute;
left: 10px;
top:5px;
}
blockquote::after{
content: "";
}
blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
blockquote a:hover{
color: #666;
}
blockquote em{
font-style: italic;
}

Final Words!

So, this was the complete tutorial on how to customize blockquotes style in Blogger and WordPress. and I hope that you found it helpful and I’m sure it will benefit you a lot.

If you have any query's, or if I missed anything in this article please let me know, I would love to hear from you :)

Now tell me which is your favorite blockquote style?

5 Common And Silly Blogging Mistakes You Should Avoid

2015-03-11T07:08:00.000-07:00

When you start your blog you might curious to know How to make your blog better than other blogs out there and how to become a successful blogger?

To be honest I am a bit confused to answer questions like this, because I am not a person who has a vast experience about blogging. I'm also still learning many new things in blogging world the same as other bloggers. and I still have a lot to improve my blogging skill.

But here as much as I would like to share what I've learned from my mistakes and I will also share how can you avoid these mistakes to rich out more peoples on your blog.

If you just started your blog you have to read some articles that tells you what you should do and what you should avoid. So today I am going to talk about common blogging mistakes which unknowingly happens by newbie bloggers. and these mistakes can prevent you to become a successful blogger.

7 Common Blogging Mistakes To Avoid

Blogging Mistake #1: Unattractive Blog Design:

The biggest mistake I can ever see that many bloggers puts lot of contents on their blog without having attractive and professional looking blog design.

If you want to make your first time visitor is regular visitor then you must have attractive blog design to catch your readers attention towards your blog.

Tips To Create Attractive Blog Design:

If you have not a blog designing skill then just spend few dollars to purchase template/theme or choose free but professional looking template/theme and customize it yourself.
Keep your blog design color scheme simple and eye catchy.
Use social share and social follow buttons to build good connection with your readers..
Most important widgets: Newsletter box, Author bio box, Social media buttons, Popular posts, Recent posts.
Use simple and fast loading fonts like Georgia, Arial, Verdana etc.

Blogging Mistake #2: Focused On Quantity Rather Than Quality

What’s more important for you - Quantity or Quality?

For every blogger quality should be important rather than quantity. This type of blogging mistake I have seen many times. many bloggers usually vying to fill up the blog with heap of posts in the hope of quickly getting a lot of visitors.

Writing few good quality posts on your blog will not give you thousand visitors! but it will give you a loyal readers :) and Writing thousand of posts without quality will surely give you thousand visitors but can you get even one loyal reader for your blog?

Just think about it!

If the quality isn’t good, then your conversions will be low with your readers, so why bother? just try to make great contents in order to get massive traffic to your blog.

Blogging Mistake #3: Don't Have Patience

Every blogger started blogging because he want to make money from it. They take it for granted that success in blogging can be done overnight, but it is not so easy. you need to have a lot of patience, efforts, and consistency in order to succeed.

Patience is most important ingredient to get success in blogging world

I see far too many bloggers who don’t have the patience to build good relationship, they becomes forceful in trying to promote their blog, get lazy in providing great and read worthy content and at the end they fail.

Patience is a success key for every blogger and nobody in the blogging industry who achieved their goal without hard work and patience. so keep some patience and success will follow you.

Blogging Mistake #4: Do Not Taking Advantage Of Search Engines

Why you write articles on your blog, the first reason is you want readers, Right? but how to get more readers for your blog in short span of time.

Social Media!

Only Social Media?

No! you can't get huge traffic from social media for a longer, you should optimize your blog posts in order to get more traffic from Google and other search engines.

So taking maximum advantage of Search Engines is most important for every blogger. but many bloggers "especially newbies" avoids SEO optimization.

Read: 10 On Page SEO Tips To Optimize Your Blog For Search Engines

To avoid this mistake learn how to do proper SEO optimization for blog post to achieve high rank on search engines.

Blogging Mistake #5: Lack Of Marketing, Just Focused On Contents

I agree with the guy who made up the statement"Content is king", but we can say that statement only when if we have a combination of great content and marketing, because marketing makes content king.

If you have a great contents on your blog but you don't have enough traffic then how can you say "content is king"

There are several blоggеrѕ оut there who provides great content оn their blog but they are unlisted in competitive blogging world, why?

Marketing Guys Marking!

After publishing post, you should promote your blog post on social networking sites to get instant response on your post. after getting response from your readers you can analyze readers engagement with your post.

I think you got, what I want to say. In short you can’t succeed in blogging by having only great contents. you have to marketing yourself on various social networking sites.

Conclusion

So, these are the 7 common blogging mistakes to avoid, The bottom line of this post is we should learn and grow from the mistakes and errors.

There are lots of blogging mistakes rolling out everyday so this is not the end. I will share some more articles on that topic so please stay tuned.

Don't forget to share your views with me, and share this post with your blogging buddies to create awareness about blogging mistakes.

How To Make Blogger Template SEO Friendly

2015-03-03T02:27:00.000-08:00

Blogger is most popular blogging platform hosted by Google. if you just want to create a blog, you can do so far free through Blogger.com and if you want to host blog on your own server with custom domain name, you can do so far under $50 per year.

Hoverer, Blogger is more SEO friendly blogging platform as compared to WordPress. but you can see, default blogger templates are developed many years ago and still not updated.

when I started my first blog on blogger I made biggest mistake that I used many templates on that blog without knowing template is SEO friendly or not. because I am beginner in blogging world.

There are several free blogger templates available on internet to download, but we must choose SEO friendly and attractive blog template. but many free blogger templates are not SEO friendly. So we should make some changes in blogger template to make it more SEO friendly.

Recommended: How To Create A Blog On Blogger Blogspot : Complete Guide For Beginner

Today I am going to share tutorial on how to make blogger template SEO friendly. this tutorial will help you to make your blogger template fully SEO optimized.

How To Make Blogger Template SEO Friendly

#1. Show Post Title Before Blog Title In Google Search:

The first thing to find in custom template is the structure of the title tag, because the Title tag is the most important SEO factor of blog.

The question, such as whether it's a good title tag?

The default template of blogger has the title structure more or less, see below image as a example:

Google shows only 65 characters of the title in search results. By default, in blogger, blog title shows before post title. This can affect on SEO ranking because post titles which have the main keywords got cut off because of the characters limit in Google search results.

To make Title tag SEO friendly find the following code in your template:

Note: While making any changes in blogger template, mistakes might be made. so backup your template.

<title><data:blog.pageTitle/></title>

Now replace that code with following code:

<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == "archive"'><title>Archive for <data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == "static_page"'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'><title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>

Note: If you are using custom blogger template, the structure of title tag has been modified, so it is better to be left it alone.

#2. Meta Description & Keyword Tags:

Another important SEO factor is meta description and keyword tag. If you ignore it you may loss huge amount of traffic from search engines, so just add proper meta description and keyword tags in your blogger template to make it more SEO friendly.

To add meta description and keyword tag in blogger template:

Find For <head> and Paste The Following Code Below <head> tag.

<meta content='Add your blog description here' name='description'/>
<meta content='Add your keywords here' name='keywords'/>

Replace Add your blog description here With Your Description (maximum 150 characters) and Add your keywords here (maximum 150 characters)With Your Keywords.

#3. Heading Tags:

There are many kinds of heading tags, from H1, H2, H3, to H6, but not all important heading tags existence, H1 tags is one of the most important. as far as I know there are three heading tags are quite influential role against on page SEO. The first is the H1 tag as described above and the next is the H2 and H3 tags.

H1 tags are generally used in the title of the blog, however much some blogspot templates that have been modified to dynamically perform the H1 tag. When the H1 tag located on the homepage of the blog title, whereas when it is on the page posts H1 tag located on the post title. The purpose of this modification is to optimize the post title in the Google search results.

I think the H2 and H3 tags role is not important as compared to H1 tag, but it would be nice if my friend use it to put the keywords in the tags so that the maximum.

Search for the below piece of code in your template:

<h3 class = "post-title entry-title 'itemprop =' name '>

Note: If you find above code two times then go with the second result.

Now search for the following or exact looking code in your template.

<a expr:name='data:post.id'/>
<b: if cond = 'data: the post.title'>
<h3 class = "post-title entry-title 'itemprop =' name '>
<b: if cond = 'data: the post.link'>
<a expr:href='data:post.link'> <data: post.title /> </a>
<b: else />
<b: if cond = 'data: the post.url'>
<b: if cond = 'data: the blog.url! = Data: post.url'>
<a expr:href='data:post.url'> <data: post.title /> </a>
<b: else />
<data: post.title />
</ b: if>
<b: else />
<data: post.title />
</ b: if>
</ b: if>
</ h3>
</ b: if>

Replace above piece of code with following code.

<b: if cond = 'data: the blog.pageType! = & quot; index & quot;'>
<a expr:name='data:post.id'/>
<b: if cond = 'data: the post.title'>
<h1 class = "post-title entry-title 'itemprop =' name '>
<b: if cond = 'data: the post.link'>
<a expr:href='data:post.link'> <data: post.title /> </a>
<b: else />
<b: if cond = 'data: the post.url'>
<b: if cond = 'data: the blog.url! = Data: post.url'>
<a expr:href='data:post.url'> <data: post.title /> </a>
<b: else />
<data: post.title />
</ b: if>
<b: else />
<data: post.title />
</ b: if>
</ b: if>
</ h1>
</ b: if>
<b: else />
<a expr:name='data:post.id'/>
<b: if cond = 'data: the post.title'>
<h2 class = "post-title entry-title 'itemprop =' name '>
<b: if cond = 'data: the post.link'>
<a expr:href='data:post.link'> <data: post.title /> </a>
<b: else />
<b: if cond = 'data: the post.url'>
<b: if cond = 'data: the blog.url! = Data: post.url'>
<a expr:href='data:post.url'> <data: post.title /> </a>
<b: else />
<data: post.title />
</ b: if>
<b: else />
<data: post.title />
</ b: if>
</ b: if>
</ h2>
</ b: if>
</ b: if>

Not done yet! Now search and replace all h3.post-title with h1.post-title

All done! Now save your template, your template is optimized for search engines.

Conclusion

I hope this tutorial will help you to optimize your blogger template and I think all of the above is enough to make your blogger template SEO friendly. after making all these changes I am sure you will get good amount of traffic from search engines

If you still confuse then drop your question in comment box, I will come up with new article till then subscribe our newsletter to get next post directly to your inbox :).

What To Do When Someone Copy Your Blog Content Without Permission?

2015-02-23T00:08:00.000-08:00

Plagiarism is becoming a very serious problem for bloggers. In fact, anyone can easily steal blog content and re-post on their blog without any permission. This is one of the biggest mistake happen by bloggers (especially newbies). because they aren't aware about plagiarism consequences.

Did you get your blog article is copied on other blogs ever? How do you feel? I know you will feel bad, but let's think out of the box, if you content getting copied that means scraper giving more value to your content.

Recently my friend (Rohan from Rohanchaubey.blogspot.com) blog’s content getting copied by someone, so he was little worried about that and trying to find ways to stop plagiarism. So that's why I decided to write article on plagiarism.

Well, copy pasting is natural thing, but if anyone publish your content on their blog without attribution, without credit back then we should take some action on that.

How to Find Out Who is Copying Your Blog Content

Find Duplicate Contents Using Google Search:

We have a easiest way to find content scrapers via Google search, All you have to do is, copy a unique sentence or phrase of your article and paste into Google search bar with double quotes. Now it will show you all results that similar to your sentence. if there is no sign of plagiarism means your content is safe.

Quicksprout is one of the most popular blog among bloggers, there is lot of articles copied on internet from quicksprout. as a example, see the screenshot below.

Find Duplicate Contents Using Plagiarism Tools:

To stop plagiarism there are several free online tools available on internet, they will help you to check your content is original or duplicate.

In my recent post I've shared some helpful tools to prevent your blog from being copied and detect plagiarism so this is the smart way to find plagiarism, check it out here:

Recommended Reading: Top 10 Free Online Plagiarism Checker Tools

Well, these are the tools to find out who is copying your blog contents and now we will see how to stop plagiarism.

How To Get Your Article Removed From Scraper's Site?

Contact To Blog Owner:

Taking legal action immediately it's not good option, Before you take some legal action on content scraper you should try another way to get your post down from his blog. The first step is try to contact the blog admin/author via contact page and politely request him to take down that post.

If there no contact box, get social media contacts from his blog and send private message to remove your article.

Report Google DMCA:

If you didn't get any response about your message, now it looks like we should take legal action. Now go to the Google DMCA Page and submit you legal request to remove copied content from Google search.

Read: How to Report DMCA to Remove Copied Content From Google Search.

Complain To Web Hosting Company:

Find out website details like web hosting company name, domain name etc. and send a complain to the web hosting company of that website using contact page. they will 100% respond your message and they will take action on that immediately.

To find out website details use this resources: whoishostingthis.com, who.is, semrush.com etc.

Report To Google Adsense DMCA:

If that content scraper uses Google adsense or any other advertising network on his site, then you can report to that advertising network to ban advertising on that site permanently.

Conclusion

Well, I hope this tips will help you to fight against plagiarism. If blog owner removed your content from his blog, it’s fine else we must have to take some legal actions.

So, what other techniques you have to prevent plagiarism? Share them with me in the comments. and don't forget to spread these words with your social media friends. :)

The Ultimate Guide To Hashtags [InfoGraphic]

2015-02-20T12:49:00.000-08:00

If you are addicted to social media then you know what is hashtag very well. Well, hashtag is a symbol (#) used to categorize messages/posts on social media.

When we use hashtag began of any special word (Example: #Blogging) then that word turns into clickable link. So social media users can easily find out relevant topics about hashtag which you have created.

Hashtag is an effective way to gain more social media followers as well as it can help you to drive some amount of traffic to your blog post.

Here is one great infographic where neil patel (Founder of quicksprout.com) has shown ultimate guide to Hashtags. So through it once and see how to increase social media presence using hashtags.

The Ultimate Guide To Hashtags [Infographic]

Let’s check this infographic and understand the importance and power of hashtag in social media.

Courtesy of: Quick Sprout

Top 10 Free Online Plagiarism Checker Tools

2015-02-20T07:38:00.002-08:00

Plagiarism is becoming critical issue in online world. internet is a place where anyone can copy somebody's original post and paste it on their own blog without any fear of copyrights.

If anyone republishing copied content and get indexed first into Google then it will hurt your SEO and lose your reputation in front of Google. from Google view your original content becomes duplicate.

Also Read: What To Do When Someone Copy Your Blog Content Without Permission?

So it's always better to be alert and secure from scrappers. so how did you find out if someone copies your original article from your blog and paste it on their blog without any permission? Are you sure that your article is 100% unique?

Don't worry guys! Today I am going to share 10 tools which will help you to find duplicate content across the web.

Top 10 Free Online Plagiarism Checker Tools

There are a ton of websites out there provides free plagiarism checking tools, but once we get right tool, we don't need to go through another tool.

Tool #1: Small SEO Tools

Small SEO Tools is a free online plagiarism checker tool developed by smallseotools.com. most of blogger's prefer this tool because it's easy to use.

To check plagiarism just simply copy and paste your content into the box and click on check plagiarism button. now it will show you the percentage of unique contents in Green Color and if the sentence is already exist on internet then it will show that Phrases or sentences in Red Color. just click on red color to know original source of that content.

Note: You should test posts with over 1500 words or less.

Tool #2: Copyscape

Copyscape is one of the most popular free online plagiarism checker tool among all the website developers and bloggers. It’s very easy to use. for checking duplicate contents all you have to do is paste your original post URL and press "Go" button. it checks whether similar URL appears elsewhere on the web.

Tool #3: DupliChecker

This is another great online plagiarism detection tool. It is absolutely free to use. just copy and paste your article/sentence and press submit button. it will show you result instantly. I have used that tool many times and it works fine.

Tool #4: Plagspotter

Plagspotter is one of my favorite online plagiarism checker tool. you can use it free or premium as you want. Bloggers must use PlagSpotter to find scrappers that repost their original blog content. it detects duplicate contents all over internet within a few seconds. just drop your URL and click on find page copies.

When he find copied contents on the web it will show that content in red color and also gives result in percentage.

Tool #5: Copygator

Copygator is a free online plagiarism checker tool. This tool is very helpful for monitoring RSS feed. You can scan your web pages to find plagiarized sentences. Just enter your text or URL and press show me button for plagiarism.

Tool #6: Plagium

Plagium is a 100% free online plagiarism checker tool. here you can check plagiarism by pasting text, entering URL, uploading txt file. Nevertheless, you can choose quick scan option for free without signing up but if you want to scan your content deeply and go with premium then you need to sign up.

Tool #7: Plagtracker

Plagtracker one of the best place to check for duplicate content across the web. it's free as well as a more effective for detecting plagiarism and grammatical errors in article. it help us to find daily 50% plagiarized content on the web.

Tool #8: Plagiarisma.Net

Plagiarisma.net allows you to check duplicate content by entering URL or txt, uploading your txt file. this is also easy to use and it supports more than 190 languages. If you are using free trial then you must create account to continue. but other tools you can use without signing up.

Tool #9: Paper Rater

Paperrater is an online free three in one automated proofreading tool which offers plagiarism content checking, grammar checking, writing suggestion.

Tool #10: Grammarly

Grammarly is one of the best online trusted proofreading tool I have ever seen. It offers Grammar Checking, Online Proofreading and online plagiarism checker as well.

For grammatical errors in article you can use this tool free but with limited features, if you want to go with premium then they will provide you a software which you can use on your computer without internet connection.

For plagiarism it will scan your text against over 8 billion web pages quickly. so I would like to recommend this tool for my readers.

Additional Plagiarism Checker Tools:

Conclusion:

So these are the top 10 free online plagiarism checker tools, So give them a shot and share your experience with me.

What other tools that you’ve found useful to fight against plagiarism? Do let me know via comments and do share these tools with your social media friends to create awareness about plagiarism.

10 Common SEO Mistakes You Should Stop Making Right Now

2015-02-09T13:16:00.001-08:00

SEO implementation is curious term of blogging and web development. and every serious blogger deeply know about that but some newbie bloggers can't understand some things that they should know.

I’m sure you have all used SEO optimization for better search engine ranking, but what about your common SEO mistakes?

Since Penguin and Panda, it’s very important to avoid those mistakes that we are making constantly. to avoid those common SEO mistakes I've made this article to show you which mistakes you should avoid to get high SERP in search engines.

Before I go more into depth of SEO mistakes, let me tell you I’m not a SEO expert but I would like to share what I have learned from my blogging experiences and mistakes.

10 Common SEO Mistakes To Avoid:

Mistake #1: Keyword Stuffing

Keyword stuffing is just the repetition of the same keywords or key phrases repeated within a page. if you are keyword stuffing, that means you don't care about your SEO.

If your keyword is “marketing strategy” use it less than 3 times for every 100 words. and try to keep your keyword density less than 3% for particular keyword. because if you use it more than this then your content declared as a spam by Google.

Once Google analyze that your content is stuffed with keywords, they will prevent your content from being indexed in search engine.

Mistake #2: Copied Contents

Should you copy contents from another blog? hope you not, because you might be using somebody's copyrights contents.

Search engines are very smart they can find which content is original and which is duplicate with the help of many algorithms. if you are using copied contents on your blog then you will face some legal problems in future. and your blog will getting penalized by Google.

When I started my first blog I did this mistake, but after meeting some successful bloggers I realize that copy paste is always bad. and I should respect hard work of bloggers who spend lot's off time to create great article.

So I just removed all those contents that I copied from other blogs and I pressed refresh button on my blogging journey to do blogging fairly. :)

How to copy paste blog article ?

If you like any article and want to copy some portion of content then you can copy this by giving proper credit to original writer/author. or you can use a rel=canonical to tell search engine that give all credit to the original article.

Mistake #3: Avoiding Keyword Research

This is a biggest mistake I have ever seen that many bloggers avoids keyword research because of they don't have time and patience. but there is no short cut to become a successful blogger, you need to do lots of hard work and you need to have patience.

keyword research is the very important term of SEO to get high SERP in search engines. if you are avoiding this, your content value is almost zero even your content is worth reading.

Read Also: How To Do Keyword Research Using Google Keyword Planner

Mistake #4: Over-Optimizing Your Site/blog

Search engine over-optimization is the very big mistake you should stop immediately if you are making. because it causes Google penalty. and once your blog caught in it, it's very hard to get out.

Penguin algorithm hits all the pages that have been over-optimized. and that's the reason we should avoid this mistake.

7 Sign's of Over-Optimization:

Keyword Stuffing: in article or at the end of article
Non-Relevant Keywords
Using too many H1 tags in content
keyword density more than 25%
Multiple articles describing the same
Useless Content's
Title doesn't match with content

Also Read: 10 On Page SEO Tips To Optimize Your Blog For Search Engines

Mistake #5: Ignoring H1 (Heading) Tag

One thing that I’ve noticed when I started blogging is that most of bloggers aren’t optimize h1 tags or ignoring it. but keep one thing in your mind that if you want to score your SEO then you should have at least one h1 tag.

Well if you want to write a perfectly optimized blog post then you can't ignore h1(heading) tag.

It is confirmed that search engines focus on h1 tag to determine about your exact topic, so for better search results it's very important to use h1 tag with big font.

Mistake #6: Stuffing Meta Description Tag With Keywords

When it comes to Meta Description for particular post, it's matter? of-course it matters but it's not a high ranking factor. it helps to increase click through rate(CTR). so write good meta description for your readers not for search engines.

One mistake you should avoid about meta description tag is stuffing keyword in that tag. and keyword stuffing is very harmful for us as I mentioned in mistake #1.

Mistake #7: Writing short/poor content

Every blogger trying to write quality contents in order to get good response from visitors and search engines, but many bloggers writes short/poor quality contents because of they don't have time or they are poor writer.

But if you are serious blogger then it's very important to dedicate lot's off time for your blog to stand out in Blogging world.

You might not know but Google analyze social shares, so it simply proves that if we want to get high rank we should write shareable contents.

To make your content shareable you should write the blog posts that contain 500 words or more than this.

Mistake #8: Incorrect Use Of Robot.txt File

Robots.txt is a command for the search engine robots to explore/ browse pages of our blog. Robots.txt is arguably filter our blog from search engines.

It's very important to setup robot.txt file on your blog but if you used it incorrectly then just little bit mistake can block your whole blog from being indexed from search engines. So add this file without making any mistake

If you want to setup robot.txt file on your blog or know more about it kindly read this tutorial :

Mistake #9: Link Building Mistakes

Buying Links and Link Exchange are two common link building mistakes might get your website in trouble.

If you are going to buy,sell links or link exchanging for your blog to drive traffic then your chances is high of getting penalized by Google.

Google hates this spam tactic so get rid of it immediately and try to build natural backlinks for your site.

Conclusion

So, these are the 10 common SEO mistakes happen when optimizing blog. once we are able to know what to avoid and what to implement while optimizing our blog, SEO will be easy for us.
There are many mistakes rolled out in web world but it's enough for the day. If you find this post useful, please help me by sharing this post. I will come up with new article till then, Happy Blogging! :)

So, let me know what do you think about all those mistakes, leave feedback in comment box.

How To Add Professional Author Box In Blogger Below Every post

2015-02-03T05:10:00.000-08:00

Does your blog have a Professional Author Box? In addition to having the great blog design, you should have "about the author" box on your blog. it contains descriptive information about the author. even professional bloggers always prefer to add about author box at the end of the post on their blog, because they know peoples wants to know little about author who has written the post.

Must Read:

Everyone wants to make his Blog or Website more attractive and professional. Therefore, I thought to share professional author box for blogger platform users who want to change the look of his blog.

In the following tutorial you are going to learn exactly how to add professional author box below every blog post in blogger. You can add an author box to the post footer in your Blogger blog by adding CSS + HTML code in your blogger template.

Professional Author Box Features :

Professional look
Fully responsive design
Simple CSS Design
Very easy to use and customizable
Short code (doesn't affect on your blog loading speed)
Suits to your template

Adding Professional Author Box In Blogger :

Note: To be on the safe side, I highly recommend you to back up your Blogger template before making changes.

Step 1

Go to your blogger dashboard >> Template >> Edit HTML:

Step 2

Search for the following code by pressing Ctrl+F

]]></b:skin>

Step 3

Now just before/above this code add the following piece of CSS code.

/*Professional Author Box CSS Code*/

.about-author {
width : 750px;
overflow : hidden;
margin:10px 0px;
border:0px;
    background: #f2f2ef;
    margin: 0 0 30px 0;
    padding: 10px;
    border: 1px solid #EAEDEF;
    overflow: hidden;
    color: #333333;
    font-size: 14px;
    font-family: Georgia, Tahoma, Verdana;
    line-height: 24px;
}
.about-author img {
display: block;
width: 90px;
height: 90px;
margin: 0 1.2em 0 0;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 999em;
-moz-border-radius: 999em;
border-radius: 999em;
border: 2px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.about-author h3{
font-family:georgia !important;
font-size:18px !important;
margin:9px 0px !important;
color:#666 !important;
border-bottom:2px solid #666 !important;
border-top:0px !important;
}
.about-author p {
margin:0px;
text-align:justify;
color:#666;
}

/*Professional Author Box CSS Code*/

Step 4

Next search for

<data:post.body/>

Step 5

Now just after/below this code add the following piece of HTML code.

<div class="about-author">
<h3>About Author:</h3>
<img align="left" src="Paste Your Image URL Here"/><p>Write Something About Yourself</p><br/>
<p>Let's Get Connected: <a href="http://twitter.com/shoutersclub" rel="nofollow" target="_blank"><font color="#00aced">Twitter</font></a> | <a href="http://www.facebook.com/shoutersclub" rel="nofollow" target="_blank"><font color="#3b5998">Facebook</font></a> | <a href="http://plus.google.com/109208666606854207231" rel="nofollow"><font color="#dd4b39">Google Plus</font>
</a></p>
</div>

Customization :

Paste Your Image URL Here : Add Your Profile Picture
Write Something About Yourself
http://twitter.com/shoutersclub : Replace with your Twitter page URL
http://www.facebook.com/shoutersclub : Replace with your Facebook page URL
http://plus.google.com/109208666606854207231 : Replace with your Google Plus page URL

Step 6

Finally, Save your template and see the result.

Final Words!

Friends! I will come up with a post on the same, but for now if you want to make sure not to miss it, subscribe to our Newsletter!.

Still if you have any questions or confused about the process then feel free to ask via comments. I would like to help you out. Happy Blogging!

How To Add Custom Robots.txt File In Blogger/Blogspot

2015-01-27T08:53:00.000-08:00

Maybe you've heard about the term robots.txt. What is robots.txt? is it necessary in the settings? what if I leave it alone? There are probably many other questions you have, especially if you are newbie blogger.

To better understand the meaning of robots.txt, to make it more understandable, I have made this tutorial.

If you want to get your blog indexed and crawl your pages fast then you should add this custom robots.txt file in your blogger blog. as well as it's a part of search engine optimization so you must be aware of the terms.

Also Read: How To Redirect 404 Error (Page Not Found) To Homepage In Blogger

How It Works?

Robots.txt is a command for the search engine robots to explore or browse a pages of our blog. Robots.txt is arguably filter our blog from search engines.

Let's say robot wants to visits a Webpage URL, example, http://www.example.com/about.html. Before it does so, it will check for http://www.example.com/robots.txt, and then it will access the particular webpage.

All the blogs already have a robots.txt file given by blogger/blogspot. By default robots.txt on blogs like this:

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://yourblogname.com/atom.xml?redirect=false&start-index=1&max-results=500

User-agent: Mediapartners-Google Disallow: User-agent: * Disallow: /search Allow: / Sitemap: http://namablog/feeds/posts/default?orderby=UPDATED - See more at: http://blog.kangismet.net/2013/10/cara-setting-robotstxt-di-blogger.html#sthash.aSTFQuhf.dpuf

What Is The Meaning Of Above Codes?

User-agent: Mediapartners-Google
This command tells your blog to allow Adsense bots to crawl your blog. If you’re not using Google Adsense on your blog then simply remove this line.

Disallow:
This cammand prevents Search Engine bots from crawling pages on your blog.

User-agent: *
All Robot Search Engines / Search engine

Disallow: / search
Not allowed to crawl the search folder, like .... / search / label and ... search / search? Updated ... here lable is not inserted to search because label is not a URL who estate towards one specific page.

Example :

http://www.shoutersclub.blogspot.com/search/label/SEO
http://www.shoutersclub.blogspot.com/search/SEO

Allow: /
This command tells allow all pages to be crawled, except that written on Disallow above. Mark (/) or less.

Sitemap:
Sitemap: http://yourblogname.com/atom.xml?redirect=false&start-index=1&max-results=500

How To Prevent Robot On Certain Pages?

To prevent particular page from Google crawling just disallow this page using Disallow command. For example : if I don't want index my about me page in search engines. simply I will paste the code Disallow: /p/about-me.html right after Disallow: /search.

Code will look like this :

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Disallow: /p/about-me.html
Allow: /
Sitemap: http://yourblogname.com/atom.xml?redirect=false&start-index=1&max-results=500

How To Add Custom Robots.txt File In Blogger ?

Note : Before adding custom robots.txt file in blogger you should keep one thing in your mind that if you are using robots.txt file incorrectly then your entire blog being ignored by search engines.

Step1
Go to your Blogger Dashboard

Step2
Now go to Settings >> Search Preferences >> Crawlers and indexing >> Custom robots.txt >> Edit >> Yes

Step3
Now paste your custom robots.txt file code in the box.

Step4
Now click on Save Changes button.

Step5
That's all, You are done! now you can see your robot.txt file. To view the robots.txt fine, please type in browser...

http://yourblogname.com/robots.txt

It's okay, your blog will still be crawled by search engine robots because as I mentioned before, every blog already possessed default robots.txt.

Final Worlds!

So friends! this was the brief tutorial on how to add custom robots.txt file in blogger, if you are a newbie blogger and you have missed the robot.txt then create one here to make your site SEO strong.

If you still have any quires regarding this article then please let me know, You can leave your question in comment box.

Thanks for reading this tutorial and I’ll see you in the next one. till then Happy Blogging !

How To Redirect 404 Error (Page Not Found) To Homepage In Blogger

2015-01-26T00:35:00.000-08:00

Today, I come with a very important tutorial is 404 page redirection, 404 error page tells user and search engines that a “page is not found". If anyone trying to access the page and suddenly appear “Page Not Found - 404” error. why does it occur? it's happens because you may have deleted your blog post or changed URLs. So in today’s tutorial I will tell you how to add/setup generic and custom blogger 404 redirection page in blogger.

Also Read: How To Add Custom Robots.txt File In Blogger/Blogspot

If you have deleted any blog post or changed blog post URLs and this time you have not setup 404 error page redirection in blogger then you will find your all 404 error pages in webmaster tools crawl section.

You can redirect your blog visitors automatically to homepage within few seconds using blogger 404 page redirection, So let start the tutorial.

Redirect 404 Error Page using JavaScript in Blogger :

Step 1
Go to blogger dashboard >> Search "preferences” option under the “Settings” tab.

Step 2

Now click on custom page not found >> Edit option under the "Errors and redirections"

Step 3
Copy the below code and paste in text box and click Save Changes.

Redirection JavaScript

<h1>Page Not Found!</h1>
<br><b>We're sorry but we could not find the page you are looking for.
This may happen if you have entered site URL incorrectly or this page doesn't exist anymore.</b>
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>

Setup Custom 404 Error Page in Blogger :

Step 1
Go to blogger dashboard and create a new page with title Page not found!.

Step 2

Now click on custom page not found >> Edit option under the "Errors and redirections"

Step 3
Copy below redirection JavaScript and replace "/p/page-url.htm" with your page name and paste in text box and click Save Changes. .

<script type = "text/javascript">
setTimeout(function()
{
location.pathname= "/p/404-page.html "
},
5000);
</script>

Final Words !

This was the today’s tutorial on how to redirect 404 error (page not found) to homepage in blogger and how to setup custom 404 error page in blogger.

If you have any quires regarding this tutorial then please feel free to ask with comment below this post.. And if you think my post was worth reading, then please don't forget to share it with your social media friends. Happy Blogging !

Social Media Buttons With CSS3 Cubic Bezier Transition Effect

2015-01-22T13:37:00.000-08:00

Hi friends, Today I came up with new social media widget or buttons with CSS3 cubic bezier transition effect. There are many social media widgets with transition effect you might seen before but this widget have transition effects with cubic bezier. and button is highlighted with awesome effects such as bouncing ( like using j Query easing ) well get on with it.

Also Read: How To Add Professional Author Box In Blogger Below Post

HTML Code

HTML structure of button divided it in li to facilitate the increase / decrease buttons you want , please delete the section "< li > <a href="#" class="icon cb" > < span > ....... < / span > </a> < / li >". For example, If you want to delete YouTube button then just delete < li > <a href="#" class="icon ytube" > < span > YouTube < / span > </a> < / li >.

[<div id="buttoncb">
<ul>
   <li ><a href="#" class="icon fb" ><span>Facebook</span></a></li>
   <li ><a href="#" class="icon twiter" ><span>Twitter</span></a></li>
   <li ><a href="#" class="icon google" ><span>Google+</span></a></li>
   <li ><a href="#" class="icon pint" ><span>Pinterest</span></a></li>
   <li ><a href="#" class="icon linkedin" ><span>LinkedIn</span></a></li>
   <li ><a href="#" class="icon devart" ><span>DeviantArt</span></a></li>
   <li ><a href="#" class="icon ytube" ><span>Youtube</span></a></li>
   <li ><a href="#" class="icon rss" ><span>RSS</span></a></li>
</ul>
</div>]

CSS And CSS3 Transition :

Below is the CSS code used to create the effect on this button . CSS3 is used to give the effect is by using a cubic - bezier transition ( 1,2,0,0 ) is on all elements . For more details see the code below.

[#buttoncb ul {margin:10px 15px;padding:0px;}
#buttoncb ul li {list-style-type: none;padding: 0;background: transparent;margin: 0;}
#buttoncb ul li a{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhewXWdu3x3pmAhiTTPBad8cjv4JYKDz2kvfCnwwLWZWeOXhtxCHLH-Vb2SyYR9OYJUeRfEN6zNeSCGI7qzkW87LL3Yk6Ro0wl8m0QBQiJPz33cQnX1261k7p4zBJzbb1NyFJ86fd4JC-0/s1600/blsocial12.png') 0 0 no-repeat; height:48px;padding-left: 48px;cursor: pointer;text-decoration: none;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;display:inline-block;margin:0;width: 220px;}
#buttoncb ul li:hover span {margin-left: 10px;opacity: 1;}
#buttoncb ul li span {border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color: white;
margin-left: 100px;
opacity: 0;
position: relative;
text-align: center;
width: auto;
padding: 5px 10px;
transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-moz-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-webkit-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
top: 14px;}
#buttoncb span{padding:5px;background:#000;color:#fff;margin:0 5px;}
#buttoncb .fb span {background-color: #0853A3;}
#buttoncb .twiter span {background-color: #00B1F7;}
#buttoncb .google span {background-color: #9E0202;}
#buttoncb .pint span {background-color: #D00;}
#buttoncb .linkedin span {background-color: #005075;}
#buttoncb .devart span {background-color: #4C7A4A;}
#buttoncb .ytube span {background-color: #A00;}
#buttoncb .rss span {background-color: #EC5601;}
#buttoncb a.fb { background-position: 0 -384px;}
#buttoncb a.twiter { background-position: 0 -432px;}
#buttoncb a.google { background-position: 0 -480px;}
#buttoncb a.pint { background-position: 0 -528px;}
#buttoncb a.linkedin { background-position: 0 -576px;}
#buttoncb a.devart { background-position: 0 -624px;}
#buttoncb a.ytube { background-position: 0 -672px;}
#buttoncb a.rss { background-position: 0 -720px;}
#buttoncb a.fb:hover { background-position: 0 0px;color: #0374DD;}
#buttoncb a.twiter:hover { background-position: 0 -48px;color: #00A1DF;}
#buttoncb a.google:hover { background-position: 0 -96px;color: #A70000;}
#buttoncb a.pint:hover { background-position: 0 -144px;color: #C00;}
#buttoncb a.linkedin:hover { background-position: 0 -192px;color: #005772;}
#buttoncb a.devart:hover { background-position: 0 -240px;color: #4C7A4A;}
#buttoncb a.ytube:hover { background-position: 0 -288px;color: #A00;}
#buttoncb a.rss:hover { background-position: 0 -336px;color: #EC5601;]

How To Install This Widget In Blogger :

1. Go to Blogger Dashbord >>Layout

2. Click Add a Gadget

3. Choose HTML/Javascript

Copy below Code :

[<style type="text/css">
#buttoncb ul {margin:10px 15px;padding:0px;}
#buttoncb ul li {list-style-type: none;padding: 0;background: transparent;margin: 0;}
#buttoncb ul li a{background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhewXWdu3x3pmAhiTTPBad8cjv4JYKDz2kvfCnwwLWZWeOXhtxCHLH-Vb2SyYR9OYJUeRfEN6zNeSCGI7qzkW87LL3Yk6Ro0wl8m0QBQiJPz33cQnX1261k7p4zBJzbb1NyFJ86fd4JC-0/s1600/blsocial12.png') 0 0 no-repeat;   height:48px;padding-left: 48px;cursor: pointer;text-decoration: none;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;display:inline-block;margin:0;width: 220px;}
#buttoncb ul li:hover span {margin-left: 10px;opacity: 1;}
#buttoncb ul li span {border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color: white;
margin-left: 100px;
opacity: 0;
position: relative;
text-align: center;
width: auto;
padding: 5px 10px;
transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-moz-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
-webkit-transition: all 0.3s cubic-bezier(1,2,0,0) 0s;
top: 14px;}
#buttoncb span{padding:5px;background:#000;color:#fff;margin:0 5px;}
#buttoncb .fb span {background-color: #0853A3;}
#buttoncb .twiter span {background-color: #00B1F7;}
#buttoncb .google span {background-color: #9E0202;}
#buttoncb .pint span {background-color: #D00;}
#buttoncb .linkedin span {background-color: #005075;}
#buttoncb .devart span {background-color: #4C7A4A;}
#buttoncb .ytube span {background-color: #A00;}
#buttoncb .rss span {background-color: #EC5601;}
#buttoncb a.fb { background-position: 0 -384px;}
#buttoncb a.twiter { background-position: 0 -432px;}
#buttoncb a.google { background-position: 0 -480px;}
#buttoncb a.pint { background-position: 0 -528px;}
#buttoncb a.linkedin { background-position: 0 -576px;}
#buttoncb a.devart { background-position: 0 -624px;}
#buttoncb a.ytube { background-position: 0 -672px;}
#buttoncb a.rss { background-position: 0 -720px;}
#buttoncb a.fb:hover { background-position: 0 0px;color: #0374DD;}
#buttoncb a.twiter:hover { background-position: 0 -48px;color: #00A1DF;}
#buttoncb a.google:hover { background-position: 0 -96px;color: #A70000;}
#buttoncb a.pint:hover { background-position: 0 -144px;color: #C00;}
#buttoncb a.linkedin:hover { background-position: 0 -192px;color: #005772;}
#buttoncb a.devart:hover { background-position: 0 -240px;color: #4C7A4A;}
#buttoncb a.ytube:hover { background-position: 0 -288px;color: #A00;}
#buttoncb a.rss:hover { background-position: 0 -336px;color: #EC5601;}
</style>
<div id="buttoncb">
<ul>
   <li ><a href="Your Facebook Page URL" class="icon fb" ><span>Facebook</span></a></li>
   <li ><a href="Your Twitter Page URL" class="icon twiter" ><span>Twitter</span></a></li>
   <li ><a href="Your Google+ ID" class="icon google" ><span>Google+</span></a></li>
   <li ><a href="Your Pinterest ID" class="icon pint" ><span>Pinterest</span></a></li>
   <li ><a href="Your Linkedin Page URL" class="icon linkedin" ><span>LinkedIn</span></a></li>
   <li ><a href="Your Deviant Art URL" class="icon devart" ><span>DeviantArt</span></a></li>
   <li ><a href="Your Youtube ID" class="icon ytube" ><span>Youtube</span></a></li>
   <li ><a href="Your RSS ID" class="icon rss" ><span>RSS</span></a></li>
</ul>
</div>]

Please replace the part that highlighted in Red color with your link". So if you want to increase your followers/fan page likes grab this widget now !

How To Install Emoticons/Smileys In Blogger Comments

2015-01-22T06:18:00.001-08:00

Emoticons are the combination of the word "emotion " and " icon " which means the icon that is used to express the emotions and " icon " which means the icon that is used to express the emotions of a written statement, and it helps to change and improve the interpretation of the text.

As you can see Emoticons/Smileys I have installed inside comment box, may be you are curious to know how to add Emoticons/Smileys in blogger comment box like it.

Well this time I'm going to share how to install emoticons in blogger blogspot inside comment box. so lets see tutorial.

Also Read: How To Add Professional Author Box In Blogger Below Post

How To Add Emoticons/Smileys In Blogger Comments :

In the process of editing your template, a mistake might be made, so remember before installing / editing the template should be backed up.

1. Go to Blogger Dashboard > Template > Edit HTML
2. Search for </head>
3. Copy the code below and place right before/above the </ head > tag

[<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ivyth.googlecode.com/svn/js/emoticon.min.js" type="text/javascript"></script]

Note : If there is already a jQuery library in your template, the code on line-1 should not be copied .

4. Copy the code below and place right before/above the </ body>

[<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
</b:if>]

If you are finished , click Save Template and see the results.

If you want to change it. You can see complete default Script below:

Property Description

topText Sentence below the emoticon sample

emoMessage Sentence below the emoticon sample and alert box

emoRange The place where emoticon/smileys will appear

putEmoAbove The place where the sample emoticons will be placed

Final Words!

If you have any questions or facing problems while installing emoticons/smileys let me know it in comment box. and don't forget to join our newsletter to get fresh updates directly in your inbox !

How To Hold Visitors For A Longer Time On Your Blog

2015-01-20T11:38:00.001-08:00

Do you have any marketing strategy or formula to hold your visitors for a longer time on your blog? If yes then you probably are doing so through social media. but you aren't using these marketing strategy's on your blog.

The growing importance of content marketing in today's competitors world is well known. so every blogger and business owner want to do marketing effectively.

Few marketing strategy's that I have bring today for you, but you should use all of them. and if you'll combine them all, I am sure you will be able to hold your visitor for a longer time on your blog.

Also Read: 10 On Page SEO Tips To Optimize Your Blog For Search Engines

Hold Visitors For A Longer Time on Your blog : 5 Effective Ways

#1 Interlinking:

Internal linking helps your readers to give relevant information of the post they are reading currently.

There are many tricks successful bloggers use to engage visitors on their blog and interlinking is one of them. so whenever you write a blog post spend only 10 minutes to interlinking your old blog post in newer blog post.

Benefits of interlinking :

Relevant Posts For Your Readers - Interlinking is a way to give more reading options for your blog readers. while reading a blog post if visitor will find a blog post link which is really helpful for him, he will definitely click on this link to read more.

SEO - Search engine bots counts internal links of every blog article so it will help you to get high search engine ranking.

Engagement - Its very hard to maintain blog visitors engagement but interlink help you to keep visitors engagement easily.

Increase Page-Views - According to some of the above points interlinks helps to gain more and more impressions on your blog.

Also Read: 10 Common SEO Mistakes You Should Stop Making Right Now

#2 Create Sneeze Page:

A Sneeze page is a page that highlighting previously written posts/archives on your blog to help readers to go deep in your blog. it's very effective way to hold your blog visitors as well as you can make your old blog post alive.

Creating a sneeze page is very simple task you just have to pick most viewed blog posts and add them into sneeze page. after creating sneeze page place this page in navigation menu, sidebar or footer to get more traffic.

If your blog on blogging tips then you can create sneeze page like:

Blogging Tips For Beginners
Best Of Blogging
Step By Step Guide Of Blogging
Beginners Guide For Bloggers

If you not created sneeze page yet then create it now. it will helps you to drive more traffic and you will get more readers for your blog.

#3 Email Marketing:

If you want to make money fast through blogging, all you have to do build a huge email newsletter list. and this is not easy task for newbies but you can use some tricks to gain more email subscribers.

How you will grow your email list ?

Sidebar Email Subscription Box - Sidebar of the blog is eye catching and most clicked place to add email subscription box, if your articles are worth reading then readers would like to subscribe your blog to get updates.

Hello Bar - The Hello Bar is a notification bar which helps you to grow your email list in short period of time, so I recommend you Hello Bar. after trying it I am sure you'll never think about removing that plugin from your site.

Give An Free Product - As we all know giving away something for free is one of the great way to capture lots off email subscribers.you just have to create a product which will helpful for your readers like ebook, themes etc. and leave it free for your readers and get email in exchange of that product.

Email Subscription Box Below Post : Add email subscription box at end of every blog post its very effective way to get more email subscribers easily.

#4 Eye-Catching Title:

The most important aspect of targeting visitors for your blog is post title. so you should write Eye-catching blog post titles to increase CTR (click through rate).

Readers are very smart, they know! where to spend their valuable time. so they will visit your page if post heading is click-worthy.

Here are few tips to keep in mind when writing a eye-catching titles:

Make it clear - Blog visitor should know what your post is about actually, when he catching your blog post title. so make simple and clear.

Include Numbers - Include numbers at the beginning of the title , this is a great way to increase click-through rate on your blog.

Add Benefits - What does the reader will get from reading this post? add benefit of your post in title.

Ask Questions To Readers - Add question in your post title. it will generate curiosity in peoples mind to learn more about that topic.

#5 Write Quality Contents:

There are a ton of content writers out there in the blogging industry who spend hours if not a days to write high quality contents.

Why?

Because they know how difficult to get loyal readers for blog and once they failed to provide quality contents to readers, they will loose many loyal readers and they can't get him back to their blog.

So now you can understand writing quality contents is how much important for you and your readers.

How to write good quality contents?

Do Research - When I writing blog post, I always open up lot off tabs in my browser to cover my article deeply. So always do research on the topic that you want to cover.

Connect With Readers - Connect with your blog readers and ask them what I have missed in this article, they will help you to find out the weakness of your article.

Avoid Plagiarism - Don't try to copy contents. write your own unique contents. it take some time but you will get many loyal readers.

Improve Writing Skill - Write article in a way that peoples wants to read it completely. So improve your writing skills and catch your favorite blogger writing style.

Also Read: 7 Sure Shot Ways To Get High Quality Backlinks To Your Blog

#5 Blog Design:

Want to make your first time visitor become regular visitor? if yes! then you should spend some time on your blog design to attract visitors.

If you have not a skill of blog designing or don't know how to design then don't worry ! there are several sites provides high quality professional looking themes and templates.

You can use free themes/templates or spend a few dollars to purchase it.

Recommended: Top 10 SEO Friendly Responsive Blogger Templates 2016

Here is some blog designing tips to make your blog look cool :

Simplicity - Keep your blog design as simple as possible. it helps readers to easily navigate any information easily.

Logo Design - Make sure that your designed logo suits with your blog design.

Get Design Ideas - Before choosing colors, backgrounds, fonts take a look on other well designed sites and get some ideas from their site.

Add Important Widgets - Add some most important widgets on your blog like Author Box widget, Social, Popular posts. recent posts, email subscription box etc. but make sure that you aren't using fancy widgets on your blog.

Conclusion:

It’s not easy to keep visitors for a longer time on a blog, but with a little hard work, optimization, marketing techniques you can trigger blog readers in just few ~~months~~ weeks.

What other tricks do you use to keep your visitors longer on your blog?Leave your questions and comments in the comment box below and if there is anything that I’ve missed in this article letting me know.

6 Image Optimization Tips For Better Search Engine Ranking

2014-12-30T10:11:00.001-08:00

Without images blog article is like milk without sugar, bread without butter because images are saying more than thousand a word and that's why we are using images in blog post to better understanding of article for our visitors.

Google smartly crawl all the data to give relevant search results to customers and that's why search engines want proper optimization for all type of content which is published on the web.

There are several bloggers (newbie bloggers) out there who don't know how to do proper image optimization and Some bloggers know how to do it that but they avoids or doing with wrong methods. and the result is low traffic from search engines.

To getting traffic back of your blog you must have to work on your all blog images to get stand out on search engine ranking.

Also Read: 10 Common SEO Mistakes You Should Stop Making Right Now

If you haven't any idea for image optimization don't worry ! this is whole article for you. today we will cover all the important factors of image optimization for SEO.

Also Read: 10 On Page SEO Tips To Optimize Your Blog For Search Engines

Image Optimization For Better Search Engine Ranking :

#1 Alt Tag :

when we see camera in image we can instantly recognize this image but search engine spiders can't recognize any image without "descriptive" Alt tag. and that's why you need to use descriptive Alt tag in images.

If you are using Blogger blogspot platform then simply click on the image in post editor, select properties and add your alt tag (for search engines) and title tag (for your readers).

If you are using WordPress platform then you have to install : SEO Image Plugin, after installing this plugin just go to Setting >> SEO friendly images and then add your alt and title tag.

HTML Code look like:

Example : <img src="http://www.webaddress.com/camera.jpg" alt="camera on the table"/>

#2 Image File Size :

Fast loading pages always on the edge of rank and search engines love that so if your blog image size is too large then it will affect on your blog loading speed and visitor will go back.

Make image size as small as possible you can resize and compress blog images using online tools like Picnick Or Image Optimizer. to increase your web pages speed/load time you can use an image editing software's like Photoshop.

#3 Image File Name :

Image file name also helps search engines to describe more about image and that's the reason I have added this point in this article.

Before uploading any images, give a suitable title for that image. and use keywords in file name before uploading them. so don't upload images without giving relevant file name.

#4 Anchor Text :

Anchor text is the hyper linking to another page or document on the web. and this is a mostly used term for search engine optimization now day. The exact use of anchor text in images will help you to get high page rank for your images and article.

Whenever you are used anchor text with a keyword that shows the page being linked to another page.

See below image as an example of exact anchor text :

In this image "Image Optimization" is exact match anchor because it's linking to a page about image optimization.

#5 Images Format JPG, GIF, PNG :

Whenever you want to use photos in your article, select the pic which related to your article it will attract the visitors. and wrap contents around the picture.

JPG is better format than other formats. it's giving high quality picture with low size and it will best for your blog. because this format helps to speed up your blog pages.

You can change pictures format using Photoshop just open image file in Photoshop and save as with new extension.

#6 Add Descriptive Caption :

Photo Caption is used for describing published photographs. if you are using caption carefully then it will help you to get more traffic from search engine. But one thing remember that always give caption, alt tag, file name related to your image and article.

If you are using free pictures on your blog then you can give attribution to picture author using caption to give attribution just add credit link in caption.

Final Words

So these are the 6 Image Optimization Tips you can apply on blog images to get more and more organic traffic from search engines.

I hope you enjoyed this article. If you have any questions then feel free to ask through comment box. and let me know which techniques you have to optimize blog images. Happy Blogging.

How To Submit And Claim Your Blog/Website On Alexa?

2014-12-27T05:41:00.000-08:00

Claim your site/blog on alexa

Alexa is one of the most popular analytic tool which provides web traffic and shows global rank, country rank, site linking of your blog/website.

If you are blogger then you must have to submit and claim your site on alexa because many advertisers buying ad space on a blog according to alexa ranking. if your blog ranking is low then they will buy ad space on your site, also you will get sponsored posts on your blog to make money more.

So if you want to increase web traffic and alexa ranking of your blog then follow this tutorial to submit and claim website/blog on alexa.

Step By Step Claim Your Blog On Alexa :

1) Firstly Go to Alexa.com

2) Sign in or create an new account on alexa or you can use your Facebook account for login.

3) Alexa offers you pro plans but I recommend you to go with free plan it will good for start up after some time you can upgrade your plan, now we are going through a direct method so you just have to go on Alexa Claim Site and enter your site URL and press continue button.

4) Now select Method 2.

5) If you are blogger blogspot user then copy Alexa Verification ID code and go to Blogger Template >> Edit HTML and place copied code into <head> section.

6) Once you placed this code in your blogger template go back to alexa and click on the "Verify my ID" button.

7) If you have placed meta tag correctly in HTML code then "Your site is successfully claimed" message will appear.

8) Done ! Your blog/website should be claimed but here is not completed your site profile yet.

9) Now go to dashboard and fill out all the information about your blog like your blog title/ description, your contact details etc.

10) Your site has been updated in alexa database. changes to your country rank selection and your website information alexa make up to two or three days to appear on your site listing.

Final Words !

So this was the simple tutorial just for increasing alexa ranking. I hope you will submit and claim your blog today and if you have any queries let me know.

How To Create A Blog On Blogger Blogspot : Complete Guide For Beginner

2014-12-15T09:04:00.001-08:00

Blogger.com is free blogging platform owned by Google and all blog files hosted by Google. so if you looking to create a blog then I would recommend you to create a blog on blogspot blogger.

WordPress.org is self hosted blogging platform and this is not free, in this platform you need to buy Hosting Plan, Custom Domain Name etc. so here you should spend more than 50 Dollars and that's the reason why I recommending you to create free blog on blogger blogspot.

Also blogger is the very easy platform to learn blogging basic and you don't need to learn web languages to manage your blog. once you will learn basic things of blogging then you can migrate your blog on self hosted blogging platform WordPress.org

In Blogspot platform you don't need to spend a single penny for buying a domain name, you can use sub domain "Blogspot.com". once you get massive traffic to your blog you can setup custom domain name.

As we all know that all blogger media files hosted by Picasa and it will give you 1GB storage space and if you want more storage space then create Google Plus account it will give you 15 GB storage space absolutely Free so here you will save cost of hosting.

How To Create A Blog On Blogger Blogspot : Step By Step Guide

#1 Create Gmail Account And Access Blogger.com :

Firstly you should create Gmail Account to access blogger. if you have already gmail account then just Go To Blooger.com and enter your Gmail ID and Password.

Then you will see New Blog option in top left corner just click on that and you will see create blog window like below image.

Before creating blog keep one thing in your mind that which type of blog you are creating. like Food blog, Technology blog, Fashion blog etc.

Once you decided Niche of Blogging fill up information like blog title, blog address and choose blogger template which you want to have and click on "Create Blog" button. now you have created your blog. now go to the next step.

#2 Start Blogging :

Now click on the drop down menu which is shown in below image then click on "Posts" and start posting articles and share your blog articles over all social networking sites.

#3 Customizing Blog For Blog Readers :

Customization is very important to attract your visitors and that's why you need to upload custom template for your blog.

There are several sites provides free blogger templates so just download template and go to Blogger Dashboard >> Template >> Backup/Restore option (which is available on top right corner) and upload blogger template.

Here now go to Blogger Dashboard >> Layout here you can add your blog logo, favicon, third party widgets like Facebook like box, email subscription box etc.

I think you will easily complete this process. after completing this process your blog is ready for your blog readers. now you have to Optimize your blog to get indexed in search engines like Google, Bing, Yahoo.

For (SEO) Search Engine optimization kindly read below tutorial.

Also Read : 10 On Page SEO Tips To Optimize Your Blog For Search Engines

#4 Setup AdSense And Start Earning :

Now you have to write at least 20 quality blog posts and then you will able to make money through Adsense just Go to Blogger Dashboard >> Earning and sign up to Google Adsense and fill up Adsense application form and submit.

After submitting Adsense application form, Google will inform you that your account is approved or not in 2 or 3 days. If your account is approved then you can place ads on your blog.

Once you have placed Adense ads on your Blogger blog, keep posting quality articles to start earning money. You will earn money from valid clicks and impressions of ads.

Here is the simple video tutorial to create blog on blogspot:

Over To You !

So friends this was the step by step guide to create a blog on blogspot. I hope this tutorial will help you to start your own blog. for more blogging tips and tutorials keep visiting and stay connected with shoutersclub.

If you have any questions regarding blogging then be open to ask through comment section. I will come back soon with new article till then....

Keep Calm And Start Blogging.

Property	Description
topText	Sentence below the emoticon sample
emoMessage	Sentence below the emoticon sample and alert box
emoRange	The place where emoticon/smileys will appear
putEmoAbove	The place where the sample emoticons will be placed