Wednesday, 17 June 2015

In order to provide your viewers with quality and some versatile work you need to hire more bloggers to have diversity. In this article, we would be telling you about how to add new authors and users to your blogger blog.

The new technique of hiring multiple bloggers has becoming common by each passing day. In the beginning this feature was only present in WordPress but now blogger has also made it possible to avail this facility. Blogger User Management System allows you to add various authors to your blog by just simply sending them requests. Now blogger users can have up to 100 authors for their blog.

Why to Add New Bloggers?

As soon as one hears about having multiple authors in blogger, he wonders what it will bring to his blog. So, here are some productive benefits of adding more authors:

This will help your newly hired author to have his own profile.
Authors can manage everything from a single dashboard.
Authors would get the same benefit as the admin but they won’t have access to the major admin settings. He has rights to write posts.

Although, the owner of the blog will remain default admin and has the authority to run the whole blog however, co-authors can edit their posts but they cannot delete or edit others posts.

How to add a new Author in Blogger

Here is the simple way to add new authors to your blog. All you have to do is to follow these simple steps:

The very first thing you need to do is to sign in to your blogger account and go to Settings >> Basics >> Add Authors.

Now type the email addresses of the people whom you are interests to invite to your blog, each separated by a comma. When you’re done then click Invite authors..

As soon as you send them an invitation they will receive an email. That email will consist of a link that a person must follow to start contributing as a author, a screenshot of the email is attached below:

Changing Permission

Blogger provides you with these default user roles:

Administrator: They have full access to the blog including posting or deleting content, adding or removing members and they also have the authority to transfer ownership.
Author:They can only create and edit their own post. They have the authority to remove themselves from blog membership.

Once the author accepts your invitation, he will be able to write for your blog. He can edit his own posts but is unable to edit or delete others’ post. If you want a certain author to overlook posts written by others you can simply grant him the duties of an admin.

In order to set an admin, go to settings, and then permission sub-tab. below will be the list of authors working for you. Besides the name of the author, there will be a button named ‘Admin’. Click that button and you are done.

Note: Admins have the share of authority equivalent to you possessing the ability to delete something completely.

If you want to refrain someone to post more content you can simply remove them but it will not affect their previous posts.

So this is how you can add multiple writers to your blog and providing your readers with content diversity matching their taste.

Tuesday, 13 May 2014

Today we will provide you top SEO tricks or Ranking factor for bloggers to get top ranking in Google Search Engine. There are many SEO guide for blogger on the internet but we are providing some important ranking factors which is more effect Google ranking. On other side word press have many plugins to do this but you need to do SEO manually in blogger. So we will provide you full SEO tricks how to do SEO of blogger and how to get quick rank in Google.

Blogger is free and easy web publishing tool for create your blog. Many bloggers use first blogger then they migrate to word press to get more better seo for their blog but some of them use blogger because it’s very easy to use. So here I am giving you some top Search Engine Optimization (SEO) tricks for blogger to get rank.

Top SEO Ranking Factors (Tricks) for Blogger

Below we are providing you some useful SEO Ranking Factors for blogger to get better ranking in Google:

Format Blogger URL

Permalink is First very important ranking factor which plays a great role for ranking in Search Engine. First keep number of characters in post title to 50 and remove stop words like a, an, the, or etc from permalink. You can do this easily in blogger with click on link at the right side panel when you add your post into blogger. Go to Links than click on custom permalinks to set your post link as shown in below picture.

Keyword Density

Keyword density is an important ranking factor for better ranking in search engine. You should be maintaining 2% keyword density per post to better results. You should be using your necessary keywords in title and post with 2% keyword density in post. Never do keyword stuffing to manipulate search engines. But you can analyze post and find suitable location to add your keyword in the post.

Blogger Post Title

Blogger include their home page title in post so it is very harmful for seo of the article title. Please follow below steps for how to fix this.

Go to Blogger Template>Edit HTML then Find below code:

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

Replace above code with below code:

<b:if cond= 'data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/></title> </b:if>

Image Optimization in blogger

You can optimize images when you add them into post. You just need to add alt and title tags in every image. Please add your keywords in alt and title tags in every image.

No follow External Links

Please give no follow attribute on all external links to search engine advantage. You can select Rel="nofollow" attribute when you add external URL in your post which prevents search engines from crawling a particular link.

Search Description

You can enable search description under settings > Search preferences as shown in below picture.

You can also add custom search description for every post. Go to right panel of the blogger and click on search description as shown in below picture.

So follow above steps to get better ranking in search engine. If you like this article please doesn’t forget it to share on facebook and twitter.

Here I am providing tutorial about How to Add Static Facebook Pop Out Like Box with JQuery widget for blogger website. This static facebook pop out like box widget for your free space on left or right side of your website. This widget show your facebook fan page on the box to get more likes on facebook page. Here I give you simple jquery code with hover effect. When anyone move their mouse on the facebook plate than your facebook fan page visible by sliding to the left.

Static Facebook Pop Out Like Box with JQuery

Follow below steps to add Static Facebook Pop Out Like Box with JQuery:

Step 1

Login into your blogger account. Go to your Blogger Dashboard and click on layout button from left panel. Click on Add a gadget Link as shown in below picture.

Step 2

When you click on Add a Gadget link a popup box will open with all gadgets list, Choose HTML/JavaScript from gadgets. Like below picture.

Step 3

Now copy and paste below code into HTML/JavaScript box.

Style 1

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
//
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn8MdbL7kTFbUiwkaX11bOYEMHEeZLkaYDczYr44BLJljBiA7ba6mBnDt-l4jmGTc5sEAwsxxx8OlX8i0_DsbsOiqkDnAS234_kJ2t74z767Z1fZUzU5zzHcMCZuywo6zCGGCLX3KPkbDc/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><a href="http://www.haakblog.com/2014/02/download-best-blogger-templates-of-2014.html" rel="dofollow" target="_blank" title="blogger templates"><img src="https://bitly.com/haakblog" alt="blogger templates" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.haakblog.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/haakblog" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://www.haakblog.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/haakblog" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.haakblog.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/haakblog" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/haakblog&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

Note: Change Haakblog to your fanpage name.

Style 2

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<style type="text/css">
img, a { border: 0; }
#on { visibility: visible; }
#off { visibility: hidden; }
#facebook_div { width: 196px;
height: 340px;
overflow: hidden; }
#facebook_right {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
right: -200px; }
#facebook_right img {
position: absolute;
top: -2px;
left: -35px; }
#facebook_right iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left: -2px;
top: -3px; }
#facebook_left {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
left: -200px; }
#facebook_left img {
position: absolute;
top: -2px;
right: -35px; }
#facebook_left iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
right: -2px;
top: -3px; }
</style>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#facebook_right").hover(function () {
jQuery(this)
.stop(true, false)
.animate({ right: 0 }, 500); }, function () {
jQuery("#facebook_right")
.stop(true, false).animate({ right: -200 }, 500); });
});
</script> <br /> <div id="on"><a href="http://www.haakblog.com/2014/02/download-best-blogger-templates-of-2014.html" rel="dofollow" target="_blank" title="blogger templates"><img src="https://bitly.com/haakblog" alt="blogger templates" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.haakblog.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/haakblog" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://www.haakblog.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/haakblog" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.haakblog.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/haakblog" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><div id="facebook_right" style="top: 10%;">
<div id="facebook_div">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48Nd5_Kzjv3YWSGZ3OZCh8-EdoPMgWBsWy61eD28gF9ZsnLfSPM51BzQ01ZDfS2VJgg2SzBNoM5V4uMjhwpc1L_stlx13Gwwujvn0Ytf1Tti58zzaUNZAzD2wNXDfQPWcFUkqgjtehn8X/s1600/NBTfacebook_right.png" />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/haakblog&
width=200&
height=346&
colorscheme=light&
show_faces=true&
border_color&
stream=false&
header=false" style="border: none;
height: 346px;
overflow: hidden;
width: 200px;">
</iframe>
</div>
</div></div>

Note: Change Haakblog to your fanpage name.

Step 4

Click on Save button.

Mashable Style Social Subscription Widget is very good widget for blogger. Most of wordpress blogs used this widget. Now I am providing you Mashable Style Social Subscription Widget For Blogger. I will give you full customize code of Mashable Style Social Subscription Widget for blogger. This widget includes facebook button, Twitter button and Google plus button for your blog visitors to share your post on social media websites. You can also increase your visitors with the help of social subscription widget on your blog from social sites.

Mashable Style Social Subscription Widget

Now we explain how to install Mashable Style Social Subscription Widget on Blogger. Please follow below steps to add Mashable Style Social Subscription Widget for Blogger: