Saturday, March 29, 2014

5 best tips for writing good keywords to optimize for SEO

Content is the KING for SEO and keywords play an essential part of SEO. Keywords are nothing but the search terms that people use on various search engines to search the topics related to those keywords. We often spend too much time for optimizing our blog post for search engine. Using effective keywords is a successful part of blog optimization. Search engine crawlers crawl your content and keywords from your blog posts and they tells the search engine about your posts on your blogs. We commonly speak about search engine ranking and this ranking depends upon the content you use in your posts. To get good ranking on search engines, first you need to know How to build good content for search engines?

Here is a clear explanation for SEO below. Read every line without missing anything.

Choose Your Keywords :

When content is the "KING" let's say keywords as "QUEEN". Yes, that's true. As every SEO analyst says that content is the KING of SEO, now let's talk about the QUEEN :p sorry, keywords. Before writing any post you need to check for keywords using any keyword checker tool, and you have to choose strong keywords for your blog posts. I suggest you to use Google AdWords tool for keyword research. You have to look for the competition between those keywords and shortlist some of them. Here you need to select the keywords with less competition because they help you in getting good page rank in search results.

Use Keywords In Your Post Title :

I have already discussed about SEO Title Tag Best Practices.
After deciding the keywords for your blog, the next step is to use those keywords in your blog posts efficiently to make the most out of them. Start with the post title, use your keyword or keyword phrases in your post’s title. Remember post titles stays first to be crawled by search engines, hence use keyword or keyword phrases in your post titles so that they will tell the search engines what exactly the post is about.

You must read these posts also.

SEO Title Tag Best Practices

8 Tips to reduce load time of Blog/Website

5 Idiotic ways you can promote your blog

Improve Traffic by facebook fan page

Optimize your blog post titles for SEO

6 ways to optimize your website/blog for search engines

Use Keywords In Headings And Sub-Headings:

Headings and sub-headings play an important role for SEO. Don't neglect headings in your posts. Write headings in your posts whenever it is necessary. For example when we read something on a newspaper or a website we are mostly satisfied to read the content that is separated by paragraphs with neat sub headings between. We prefer reading the text with sub headings and small paragraphs rather than long paragraphs. Similarly the search engines also look for the same. Don't you think of writing an article with headings and sub headings so that they could attract search engines? Yes, that would be great. So we need to write great content with strong keywords making use of headings. This can be done by <h2> and <h3> tags for headings and sub headings. Don't forget to use keywords within these tags because it will add more benefits to attract search engines.

Use Keywords In Anchor Tag:

We know that anchor tags are used for links. But it is also much good to know that anchor tags will help you for SEO. Try using your keywords within the anchor tags. Search engines mostly prefer anchor tags than simple text. Hence try using your keywords with anchor tags to improve your blog ranking for search engines.

Use Keywords In ALT Tag:

Try using images with alt tags. Search engines don't have the capability of reading an image but it can read alt tags. So to describe the intention of an image we can use alt tags with keywords.

0 comments:

How to get website domains at cheaper rates?

Today every business needs a website to grow in this competitive world. So most of the businesses are getting online with websites. Not only for businesses but also to earn money online bloggers are establishing blogs and running them by writing content that is useful for the readers. I have seen most of them are searching for money earning methods online without any investment and mostly students want to start blogging. If you are a student looking to start a blog at less cost then this trick will help you very much.

You can read more about online money earning methods and blogging

What is a blog?

How to earn money online?

Can I earn from blog?

How Can Students Earn More Money?

Why every freelance worker wants to be a blogger?

5 Idiotic ways you can promote your blog

8 Tips to reduce load time of Blog/Website

Make your own Blank Template for Blogger

The simple way to get a domain at cheaper rates is just go to google and search for cheap domains. You will see the results something like the below image. Just click on the links which are displayed in the top that have offers as shown in the marked part of the below screenshot.
The domain hosting sites like GoDaddy and BigRock ads will be displayed in the results. This can be used to register your domains at cheaper rates. When you go for registering a domain directly from their website then you will not get these offers. Because when you search for domains on google the respective service providers give you the ad links for special offers that contain promo codes. So you can utilize this type of special offers to get domains at cheaper rates.

