HTML5 support IE6, IE7 & IE8


/*----- HTML5 default display styles -----*/

"sample script to create every HTML5 in the document"

<style type="text/css">
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
display: block;
padding:50px;
}
keygen, meter, progress {
display: inline-block;
}
output {
display: inline;
}
audio, canvas, embed, video {
width: 300px;
}
audio {
height: 32px;
}
canvas, embed, video {
height: 150px;
}
keygen {
margin: 0em;
}
mark {
background-color: yellow;
color: black;
}
meter {
width: 5em;
height: 1em;
vertical-align: -0.2em;
}
progress {
width: 10em;
height: 1em;
vertical-align: -0.2em;
background-color: gray;
}
</style>


<script type="text/javascript">
function IEHtmlStyle() {

var tags = [
{ 'tag': 'article', 'display': 'block' },
{ 'tag': 'aside', 'display': 'block' },
{ 'tag': 'audio', 'display': 'auto' },
{ 'tag': 'canvas', 'display': 'auto' },
{ 'tag': 'command', 'display': 'auto' },
{ 'tag': 'datalist', 'display': 'auto' },
{ 'tag': 'details', 'display': 'block' },
{ 'tag': 'embed', 'display': 'auto' },
{ 'tag': 'figcaption', 'display': 'block' },
{ 'tag': 'figure', 'display': 'block' },
{ 'tag': 'footer', 'display': 'block' },
{ 'tag': 'header', 'display': 'block' },
{ 'tag': 'hgroup', 'display': 'block' },
{ 'tag': 'keygen', 'display': 'inline-block' },
{ 'tag': 'mark', 'display': 'auto' },
{ 'tag': 'meter', 'display': 'inline-block' },
{ 'tag': 'nav', 'display': 'block' },
{ 'tag': 'output', 'display': 'inline' },
{ 'tag': 'progress', 'display': 'inline-block' },
{ 'tag': 'rp', 'display': 'auto' },
{ 'tag': 'rt', 'display': 'auto' },
{ 'tag': 'ruby', 'display': 'auto' },
{ 'tag': 'section', 'display': 'block' },
{ 'tag': 'source', 'display': 'auto' },
{ 'tag': 'summary', 'display': 'block' },
{ 'tag': 'time', 'display': 'auto' },
{ 'tag': 'video', 'display': 'auto' },
{ 'tag': 'wbr', 'display': 'auto' }
];

this.reg = function() {

for (var i = 0; i < tags.length; i++) {
document.createElement(tags[i].tag);
}

};

}

var iehs = new IEHtmlStyle();
iehs.reg();
</script>

Referrer url: http://benhamatake.com/snippets/pass-isolate-a-value-not-variable-in-javascript/

Google Plus updates on your website


Google+ Widget :: Google Plus customizable Widget to get in touch with your visitors »
So many updates! We are working really hard on the widget and are trying to update daily. There are going to be some big improvements in the upcoming weeks. If you want to stay up date you can sign in...

Static IFRAME Tab to your Facebook page


Static HTML Tab for Facebook Pages »
Install the Static IFRAME Tab App to your Facebook page. Now with Custom Tab ICONS, Input Forms, Friend-Gate, WYSIWYG, & STATS! Name your tab whatever you like, fangate your content, upload images...

Update Google plus Via Mobile


SMS posts are shared with everyone in your circles
1. Login In to Your + Account.
2. Right Side Top click your "logo image".
3. Select "Account Setting"
4. New Page Selest "Google+"
5. Then Edit your Mobile No.

Twitter updates on your website

http://twitter.com/about/resources/widgets
Twitter / Widgets »
Skip past navigation; On a mobile phone? Check out m.twitter.com! Skip to navigation; Skip to sign in form. Loader. Resources › Widgets. Select Your Widget. Widgets for... My Website; Facebook. Widget...

Configuring Your MX Records WHM Panel

1. Log in to your WHM account.
2. Click on DNS Functions.
3. Click Edit DNS Zone.
4. In the box on the right, select the domain you want to edit, and then click Edit.
5. Delete the existing MX record entry.
6. In the first box, enter your domain name (e.g. example.com).
7. Don't change the second box.
8. Select MX from the drop-down menu.
9. In the box to the right of the drop-down menu, enter 10 as the priority value.
10. In the next box, enter enter ASPMX.L.GOOGLE.COM.
11. Repeat steps six through eight for the rest of the MX record entries listed below. Add new entries in the Add New Entries Below this Line section.

NOTE: Make sure each entry is entered exactly as it appears in the following table. Each record must have the trailing dot.

Priority          Mail Server
10           -     ASPMX.L.GOOGLE.COM.
20           -     ALT1.ASPMX.L.GOOGLE.COM.
30           -     ALT2.ASPMX.L.GOOGLE.COM.
40           -     ASPMX2.GOOGLEMAIL.COM.
50           -     ASPMX3.GOOGLEMAIL.COM.

