Posts marked with "Blogger" in categories

How to Stop your Blogger Blog from Redirecting to Country Domains

When you open your blog you will be redirected to the country based domain of your blog.
This will affect your blog badly. For Example:

  1. The social stats – or Facebook Likes, Google +1s and Tweet counts – for your blog stories may be diluted as the URLs for the same story become different from different visitors.
  2. You will have a similar problem if you are using an external commenting platform like Disqus or Facebook Comments.

To prevent this you need to add this code to your Template.
Go to Blogger -> Template -> EDIT HTML

... [READ MORE]

How to add a header image to Blogger Dynamic Views

You must have seen some blogs like mine and Blogger Buzz which have a header image like this. These header images make the blog attractive. Do you want to add a header image to your blog like this ? Then you are in the right place. It is very easy to do this in your blog. You only need to add few codes to your Blogger Template.

Note :- You must have enabled a Dynamic views Template on your blog to use this feature.

... [READ MORE]

Add Facebook and Blogger Comments As Tabs In Blogger

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.

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

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.

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

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

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]

How to add Facebook log in button to blogger blog

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.

           
Type your  App name in App Display Name. You don’t need to type anything on App Namespace.
After typing your app name and after clicked on "I agree to the Facebook Platform Policies."  click Continue button.

Now you should see a new page like this.

Type the required information and click on  button


2nd step : Go to Template/Design > Edit HTML
                   
Paste this code below text:

xmlns:fb="http://ogp.me/ns/fb#"

... [READ MORE]

Follow/Subscribe

Telegram 

Mastodon  Twitter

GitHub GitLab

Subdomains

Demos  Lab

Past

This blog was once on WordPress. Now a static site. See source code on

GitLab