Monday, 19 August 2013

Custom Robots Header Tags for Better SEO - Blogger

Blogger is continuously improving search preference feature, Add Custom Robots Header Tags are very important for every blogger for better SEO. In this post i will tell you how to enable custom robots header tags in blogger. You have to be careful to setup custom robots text because if you do something wrong Google will not index your page in search engine. Follow the instructions carefully and it'll positively help you to boost your web site traffic.

Step 1: To enable these tags, go to Blogger > Settings > Search Preferences, click Edit next to "Custom robots header tags," and select Yes.

Step 2: Select Yes Option and customize setting shown in the below image.

You must learn about tags when should you use them.

all:  There are no restrictions for indexing or serving. This is default for all pages
noindex:  Do not show this page in search results and do not show a "Cached" link in search results.
nofollow:  Do not follow the links on this page
none:  Equivalent to noindex, nofollow
noarchive:  Do not show a "Cached" link in search results.
nosnippet:  Do not show a snippet in the search results for this page
noodp:  Do not use metadata from the Open Directory project (DMOZ) for titles or snippets shown for this page.
notranslate:  Do not offer translation of this page in other languages in search results.
noimageindex:  Do not index images on this page.
unavailable_after: [RFC-850 date/time]: Do not show this page in search results after the specified date/time. The date/time must be specified in the RFC 850 format. Example: 17 May 2012 15:00:00 PST


Step 3: Now click on ""Save changes" button > Done

That's all! If you have any doubt or need help about it, please leave comment.

Monday, 12 August 2013

Creating a basic form in HTML

Insert the following code:
<FORM action="mailto:er.sachinsaini@gmail.com" method="post" enctype="text/plain">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%">
<TR>
<TD width="30%"><DIV align="right">
<B>Name:</B>
</DIV>
</TD>
<TD width="70%">
<INPUT type="text" name="name" size="20">
</TD>
</TR>
<TR>
<TD>
<DIV align="right"><B>Email:</B></DIV>
</TD>
<TD>
<INPUT type="text" name="email" size="20">
</TD>
</TR>
<TR>
<TD>
<DIV align="right">
<B>Comment:</B>
</DIV>
</TD>
<TD>
<TEXTAREA name="comment" cols="30" wrap="virtual"rows="4">
</TEXTAREA>
</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>
<INPUT type="submit" name="submit" value="Submit">
<INPUT type="reset" name="reset" value="Reset">
</TD></TR>
</TABLE>
</FORM>

And you will have a form like this:
Name:
Email:
Comment:

Make sure you change, in the code, the e-mail address which I have in bold italics underlined.
Also make sure to cram the code into a small amount of lines. (Do not put <FORM action="mailto:er.sachinsaini@gmail.com" method="post" enctype="text/plain"> on two lines).
This html tip will allow you to connect and get input from users.

Advanced Tables in website/Blog

Here is how to create a basic table, so you will understand the following info.
Now that you've learned that, wouldn't it be nice to have a few handy table html tips?
Here they are:

First, we should already know that
<table style="text-align: left; width: 100%;" border="3"
cellpadding="2">
<tbody>
<tr ="">
<td style="vertical-align: top;">Html Table1<br>
</td>
<td style="vertical-align: top;">Html Table2<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">Html Table3<br>
</td>
<td style="vertical-align: top;">Html Table4<br>
</td>
</tr>
</tbody>
</table>
<br>
is the code for a table.
And the table will look like this:
Html Table1 Html Table2
Html Table3 Html Table4

I shall also stress that if any code does not work properly when you have cut and pasted it, try putting it into only one line.

Second, let's introduce captions:
<table style="text-align: left; width: 100%;" border="3"
cellpadding="2">
<CAPTION>The Caption</CAPTION>
<tbody>
<tr ="">
<td style="vertical-align: top;">Html Table1<br>
</td>
<td style="vertical-align: top;">Html Table2<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">Html Table3<br>
</td>
<td style="vertical-align: top;">Html Table4<br>
</td>
</tr>
</tbody>
</table>
<br>
See the change? It causes this:
The Caption
The Caption
Html Table1 Html Table2
Html Table3 Html Table4

(Remember that you can use these tricks in between the <caption> and </caption> to spice up the caption text) 

Creating tables in Blog or website - HTML code

This html tip will allow you to create tables like this one:
Html Table1 Html Table2
Html Table3 Html Table4

The code for that table was:
<table style="text-align: left; width: 100%;" border="3"
cellpadding="2">
<tbody>
<tr ="">
<td style="vertical-align: top;">Html Table1<br>
</td>
<td style="vertical-align: top;">Html Table2<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">Html Table3<br>
</td>
<td style="vertical-align: top;">Html Table4<br>
</td>
</tr>
</tbody>
</table>
<br>

When inserting the above code, make sure you put the top two lines onto ONE line.
If you would like to add another cell in an existing row, simply put in another
<td style="vertical-align: top;">Html Table2<br>
</td>
in the appropriate location.
If you would like to add a new row, put in a
</tr>
<tr>
in the appropriate location.
Obviously, be sure to change the Html Table text in my example.
You can also fiddle around with the numbers in the code of this html tip, especially stuff in the first line.
This tip can lead to more advanced table formatting.
If you liked this tip, you will probably also like this tip, which is about forms.

Thursday, 8 August 2013

GET SHARING TOOLS FOR YOUR SITE

Just add the following code into your Head section of your website and its done.

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

<script type="text/javascript">stLight.options({publisher: "21502eb6-d8a0-4344-81d8-6bcf66fa859d", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<script>
var options={ "publisher": "21502eb6-d8a0-4344-81d8-6bcf66fa859d", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "blogger", "digg", "twitter", "googleplus", "linkedin", "email", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>

see the result on this blog
HOLLYWOOD FANTASY
Related Posts Plugin for WordPress, Blogger...