Wednesday, 31 August 2011

How to access Gmail mails offline.

This was been asked by users many many times to google. Google enabled it. But soon the rolled back the feature due to some problem. Still this is a hot question asked by many many gmail users:
For many days I too have been searching a solution for this problem. And finally I found the solution. Its just a chrome extension that enables you to work offline in gmail. Even this extension has been created by Google officially. They have even announced it on the Gmail blog. So here is how you access gmail offline.

Thing you will need :

1. Chrome Browser

2. Internet connection to install the app.

3.Gmail account to access.

So lets see on how to add this extension and set it up for working in offline mode..

1. Open up your browse (Chrome or chromium)

2. Navigate to this page.

3. Click on the add to chrome button there so that it starts to download and completes installation of the extension in your browser.

4. After it has installed a new tab will open up and you will see the Offline Google Mail there below the apps tab.

5. Click on that and now you will be taken to a page where you are gonna set it up.

6. You will be shown the following page.

7. Click on the allow offline mail option and then the continue. If this page dint appear then you might probably have to login to your google account and then continue to this step.

8. And yes now you are in your inbox. Disconnect your internet connection and try it out.

Advantages of using this app :

1. You can view your mails offline.

2. The speed is really amazing.

3. You can compose mails offline which will be sent the next moment you connect your internet.

4. The advantage of it over thunderbird and outlook is that it does everthing at a jet speed.

5. The appearance is cool.

6. Greatly customizable.

7. You will be able to access everything that you can access from your gmail account except that of chat.

8. The appearance, the offline accessibility and speed are the reasons why I prefer it over Gmail, Outlook and Thunderbird.

Hope you guys too liked it. Post your views as comments. And happy mailing... :)

Tuesday, 30 August 2011

How to install android on your PC.

Android is one of the most poular mobile OS found in the market. iOS is a huge competition for android. But however android is free of cost. That single feature would easily defeat iOS. Most of the people in India dont have an android mobile and they are just waiting to see the appearance of android including me. Even I am a crazy fan of android and I too love to see the appearance of it. A few days back I got a tutorial on how to install android on a pc. I thought that it wouldn't work. But to my surprise I successfully installed android and it now dual boots along with ubuntu on my system. Now I am here to share about the topic. Now lets get started.

Things You Will Need :
  • Android x-86 (Download link below)
  • A PC
  • A pendrive or any other memory devices
  • Unet Bootin (Download link below)
Now lets start to install it.

1. Download a copy of Android x-86 from the official android website. You can download it from here.

2. Download the latest release. (the size would be upto 50 - 60 MB)

3. Now you have to download Unet Bootin. Download Link

4. Open Unet Bootin and you will see the following screen. Change the Disk Image to ISO and browse for the ISO file that you have downloaded from android official website. Change the Type to USB drive and change the drive letter to your USB drive's letter.

5. Click on the OK button. The process will take a few seconds or minutes depending on the speed of your computer.

6. Now reboot your system and enter your BIOS. Change the Boot Priority so that USB drive comes first followed by hard drive or CD drive depending on your wish.

7. Now reboot your system. Your system will boot from your USB drive and the following screen will be in front of you.

8. Now click on the Run Android without installation if you wanna run it without installing on your hard disk. If you wanna install it, click on the fourth option and continue the installation process. Its similar like that of normal operating systems.
If you are running from the live CD then you must see the following screen. (Android Desktop)

Now you are looking at your android desktop. Note that android might not that much efficient on some PC's. You can also use the android maket.

So just enjoy having it...

How to get more traffic to your blog - The power of keywords.

Bloggers are really growing in a great number day by day. Here is a quote said by an old blogger "Newbie bloggers are not knowing about the importance of SEO". So why dont you prove that the statement is wrong. Driving traffic is a bit difficult task according to me and it would be difficult for a newbie blogger to understand the core concepts of blogging, SEO, keywords etc. Now I am here to help you guys by giving a complete tutorial on what are keywords and how are they used and how to use them.


