All About Blogging

Meta tags or keywords are very significant SEO terms. To find your site’s rank better in search engine, you have to add meta tags or keywords in every page of the website. But when you want to put keywords in every blogger posts, you can’t because there is only meta description place in blogger. There you cannot find keywords adding space. So if you want to add meta tags or keywords also, you have to add some codes on your template. Meta tags are also as important as meta description. Meta tags help you to increase healthy and better traffic.

---

Process of adding meta tags in each blogger post:-

---

Suggestion: We always recommend you not to change any code of your template with keeping back up of your template.

Step 1. Log in into your blogger.
Step 2. Choose your one blog.
Step 3. Go to template>>edit html.
Step 4. And find the code <b:include data=’blog’ name=’all-head-content’/>
Step 5. Then paste the below codes below the above code.

<b:if cond='data:blog.url == "PAGE-URL"'>
<meta content='PAGE-DESCRIPTION' name='description'/>
<meta content='PAGE-KEYWORDS' name='keywords'/>
</b:if>

Step 6. Now you have to paste the above code every times when you posts.

Note: If you have 20 posts, you should copy and paste the above code 20 times too.

Step 7. Click on Save template button.

Note:-
1. write the url of your post in PAGE-URL.
2. Write meta description in PAGE-DESCRIPTION.
3. Write meta keyword in PAGE-KEYWORD.


Watch and follow the process of given video.

Friends, here I say you just submitting into directories can not be affective. It will be affective when your site or blog successfully registered into the high page rank directories. I already told you that directory submission is one of the best trick to increase quality backlinks and this can increase your high traffic. By the way, there are 2 types of directory submission services available in the web and they are automated submission and manual submission.

And on the based on the price there are also two types of directory submission, one is free directory submission and another is paid directory. Free submission is very good but it will be approved after long time and it also can be rejected but paid is approved fast and it is less chance of dissapproved your listing.

Which blogs and sites are Approved:-

• A complete site.
• Good looking in the design and fast sites and blogs
• English Language sites are preferable.
• If you choose right category of your site while listing on any directory.

Which Blogs and Sites are Dissapproved:-

• If a site are under construction or not has not been completed.
• If your site has been already listed in the directory.
• If your site is not in the english language.
• If your site has copied content.
• If your site is a social sites.

Blogger has its own default commenting system and instead of it Google also offers google+ commenting system in the blogger blogs but many bloggers got this often difficult and not good because google+ comment system forces visitors to make google account to comment using google+ comment box. And it seems that this discouraged many visitors to comment constantly on the any blogger blog and among those visitors I am the one. If you get comment from the google+ comment box, then blogger never notify you. So that you can not respond to the visitors and this makes you unfriendly behavior with your visitors which can be a worst reason of decreasing of visitors on your blogs and sites.

The one and only way of solving this problem is adding of the both the commenting system: Blogger Default Commenting System and Google Plus Commenting System on your blog which can be a good for your blogger because if a visitor want to comment using google+ commenting, he/she can and if he/she want to comment using blogger default comment box then he/ she also can use them.

So your visitor will get 2 option either Blogger Default comment Box or Google+ comment box

---

How to Add Blogger And Google Plus Comment System in Blogger Blog With Toggle?

---

Here is the Step wise process to add this system on your blogger. Lets go through step by step.

Step 1: First of all login in your blogger account and the just go to the template option just press edit html and find the following code

<b:include data='post' name='post'/>

Step 02: Now copy the given code and paste it just after the above code.

b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyb8XZPlEm9ANwN4Q9nQxdd8HNiT5RRTmOkpfD4dUT75la5wf-1jBkzLhTWbgMWue_LyLUNZ0K88PR9N5uXq1eNnRWLQwwX9Hm6DpsCIPc_XHb9vefI3tfbf0Jb-eHL_t2ecmjLHfjkgQ/s1600/gp.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 10px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Choose a Comment System: <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1eSDZjU87GUWYmPv7cKvo5WK8BGHZv26e3-y06ZXgfxCqXhyphenhyphen5MUFiogDlQguNKznKosBDXALtHmHhHD2Ch4WLFqyD3DM6wOQjORtXv9_SYo_tuQ3oUMWNlwyq-fSZxSm_oFyBuWVCb0iw/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyhpMsjRcHBkQrBVXBqVlBYUFMCMnE_vbfnonm-jdJff8-bs5fEoNy_Vg12jQEGIGbbF1c3-T0kH7afoTPZwzO-O3ry9fK1oL7fTGmwEByS3DZF6X1HlVmAartmFM7iSOfoRY70XYdvsFR/s1600/blogger-logo.png' width='36'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='630' expr:data-href='data:post.url'/>
</div>    
</b:if>

Step 03: Now save your template

Note: You have to add the following google api if it does not exist already on your template. And you can change the width of the comment box just changing the value of the data-width attribute.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>

Friends, we have already added the different Facebook like box like sidebar static Facebook Like Box, Facebook Pop Up Like Box and many other Facebook widget. But We had forgotten about Facebook like button, so here I am just giving a bunch of code to add the Facebook like button in the every blog posts of the blogger blog. But this do not work in the blogger page. This only works on the posts of blogger blog.

Because of the popularity of the Facebook, its every widget is valuable for every business work. So as Facebook Like button is very significant for a blogger article because, if we use Facebook like button, then readers can like that article which helps to increase the visitors on your article through Facebook.

Lets just move toward the steps that you should apply while adding facebook like button in every blogger posts:

---

Facebook Like Button On Every Blogger Post

---

<data:post.body/>

Step 04: Now copy the below code and just put the above code just above the above code

<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:105px; height:25px;'/>

Percentage Calculator

Friends, this time I have come bringing a percentage calculator widget for you. This widget just calculate the percentage of any given number. This is just a simple html and javascript widget which is very easy to make it if you are familiar with basic html and javascipt. You should only put the base number and the real number, the which percentage is you would like to find out. Just copy the below code into your blogger and in order to do so, you just login into your blogger account and then go to the layout and click on add gadget. Now you choose html/javascript and paste the below code.

And if you want to show into your site, then just paste the css in between the <style>and </style> and javascript code in between the <script> and </script>

---

Javascript Percentage Calculator

---

<style>
input{ height:20px; border-radius:5px; margin-top:10px;}
a{font-size:8px;} </style>
<script>
function myfunction()
{
var a=document.f1.first.value;
var b=document.f1.second.value;
var percent=(a/b)*100;
alert(percent+"%");
}
</script>
<form name="f1" onsubmit="myfunction()">
<strong>Real Value:</strong><input type="number" name="first"/><br />
<strong>Base Value:</strong><input type="number" name="second" /><br />
<input type="submit" name="btn" style="background:#00F; color:#FFF;" value="Get" />
</form>
<a href="http://allblogsolution.blogspot.com/2015/01/percentage-calculator-widget-for.html">Get Percentage Calculator Widget</a>  

Click Here for Demo

Real Value:
Base Value:

Get Percentage Calculator WidgetThank you and if you have any problem about blogger and blogging techniques, do not forget to comment in the comment box below.