Tuesday 6 September 2011

The 4 Best Tools for Tracking Social Media


THIS IS A GUEST POST.

Most people have learned that in order to succeed in today’s market, web promotion is essential to increasing the profits from their business. First, most of us learned to create websites that used SEO to attract more traffic. Then we soon learned that analytics could be used to track tour results. Today, one of the greatest tools we have as marketers is social media both to speak with our customers and also to advertise our businesses. Now businesses need to learn to use analytic tools to track those results also.

Many of us have pondered how we can tack on this monumental task of tracking of social media results. Here are a few tools you should look into if you want to find a way to track your social media success.

1. Radian6

My very favorite program is Radian6 if you can afford it. The bots used by Radian6 seem more reliable than manyof the other programs. Users can view comments about their chosen search term in near real time. The programwill also send real time alerts and also allows users to graph the number of posts, comment count, view count,vote count, Twitter followers, inbound links, and unique sources. Over half of Fortune 500 companies use thisprogram to keep track of information on their companies and brands.

2. Media Analysis Platform by Sysomos

The great thing about Media Analysis Platform is the tools available to search by particular criteria. For example,users can search by keywords or by a particular date. Media Analysis Platform allows users to use boolean searches. This would be a better with the addition of a workflow system. Like Radian6 this can be a rather costly tool. This program can be added with Heartbeat for best results, but adds greatly to the cost.

3. TwentyFeet

The great news about this site is that it offers its service online, so there are no downloads. The pricing is very low and the user only pays for the tools they use. This system does a great job of allowing users to find many different tools and have access to them all in one place.

4. BrandWatch

Features a great drag and drop menu. The best thing about BrandWatch is its ability to find keywords based on their proximity to other words. Another great feature is that it allows users to track how influential the people making the comments are. Some of the tools on BrandWatch are not overly user friendly, meaning the program takes a while to learn but once you master it, there is a lot you can learn.

About the Guest author...

Jennifer Daly is an Internet marketer and blogger. She is also a self-confessed Twitter and Facebook addict. She writes on a variety of topics and is a contributing writer for Amazing Domains, a site which sells a variety of domains ranging from shopping and fitness to automobile and kitchen domains. She also enjoys staying up to date with the latest Internet marketing trends and tools.

Sunday 4 September 2011

How to efficiently use Twitter | For bloggers.

Twitter is the best social media to make your blog more popular. Almost all the bloggers will surely have a twitter account. If you dont have one, then create one now. Its the most important part of blogging. Its not necessary for you to have more followers to drive traffic to your blog. There are also many other ways using which you can drive traffic using twitter. Here are some of the top ways using which you can get more more traffic via traffic.

Get to have atleast upto 100 followers : 


Yeah I told that its not necessary for you to have more followers. If you dont have more followers then you can implement the other steps mentioned below. Dont skip this. There are lots of ways to get lots of followers. The best one of that is to follow your fellow bloggers and they will surely follow you. But dont forget to follow people of same interest. If you are a tech blogger then it is no use if you have lots of followers who are politicians, actors or any other who is not a blogger ( I mean who do not have interest in technology). There are also a few other ways to get more followers. You can use services like twiends. Using twiends you can get thousands of followers within a day. But keep in mind to follow people of same interest.

Follow a few mentioned below :


There are a few people who use to add your links to their online papers if the post is really good. Most of these papers have a good alexa rank and so you get a backlink. Some of such are mentioned below :


Are you wondering how to find such guys. Its really a task to do. Follow the steps below to find such guys.

1. Open up your browser.

2. Navigate to this page.

3. Enter your blogs main topic in the search box.

4. Many results will turn up.

5. Click on one of the result and in the following page you will see many articles which will have the name of the publisher below each article. Click on that name.

6. Now you will be taken to a page where you can see all his details along with his Twitter profile URL. Click on the URL and follow him. That's it.

Following them is alone not enough :

Yeah following them alone is not enough. You have to make them alert about  your post. Until they follow you they cant see your tweet. But there are some other ways using which we can make them alert about it. So lets see on how to do it.

