5 Great Advantages of Blogger Platforms and Uses

Hello Reader, you must have decided to start blogging, but your budgets won’t be focused on paying for web hosting and other stuff such as plugins, well, you can choose the best free blogging platforms, Blogger. In This Post, We Are Going To Discuss 5 Advantages Of Using Blogger Blogging Platform.

In Real Life, Every Thing that Have An Advantage Surely Will Have A Disadvantage. Here, We’ll Only Deal With The Advantages. Maybe Someother Time, We’ll Discuss On The Disadvantages

Lets Ride On:::

1. Bandwidth: You Don’t Need To Bother About Bandwidth In Blogger. You Can Get As Much Traffic As You Want Unlike Blogging Platforms Like WordPress Where You Have Limited Bandwidth Even Though You Bought Unlimited Bandwidth, Its Not Always Unlimited.

2. Blog Accessibility: You Can Create As Many Blogger Blogs As Possible And Access All Of Them From One Dashboard  What Does It Imply? With Just One Google Account, You Can Manage All Your Blogs Just From One Dashboard.

3. Articles Images Storage: Your Blogger Article Images or The Images you Uploaded to Your Blogger Blog Are Stored In Picasa. You Don’t Need To Worry About Your Images Because they are Safe. Even If You want Delete You Blog Today, You’ll Have An Option If You want To Delete The Images Also.

You Can also Use Picasa As You Image HoSting Site. Just Save You Images Online… Isnt That Cool???

4. Security: Your Blogger Blog Is Secured As Far as Your Google Account Is Secured. You Don’t Need To bother About Installing Security Widgets Like In WordPress where You Install Tons Of Security Plugins.

5. Google Webmaster Verification: Your Blogger Blog Is Automatically Verified By Google Webmasters Since Its A Hosted In A Property Owned By Google.

Others Include:

6. Creation Of Widgets: You Can Create Simple Widgets With Simple HTML And Javascript. You Don’t Need To Learn Many Languages Before Using Blogger Blogs.

7. Usage: Blogger Is Just AS easy As Any other Thing To Use… Even A Dummie can Use Blogger Blogs.. Just Go to Blogger.com, Sign In With Your Google Account, Create A Blog, Use Blogger Default Template and Your Blog is Ready… See how Simple It is?

But For Professionalism, You’ll Have To Use a Better Template, Add Many Widgets So As To Look Professional! Visit BLOGGER TIPS For Many Tutorials On Blogger To Make Your Blog Look Professional

I rest My Case Here. If you Have Questions About This Post, Don’t Forget To Use The Comment Box Below.

How to Stop your Blogger Blog from Redirecting to Country Specific URL (ccTLD)

Google now redirects Blogger blogs to country-specific domains. For instance, if you open example.blogspot.com in your web browser, you will be redirected to example.blogspot.in if you are located in India or to example.blogspot.co.uk or .com.ng if you are accessing the blog from UK.

Google does country-specific redirection for selective censorship – that means they can easily censor or block a blog post, or other entire blog site, in one country but still serve that page in other geographic regions. Blog redirection only occurs if you are on a blogspot domain and not if your Blogger blog is on a custom domain.



My traffic logs suggest that country-specific redirection in Blogger is live in at least 15 countries. They are India [blogspot.in], Australia [blogspot.com.au], UK [blogspot.co.uk], Japan [blogspot.jp], New Zealand [blogspot.co.nz], Canada [blogspot.ca], Germany [blogspot.de], Italy [blogspot.it], France [blogspot.fr], Sweden [blogspot.se], Spain [blogspot.com.es], Portugal [blogspot.pt], Brazil [blogspot.com.br], Argentina [blogspot.com.ar], Mexico [blogspot.mx]

Prevent Blogger from Redirecting to Country-Specific Domains

This country based URL redirection is likely to impact your Blogger blogs in a not so positive manner. For example:


1.The social stats – like your Facebook Likes, Google +1s and Tweet counts – for your blog posts may be reduced as the URLs for the same blog post will be different for different visitors.
2.You will have a similar problem if you are using an external commenting platform like Disqus or Facebook Comments because the blog URLs will be different even when the underlying page is the same.
3.Also, if canonicalization isn’t implemented properly, it may cost you some Google juice as external websites may link to your country-specific pages.
4.Some users have reported a dip in Google AdSense earnings when pages are served through country-specific domains.