Thank you. I hope this post might have helped you a lot in choosing a plan to avail domains at cheaper rates. Please share your opinions in the comments below.

0 comments:

Friday, March 28, 2014

How to display preview of image before upload using JQuery

When our application needs to have an option for image uploads we use input tag in a form. The upload process is handled inside a PHP file which we can discuss in future. We have already discussed about hiding an image which is broken. File uploading is very easy but sometimes we even want to preview the image before it is uploaded.

For this purpose we can use JQuery code which will show the image before it is uploaded. Today I am going to discuss about the code which helps you preview the image before upload.
Here is the code for showing image before uploading.

JQuery:

$(document).ready(function(){
    $("#image").change(function(){
        var file = document.getElementById("image").files[0];
        var readImg = new FileReader();
        readImg.readAsDataURL(file);
        readImg.onload = function(e) {
        $('.imagepreview').attr('src',e.target.result).fadeIn();
            }
        })
})

This code uses the advantage of HTML5 attribute. FileReader reads the file, here the file is an image. It fetches the URL of the current image to show up when it is selected through file browser field.

The above code jquery code fetches the image and shows the preview. Below is the HTML code which refers the above jquery code.

HTML:

<input name="image" type="file" class="image" id="image"><br/>
<img class="imagepreview" src="">

Since the above HTML code has no image in the source it displays a broken image, so in order to eliminate the broken image we can use the code for this link to avoid broken images or we can use the following CSS code instead of the code specified in the link. I recommend you to use the CSS code below.

CSS:

.imagepreview{width:500px;
display:none;}

Here are some helpful posts for bloggers and web designers.

Add Google Plus Follower Gadget For Blogger

How to add floating widget to blogger blog

Add awesome sticky footer menu to Blogger with simple HTML

How to trace details of an unknown person with mobile number

Why every freelance worker wants to be a blogger?

Which is the best way to optimize mobile site?

How facebook fan page can make you money?

Separate Contact page in Blogger

How to add Contact Form Widget to blogger Official Plugin

SEO Title Tag Best Practices

How to disable graph search on facebook/trick to remove facebook graph

How to find fake profile pictures on facebook?

Add Facebook Like Button below posts titles (Speed Loading)

How to delete Facebook account permanently?

How to use facebook on slow internet connections

How to delete Google Search History/Cache?

8 Tips to reduce load time of Blog/Website

Xenon Blogger Template Download

3 ways to make money online

5 Idiotic ways you can promote your blog

 

I have given you three blocks of code for image preview. Look below for the complete code after combining all the above blocks of code.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Preview image before upload by TricksTown.com</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
    $("#image").change(function(){
        var file = document.getElementById("image").files[0];
        var readImg = new FileReader();
        readImg.readAsDataURL(file);
        readImg.onload = function(e) {
        $('.imagepreview').attr('src',e.target.result).fadeIn();
            }
        })
})
</script>
<style>
.imagepreview{width:500px;
display:none;}
</style>
</head>
<body>
<input name="image" type="file" class="image" id="image"><br/>
<img class="imagepreview" src="">
</body>
</html>

Copy the above code and paste it in your notepad. Save it with .html extension and check it.

Enjoy... :) Happy coding.

Thank you. If you have any doubts, please comment below. Spam comments will be removed.

0 comments:

Thursday, March 27, 2014

How to hide or fix a broken image using jquery

We commonly face a problem with broken images on websites. Our browsers will show a broken image when the link to an image doesn't work or when there is no image. Mostly this problem is faced when you make dynamic websites in which you work on putting a default image for posts. When a user/visitor come across your site having a broken image then he/she may lose interest on your website. So we need to put a small JQuery code so that the broken image disappears. In today's tutorial I want to show you the code for hiding the broken images.

You may like these

Get free likes for your facebook account.

Login script in PHP

Delete file using PHP

Delete Facebook account permanently

Disable graph search on Facebook

