Tutorials

Add Facebook and Blogger Comments As Tabs In Blogger

March 19, 2012 Blogger, CSS

Having multiple comments box on your posts make more comments. The most popular of Comments are Facebook. Why not add Facebook comments with Blogger comments on your blog. This can be easily done if you follow this tutorial carefully.

Demo

Go to Blogger -> Template -> Edit HTML.

Paste the following code below “” tag :

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script> 
<script src='http://code.jquery.com/jquery-latest.js'/>
<script type='text/javascript'>
 function commentToggle(selectTab) {
  $(".comments-tab").addClass("inactive-select-tab");
  $(selectTab).removeClass("inactive-select-tab");
  $(".comments-page").hide();
  $(selectTab + "-page").show();
 }
</script>

Search for <html and replace it with the following code :

... [READ MORE]

Disable Right Click On Blogger Blog

March 17, 2012 Blogger

For preventing copying of your content by visitors, you can disable the use of Right Click on your blog. Some websites and blogs prevent the right click for preventing copiers. You can also prevent the copiers by disabling the right click.

Demo

Go to Dashboard -> Layout -> Add Gadget -> HTML / JavaScript

Add HTML/Javascript Widget In Blogger — Add HTML/JavaScript Widget In Blogger

Copy the following code and paste it in the Widget text area :

... [READ MORE]

Get a work email on Blogger

March 9, 2012 Blogger

You must have heard of work email.
Do you want a work email for your blog without creating an another gmail account???
If you want then follow these steps.

1st step : Go to your Blogger -> Settings -> Mobile and email

You will see a box like this

Type the word you want on the text box.
Then click on the radio button on the left side of "Save emails as draft post "

... [READ MORE]

How to Add a Fixed Header to Blogger Blog

February 15, 2012 Blogger

A fixed header is a header that is in a fixed position. It will be seen in your blog wherever you are in your blog. See an example here.

To add this follow these steps

1st Step : Go to Blogger -> Template -> Edit Html

Copy and pate these lines before the tag :

<style type="text/css">
/* Subin's Blog - http://subinsb.com */
.fixed-header{
 overflow: hidden;
 position: fixed;
 z-index: 999999;
 top: 0px;
 left: 0px;
 right: 0px;
 height: <span style="color: red;">76</span>px;
 background: <span style="color: red;">#EEE</span>;
}</style>

2nd Step : Go to **Blogger -> Layout **and click on button.

... [READ MORE]

Tutorial : Add Sharing buttons to your blog

February 13, 2012 Blogger

Sharing buttons are used on blogger to increase its popularity and stats. You can also add this share buttons to your blog. To add sharing buttons Click this button.

... [READ MORE]

Tutorial : How to add floating share box in your blog

February 10, 2012 Blogger

Today we see some blogs have a floating share box. You can also have this share box.
See a demo of floating share box here
1st step : go to Blogger > Template/Design > Edit HTML

... [READ MORE]

How To Create A Facebook App

February 7, 2012 Facebook

Facebook App is something every site or app wants. A Facebook App can be used for so many purposes like Login With Facebook feature ,for a game on Facebook and so many others. Since there are so many Facebook users, it’s necessary to have a Facebook App for your site. In this post I ‘m going to tell you how to create a Facebook App.

Go to https://developers.facebook.com/apps and click the "Create New App" button from the "Apps" menu on the top :

... [READ MORE]

How to add Facebook log in button to blogger blog

February 7, 2012 Blogger

Now you can see a lot of blog has a Facebook login button.
You can also add this to your blog.
See an example here under Social Login tab.

1st step : go to https://developers.facebook.com/apps and create a new app.