Most of the new bloggers have this great doubt that what are keywords. Keywords are some of the important terms that you use in your blog posts and in your blog. They are not just some random terms but the terms that search engines are able to track or crawl. You might have noticed that when you type something in a Google search you will find that some results will turn up. These results turn up only because of these keywords. You content must be rich with keywords only then your blog will get higher results in search engine results.


Things you will neeed :
  • A blog.
  • Internet connection 
  • And a few minutes of free time.
I have explained you guys what are keywords. Now lets see on how to find keywords that are suitable for your blog.

1. Open up your browser.

2. Navigate to this URL.

3. Now you will be redirected to Google Adwords site where you can find your keywords.

4. In the word or phrase column type some of the categories or tags of your site. Enter your sites URL in the website column. Enter the captcha and click on the search button.

5. Now they will show some of the keywords that are related to your blog and they will also show the competition for the keywords.


Now that you have found out your keywords. The thing that you have to do is to use these keywords in your blog posts and also create categories for the top keywords and use those keywords often in your post. But see to that you make meaningful sentences. So be careful. Use the keywords efficiently.

Other tips on SEO :

1. Add meta tags to your blog.

2. Configure your robots.txt file if you are a wordpress blogger.

3. Use All in one SEO pack plugin if you use wordpress.

There are many many tips and tricks to make your blog more SEO optimizable. Just google it and you can find millions of results... Enjoy blogging. :)

Friday, 26 August 2011

Add a Featured post slider to your blogspot blog.

Blogspot is really a good platform for blogging. You can easily create a blog and also you can easily maintain it using  blogspot even if you are a nerd. Blogspot has certain disadvantages when compared to that of wordpress. The most important of these includes featured sliders and a few other things. In wordpress you can do it with plugins which are available in the wordpress directory. But in the case of blogspot you have to add some codes into your template for those featured sliders to appear. Now lets look on how to add a featured slider in your blogspot blog.

1. Login to your blogspot account.

2. Navigate to Design > Edit HTML.


4. Now you are gonna add some CSS codes into your template. Find the following code in your template.


5. Add the following piece of code just above that.