Pagination with PHP

Awesome stylish sliding professional contact form for your website

Use facebook on slow internet

How to delete google cache from search

How to scare your friends with simple code


Just look at the code below.
<script>
$(document).ready(function(){
$("img").error(function(){
        $(this).hide();
});   
})
</script>

Copy the above code and paste it above the closing </head> tag. That's it. You are done. is

Explanation:

 $(document).ready(function()) says the function to execute when the page loads.

$("img") finds the img tag.

error(function()) checks if the img tag has any error and executes the function to hide the broken image using $(this).hide();

Here this refers to the current one i.e., the img tag.

Thanks for reading this article. If you have any doubts please don't hesitate to comment below. 

0 comments:

Friday, March 21, 2014

3 ways to make money online

Many of you might have heard about making money online. You might have also seen many advertisements or websites that says they will make you earn huge amounts of money in 10 days or a month working part/full time. They say that all these things happens without any efforts and works done by you.

Be careful with these schemes.

Most of these schemes are fake.

Just think about these questions before you apply for those schemes.

How can you get money without doing any work?

Why most of these Scheme owners ask you to pay some amount?

Is that scheme legal?

Does the company really exist?

After thinking all these points in your mind, let make sure that it is true. If you are sure then go ahead.

What actually people think after reading AD's about these schemes?

This is the good idea to make money quicker.

I have came to the right point now, I will to become rich soon.

My dream is going to be true now.

Making money is everybody's dream. But think twice and act wise.

I'm not saying that all these schemes are fake. There are few legitimate schemes that offer you making money online.

3 ways you can make money online without all these schemes.

As we discussed above that there are fake scheme that fails you to get a good online money earning opportunity. You can earn money online in your own ways legally.

Start a unique website:

Today we have many services that are running online. We cannot figure out a business/service that is out of the web world. But if you think creatively you can get new ideas to start a unique website. Think differently and start a website with which you can start your own business online. You can earn through your websites if it is useful to the people. To be a successful person in making money through your website, first find out what people are looking for and how much you can struggle in helping them by offering your services through your website.


Start blogging to earn:

Blogging is great career for those who can spend their time on writing articles. Even a student can start a blog if he/she has great writing skills. Blogging is the best way to earn money online without any investment of money if you create your blog on a free platform like blogger. There are many ways to earn through blogs. But however you might have a question raising in your mind "Can I earn money from blogs?" Then read this article Can Blogging make money/Can I earn from blog?.
Even though blogging is one of the best platforms to earn handsome money and fame online, it is never so easy if you don't have a perfect planning to maintain your blog. If you are an expert in writing articles and want to start your blog soon then this is the right time to start it. Read this article to know why? Start Blogging in 2013 to Earn Money.

Affiliate Marketing:

The other way to earn money online is by Affiliate marketing. Many people who work online are mostly working with affiliate marketing. The term Affiliate Marketing means selling third party goods or services.
To start your affiliate business read Top 5 Affiliate Networks to Earn Money.
Thanks for reading this article.
If you have any doubts or any ideas to share then please comment below.

Share this article with your friends so that it will help them to get rid of Fake Schemes that say Earn money online.

0 comments:

Friday, March 7, 2014

PHP simple login script

Hi dear friends, we have discussed about deleting a file using PHP script in our previous tutorial. In this tutorial I am going to explain you about login script using PHP. Login is used in applications where a user needs to be authenticated to access an application. This tutorial will give you the basic login form. I have used MySql to connect to the database where the login details are stored.

I have three PHP files where the first file contains the login form, the second contains the process for login form and the third file is the one where you will be redirected after login is successful.

Now let us see these files and let me explain them in detail. Please follow these carefully.

login.php

As I said there are three files. Login.php is the first file that contains login form. Let us see the code for it.

login.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="te-IN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Login</title>
</head>
<body>

<?php  if(@$_REQUEST['msg']=='fail')
 {
 echo"<div style='color:red;'>User name or password invalid.</div>";
 }