Click save.
Congratulations! Your MX records are now configured to point to Google. Keep in mind that changes to MX records may take up to 48 hours to propagate throughout the Internet.

From: http://support.google.com/a/bin/answer.py?hl=en&answer=54718
Collapse this post

Google Mail Apps MX Records in WHM

http://www.123marbella.co.uk/clients/knowledgebase.php?action=displayarticle&id=33
High Speed Web Services - Knowledgebase - Google Apps MX Records in WHM »
Knowledgebase. Portal Home > Knowledgebase > Google Apps Email > Google Apps MX Records in WHM. Google Apps MX Records in WHM. How to configure the MX Record in WHM DNS Editing console for Go...

Install WordPress for Windows


Microsoft Web Platform »
Install WordPress for Windows. WordPress is one of the most popular open-source blogging, publishing and content management systems, with a deep plugin and theme architecture that allows for limitless...

Create Business to Business Website


Great website
OSClass the free scripts classified »
OSClass is a php script that allows you to quickly create and manage your own free classifieds site. You can provide free advertising for items for sale, real estate, jobs, cars. Secure and SEO friend...

Create Free Shopping Website


OpenCart - Open Source Shopping Cart Solution »
A free shopping cart system. OpenCart is an open source PHP-based online e-commerce solution.

Jquery Mobile Development

Jquery Mobile Development:
jQuery Mobile | jQuery Mobile »
Seriously cross-platform with HTML5. jQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique apps for each mobile device or OS, the jQuery...

Display UL bullets Right To Left

Align Li Left

  • Western
  • Salsa
  • Jazz
  • Hip-Hop
  • Folk

HTML CODE
<ul>
<li>Western</li>
<li>Salsa</li>
<li>Jazz</li>
<li>Hip-Hop</li>
<li>Folk</li>
</ul>

Align Li Right

  • Western
  • Salsa
  • Jazz
  • Hip-Hop
  • Folk


HTML CODE
<ul dir="rtl">
<li>Western</li>
<li>Salsa</li>
<li>Jazz</li>
<li>Hip-Hop</li>
<li>Folk</li>
</ul>

onclick change value of input type text field



<form action="" method="post">
<input   name="" onblur="this.value=!this.value?'Onclick Change Value':this.value;" onclick="this.value='';" onfocus="this.select()" type="text" value="onclick change value" />
</form>

Input type text field box shadow css