If you are not happy with the idea of Blogger redirecting your blog to a different URL, you can add the following piece of code to your Blogger template and it will always serve the .com address to your visitors irrespective of their geographic location.



Go to your blog inside the Blogger Dashboard and choose Template. Then click the “Edit HTML” button followed by “Proceed.” Next, copy-paste the following code into the template after the <head> tag.

Code Start:

<script type="text/javascript">

/* Get the full URL of the current blogger page */
  var blog = document.location.href.toLowerCase();
  /* Do not redirect if the domain is .com already */
  if (!blog.match(/\.blogspot\.com/)) {

    /* Replace the country TLD with .com and ncr switch */
    blog = blog.replace(/\.blogspot\..*?\//, ".blogspot.com/ncr/");
    /* Redirect to the new .com URL in the current tab */
    window.location.replace(blog);
  }
 
</script>

End.


Click the Save Template button and now your Blogger Blog will always serve with the blogspot.com URL.
The JavaScript snippet gets the URL of the current Blogger page and if it isn’t served from the .com domain, the code replaces the country specific TLD (like blogspot.co.au or blogspot.pk) with the blogspot.com URL. It also adds the /ncr switch to force-redirect the visitor to the blogspot.com address.
Source: Labnol.com

How to View The Html Source Code of Any Website

If you are interested in viewing the html source code of any webpage of a website, then here you are with the full simple step to see the html source code live and direct.

Command Code Method
Go to the webpage you need the html complete, and just simply hold Ctrl + U
You will see sometime like this:that will be the html code of the webpage you visited

Using the Browser Option Method

 >> On the Page you want to View the Source code, Right click on the page

 >> Locate and click on Inspect as shown below:

With the application of the giving method, you can view the html structured setup of the web page, javazcripts of the web pages, and even the .css files either internal or externally linked css file.



IMPORTANT NOTE:
When view source code, yuo can be able to see useful html codes, css sheets, javascripts, php and more web design languages.
Please leave there if you don;t know it cause your head may turn upside down. lol...
But if you are interested in know ing how to read  this codes correctly and interpret them, then you are welcome to contact me for that...

How to Submit Sitemap to Google Search and Get High Traffic on Blogger

Now, submitting a sitemap to google search engine for easy crawling, indexing of your contents is very important and should be written about in CyberHypo Blog.

1. Open Your Google Webmaster Account.
2. Open your Site or Blog(blogger).
3. Go to Optimization from the left sidebar >> Then to Sitemap.
4. Now click on the Add/Test Sitemap Button from Right side top.
5. Now Paste the below sitemap which we generate above simple copy the exact code format as shown below for your sitemap generates.

This is one among the important part of SEO to setup for your blog either free blog, paid blog or on any platform.




IMPORTANT NOTE:
In number 2 above, you are required that after login into your Google webmaster Account, Locate your blog url and click on it for the next steps to be executed.
Copy and paste the url writeup giving to you.
Missusing this section, can affect your blog crawling or indexing of your content.

How to Create a Sitemap for Blogger Blogs

Sitemaps are the text files in XML form of our web pages. As name of Sitemap clearly explain about it meaning that is map of our site.

Sometime search bots forget to crawl some pages. so this will effect on index of your important pages in search engines. This will leads to less traffic So it is necessary to submit sitemap and also update them time to time for better site crawling and indexing.
These work as building block for every new blog or site. now here i will start with my last topic of seo about submission of sitemap in webmasters.

Now, How to Generate Sitemap for Blogger blog

Blogger blog can have a sitemap for free either blogspot.com or custom domain blogger blogs.

See simple steps below:

1. Firstly Generate Sitemap here

2. Now enter URL of your blog in the box

3. Click generate site map button.

4. When you generate site then new box comes out which look like as shown below.

See  example of how it will look like(Safe trick site url).

The area marked red is your sitemap url 

IMPORTANT NOTE:

Hold the URL given to you with care.

This is for bloggers

How to Add Facebook Mobile Comment Box to your Blogger Mobile View

If you've enabled custom Blogger mobile template, you can customize the mobile view of your blog as you desire. You can add and remove whatever you like in as much as you know how to go about it. Today,

 I have decided to share with you, how to add Facebook mobile comment form to Blogger or Blogspot mobile view.

To get started, I recommend you enable Custom Blogger mobile template.
If you don't know how to do that,
 > Sign in to your blogger Blog Dashboard,
 > Go to "Template".
 > Click the icon under "Mobile".
 > Select "Yes. Show mobile template on mobile devices".
 > Then, Select "Custom" from the drop down box
 >  Now, SAVE.
Now, you have enable custom mobile template for your blog. So lets continue...

Next is to get your blog's Facebook APP ID handy. If you know the ID, copy it somewhere and if you've forgotten it, you can check the Facebook apps page HERE. If you can't find it on the apps page, then you need to read how to get Facebook application ID for your blog HERE. 

Next is to

1.  log in to your Blogger dashboard,

2. back up your template and go to "Template" > "Edit HTML"

3. Click inside the HTML Code and use CTRL + F to find : <body

4. Directly below it, paste <div id='fb-root'/>

5. Open a new tab on your browser and go to www.freehtmlparser.blogspot.com

6. Copy and paste the code below inside the box on the page

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src ="//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1569785879914041&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

7. Carefully replace the highlighted appID with the Facebook app ID of your blog you have
8. Click "Encode"

Go back to the browser tab where you have your blog HTML

9. Copy and Paste the encoded script directly below the  <div id='fb-root'/>

10. Now, your HTML should look similar to the screenshot below:

11. Click "Save Template"

12. Click inside the HTML and use CTRL + F to find :

<b:if cond='data:top.showMobileShare'>

13. Carefully find the ending </div> as seen in the screenshot below:




14. Directly below it, copy and paste the code below:

<p align='center'>
<span style='font-size: 15px;font-weight:bold;'>Facebook Comment Box </span>
</p>
<div style='text-align: center;'>
<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' mobile='yes' numposts='10'/>
</div>

15. Click SAVE Template.

View one of your blog posts and the comment box should appear on the mobile view,  above the Blogger comment form.
Try this and let me know if it works for you. Also leave your comments if you've questions to ask.



IMPORTANT NOTE:
When editing your template be care inputing the codes, and make sure you are puting it on the right place as directed.
You might not find in your template if you are using a third-party template.

Google Adsense Invalid Click - See Full Explaination and Solution

Google announced in June that publishers will be able to see the invalid activity deductions caused by invalid traffic on the Adsense payments history page, According to Mr. Jide that starting with May’s payment history, he checked his estimated earnings for July and noticed that $5 was deducted, less than 1%.

Source image: Google adsense official blog

If you notice deductions in your account too, you should be worried ONLY if over 40% of your earnings were deducted; else, I see no reason why you should worry so much about it.

This deduction is mostly caused by invalid activity on your site, such as accidental clicks, clicks from bots, click scripts and suspecious ip changing adsense clicks etc

If there is a large difference between your estimated earnings and your finalized earnings, make sure to review these tips.

To prevent invalid activity on your site, pay special attention to your site design and traffic acquisition. If you see unusual levels in invalid activity, I encourage you to notify Google by using the Invalid Clicks Contact Form.



IMPORTANT NOTE:
It more helpful to review your adsense dashboard daily to check for errors or new updates.

How to Create your Blogger Blog Facebook App id

Facebook is a first preferred platform in the eyes of internet marketing, as it has a higher market share as compare to other social media. This thing is very well known by the developers of the Facebook inc. Hence they are providing number of plugins that are directly integrated in the any website or blogs like facebook like box, sharing plugin and so on. In many cases the database of the plugin accessible by the public the best example is Facebook comment box, where the website admin gets a number of comment in a day. Not necessary that all the comments are genuine, admin must have some control on it. Through apps id the web developer can  they can edit, delete(remove), and gets the notification of comments. So Lets see how to create Facebook App Id.

1. Go to Facebook Application Page.

2. Hover your mouse on apps and click on "Create A New App".

3. Now fill up Display Name and select category and click on Create App button. as sshown below:

4. Security Check, type the text from image and click on submit. you will find your apps dashboard.
5. Now click on
Setting click on add platform > select website icon > and add your domain name with "http://". Fill up all details like contact Email, App Domains and Site URL (See below image for reference). Click on save.

6. Now we have to enable live features available to the general public so go to dashboard , so click on status and review and make it yes.

7. That set now you had your Apps Id, Copy it from your apps dashboard, you can use it where you want to use.

IMPORTANT NOTE:

The name you use is make they as your identity, so write the one you are sure not to change easily.

You be logged intofacebook to be able start your work

How to Add a Facebook and Twitter Like, Share Button on blogger Mobile View Only

Today, I'm sharing with you, how to add Facebook Share, like buttons as well as Twitter tweet button to the mobile view of Blogger blogs. This will make it easy for your blog readers to easily share and tweet your blog posts while accessing your blog on their mobile phones browsers.

Social Media Sharing Image

By default, you should notice a SHARE button with a Google+ button on the mobile view of your blog. If not, you should activate it by following the steps below:

1. Sign in to www.blogger.com
2. Click on your blog and go to "Layout"
3. Click on the "edit" link on the "Blog Posts" section

4. Click on Edit as shown Below:

5. Click "Save"

Once it starts displaying on the mobile view of your blog, if you click on SHARE, a new window should pop up, where you can select where you want to share the post.

To be honest, most of your blog visitors might not know they can also share to Facebook, etc using that default share button. Hence, the need to add a separate Facebook share and Twitter button below it.

Now the main work is here:

To do that, go to "Template" > "Edit HTML"

1. Click inside the Html Codes and use CTRL F to find
<b:if cond='data:top.showMobileShare'>

2. Carefully find the ending </div> as seen in the screenshot below:

3. There are three ending </div> as seen in the screenshot above 

4. Directly below the third one, copy and paste the code below:

<b:if <span class="goog-spellcheck-word" id=":dg.22" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">cond</span>='data:<span class="goog-spellcheck-word" id=":dg.23" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">blog</span>.<span class="goog-spellcheck-word" id=":dg.24" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">pageType</span> == "item"'><<span class="goog-spellcheck-word" id=":dg.25" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">br</span> /><span style='font-size: 15px;font-weight:bold;'>Share : </span><<span class="goog-spellcheck-word" id=":dg.26" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">br</span> /><p align='center'><div class='fb-like' data-action='like' data-layout='button_count' data-share='true' data-show-faces='false'/><a <span class="goog-spellcheck-word" id=":dg.27" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">href</span>="<span class="goog-spellcheck-word" id=":dg.28" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">http</span>://twitter.com/share" class="twitter-share-button" data-count-value="horizontal">Tweet</a><<span class="goog-spellcheck-word" id=":dg.29" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">br</span> /><script <span class="goog-spellcheck-word" id=":dg.30" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">src</span>='http://platform.twitter.com/widgets.js' type="text/<span class="goog-spellcheck-word" id=":dg.31" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">javascript</span>"></script><<span class="goog-spellcheck-word" id=":dg.32" tabindex="-1" role="menuitem" aria-haspopup="true" style="background: yellow;">br</span> /></p></b:if>

5. Save your template.

Check out the posts on the mobile view of your Blogger blog and you should notice the share and tweet buttons been displayed below the posts.

IMPORTANT NOTE:

Be completely careful when using the html file section, it may cause more harm than good to your blogger files to avoid changing new templates...

Apply and preview your changes to confirm if it is work.

How To Edit, Add Links And Make your Blogger Widget Appear Below all your Posts

The Author Profile widget/Gadget for Blogger simply allows you to add a short bio or info about your self to your Blogspot blog, thereby making it easy to tell your blog visitors, a brief about you. You can add the Blogger Author Profile gadget to the header, sidebar and footer sections of your Blogger blog and you can as well, set it to display below all your blog posts.

If you've linked your personal Google+ profile to your Blogger blog, and adds the widget to your Blogger blog sidebar, footer or header, it will display as About Me widget if you are the only author/admin but it will display as "Contributors List" widget if your blog has more than one admin/author.
If you set it to show below blog posts, it will only display the profile of the Author that published the post.

Kindly note that linking your Google+ profile to your Blogspot blog will make Blogger to display your Google+ profile picture, name and introduction as the "About Author".

How To Edit Blogger Author Profile

Editing the Blogger Author Profile is now very easy. All you just need to do, is

1. Sign in to your Google account
2. Go to : aboutme.google.com
3. Scroll down to the "Story" section and click on the "edit" icon".
4. Then, edit your bio as you want it. You can add links to anywhere like your social media profiles, opt-in pages, other sites, etc

Sample of Screenshot of the Story Section

5. Click OK when you are done.

If you Can't Find The Story?

Just try and locate the coloured  + icon below and you can then see a section to edit your biography

Now How to Add the Author Profile Bio Under all your Blogger Post
1. Goto your blogger Dashboard
2. On the Left Hand side, Click on Layout
3. Locate the Main Blog (blog1) section and click on Edit
4. Scroll, locate 'Show Author Profile below post'
5. Then click on Save

That is all for that and after complete saving, activate and view your blog and the new settings you just made to confirm.


IMPORTANT NOTE:
Information you put on in the story section will be visible by any one where ever you put it in your blog. Try avoiding error when typing cause if you mistake it will be visible world wide.
Make sure you save the setting before previewing or viewing your blog...

How to Get Traffic From Google Search Easily on Blogger

Search is the main objective of every blog, i.e to be seen on top search engines once your blog contents tally with searched result. Blogger has many ways to activate pro search engine optimization to enhance the blog search result and also improve Ranking.
They many steps you join to make this effective search results work for you and we have listed them for your own use...

➤ACTIVATE BLOG SEARCH LISTING
Blog search listing can be activated directly from your blogger dashboard. This is the first step to get your bloger blog up and going on all search engine listing. to learn how to activate or see if it is properly activated on your bloger blog, Click HERE

➤GET GOOGLE SEARCH CONSOLE DASHBOARD
It seems just having activating the search listing from your blogger blog is not ok because, the population of blog is growing and should be treated with care and seriousness. So almost all search engines have search consoles now to maintain your search listing and and so on. Click HERE to Learn how to activate a Google Search console for your blogger Blog and many huge Trafic from goolge free.

➤USE META TAGS
Meta Tags are important for making any search engine crawling machine detect your blog and make it visible to listing on their search results made by uniques users of their Search page.
The necessary meta tags for your blog, Visit HERE

➤USE SOCIAL NETWORKS
To use social networks to get traffic is also very good and has no harm or side effect on your bloggrr blog. The purpose is to get in tourch with organic traffic with reasonable clicks. To promote your blog just open many groups, topics on social networks that talks about your website, Like be social to get your blog url clicked by friends, do not be ashame of posting even your blogger blogspot,.com blog on facebook, twitter, pinterst and other top social networks.
For tips to Use social medias to promote your blog URL click on SOCIAL MEDIA

➤USE TOP WEB DIRECTORY SITES
This is another great way to get visitors to your blog. Web directories sites create a special backlinks to your blog that you submit to them without any charges. To get a full note and the Top 15+ Web directory site that give free organic trafic to your blog, click HERE

 Other method of getting high organic traffic are writting below, so try to get yours and fix it to our list of hoe to get free traffics direct to your blogger blog.

➤POST RICH CONTENTS
➤AVOID COPYING OTHER ARTICLES WITHOUT REFERENCING
➤INVITE FRIENDS FOR FUN ON YOUR BLOG
➤CREATE A DISCUSSION ON MANY FORUMS


IMPORTANT NOTE:
This completely dependent on how you work hard for it. You can't just set this things up today and sleep tommorrow and be rest asured for more and more traffic to your blog.
Make ways possible and tell us how you made it.

Important Meta Tags to Get High traffic on Blogger

Meta tags are meta codes pasted on the header section of blogs which improves search traffic, organic trafic, and high ranking in search engines.OR Meta tags are piece of code or scripts that identifies a blog main objectives and help search engine robots to get the content of the site/blog for easy ranking and search listing.

This Search engines (SE) uses robot scripts to crawl a blog page or web page, and they make use of header contents commands before they proceed in crawling. Many blog have high content but no high traffic or search results to help them get clicks. This problems can be resolved by meta tags for optimal search engine ranking.
Below are the useful meta tags to put in your blog header section of the html codes to get high search engine ranking and listing like top SE of google, yahoo, bing, ask and so on.

➤KEYWORDS
This meta Tags is placed in the header section of your blog html file and should be fixed with care. Below is the screenshot of the code in the html file of my blogger blog.
<meta content='PUT-ALL-YOUR-BLOG-KEYWORDS-HERE' name='keywords'/>
EXAMPLE:

➤DESCRIPTION:
This is also an important part of search engine optimization of your bloger blog to search results. It is a great tool for any blogger to get high rank on all search engines
 <meta content='PUT-ALL-YOUR-BLOG-DESCRIPTON-HERE' name='description'/>

EXAMPLE:

You can see from the above the good from the bad and how it can affect your users even if you are listed on google or other search engine results. If you type on search engine to request for free browsing cheat, among the above the above search list which one will you prefer.

With this 2 meta tags you can get your blogger blog listed and ranked well on blogger with easy without stress.

IMPORTANT NOTE:

This codes should be inserted with care on your blog html file if not, it can cause search engines to stop crawling your site until treated fine.

back up your blog before you try it on blogger to be on a save side.