Browsing Blogger

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: 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. You will have a similar problem if you are using an external commenting platform like Disqus or Facebook Comments.

[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. 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").

[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. Demo Go to Dashboard -> Layout -> Add Gadget -> HTML / JavaScriptAdd 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]

Tutorial : How to add floating share box in your blog

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       Before  paste this code  <div style="text-align: left;"> <span class="Apple-style-span" style="color: #333333; font-family: inherit;"><b style="font-family: inherit;">#leftsidebar {</b></span> </div> <p> <span class="Apple-style-span" style="color: #333333; font-family: inherit;"></span><span class="Apple-style-span" style="color: #333333; font-family: inherit;"></span> </p> <div style="text-align: left;"> <span class="Apple-style-span" style="color: #333333; font-family: inherit;"><b style="font-family: inherit;">position:fixed;&nbsp;</b></span> </div> <p> <span class="Apple-style-span" style="color: #333333; font-family: inherit;"></span><span style="font-family: inherit;"></span> </p> <div style="text-align: left;"> <span style="font-family: inherit;"><span class="Apple-style-span" style="color: #333333; font-family: inherit;"><b>float:left;</b></span><b style="color: #333333; font-family: inherit;">}</b></span> </div> <p> <span style="font-family: inherit;"></span><span style="font-family: inherit;"></p> <div style="text-align: left;"> <span class="Apple-style-span" style="color: #333333; font-family: inherit;"><b>#pageshare {position:fixed; bottom:10%; left:60px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px </b></span><b style="color: #333333; font-family: inherit;">0;z-index:10; width:70px;}</b> </div> <p> </span><span class="Apple-style-span" style="color: #333333; font-family: inherit;"></p> <div style="text-align: left;"> <b style="font-family: inherit;">#pageshare .

[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.

[READ MORE]

Donate

Donate

Subdomains

DemosLab

Past

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

GitLab