Domain Hosting Sale: BLOGGER

Showing posts with label BLOGGER. Show all posts

Friday, 22 August 2014

Google authorship in your wordpress website – How to Verify

Google authorship is more important, In this tutorial you gets the whole idea about google authorship. Google authorship increases your search visibility in top most search engine. Here I telling about benefits of google authorship, How to verify google authorship? , Google authorship for WordPress website. As a result you will get your google+ profile photo in Google search engine result with your website.

This one time process makes link with your WordPress website to your google+ profile. after that you will get your profile picture with your website title in google search engine result.

Don’t miss: Google Adsense alternatives in 2014 for Blog.

You can do whole Google authorship process in three simple steps,

1. Add Your WordPress Website URL in Google profile
2. Add author link in WordPress website code (Header.php file)
3. Test your website URL for testing
After completing above 3 steps, You are done Google authorship.

Steps to apply Google authorship on WordPress website

Step 1
Open your google profile account, after verifying with Email address.
To verify with Email Address: https://plus.google.com/authorship

Google authorship with Google plus profile - step 1

After Email verification, Open Google+ profile:

https://plus.google.com/me/about/edit/co

Add your WordPress Website URL for Google authorship - step 2

Enter New Link with Website title and Website URL

Added Website URL for Google authorship in Google+profile - step 3

Save the changes.

Step 2

Now your next step should be added author link in your WordPress website code.
Copy the below link, Change Google+ ID in href tab link.

<link rel="author" href="https://plus.google.com/10886821XXXXXXXXX/posts" />

Paste above line in <head> section. In header.php file.

Add Google authorship link in Wordpress website - step 5

Given in below,

Step 3

Now 85% job has been done. Open below link and enter your website URL.
Rich Snippets Testing Tools: http://www.google.com/webmasters/tools/richsnippets
Click on "Preview" button.

Google authorship testing for Google search engine result

Now your result looks like in above,

Advance guide: your blog serves guest posting, you can use yoast seo plugins for individual author. in result you can get correct authorship in google search result.

In this plugins you have to simply add different google plus author code for each post.

Useful: How to choose best domain name?
What is a Google Adsense revenue sharing site?

Don’t miss to share and comment your suggestions in below comment box.

Friday, 23 May 2014

Show Download link or button after share or like on social media button for blogger blog

Download button will be shown after clicked or shared post using social media buttons are Facebook, twitter or google+. This post must be very useful for social media strategy in SEO (Search Engine optimization). For that you have to add some JavaScript, Style for like button and Download button in step by step in easy way.

Useful: Best SEO (Search Engine Optimization) techniques for blog and website

Now a day Download option after share or like social media tricks is very handy and effective for startup blogger who has no traffic and Pageviews, Low SEO score blog and website. At the end you should increase social media page likes, friends on fane page.

Show Download link or button after share or like on social media button step 1

Steps for Download link after shared or liked social media button (Facebook, Twitter and Google+)

Step 1:
Go blogger template > Template > edit HTML.

Step 2:
Add below jquery tag link in framework given in below. This java script hide Facebook social media buttons after clicked on it.

Put below line just above </head> tag.

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

Step 3:
Put below CSS lines code put above the “]]></b:template-skin>” or “]]></b:skin>” tag.

.secret {text-align:centerdisplay:none}
.secret-share {padding:20px;text-align:center;border:3px solid #ddd}

Sep 4:
Copy the below code above the </body> tag

<script type='text/javascript'>
//<![CDATA[
/* Facebook by www.leetblogger.com*/
(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/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
window.fbAsyncInit = function() {
// init the FB JS SDK
FB.init({
status : true,
xfbml : true
});
FB.Event.subscribe('edge.create', function(href, widget) {
$.event.trigger({
type: "pageShared",
url: href
});
});
};
/* Twitter */
window.twttr = (function (d,s,id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
twttr.ready(function (twttr) {
twttr.events.bind('tweet', function (event) {
$.event.trigger({
type: "pageShared",
url: event.target.baseURI
});
});
});
/* Google Plus */
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
function plusOned(obj){
console.log(obj);
$.event.trigger({
type: "pageShared",
url: obj.href
});
}
/* Listen for the pageShared event */
$(document).on('pageShared',function(e){
if(e.url == window.location.href){
$(".secret").show();
$(".secret-share").hide();
}
});
//]]>
</script>

Step 5:
When you weighting the post you have to add the below code your download link add first tag of below code which is display after click or share on social media button.

<div class="secret">
Link are hidden here</div>
</div>
<div class="secret-share">
Share Via Facebook/Twitter/Google Plus To see Download Link
<span class="fb-like" data-layout="button_count" data-send="false" data-show-faces="false" data-width="90" expr:data-href="data:post.url" style="margin-right: 25px;"></span><a class="twitter-share-button" data-count="horizontal" data-related="" data-via="kangismetdotnet" expr:data-text="data:post.title" expr:data-url="data:post.url" href="http://twitter.com/share">Tweet</a><span class="g-plusone" data-callback="plusOned" data-count="true" data-size="medium" expr:data-href="data:post.url"></span></div>

After that publish your post. Your post looks like in below screen:

Show Download link or button after share or like on social media button

Don’t miss to read our useful article on SEO, Blogging, Tips and Tricks and How to Guide.

Other search for this post:
Get direct download link after share on social media for blogger.
Share and Download option in blogger blog
How to increase fans on download link: SEO strategy.

Don’t miss to share such a help full post for other bloggers and friends. Feel free and comment in below to get assist you in any problem.

Friday, 2 May 2014

How to change payee name in google adsense (Solved) for all unsupported countries

Hello, Google adsense advertiser you are worried about on wrong payee name or misspelled name in your google adsense account. But you can change it. Here you can get idea on “How to change payee name in India” ,”How to update google adsense account name (Payee name)”. if you are belong unsupported countries list for change payee name in google adsense. But you can change through the below method with valid reason. If you don’t have google adsense account than google adsense can’t listen your voice through the mail to google adsense support team.

List of countries’ advertiser never can change google adsense payee name : Algeria, Bahrain, Bangladesh, Brazil, china, Egypt, India, Indonesia, Jordon, Kuwait, Lebanon, Libya, Malaysia, Morocco, Nepal, Oman, Pakistan, Palestine, Philippines, Qatar, Saudi Arabia, Singapore, Sri Lanka, Thailand, Tunisia, United Arab Emirates, Vietnam and Yemen. But you can change payee name with humble request to change payee name in your google adsense account only.

Useful Read: High paying CPC keyword for country wise to increase adsense income
All time most expensive keyword for your website and blog

Step to apply for change payee name in google adsense from India, and other unsupported countries

Step 1: Go on your Gmail account that mail id used in to open google adsense account.

Step 2: Through this mail you have to send one request mail to google adsense team.

From address: Your Gmail account
To address: adsense-support@google.com

Step 2: Send mail using below format with title as “Change the payee name”.

In subject body you can use below mail format

Dear Sir/Madam,
I want you to please change my AdSense payee name from "Your wrong Payee name" to "new payee name" because of the following reasons :

“Give valid reason for to change payee name”

My Adsense Publisher ID: pub - **************
My Current Payee Name: Wrong payee name
Country: only name of country

Thanks for corporation.
Your Sincerely: Google Adsense Publisher

After sending it you will receive thanks mail by google adsense support team. And wait for 24hr.

In reply I received below mail see in picture,

Google adsense payee name change for unsupported country

Google adsense give me EFT(Electronic Funds Transfer) option. In this option you can change payee name at anytime without permission to change payee name at any time. And I am from India.

Google adsense payee name change for unsupported country 2

Google adsense payee name change for unsupported country 3

Read Below,

Related search for this post, from this article you will get the answer of below questions.

How to change Google adsense payee name?
Trick to change payee name without cancel google adsense account.
How to apply for EFT in google adsense account?

I hope you liked this useful post. So don’t miss to share this article with your friend.
Thanks to Google Adsense Team,

Wednesday, 30 April 2014

How To Transfer Blogger Blog From One Account To Another Step By Step Guide

Hello, blogger this article is very useful for all including me also because “You can also transfer or move whole blogger blog from one account to another blogger account using below step”, “You can change admin of blog in blogger”. The main thing is that using this step you don’t need to change blog name, Blog URL, Comment on post. Using this process you can transfer blog without lose Pageviews and visitors, Pagerank, Becklinks and alexa rank, SEO score also.

Useful: Best Way to build up becklink for your blog and website.
: Best SEO (Search Engine Optimization) technique

Step to Transfer or Move blogger blog from one account to another

Step 1:
I have one entertainment blog which I want to transfer from my blogger account to my friend’s account.
Blog name is “Entertainment”. Here I gave this account named “A”.
Second blogger account named account “B”. And I want to move and transfer whole blog from account A to B. See Blogger account A. Given with Example below.

Click on Settings of that blog.

Move to Transfer Blogger blog from one account to another Step 1

Step 3: Now you are moved in particular blog setting see in below. And than click on Add author link give in below screen.

Move to Transfer Blogger blog from one account to another Step 2

Step 4: Add email address of Account B. And click on invite author’s button.

Move to Transfer Blogger blog from one account to another Step 3

Step 5: Open your second account “B” in another browser. Check mail of account B’s email address. After, click on Accept invitation button from your verification mail.

Move to Transfer Blogger blog from one account to another Step 4

Step 6: Now you are move in another tab in same browser for account B. Here all the details about blog are appearing you want in your blogger dashboard. And click on accept invitation.

Move to Transfer Blogger blog from one account to another Step 5

Step 7: Now you can check in Blogger Account “B”. You can see blow with limited options to access this new blog. Now you are guest of this blog. Though this you can only post article and submit to main account A.

Move to Transfer Blogger blog from one account to another Step 6

Step 8: Now move on old browser, Account A. Than refresh page and give the permission for as an admin. Changes automatically saved after selecting admin option from there.

Move to Transfer Blogger blog from one account to another Step 7

Step 9: Now move in Account B and refresh blog dashboard give in below screen. Now you are also admin of blog. Using this rights you can do any this what you want.

Move to Transfer Blogger blog from one account to another Step 8

Step 10: Now you can remove first admin from account A.
Your job is successful done. Enjoy and keep posting on your blog to get more traffic.

Move to Transfer Blogger blog from one account to another Step 9

You also find,
How to give gust right on my blog?
How to move or transfer blog from on account to another?
How to make more than one admit in blogger blog?
How to change blog authors on my blog?

Click to know more on other useful article on How to, Computer, SEO, Blogging.

Friends, Don’t miss to share this article. Someone is finding this technique. You can also comment in below comment box.

Sunday, 27 April 2014

How To Add Facebook Smiley And Emotions In Blogger Comment Box – Customize Blogger Comment Box

Facebook smiley and emotions in comment box give batter look throughout user can inspire to comment something by adding Facebook emotions shortcut key give at each smiley and emotions that’s give in blow picture. At the beginning time blogger is always finding how to add Facebook emotions and smiley in comment box. Using this article you have to simply find code and past below code that’s given in below post one by one.

You are facing problem to add Facebook smiley and emotions in your blogger you can put your comment in below comment box.

Facebook smiley and emotions prove batter experience to enhance your visitors by talk to speech frequently using smiley and emotional in comment box.

Add facebook smiley and emotions in blogger comment box

Step to add Facebook smiley and emotions icon in blogger comment box

Step 1
Go blogger dashboard > Template > Edit HTML (See in below image)

Add facebook smiley and emotions in blogger comment box step 1

Add facebook smiely and emotions in blogger comment box step 1

Step 2
After clicking on Edit HTML you can see full XML code in your screen. From there you should find code line by pressing Cltr + F. Now you can see one search box at top corner of coding window see in below image.

Add facebook smiley and emotions in blogger comment box Step 3

Add facebook smiley and emotions in blogger comment box Step 2

Step 3:
Find below code

<div class='post-footer-line post-footer-line-3'>

Step 4:
Find above line code and paste below code after above line.

<b:if cond='data:blog.pageType == "item"'>
<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgknPgoJlmdXKyfjAGww66UyDUiVir_lCuPdSzDKyVSat8nAo90LWhTO8CkDWWMK6UAd-aLyWseieowep07Q6aWHYHFPKwle3ni0h_gwT9K7aSjrvRW_62ys7y8cFr6l5TCev_5WmibuVvq/s1600/helplogger.blogspot.com(1).gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYQW8vEwlrC20FlJgVVQfacChCpm-cGyX8p5vAi1HPbaALhuY1z216tuuN9x8QArGFz6TWeeKKRgKDmT3B74qk20uN-LwV5MArmVfh0ulqT-vydWmCSMI6r48EPO_iXm3lDBPUVpc_po70/s1600/helplogger.blogspot.com+(2).gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6yWVbUnHxoclVUJXdfq7Xmx6smfq5l_4DRZiit2ZFObu_SxtHXJpQSWdB57axZAhyWhntewqAz-tDO0eH7WtTbQ53L1YBkVmXOaJ_2Ecc0V8ZI1zfhUn5XJZ20BUu2Ov2Qtaia00ygSMR/s1600/helplogger.blogspot.com(3).gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP83BQsiRV-vhi6vsCKjMNRSqnfyusAUZuJ57S-3TNo2LQRFhspAhnKC_3K9-Qyl6j-F74n_tX_var59ulYEAaytzjg_jHa0bpZpDcr5KDyfYXMboiMDiSmeLeY8w8z9PdIKfRzaou4Iqh/s1600/helplogger.blogspot.com(4).gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqhAKCt8XM9tO1AfUT7DGMcIDfH1AHg52vQa_fWN9UQHNylp6VxT7eNOGd8NxF2bjq5ogVBSEwKoCOo6C8EbqiXu6MNjtXNqJRH1yVIjBNzYpW-sbxaI51Q2CmRjYDcG8byjwQ_dKcxZuu/s1600/helplogger.blogspot.com(5).gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCB74MiHIDIQWJkzHxsZEjVJswE3hZFVzgGYs1ZQKhakr_OYFgPfmtcetgbH3zGtzXfy-GYzgPPX8g7jzsluIVTBVhqCSZNT1HeBfFhWAin6O-hCG18TywDTDTvDycHGsbAfvcgNDBbTFw/s1600/helplogger.blogspot.com(6).gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitTopNv3CPQLLgy9n4eGCkEz_V9gLhFu3s-apVktMsMzI2xGrhO3a7Lj2zBKmKEWGV4CK4_15doLstDuEJNlWpFqhw2ibVBnPeM5nB1kVQDCIrCuEHFbkcDvi-iVc6B9m_iVyzkLIGVCIX/s1600/helplogger.blogspot.com(7).gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2DRFYk2Vahb9frk0l2Su1IUnTPSsAOOPRZMil5z7y9RXk6r-PEeuv7SFfVyxxhljAePyQEHoAFKJIwlHh9-CDYgTRAbe1McT7NLZE_M-0hHPktyWZbQJLgoA5OOeB6vDbJf_HQZOcD8Uf/s1600/helplogger.blogspot.com(8).gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAoVEHr4SBL7baq7keEKJOrN8GzDNE1U6i2emzmyhtwXUGvgRZuY7YkbqJsowZ1vu1wd2Ia5UUZZY_nrBhCOoQ4xE52Y9KnnGZEgli52VylVU-vDD3CHe1GiMI7EEW_x_VnrJG2UafJOjz/s1600/helplogger.blogspot.com(9).gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4xtJCgaTCBVmb78RRyDibc7zc22YsQYOTsckngDLtNwxxnwG7Q59tGUD87R4y_efSkUCVO1oL9xynQNeHsTP0MOCgTr1v0BDpbweK-QWFCFRxxmJrd7QMohZrU8ZllDkhrAdLyj503V19/s1600/helplogger.blogspot.com(10).gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbj9xk64AeoQDeXNdj4G39-m4gYyptaBg606YGgRcDSgDcixjyLVMwSHpBjPnoWfJQ_mCL4XuFoUpKGGHn2Rk9bJYas-pT2rhXz6XeVzhscz8CNt0lcww4u2zl5sgODCftLJVfLf93vRsN/s1600/helplogger.blogspot.com(11).gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagjQXyxxk2ertYwn-LoBiE54TYy4ZPvAry6_bSbIKAMYXFJI7OUKGIkdqZ2SVFDHmzfXpsC586S1vHJEXk8Qm-HLTrvDlYMoh45tIGsh9KOUH_ChN8S1rZzH_JyDjuMDh3abGzf6aJybY/s1600/helplogger.blogspot.com(12).gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipFN0MV36wqZiJClDs6p7QQewCGenVTi6mT-d7-7aMQdY6jvX6I-BWG7caOZFteQOwJG6Lr_lgt5RFRlMHhrGcClDMtREu7QKH1USQAOOp1z1kq1e3u6ivKCmRs1yJZreZWa4DnY8jsKhU/s1600/helplogger.blogspot.com(13).gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDYCEWF0uRzRMpKTYdyzCdmpOP7v9QkMsPIGn34oobFzPLW0vHCPQj5ebbSPal3BpD1sGQRQenl00EFldiQ4ioW3W_bMpVgqf-mE0AHouuuikGNUDvzlN4QxI5MNJdbkDMjCgUGeV-QsCp/s1600/helplogger.blogspot.com(15).gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5N22T60lA9c-YY7A-dl9PcCJKwcDgctZA_o9tyAMcGayuv7PcfAt0oZQnf7fChyC6DQJR-0XCdHsuEDSqmSk-sZg9yetShp9S6D6ENMVuoxTPKUzZfnk0CF0EMPTeGo0SQlvRhG9Ih0on/s1600/helplogger.blogspot.com(16).gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0_7mhTBDoLlRfM0ZVnnOvmkomNKVyFQ-IFTyn9mWsPY4B0Pn3iVB9LNCvLeoQNnlgcUUdCUCJRdUFbUD33AmJxGqklxbeOGKIDyUE8dL0ZJjQgWwWnSkZyk-d25rWqH7KIBQgrrtSVyML/s1600/helplogger.blogspot.com(14).gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAUgq7PV9HIv2k7BspXfjBEW6Dyb6o40mIq5So2Izf8f0I3O0B7pJ2y0U1U2crl9yb1rYwm5MsfKhsZgxDcs5V_8stWSaLMK784DRguBYAATs3B4aLq9ZDNXBOVLu2RVYKijXzXzL-7Xb5/s1600/helplogger.blogspot.com(17).gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ6wFjJHc48RhCxBDri9YfjwGJ2O_kmoVeIBTPiXDQeJJFcGe3XmYhsPzrVmbicwpAV-lpRvvtkRfuwy2jpXR97fF_JIJrvHrhbpWu0VdUNq4tHCXtdTuiZvJzSsMTJ_AvR5Jn8_bS9a3C/s1600/helplogger.blogspot.com(18).gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvhl_H3UnJMDqKyCn4H4viQsld03r4L7B-uUWIHxzZp5YgM7nJ6h2ad5AfIPYUz9rl5UxuPn_EUCGhu1gviTbfgtqxA0QUq4-S_knd1SvmoFx6hACt_ftmwHUlZZLnkXIUF1OB2HVbENcl/s1600/helplogger.blogspot.com(19).gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTC9cf1Fp2K5YQi7QtBW__0NLWDpSRwD7jrOyk14wjWN1zNv8lq9DTFFkuYozy_QGurDcDrK_RMfbMcYDRn2AvP_n_p81v8nW62UfrjW6HYASv5fbv_iDsjo8HG1oVeIl5HCIvZ2z0Ggl_/s1600/helplogger.blogspot.com(20).gif'/> :t <a href='http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>
</div></b:if>

Step 5
Now find below code, Body end tag

</body>

Step 6
Past below code on above </body> tag

<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/>
<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>

Stpe 7
After pasting step 6 code your job is done. Now save your code by pressing save template button. Hopefully work for you because it works for me successfully.

Related Search for this post
How to add emotions and smiley in blogger comment?
Different Facebook smiley and emotions java script with different style.
Best funny smiley and emotions for blogger comment box.

Don't miss to read our Most use full article on Blogging, How to Guide and SEO for blogging.

You facing problem put in below comment box. Also don’t miss to share this post using below sharing button.

Wednesday, 23 April 2014

Page number navigation in blogger – Page Number, Next, Previous post navigation in blogger in different style

After long time I got correct code for Page number navigation for blogger blog. In Last two month I search many queries on “How to add page navigation on my blogger blog home page”, “different style for page navigation”, “and Beautiful style for page navigation with next previous button”. Finally I applied many of style in my blog. You also can apply in your blog easily through the below step by step guide. For that you don’t have any type of html or CSS programming knowledge. Just read carefully each step any apply in your blog one by one. Here in this post I give three different style code you can apply any one of three.

page navigation for blogger blog in different style

More useful for your blogger in blogging niche please read our articles on useful blogger tricks

If you have any problem than put your comment in below comment box than we can help you!

Step to add Page number navigation in your blogger blog

Apply one of three style for different look
Apply single java script

Three different styles for page number navigation in your blogger blog

Adding CSS Step 1
Go to Blogger dashboard > Template > Click on Edit HTML
Click on HTML code and Find tag “]]></b:skin>” with “Cltr + F” button. After pasting tag in search box inside html code hit enter and find this tag in your code.

Adding CSS Step 2
Paste below style code just above “]]></b:skin>” tag in your blog code.

