Browsing Tutorials

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 Create A Facebook App

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/appsand click the "

[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