<style type="text/css">
.nehemcp {width: 229px; height:25px; margin: 0px 0 5px 0px; padding:0px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 5px 5px 5px #ccc;  text-align:center;}
</style>

<form action="" method="post">
<input class="nehemcp" maxlength="30" name="uname" type="text" value="" />
</form>

Div box shadow css



<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; border: 1px solid #ccc; box-shadow: 5px 5px 5px #ccc;  margin-top: 0px; padding: 5px 0px 0px 0px; width: 100%; height: 100px;">
</div>

Social Horizontal Counter Script For Google+ Facebook Twitter




Use this Vertical Counter Script to your web site:
------------------------------------------------
<div id="social-nets">
<table width="100%" border="0" align="center">
<tr>
<td><div id="social-net-divs">
<!-- Place this tag where you want the +1 button to render -->
<div class="g-plusone" data-size="medium" data-href="http://nehemcp.blogspot.in/"></div>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div>
</td>

<td><div id="social-net-divs" style="width:76px;">

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://nehemcp.blogspot.com" data-send="false" data-layout="button_count" data-width="52" data-show-faces="false"></div>

</div>
</td>

<td><div id="social-net-divs">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://nehemcp.blogspot.in" data-via="nehemc">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</td>
</tr></table></div>

Social Vertical Counter Script For Google+ Facebook Twitter



Use this Vertical Counter Script to your web site:
-----------------------------------------


<style type="text/css">
#social-net { width:192px; height:67px; margin:0 auto; padding:4px 3px 0px 28px; border:1px #666 solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#social-net-div { float:left; width:55px; height:63px; margin:0px; padding:0px; }
</style>


<div id="social-net">

<div id="social-net-div">
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall" href="http://nehemcp.blogspot.com/"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>

<div id="social-net-div">

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://nehemcp.blogspot.com" data-send="false" data-layout="box_count" data-width="52" data-show-faces="false"></div>


</div>

<div id="social-net-div">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://nehemcp.blogspot.in" data-via="nehemc" data-lang="en" data-related="anywhereTheJavascriptAPI" data-count="vertical">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

</div>

HTML Border Radius in css









Use This Sample Code:
------------------------


<style type="text/css">
#divbox1 {float:left; width:100px; height:100px; margin:0px 5px 0px 0px;  border:1px solid #1E91D4; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; behavior: url(border-radius.htc); clear:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ82pEojd2YNZqIj7YH-9CwTo5cigszOCwp1Fex7W7wo9b7JNnkyq2c5wtvxXNsNj1OqgNefH6rJtq10Oen8ArV4NwELH-gyMOFIuAW-2tXblNBP86vYWlBdvmbCkLdeDlpSvouHs67cP/s320/menu-a.jpg) repeat;
}
#divbox2 {float:left; width:100px; height:100px; margin:0px 5px 5px 0px;  border:1px solid #1E91D4; border-radius: 0px 0px 5px 10px; -moz-border-radius: 0px 0px 5px 10px; -webkit-border-radius: 0px 0px 5px 10px; behavior: url(border-radius.htc); clear:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ82pEojd2YNZqIj7YH-9CwTo5cigszOCwp1Fex7W7wo9b7JNnkyq2c5wtvxXNsNj1OqgNefH6rJtq10Oen8ArV4NwELH-gyMOFIuAW-2tXblNBP86vYWlBdvmbCkLdeDlpSvouHs67cP/s320/menu-a.jpg) repeat;
}
#divbox3 {float:left; width:100px; height:100px; margin:0px 5px 5px 0px;  border:1px solid #1E91D4; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(border-radius.htc); clear:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ82pEojd2YNZqIj7YH-9CwTo5cigszOCwp1Fex7W7wo9b7JNnkyq2c5wtvxXNsNj1OqgNefH6rJtq10Oen8ArV4NwELH-gyMOFIuAW-2tXblNBP86vYWlBdvmbCkLdeDlpSvouHs67cP/s320/menu-a.jpg) repeat;
}
#divbox4 {float:left; width:100px; height:100px; margin:0px 5px 5px 0px;  border:1px solid #1E91D4; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; behavior: url(border-radius.htc); clear:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ82pEojd2YNZqIj7YH-9CwTo5cigszOCwp1Fex7W7wo9b7JNnkyq2c5wtvxXNsNj1OqgNefH6rJtq10Oen8ArV4NwELH-gyMOFIuAW-2tXblNBP86vYWlBdvmbCkLdeDlpSvouHs67cP/s320/menu-a.jpg) repeat;
}
</style>
<br />
<div id="divbox1">
</div>
<div id="divbox2">
</div>
<div id="divbox3">
</div>
<div id="divbox4">
</div>

On Mouse Over Change Image

<img src="images/layout-thumbnil.jpg" alt="On Mouse Over Change Image" width="203" height="171" border="0" onmouseover="this.src='images/layout-thumbnil-hover.jpg';" onmouseout="this.src='images/layout-thumbnil.jpg';">

Get Facebook Like Button,Send Button,Subscribe Button,Comments,Like Box and Live Stream to Your Website


Social plugins let you see what your friends have liked, commented on or shared on sites across the...

Static IFRAME Tab to your Facebook page


Install the Static IFRAME Tab App to your Facebook page. Now with Custom Tab ICONS, Input Forms, Friend-Gate, WYSIWYG, & STATS! Name your tab whatever you like, fangate your content, upload images...

Import Facebook Photo to Google+


If you have a lot of time and information invested in Facebook, it’s not easy moving to a new social network. Here are a few tips on moving your information from your Facebook account to your shiny ne...

Google+ Tab for Facebook


Add Google+ tab to your Facebook page to stream your Google Plus updates. This app works for...

How to get Plusfeed?


Google+ User Feed. Export Google+ user activity to other services like Twitter, Facebook or Google Reader. Google+ doesn't provide any means to export user posts apart from using its API. 
This is a convenience tool that creates an RSS feed so it can be easily integrated with other services. An example of what you get.
 

Google+ post Widget to your Website


So many updates! We are working really hard on the widget and are trying to update daily. There are going to be some big improvements in the upcoming weeks. If you want to stay up date you can sign in...

HOW TO Update Your Facebook Status Page From Google+

HOW TO Update Your Facebook Status Page From Google+.
Do you want to automatically post status updates to your Facebook Page right from within your Google Plus stream? Here is a video showing you how to update your FB status from Google+ Step by Step.

Step By Step Instructions

1) Logon to your Facebook and Google+ accounts in 2 tabs in browser.
2) In your facebook account tab, visit /mobile and get, copy your Facebook mobile Post By Email address. It will end in ...@m.facebook.com
3) Go to Google+ tab, and create a new circle called Facebook Status or whatever you wanna name it, and then add just the email address you copied in step 2.
4) Create this new circle with the facebook mobile email address.
5) Now, whenever you post to your Google+ stream, select this circle also in addition to other circles and when you click post, it will automatically cross post to your facebook status page.