Style 1 : Style for Simple look and feel

.page-navigation{clear:both;margin:30px auto;text-align:center;}
.page-navigation span,.page-navigation a{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
.page-navigation a:hover,.page-navigation .current{background:#CECECE;text-decoration:none;color: #000;}
.page-navigation .pages,.page-navigation .current{font-weight:bold;color: #888;}
.page-navigation .pages{border:none;}

Style 2: Style for Black and orange number page navigation

.page-navigation{clear:both;margin:30px auto;text-align:center;}
.page-navigation span,.page-navigation a{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.page-navigation a:hover,.page-navigation .current{background:#EC8D04;text-decoration:none;color: #fff;}
.page-navigation .pages,.page-navigation .current{font-weight:bold;color: #fff;-webkit-box-shadow: inset 0px -1px 2px 0px rgba(50, 50, 50, 0.69);-moz-box-shadow:inset 0px -1px 2px 0px rgba(50, 50, 50, 0.69);box-shadow:inset 0px -1px 2px 0px rgba(50, 50, 50, 0.69);}
.page-navigation .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Style 3: Style for Black and blue number page navigation

.page-navigation{clear:both;margin:30px auto;text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.page-navigation span,.page-navigation a{padding: 3px 10px;margin-right:5px; color: #fff;}
.page-navigation a:hover,.page-navigation .current{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.page-navigation .pages{border:none;background: none;}

First part adding CSS is complete now you have to adding the script.

Adding Script Step 1
Find the blow tag in your HTML code , If you don’t find full line code then try this code only “ title='Blog Posts' type='Blog'>”

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Adding Script Step 2
Put below code just above step 1 line code

<b:includable id='page-navi'>
<div class='page-navigation'>
<script type='text/javascript'>
var pgNavigConf = {
perPage: 7,
numPages: 6,
firstText: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
}
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/page-navigation.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>

Adding Script Step 3

Now you have to add page navigation give inbuilt simple function on next and previous post so find first one line out of two give in below (if you don’t find then find only first line on below code)

<b:include name='nextprev'/>

Adding Script Step 4
Remove above two line and past below code at same place; means replace step 3 code with blow code

<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi' />
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi' />
</b:if>
</b:if>

Other Search for this post:
Add page number navigation at home page of blogger blog
How to add page navigation in template source code
Step by step guide for page navigation

Final Conclusion: if you don’t getting add page navigation in your blog than revise all step once again because it will work for all blogger template like inbuilt blogger template and third party blogger templates.
Don’t miss to share this article with your friends because this one is very useful including me also in past.

Please say something about this article in below comment box. We improve your suggestion as of your request.

Monday, 17 February 2014

Best way to build organic backlinks traffic for blog or website in SEO tips

Friends, you want best SEO score than you have to improve backlinks number for your blog or website.
Becklink create is more easy in today time as compare to 10 years ago. You can build backlinks for your blog or website using creative implementation on your article writing and article connectivity. Google algorithm Penguin and Panda updates affect on many blog or website which has lower backlinks as compare to other same category blog. Now each webmaster must concentrate on organic backlinks building techniques.

Create or Build Organic Becklinks for your blog or Website

Create or Build Organic Backlinks for your blog or Website

What is organic backlinks building?

Organic backlinks set up connectivity between visitors and your blog or Website. Organic backlinks are including top most search engine links where users/Visitors are intersect to your blog or website naturally.

Best Ways to Build/Create organic traffic for your blog or website

Controversies
For that you have to publish daily article on the basis of your website categories. Use valuable and most popular keywords in each blog post. As a result you can make your article more stable over same category post on other blog or website.

Useful: Wordpress ping list Updates 2014 to get higher index in top search engine.

Experience
Experience in your internet life makes backlinks building experience easy to reach target visitors over worldwide by publishing interested articles on same topics and categories.

Freebies
Freebies is more important to get natural traffic regular. You can convince to visitors by subscribing news article by email. Or mail marketing service on target users.

Group Engaging
Today thousands of group communities are available to meet target visitors by submitting article over Group engaging websites which has good pagerank. Thousand of successful blogger and websites master meet these types of connectivity.

Video Tutorial
Create awesome video tutorial with linkable video and share it on other websites get natural backlinks for your blog or website.

Don’t miss to awesome other SEO(Search Engine Optimization) tips, Best backlinks and Pagerank techniques making your blog SEO optimized.

Guest post is also attractive way to create more backlinks regularly. For that you have to advertise on guest posting for your blog who are waiting for your permission and declaration. In conclusion you will get SEO rated blog or website.

Useful: Meta tag selection and correct use of Meta tag.
Useful: URL submission to top most search engines.

If you have other stuff and tricks to get more backlinks using organic traffic in your blog or website.

Sunday, 9 February 2014

How To Add Meta-Tags In Blogger Blog And Blog Post – Step By Step Guide

Friends, you have many question on Meta-tags like “How to add meta-tags in blogger”, ”Why blogger is not powerful as compare to wordpress”, ”I can make more powerful SEO score using Meta-tag in my blogger”. But now your question is that “How many types of method to add Meta-tags in blog”, “Step by step guide to place Meta-tag in each post”. Currently blogger is the best free blogging platform powered by google. But you also know that it is not top level domain. So blogging interest is slightly lower as compare to other hosting platform like wordpress. But you can make it more powerful blogging platform using the SEO (Search Engine Optimization) Techniques.

What are Meta-Tags? Why we use Keyword?

Meta-tags are Keyword that defines our site categories. Search engine always categories your site using Meta-tag and Meta description of your blogger blog or website. Suppose you are sharing SEO, Google, Computer, internet tips and tricks. That is your site meta-tags should be same from above.

How to use keyword in Blogger blog?

Blogger is providing inbuilt functionality to put your Meta-Tags keyword and Meta description in your blog.

Method 1: add Meta tag in whole blogger blog

Rules to Add or Place Meta-tag in your blogger template

Meta-Tags will be defined using only meta name tag between <head> and </head> tag from your blogger template.
Ex: : <meta name=”” content=””/>
Meta tag will be categories with its name, You have to declare main three meta tag in your blog.

Useful: Upload free blogger XML template step by step guide.

Step 1
Go Template > Edit HTML, More see in below screen.

add Meta-tags in blogger blog and blog post

Step 2
Find (Ctrl + F) “</head>” code and paste below code on before “</head>” tag.

Add Meta name in XML Blogger Template

<meta name="description" content="Adding pictures to your blog without using gadgets" />
<meta name="keywords" content=" SEO, Meta-Tags, Google, internet tips and tricks" />
<meta name="author" content="Jaysukh Patel" />

Description tag describe your overall blog definition in 160 word.
Keywords tag describe you blog category.
Author tag define actual blog’s author name.

Search engine always scan your blog xml design and read this Meta name and finally it will helps to boost search engine ranking and visitors from top most search engine Google, Yahoo and Bing.

Useful: Add Your Blog and Article in top Search Engine Google, Yahoo and Bing.

Now your coding part is completed now you have to add Meta description in each blog post using below steps.

Method 2: add Meta tag in each blog post

Step 1
Go “Search preference” under the Dashboard > Settings > Search Preference. Click on edit.

add Meta-tags in blogger blog and blog post step 1

Step 2
After Completing Step 1, Select Enable search description “yes”. And place your blog description in search text area.

add Meta-tags in blogger blog and blog post step 2

Save you changes from below.

Step 3
Now you are able to add meta description in each blog post and publish time.

add Meta-tags in blogger blog and blog post step 3

That will be shown as summary of your article in search engine. See below careen.

Show meta tag description in search engine search result

More about add search engine description in each post or article

Thank for visiting, After that you can say your thought in below comment box.
Subscribe knowledgekites article and Share with your friends.

Monday, 27 January 2014

How To Increase Website Or Blog Traffic, Performance, Status Through The Google Webmaster Tools?

Friends, this article is sharing Google webmaster Tools experience on website or blog. Some of the points you might be know but some awesome new features and technology innovation in google webmaster tools. Google webmaster tools appreciate works sing 15+ years ago and it going toward up in the current period reason behind its publicity make useful for all personal use and small to big business in world wide. For that google can’t aspect from you to use this free tool to check your websites of blog status for all time in future.
Google webmaster tools also known as Website tracker or Website status. A Google webmaster tool is most useful for website admin and SEO expert to check the current status in 24 by 7 in a month and years.

Google webmaster basic Tools for your blog and website

Google webmaster is also professional submission your website and blog to google search engine to put together more crowd in your website and blog for all time.

You can also add more than one website URL at a time.

To submit your website in google from Submit My website to google.

This article is also point to other best most effective tools and functionality in google webmaster tools in free by google.

Website tracking page See the added website and Add new one click here

A Google webmaster tool doesn’t helps to find your website stats but you can check your site status using google’s another most popular tools “Google analytics”.

You can look at

crawler errors are under the Crawl error tag,
most popular search query for your website or blog see under the Search queries tag,
Sitemap for your website under the sitemap tag.

Crawl Errors

Crawl errors helps to increase bed impression on web, Search Engine, and Visitors also. More over if your website is down or redirecting wrong links which is written incorrect by admin at that time Google webmaster track this page and give notification to set it correctly.

Search Queries

This option full support your website SEO performance with finding the perfect search queries by end victors over the search engine. Using Search queries you can find the top most search page in google search engine.

Increase your site visibility on google first page using simple SEO tips , valuable keywords.

Sitemap

Sitemap gives your site overviews with separate pages and Articles URL in single file. Site map is in XML file. Each website has its own SITE map file. We can submit this file in google search engine using sitemap URL.

You can get your Website’s or blog sitemap URL from the Sitemap URL generator online tools.

You must submit websites sitemap URL to Google webmaster tools under the sitemap tab.

More over you can also track Back links, Malware checking, Structured Data, HTML enhancement. I tried to cover all point one by one in blow.

Backlinks

Google webmaster tools also track the number of connation between your blog or Website to other website. That might be through the social sharing, Commenting, Guest posting and Directory submission.
We will cover perfect definition of basic terms like Commenting, Guest Posting and Directory submission in our future article.

Ways to create Backlinks in rapid way.

You should find Backlinks (Links to your site) under the Search engine from the left pan of the google webmaster tools.

Other five Backlinks checker tools for your blog or website

Malware checking

Malware is the most dangerous affecting your website that’s kill your visitors, Site load time and more. That’s happen cause of open source tools from net used in your website and blog.
You can check malware through the Google webmaster tools and other online tools over the net in free.

HTML performance

HTML is the main part of any website and blog development. If your site contain any small errors like missing tag, Overlaying HTML code, Garbage code, JavaScript errors, and more
These errors created during the development and Copy pasting code from the web. Can be track by the google webmaster tools in free of cost.

List of best social sites to perform over word wide.

Final Speech

Use the Perfect Tools like google webmaster, Google analytical tools and improve your site performance with tracking, Designing and maintaining day by day. So Let’s connect with US using social FaceBook, Google+ and Twitter page.

Wednesday, 18 December 2013

Download Blogger Templates For Blogspot Blog Free With SEO Friendly And Responsive

Hi, Blogger and Webmaster, I hope you will find the perfect match of your search. Today I am listing the best SEO friendly blogger templates collection in free. You can download from here and install in your blogger dashboard hopefully.

These templates contains all the features like SEO friendly, Adsense supported design, Responsive in any device. After installing these templates in your blog, I am sure it will give best look and feel in design and functionality that is never seen before this time.

Useful :Top best blogger theme template looks like Facebook: Facebook theme for blogger template

Why you have to use SEO friendly blogger templates?

The reason is simple you have to knew but don’t mind if you are newbie in blogging then you don’t know, SEO give more help in less effort that means you don’t have make extra effort to make your blog visible in search engine results.

What is in SEO blogger templates?

SEO supported templates design with powerful supporting your Meta tag, Meta name and Description about blog and each post in search engine. Finally your blog alexa rank will be increase and page rank is also. SEO templates also give perfect social sharing icon, related post.
If you are happy about my SEO friendly and Responsive best Blogger templates collection then share this post with your friends on Facebook, Twitter and Google+.

List of best social sharing sites to increase blog traffic.
SEO(Search Engine Optimization) Techniques for you blog
How to Install and Upload free blogger template from dashboard?

SEO Blogger Template 1

View Download

SEO Blogger Template 2

View Download

SEO Blogger Template 3

View Download

SEO Blogger Template 4

View Download

SEO Blogger Template 5

View Download

SEO Blogger Template 6

View Download

SEO Blogger Template 7

View Download

SEO Blogger Template 8

View Download

SEO Blogger Template 9

View Download

SEO Blogger Template 10

View Download

Recommended search terms for this post,

Free Best SEO friendly templates
Top 10 best blogger templates
Blogger templates for all devices, Mobile, Tablet
Professional blogger templates in free
Thanks for visiting!! Happy journey of blogging
Free blogger templates | free SEO responsive BlogSpot Templates | BlogSpot website Templates