?>
<style>
.login_field
{
border:2px solid rgb(168, 168, 168);
border-radius:8px;
box-shadow:1px 0px 9px rgb(110, 110, 110);
color:rgb(153, 153, 153);
font-size:14px;
height:20px;
padding:4px;
}
</style>
<h1>Login</h1>

<form action="login_a.php" method="post" style="clear:both;">
<table>
<tr><td>Email</td><td><input type="text" name="email" id="email" class="login_field"></td>
</tr></br>

<tr><td>Password</td><td><input type="password" name="pwd" id="pwd" class="login_field"></td>
</tr></br>

<tr>
<td><input type="submit" name="login" value="login" onClick="return validate()"></td>
</tr>
</table>
</form>
</body>
</html>
In the above code we have HTML form which is used to fill the email and password. It contains input fields of text and submit button. In the <form> tag you can see action.  It tells the form to perform an action. We have to supply a file name on which the action has to be performed.

Next you can see method  It tells the form whether to POST or GET. There are three form methods POST, GET and REQUEST. Method will send the form values to the file which performs an action.

Name attributes inside input tags are used to get the values in the text boxes.

$_REQUEST['msg']=='fail'  checks whether the get method has the value fail for msg and if it is true then it prints "User name or password invalid". The request method will be executed when the username or password is wrong.

Copy the above code and save it as login.php

Now lets have a look on the second file which performs the action for login.

login_a.php

<?php
session_start();
include "db.php";

 if(isset($_REQUEST['login']))
 {

 $email = $_POST['email'];
 $password = $_POST['pwd'];
 $check = mysql_query("select * from user where email='$email' and password= BINARY '$password'")or die(mysql_error());
 $ret = mysql_fetch_array($check);
 $count = mysql_num_rows($check);

 if($count==1)
{
$_SESSION['id']=$ret['id'];

header('location:index.php');
exit();

}
else
{
header('location:login.php?msg=fail');
exit();
}
 }

?>
The above code session_start(); is a function that starts a session for the login.
include "db.php"; will import the database file. For database connection file please read How to connect mysql database using PHP, copy the code from there and save it as db.php

isset($_REQUEST['login']) checks whether the form has the name login in the submit button. If yes it will fetch the values from the text boxes of the form.

 $check = mysql_query("select * from user where email='$email' and password= BINARY '$password'")or die(mysql_error()); //checks the email and password whether matching or not. and die(mysql_error()) returns a value if it finds any error in the syntax.

$ret = mysql_fetch_array($check); This line fetches the array from the database.

Here is the logic $count = mysql_num_rows($check); counts for the number of rows in the database matching for the current email and password.

We have unique email or usernames for login. So  if($count==1) checks whether the count is equals to 1.

If yes then it creates a session and redirects you to the next page else you will be taken back to the login page with an error message we discussed above.

Copy and save the second block of code as login_a.php

The next and last page after login is index.php

index.php

<?php
session_start();
 $id = $_SESSION['id'];
 if(empty($_SESSION['id']))
 {
 header('location:login.php');
 exit;
 }

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<link href="css/gallery.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
Welcome
</body>
</html>
As discussed above session_start(); starts a session for this page.

$id = $_SESSION['id']; // session stores id in it.

if(empty($_SESSION['id'])) checks if session expired. If yes the page will be redirected to login.php

Save this code as index.php

The sql for the login script is given below.

CREATE TABLE IF NOT EXISTS `user` (
 

`id` int(5) NOT NULL AUTO_INCREMENT,
  `name` varchar(30) NOT NULL,
 

`email` varchar(30) NOT NULL,
  `password` varchar(15) NOT NULL,
 

PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1

AUTO_INCREMENT=2 ;

--
-- Dumping data for table `user`
--

INSERT INTO

`user` (`id`, `name`, `email`, `password`) VALUES
(1, '', 'admin@admin.com',

'pass');

Run the sql query in phpmyadmin and set the requires database configuration by copying the db.php from here and login to the application using admin@admin.com as email and pass as password.

Thank you very much. Please feel free to ask your queries below.

Note: Spamming comments will be removed.

0 comments: