Floating Facebook Widget For Blogger

Add a floating facebook like box to your blog or website.  The widget remains in a fixed position on the right-hand side of your site.  When you hover over the blue facebook image, the like box will then slide and reveal itself using jquery. As you can see in the right side of my blog.

• Go to Blogger Dashboard → Template → Edit HTML.
• Now Find the code shown below using [ctrl+F] (Use In HTML Box)

                                                        </head>

Google Page Rank tool

What is Google Page Rank?

If you’re new to Page Rank and don’t know much about it then let me tell you. Page rank is an algorithm by Google which ranks every website and webpage in 10 Points. So anyone website or blog can get page rank points from 1 to 10 and if someone has got high page rank like between 5 to 10 then it is going to generate many benefit for a particular website. Page Rank basically depends on the Backlinks of website which means if you’ve high number of quality backlinks then there is chance to get high rank in next update. Google Page Rank helps to get better position in Google SERP, faster indexing, increases guest post submissions, attracts advertisers and many more benefits.

Now, you might be interested to know your blog’s page rank so here is now we can check the page rank of any website or blog. Below, I’ve implemented a tool by which you can easily check page rank without going anywhere else. So, just enter your Blog URL in it and check page rank. It might ask for Captcha verification so verify that you’re human by entering the captcha code. That’s really easy.

So, if you wants to check your page rank you can simply copy your blog or website url and paste it the tool.

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by PRChecker.info service

HOW TO INSTALL GOOGLE ANALYTICS ON A BLOGGER

Google Analytics is a free service by google for all the people how are running blog or website. This tool or service helps all the people in analysing the statistic data about the traffic and visitor to a website or blog. It tracks the usual traffic metrics like pageviews, visits, unique visitors, bounce rate, time on site etc.

So, I suggest all of you to add the GA(Google Analytics) to a website or blog. It is very easy to add the GA to your blog, And Now as you are aware of its benefits. 

So follow these simple steps:

# HOW TO MAKE TRACKING ID

1. Go to Google Analytics. 

2. Now Sign in with your Google or Gmail account.

3. On the next page click the Sign up button. 

4. Next supply all the necessary details -

•    Account name, 

•    Blog URL you wish to track,

•    Time zone,

•    Data sharing preferences,

•    Country or Territory

•    Tick all the Data Sharing Setting checkbox or you can tick according to your preference

5. Read the terms of service and  tick the “Yes, I agree to the above terms and conditions” checkbox.

6. Click 'Create Account' button and you’ll be taken to Tracking Code Configuration tab.

7. Now click on “I Accept” on “GOOGLE ANALYTICS TERMS OF SERVICE” pop up page.

8. On next step you will get a Tracking ID its like "UA-73897563" 

9. Copy your Tracking ID 'UA number' and 'CODE'

10. Next step to Adding your Tracking ID to your Blog.

BACKUP / RESTORE TEMPLATE IN BLOGGER

If you don't wants to loose your blog. You must Backup your template as early as possible before making any changes like adding widgets, html/javascripts etc. A simple mistake or a minor change in blog 'CODES' can make your blog at risk. 

"So for that reason I suggest you u Backup your blog before making any changes."

# Backup Template

1. Go to your ‘Template’ page and click on the 'Backup/restore' button at the top right corner.
                

2. Click on 'Download full template' button.

3. Now your template will be downloaded.
   DONE.

The Template has been downloaded in your pc. Keep it in a safe place. So that when you need to restore your blog, you could restore it without any headache.


# Restore Template

Restoring template as same as Backup template

1. Again same steps must be followed go to your ‘Template’ page and click on the 'Backup/restore' button at the top right corner.

2. Click on 'Choose file' button.

• Upload a template from a file on your hard drive.
• The file will be in .XML file

3. Now press the 'Upload' button and your blog will be restored.

You have done with all the process...

Feedback....!!!

HOW TO REMOVE BORDER AROUND POSTS

When using the Picture Window template you will notice a border around all your posts. I will tell you how to remove the border in just a couple of steps!

1. Go to your ‘Template’ page and ‘Edit HTML’ and then ‘Proceed’.


2. Hit Ctrl + F to bring up a search box. Insert “.post-outer” to the search box. It will bring you to the following code:

Before

All you need to do is to change the 1px with the 0px.  It will now look like this:

After

3. Preview and if everything looks good then go ahead and click on the save template.

HOW TO REMOVE GRAY BOX AT BOTTOM OF BLOG

If you are using the Picture Window Template you will notice a gray box at the bottom of your blog. I will tell you a quick and simple steps how to remove that box!

1. You have to go back to your ‘Template’ page and click on ‘Edit HTML’ and ‘Proceed’.

2. Hit Ctl + F to bring up the search box again. Enter in “footer.background“. It will bring you to the code that looks like this:
   
<Variable name="footer.background" description="Footer Background" type="background"
default=”transparent url(http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left” value=”transparent url (http://www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left”/>
   

You will want to delete the url that is between the brackets ( ).  

Leave the brackets. It will now look like this:

<Variable name="footer.background" description="Footer Background" type="background"
 default=”transparent url() repeat scroll top left” value=”transparent url () repeat scroll top left”/>

Now, Preview and if everything looks good go ahead and save! Your gray box at the bottom of your blog is now gone.

HOW TO MAKE TRANSPARENT BEHIND POSTS

1. Go to your ‘Template’ page and click on ‘Customize’ and ‘Proceed’.

2. Click on ‘Advanced’ and then ‘Backgrounds’. Under the ‘Post Background’ you will see a drop down for what color you want to change it to.

Backgrounds and post Background

 3. Click on that and choose transparent. Be sure to save it by clicking ‘Apply to Blog’ in the upper right hand corner.

Post Background (Transparent)

HOW TO REMOVE ATTRIBUTION POWERED BY BLOGGER

You may have noticed at the bottom of your blog there is an attribution that says what template you are using followed by Powered by Blogger. We have had a few people ask us how to remove the powered by blogger copyright widget. So, I thought I would share with you on how to remove this from your blog!  

Steps are as follows:

1. You will want to go to your ‘Template’ page and click on ‘Edit HTML’.

2. Hit Ctl + F to bring up a search box. Paste this into the search box: ]]></b:skin>

3. Now you will paste this code:  
                                           
                                  #Attribution1 {display: none;}
                                     directly above  ]]></b:skin>

3. Save and preview your blog will now not have the powered by blogger attribution widget.