/*Start Slider Css*/
#slider-wrapper {
background:url( no-repeat;
margin:0 auto;
#slider {
background:url( no-repeat 50% 50%;
#slider img {
#slider a {
.nivo-controlNav {
.nivo-controlNav a {
background:url( no-repeat;
.nivo-controlNav {
background-position:0 -22px;
.nivo-directionNav a {
background:url( no-repeat;
a.nivo-nextNav {
background-position:-30px 0;
a.nivo-prevNav {
.nivo-caption {
font-family: Helvetica, Arial, sans-serif;
.nivo-caption a {
/* The Nivo Slider styles */
.nivoSlider {
.nivoSlider img {
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
/* The slices and boxes in the Slider */
.nivo-slice {
.nivo-box {
/* Caption styles */
.nivo-caption {
opacity:0.8; /* Overridden by captionOpacity setting */
.nivo-caption p {
.nivo-caption a {
display:inline !important;
.nivo-html-caption {
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
.nivo-prevNav {
.nivo-nextNav {
.nivo-directionNav a {
background:url( no-repeat;
a.nivo-nextNav {
background-position:-30px 0;
a.nivo-prevNav {
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
.nivo-controlNav {
.nivo-controlNav a {
background:url( no-repeat;
/* End Slider Css*/

6. Now again search for the following piece of code in your template.


7. Copy the following code right above the head tag.

<script src='' type='text/javascript'/>
<script src='' type='text/javascript'/>
<script type='text/javascript'>
$(window).load(function() {

8. If you already have jQuery installed in your template remove the red coloured  line at the top or else just ignore this step.

Now that we have completed adding all our CSS coding. Now lets move on to add the HTML part.

1. Navigate to Design > Page elements.

2. Add a HTML / Java Script gadget and place the following code into it.

&lt;div id="slider">
&lt;a href="">&lt;img src="" title="This Is A Caption" />&lt;/a>

&lt;a href="">&lt;img src="" title="This Is Another Caption" />&lt;/a>

&lt;a href="">&lt;img src="" title="This is an example of a caption" />&lt;/a>

&lt;a href="">&lt;img src="" title="This is another Caption" />&lt;/a>

Now that you have added the codes. Lets start making changes in it. The code lines which are colored in red are the URL, Image and the caption. Change the URL image and caption according to your needs and save the widget. 

7. Now drag and drop the widget so that it appears in the top of the blog posts widget. See the pic for a better understanding.

8. Save it. And thats it you are off now.

Enjoy using your featured slider. Post your queries or reviews...

Thursday, 25 August 2011

Add an outstanding "Related posts " widget to your blog.

Blogging is really an interesting hobby. But you must be really smart enough to generate traffic. And you must make your blog completely SEO optimised so that it is easily crawled by search engines. Which would eventually lead to more and more traffic. There are lots and lots of ways to make your blog SEO optimised. Here is one of the trick so that your blog becomes better in SEO. This widget not only SEO optimises your blog but also asks readers views on your post. This widget is really attractive and also it can be added to any blogs which has any different type of style sheets. Now lets see on how to add this widget to your blogger blog. This widget also supports many blogging platforms like wordpress, blogspot, drupal etc. So lets get started :


1. Browser

2. Internet connection

3. A blog which you maintain.


1. Open up your browser.

2. Navigate to this URL.

3. Now fill up the form and click on the "Register" button.

4. Activate your account using the link that you got in your mail inbox.

5. After you have activated click on add to your site link.

6. Click on your blogs platform. Enter the URL of your blog and click on the "Submit query" button.

7. Now they will ask for the owner confirmation. Confirm your ownership. The method differs from platform to platform.

8. Now in the top you can two options called as "Already have" and "Yes"

9. Click on Yes.

10. Enter your platform. See up to your preferences, accept to their terms and click on the continue button.

11. Now save changes for your blog and that's it you are ready to go.

Dont forget to complete the step 6 otherwise the widget would not appear. So be careful. Any queries post them as comments....

Monday, 22 August 2011

How to add HTML signatures in Gmail.

Hey there guys. Gmail is one of the best email services available there. And Firefox is one of the best browser standing next to IE. You might have seen people sending emails along with signatures which are very attractive and that they can be created only with HTML. So why dont you create your own HTML signature with your own HTML knowledge. I just love to send emails with HTML signatures since they are really really attractive. So now lets see on how to create it.

Things you will need :

1. Gmail account.

2. Firefox browser

3. Firefox addons (Links given below)

4. HTML knowledge. (If you are gonna use the second addon you dont need that too.)

So now lets get started :

1. Open up your firefox browser.

2. Now install this addon.

3. Open up your Gmail account.

4. And click on the compose mail option.

5. Now in here you will see two icons to the top of the "To" field.

6. Click on the Add a new signature icon which is one the left most.

7. A new text field will appear below the To field where you have to enter your HTML code and you have to click on the save button.

8. Below is the code which I used. You can edit it.


        <link rel='stylesheet' href="">



    <div class="mydiv">

        <img class="myimage" src="YOUR IMAGE LINK"/>



Dont forget to replace YOUR IMAGE LINK with the link of your image and replace YOUR description with a small description of yours. Now click on the save button.

The code above displays just a simple image and this wont be that much attractive. So now lets do something more interesting.

1. Open up Firefox.

2. Download and install this plugin.

3. After the browsers navigate to Gmail.

4. Now in the top right near your settings you will see an option called as Wise-Stamp.

Click on the edit signature which appears when you click on it.

5. A new window will open up saying Wise Stamp Preferences.

6. This is where you have to edit your signature.

7.Complete editing your signature.

8. And click on the "Ok" button.

A message saying the success will appear and that's it you are done. Now whenever you send an email your signature will appear below and now you are ready to go. Enjoy your signature :)

Thursday, 18 August 2011

How to create a facebook application for your Blog.

Facebook is the worlds greatest social network and it has more than 750 million users. So it is necessary for a blogger to create a facebook page that he will surely have. And how about creating a facebook app. Yes guys. You might have seen and you might have used many many apps as a facebook user. Creating a facebook app is really easy and that you should have some basic knowledge on web designing languages. And if you have a good knowledge you can easily create really great apps. If your becomes famous then facebook might pick you up for an internship. But lets not go that complex. Now we will be creating an app that will let users to see your blogs feed and they will also be able to subscribe to it. So lets get started :

1. Lets assume that you have a facebook account. Just login to it and navigate to the following URL :

2. Now in this page click the "Create a new app" button in the top right.

3. Enter the name of your app. Accept to the terms and conditions. Click on the Continue button.

4. In the following page enter all the details accordingly.

5. Now open up your notepad. You will have to write some codes for showing up your feed.

6. And before that you have to get your Buzz Boost  codes. For that do the following
  • Login to your feed burner account where you have burnt your feed
  • Open up your feed.
  • Navigate to Publicize > BuzzBoost
  • And add your preferences there and get the code.
  • Set the number of posts to be showed as 10 so that it looks good in your facebook page.
7. Now that you have got your Buzz Boost code. Now open up your notepad and enter the following codes .

font-family: 'Trebuchet MS';
border:3 px dotted #CCCCCC;
.burner a{
.burner a:hover{
.burner a:visited{
<div style="float: left; width: 500px;
  margin: 5px; padding: 5px; border: 1px solid black;">
<div class="burner">

8. Replace "BUZZ BOOST CODES HERE" with your Buzz Boost codes and replace "FACEBOOK LIKE BUTTON HERE" with your facebook like button.

9. You can also add other widgets that you wanna add to your facebook app by just adding the HTML code below the facebook like button code. The appearance for the above codes will look like the following :

10. Now save the document with a .html extension.

11. Upload the file anywhere online. And get the URL.


1. I have uploaded my files in
2. Go to and create an account.
3. Go to your control panel and from there to your file manager.
4. Click on create a new directory and name it. (i have named as Cyber Freaks)
5. Rename your HTML document as index.html and upload the file into that directory.
6. Now open that file from my3gb.
7. Your file will be redirected to an URL as follows :

Replace Example with your domain that you got while registering with my3gb and replace "Your" with the first name of your directory and "Directory" with the second name of your directory. If your directory does not have any second name then remove "%20Directory".

Do all modifications and note down that URL.

12. Now come back to facebook.

13. Click on the "On Facebook" link on the left sidebar.

14. In the page you will be asked to add some details. Enter the details as follows.

Canvas Page : Your own preference

Canvas URL : The URL of your hosted HTML file that you got in step 3.6. (Dont forget to add trailing slashes)

Secure Canvas URL : The URL of your hosted HTML file that you got in step 3.6. (with https:// instead of http://. If this does not work then leave that area blank)

Tab URL : The URL of your hosted HTML file.

Secure Tab URL : The URL of your hosted HTML file that you got in step 3.6.  (with https:// instead of http://. If this does not work then leave that area blank)

And now save the changes. And thats it your app is ready now. Now lets add it to your facebook fan page.

1. In the page in the bottom of the left side bar you will see a link called as "View application profile page"

2. In the bottom of the left sidebar you will see a link as "Add to my page" Click on that and a list of your pages will appear. Click on the page that you want your application to be added and click close.

And thats it you have created your app and added it to your page. Any queries post them as a comment and enjoy blogging !! :)

Saturday, 13 August 2011

Google Music - Get Invites and join...

Google has now started another new service called as Google music. Google music is a really easy way to manage music online. There is no such place online to manage music. But again just like Google plus it is still in its development stage and so it is not possible for all google users to join music. And it is available only in USA. But  no worries. I will help you to use google music in any country using VPN. And so lets get started in using it.

Getting an invite :

1. I currently have only one invite. The one who asks for the invite first in the comments would get it.

And others dont worry. You can also get invites directly from google. And for that you have to visit Google music's official site. When you visit the site from countries outside US you will be  shown a apology message like the following.

And if you wanna visit this site from countries outside US then you have to use VPN services. Most of the VPN services charge you a cost. But here is a trick to get free VPN account from VPNOD. But this is a beta account and VPNOD will soon ban this trick. So hurry up. Here are the steps to get VPN account.

1. Login to your Gmail or Ymail or any other mailing service that you use.

2. Compose a mail.

3. Fill this address in the "To" field :

4. Fill this in the subject field : vpnod

5. Now send the email without any content.

Soon you will receive a mail with the details of your VPN account

[Credit Antidoms @ Techomag]

Now that you have got your VPN account. Do the following steps to set up a VPN connection.

Things you need :

  • VPN account
  • Internet connection
1. Now connect your system to internet.

2. Click on Start  and type in "Network and Sharing Center" in the search box.

3. Open the Network and sharing center.

4. Click on the setup and click on "Setup a new connection or network"

5. And in the resulting box click on "Connect to a workplace"

6. Click on "No I will create new connection" and continue.

7. Click on "Use My Internet Connection (VPN)" 

8. In the internet address field type : In the Internet Address: field, type
    In the destination field type : VPNOD

9. Now they will ask for your username and password. Enter the username and password that you got in the mail from VPNOD.

10. And now that it will show a message saying connecting and finally it will be connected.

Users who already have an invite 

1. Open up the mail with the invitation.

2. Click on the Get Started button there and now you are in.

Users who dont have an invite

1. Open up your browser and navigate to Google music.

2. Click on the Learn more button there.

3. In the top right of the following page you can see and "Request An Invitation" link. Click on that.

4. Now Login to your google account.

5. And in the following page you can request for an invite by click on the Request and Invite button.

It may take a while to get an invite. So be patient and get your invite. After you have got your invite you can login to your account.


And thats it your are done. Any queries just post them as a comment. Enjoy using Google music...

Thursday, 11 August 2011

Adding new tabs for your facebook page.

Facebook is the best place for promoting any product. It may be a blog or a product or anything else. Almost all  the enter pruners who are in facebook have their own page using which they can promote their product. And do you have a website and wanna promote it on facebook ? Here is a great way to add new tabs to your facebook page and it is powered by google ! And this is a large tutorial and just see below to get started.

1. Lets assume that you have a facebook account and a google account.

2. Login to your facebook account and search for developers in the search box in the header.

3. Click on the first result in the search or you can alternatively go to this URL. And you will be redirected to a page where you can create new apps.

4. Click on the create new app button in the top right of the page.

5. Enter the name of the tab that you wanna create in your facebook fan page and accept to the terms and click on the continue button. Enter the captcha and continue.

6. In the description field write the description of your tab. Upload an icon (the best one to choose is your blog's favicon.) And leave the other fields to defaults and click on the save changes button.

Now Open a new tab and navigate to google sites.

1. Login with your google account.

2. If you are using sites for the first time click on the Create site button in the following page.

3. In the resulting page you will be asked to enter all your details like entering a name for your site and the url and other details.

4. Expand the choose theme area and select the blank template.

5. Enter the captcha and click on the create a new site button.

6. Now you will be taken to the page where you can edit your website and do such other things.

7. In the top right you will see more actions click on that and enter the manage site option.

8. Now in the left sidebar click on general settings.

9. Now in the page de-select the show site name in the top of the pages option. We do this because you dont want the name of this site on your facebook page right. And click the save button.

10. Now click the site layout in the left sidebar and click on change site layout. Change the width to 500 px (because the width of facebook pages are only withing 550 px) and disable header and sidebar. Click Ok and save the changes.

11. Now below you will see something named as customize system footer links. A new popup will open and enable all the options in it. Click ok and save the changes.

12. Now that you have completed editing your settings and so click on the Return to site link in the left side bar.

13. You will be taken to the page that you got at the first after choosing the name and theme of your site.

14. In the top right you will see a button to create a page for your site. Click on that.

15. Enter a name of your page. In this example let it be Contact Us.

16. Let the other options to the default and  click on create page button.

17. Add the content that you want to appear on the facebook tab and save the page.

18. Now again click on More Options > Page Settings and disable all the four check boxes there.

19. After saving the changes copy the URL of the page to clipboard.

Back To Facebook.

1. You must have opened google sites in a separate tab leaving facebook aside. Now again go back to the tab where you have opened developers in facebook.

2. Click on the "On facebook" link in the left side bar.

3. Now there in the page you will find the following settings to be edited.

Canvas Page : Any unique link to this app.
Canvas URL : The URL that you copied from Google sites (Note : Remove https and replace it with http)
Secure Canvas URL : The URL that you copied from Google sites (Note: Dont remove https)
Tab URL : The same as Canvas URL
Secure Tab URL : The same as Secure Canvas URL.

Dont forget to add trailing slashes to all the fields except for the canvas page field.

4. After editing the above options your page should look something like the below :

5. Now save it.

Implementing In Your Page.

1. In the same page in the left sidebar you will find a link called as "View app profile page". Click on that.

2. Now again in the page in the bottom of the left sidebar you will find a link named as "Add to my page" Click on that.

3. Now you will find a list of pages that you admin. Click on the page where you want it to appear. And thats it. You are done.

If you wanna add more tabs follow the whole process again again until you are satisfied.

Hope you guys enjoyed the tutorial. Any queries just comment below. Or subscribe if its good...

Monday, 8 August 2011

How to add google plus banners to your profile.

Google plus is now becoming a very great social network and it already has started to dominate the social network giant facebook. It is still in its development stage but even in this stage there are many new features that beats facebook. This tip you can apply to both facebook and google plus. First of all you might want to know what do i meanby a banner. A banner is a group photos that together display a meaningful picture. When someone visits your profile in facebook or G+ he will find a group of five photos in the top. If will just show his latest five pics. But why not make it as a meaningful picture. See the picture below to get a clear view about banners.

1. Create your own desired picture using photoshop or any image editing software.

2. Now fire up your browser and navigate to this page.

3. There in the top you will see a link to upload a photo.

4. Upload your photo.

5. You will be asked to crop your photo so that that part will appear on your G+ or facebook profile.

6. After you have uploaded the images click on the render button at the bottom left of the image.

7. Now you will get the preview of 5 images. Right click and save each and every image.

Lets assume you have a G+ or facebook account.

1. Login to your G+ \ Facebook account.

For G+ Users

2. Navigate to your profile and click on edit profile.

3. There in the top you will find an area where you will be asked to upload photos. Upload the five photos there. And dont forget to save your profile.

For Facebook Users

4. Just go to your profile.

5. Click on photos and upload those photos.

And thats it you are all done. Enjoy having a beautiful profile. Any queries post them as comments. 

Saturday, 6 August 2011

How to add threaded comments in Blogspot blogs.

Blogspot is really a good blogging platform and many people are using it. There are a few advantages in it. One of those disadvantages is that there is no threaded comments or in other words there is no reply option for comments. In wordpress by default almos every theme has this option. So what about blogspot. Yes you can add it, as usual by adding and editing the template. Well this is really easy if you follow the steps carefully.

1. Login to your blogspot account.

2. Navigate to Design > Edit HTMl and click the "Expand Widget Templates" box.

3. Now in the codes find the following one :


(Tip : Use Control + F to search for the above code quicker)

4. Paste the following codes diretly below the code that you found in step 3.

<a href=''><img alt='Best Blogger Tips' src=''/></a><span class='comment-reply'><a expr:href='&quot;;postID=&quot; + + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + + &quot;%3C%2F%61%3E#form&quot;' onclick=', &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply to comment]</a></span><a href=''><img alt='Best Blogger Templates' src=''/></a>

Hey Wait Up. Its not yet over. 

5. You have to replace YOUR BLOG ID with your own blog's ID to show the reply option in your blog.

6. If you dont know where you can find your blog's ID then enter into your blog and go to any page. (Ex : Posting, Design, Stats etc.)

7. Now there in the URL you will find your blog's ID right after "blogID="

8. Now that you have found your blog's ID and so replace it with YOUR BLOG ID in the code in step 4. 

And now thats it save your template and your are done. You would get a good looking reply option like the one in the following image :
The advantages of using these codes are as follows.
  • When your users click on the reply to a comment link a new window will be opened where they can comment.
  • When they comment they will mention the user whom they are replying to.
  • The users have an option to be notified by follow up comments via email.
Thats it hope this was a useful tutorial. Any glitches or queries comment below to get corrected.

Thursday, 4 August 2011

How to add floating share buttons in blogspot.

Blogger is really a good platform to blog and so many many famous bloggers are using blogspot as their blogging platform. When compared to wordpress blogger has less number of plugins. And also there is no option for installing plugins in blogspot. So each and every thing we do is add or edit the template using HTML and CSS. Adding share buttons are really easy in wordpress, they can be added by just adding the plugin Digg Digg which helps them to add share buttons under the posts or above the posts or even as floating. Adding share buttons in blogspot is not that much easy. We have to add codes to the template. It is easy for the users to add it. But its difficult for us developers to create it and this floating share buttons took me upto 1 hour to create it. I have created it for my own use but one of my friend Arun Sathiya (CEO @ webbuzz) asked me for the codes and so I decided to share it with you guys. So lets see on how to add it.

1. Login to your blogger account.

2. Navigate to Design > Page elements and a HTML / Java Script. Add the following codes to it.

<!-- floating page sharers Start | Cyber Freaks-->
<style type="text/css">
#pageshare {position:fixed; bottom:20%%; margin-left:-220px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
<div id='pageshare'>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="">Share</a><script src="" type="text/javascript"></script>
<div class='sbutton' id='rt'>
<script src="" type='text/javascript'></script>
<div class='sbutton' id='su'>
<script src=""></script>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src=""></script>
<g:plusone size="tall"></g:plusone>

<div style="clear: both;font-size: 9px;text-align:center;"><a href="">Get widget</a></div><!-- Do not remove this link -->
<!-- floating page sharers End --> 

And save the HTML / Java Script widget and drag it and drop so that it is below the Blog Posts widget.

3. And now that you have added the share buttons to your blog which eventually float.


1. In some of your templates the share buttons may appear to the right most to in the center of the post. You can bring it to the correct position by changing the value of margin-left in line 3. The more you increase the value the more the share buttons will go to the left.

2. You can add more share buttons add the following code snippet

<div class='sbutton'>

Replace the Button Code Here with the code of your share button that you wanna make it appear. And add the above codes right after  

And thats it. Hope these code snippets helped you guys. Enjoy having floating share buttons. Any queries post them as comments.

How to add one click follow button for twitter on your blog

Twitter is the best social media which stands next to facebook and so it has many many users and also it has started to introduce many many new features that makes people to use twitter easily. Till these days if you have added a twitter follow button to your blog then it would take users to your profile page in twitter and only there they can follow you. So here is a easier way for them. They can easily follow you in one click without going in to your profile. And yes it is a official approach of twitter. So it has no bugs and also looks great. Below is a working model of the instant follow button :

Here is how you can get this button and add it.

1. Login to your twitter account and navigate to this page.

2. Enter your preferences and then you will see a code which you have to copy and paste where ever you want.


1. In the Sidebar :

Login to your blogger account. Navigate to Design > Page Elements. Add a new HTML / Java Script gadget and place those codes in it.

2. Above posts :

Go To Design > Edit HTML > Check the Expand widgets templates and find for the following codes

<div class='post-header-line-1'/>

and paste your twitter follow button just above that to get your follow button below every post title inside and outside the post pages.

3. Add it along with your social share widgets.

4. Add it below your post body inside posts. To do so :

Go To Design > Edit HTML > Check the Expand widgets templates and find for the following codes


Paste your twitter follow button's code just below it to see your twitter follow button below the content of your post.

And the last position is the best one to get more followers.

Thats it. Hope it was a good post and if you liked it subscribe to us and any queries just comment below or contact me.

Tuesday, 2 August 2011

How to add Google plus widget to blogspot blogs.

Google plus is now becoming more popular day by day. But its new so not many widgets are available on google plus. Recently plusdev's have released Google plus widget for wordpress blogs. But what about blogspot blogs. Yes there is another service named as widget-plus that enables you to add a Google plus widget to your blogspot blog. Google plus widget is a widget that shows your profile picture and asks the users to add you to their circles. It acts similar to that of facebook's profile widget but it has an extra option of adding you to their circle. But this is not the official approach but the appearance looks great. So lets get started and see how to add it to your blogspot blog.

1. Lets assume that you have a google plus account.

2. Login to your google plus account and navigate to your profile.

3. There in your profiles URL you can find your profile's number that is displayed after the ""

4. Note down that number and now fire up your browser to this page.

5. In that page click on the Get Widget button.
6. Now at the bottom of the same page you will see a settings box where you have to enter your Google ID which you got from step 3.

7. You can even include your feed and this is great in appearance when compared to the way that I mentioned in my previous post and even that was a long process.

8. Customize the widget to your needs and click the Get code button that appears in the place of Get Widget button that I mentioned in step 5.

9. Now you will get the code and a live preview of your settings. Copy this code.

10. Login to your blogger account. Navigate to Design > Page elements and add a HTML / Java Script element and add the codes that you got in step 9 and save it.

Wordpress Users can get another stylish Google plus widget here.

Thats it. Now you have added a good looking Google plus widget. Like this post ? Then come on Subscribe to Cyber Freaks. Any queries ? Post them as comments...

Monday, 1 August 2011

How to add your Google plus feed to your blog.

Google plus is now becoming more more popular and so many many new tricks are invading google plus and here is a new trick on google plus which may help bloggers. Most of you by this time must be in google plus. If you dont have one then feel free to ask an invite in the comments or contact me personally. Lets assume that you have a google plus account and you would like to add your google plus feeds to your blog (just like the twitter feed widget). Here is a way to do it. There is no official plugin for this widget but lets do this by doing some tweaks. Lets get started.

1. Login to your plus account.And navigate to your profile where you can find your # number. You can find your # number from your profile URL.

2. Now navigate to the following URL : PROFILE # NUMNBER HERE

Paste it in your browser's address bar and dont forget to replace "YOUR PROFILE # NUMNBER HERE" with your own profile number that you got from step 1.

3. You will now see a page that shows some XML codes. Note down this URL and this is your feed's URL.

4. Now go to feedburner and enter the URL in the text box given there and click on the next button.

5. Now you will see a page where you can select a URL and a name for your feed enter your desired name and a URL that you feel as comfortable and click the next button.

6. And click the next button in the following pages too.

7. Now you will be shown a page where you will be asked to add your feed to blogger.Ignore that page and navigate to Publish tab on the top.

8. Click Buzz Boost in the left sidebar. Enter your needs and click on the activate button.

9. After you have activated it you will get an HTML code which you can add it to your blog to see your Google plus feed on your blog.

This feed will have a simple appearance. You can make some tweaks using CSS and add it to your site so that it suits to your site. But if your templates background is white then the default one will suit you.

And thats it. Hope this was a useful tutorial. Do your like it ? Then subscribe to us to get such more tricks. Or do you have any problems just mention then in comments...