1. Make use of hash tags. This is very important. Such users will search for hash tags and add the best article to their paper. 

2. Is the number of characters not enough ? Then make about 3 to 4 tweets with a large number of has tags.

3. Mention them in your tweet. Mention each and every of such users so that atleast one may add your post to their paper.

4. Send a direct message to them. Send it to all of them

[TIP]  Use Tweet Guru to send a direct message to upto 12 twitter users at the same time.

Dont lose your followers :

Followers are also important in getting more traffic. Seeing your link there is also a chance for your followers to view it. So dont lose your followers. The ways you may lose your followers :

1. If your are not active on twitter.

Solution : Tweet often. Reply to all your mentions. Reply to DM messages that are not spams.

2. If you dont follow back your followers.

Solution : Follow back each and every of your follower.

The above are the two mass ways by which you may lose followers. And the solutions are also given. Following the solutions will surely reduce the number of users un-following you.

Will my post be mentioned in their papers. Is that guaranteed ?

Yes your posts will surely be in their papers if your post is genuine, good, is of atleast 200-300 words and of course your post must impress them.

Well I have covered an idea of how to get more traffic using twitter. Hope these tips helped you a lot. Dont forget to follow me on twitter :D. Happy twittering... 

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:
HOW TO ACCESS GMAIL OFFLINE
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.

WHAT ARE KEYWORDS ?

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.

HOW TO FIND KEYWORDS FOR YOUR BLOG ?

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.

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

3. DONT FORGET TO BACKUP YOUR TEMPLATE.

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

]]></b:skin>

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

/*Start Slider Css*/
#slider-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2lu2lhtv1qhDeAnTbupA3jrg2mzmkZeimRyEPssznD7li5mfSY74LQZa6eOgL4W30IWfBmnE2wXTefWoITW0HpL8Z3BaocuH1BIba9FV2cullIKitsOuEvJ5YdHfg8fXpOanYGlfizU8T/s1600/loading.gif) no-repeat;
width:998px;
height:392px;
margin:0 auto;
padding-top:74px;
margin-top:50px;
}
#slider {
position:relative;
width:618px;
height:246px;
margin-left:190px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2lu2lhtv1qhDeAnTbupA3jrg2mzmkZeimRyEPssznD7li5mfSY74LQZa6eOgL4W30IWfBmnE2wXTefWoITW0HpL8Z3BaocuH1BIba9FV2cullIKitsOuEvJ5YdHfg8fXpOanYGlfizU8T/s1600/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:260px;
bottom:-42px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6dVgqZRQplOA2asmWzCjFQUTc8KO7WrYaz8Ch3_lvgqOBzObnBhyphenhyphenU-l9gPgdWDCl0J2JZu4WfQWlIhlsiC1-tbRTHaZpfBHMvCEHBa2gKzBTNYEn52IyYx1M5gZ5ygKkzF2jK4qRTKZgn/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU88UKH2OiEGtnq892m4tJwPoPguHb65uMESDKTQ4guGBCPPmXrtT7qiK3ZP1TcMEL72fJ-Ey2NNq0ilALP6HXC4YyMXccii7m43GpcPwtHgUhi5s_pdUeuI-bb5WXAqTUBKWCLhY3Libf/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU88UKH2OiEGtnq892m4tJwPoPguHb65uMESDKTQ4guGBCPPmXrtT7qiK3ZP1TcMEL72fJ-Ey2NNq0ilALP6HXC4YyMXccii7m43GpcPwtHgUhi5s_pdUeuI-bb5WXAqTUBKWCLhY3Libf/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6dVgqZRQplOA2asmWzCjFQUTc8KO7WrYaz8Ch3_lvgqOBzObnBhyphenhyphenU-l9gPgdWDCl0J2JZu4WfQWlIhlsiC1-tbRTHaZpfBHMvCEHBa2gKzBTNYEn52IyYx1M5gZ5ygKkzF2jK4qRTKZgn/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
/* End Slider Css*/


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

</head>

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

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/8855314511/jquery.nivo.slider.pack.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).load(function() {
$(&#39;#slider&#39;).nivoSlider();
});
</script>


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="http://cyberfreax.tk">&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoadddBCs9Op6RyxWRzdv99TdeQK3IS2Z5MAK2jWNKf_Zdjr7EbwYxarv233SrVl9rJnnyr4g5jLsRE2bmwC6um-ufHvGJyZkOVMFGauZ_I9jPPL5fQk381n7eE-xKbR1OWxI5PSO-_Yo/s1600/plus.png" title="This Is A Caption" />&lt;/a>

&lt;a href="
http://cyberfreax.tk">&lt;img src="http://www.mosquitodefense.net/Pictures%20Used/facebook_logo.png" title="This Is Another Caption" />&lt;/a>

&lt;a href="
http://cyberfreax.tk">&lt;img src="http://seahawksblog.files.wordpress.com/2011/01/twitter_logo.jpg" title="This is an example of a caption" />&lt;/a>

&lt;a href="
http://cyberfreax.tk">&lt;img src="http://www.theblackandblue.com/wp-content/uploads/2011/07/google-plus-logo1-640x312.jpg" title="This is another Caption" />&lt;/a>
&lt;/div>

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 :

THING YOU WILL NEED :

1. Browser

2. Internet connection

3. A blog which you maintain.

GETTING INTO THE PROCESS :

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.

<head>

        <link rel='stylesheet' href="http://crackingsoftwares.my3gb.com/about-author.css">

    </head>

    <body>

    <div class="mydiv">

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

        YOUR DESCRIPTION

    </div>

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 :

http://developers.facebook.com/apps

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 .



<html>
<body>
<style>
.burner{
font-family: 'Trebuchet MS';
border:3 px dotted #CCCCCC;
font-size:12px;
color:#000000;
font-weight:normal;
text-align:left;
padding:2px;
margin:4px;
}
.burner a{
font-size:17px;
color:#686868;
font-weight:bold;
}
.burner a:hover{
color:#CC0000;
}
.burner a:visited{
color:#686868;
}
</style>
<div style="float: left; width: 500px;
  margin: 5px; padding: 5px; border: 1px solid black;">
<div class="burner">
BUZZ BOOST CODES HERE
</div></div>
FACEBOOK LIKE BUTTON HERE
</body>
</html>

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.

THINGS TO REMEMBER WHILE UPLOAD A FILE ONLINE :

1. I have uploaded my files in my3gb.com
2. Go to my3gb.com 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 :

http://example.my3gb.com/Your%20Directory/index.html

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 : promotion@vpod.com

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 vpn.vpnod.com
    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.

IMPORTANT : DONT FORGET TO CONNECT YOUR VPN EVERY TIME TO USE YOUR GOOGLE MUSIC 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 :

<data:commentPostedByMsg/>

(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='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1preiivjfkjm11E8N4GHJQpGxZssnjny6nVMGF3ZFcoIZmzIKIhaJiUzo4H3xdRhvb9VhjQN38Gxf-JVYBmPLTqmn-jbi8QwFqLvhJrp-1Rr6mLXh-zLD58e8hyphenhyphenJLXb3Orh7Z8YnSKxon/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &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; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &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='http://www.bestbloggertemplates.net'><img alt='Best Blogger Templates' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1preiivjfkjm11E8N4GHJQpGxZssnjny6nVMGF3ZFcoIZmzIKIhaJiUzo4H3xdRhvb9VhjQN38Gxf-JVYBmPLTqmn-jbi8QwFqLvhJrp-1Rr6mLXh-zLD58e8hyphenhyphenJLXb3Orh7Z8YnSKxon/s1600/best+blogger+tips.png'/></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;}
</style>
<div id='pageshare'>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>

<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://cyberfreax.blogspot.com/2011/08/blogger-is-really-good-platform-to-blog.html">Get widget</a></div><!-- Do not remove this link -->
</div>
<!-- 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.

CUSTOMIZING FLOATING SHARE BUTTONS :

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'>
BUTTON CODE HERE
</div>


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

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.

THE BEST PLACES TO PLACE IT :

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

<data:post.body/>


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 "plus.google.com/"


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