Recent Article :
Showing posts with label Tools. Show all posts
Showing posts with label Tools. Show all posts

Add Character Counter Tool in Your Blogger Blog

when we are write a Article,titls,meta descriotion In our blogger blog.but it's write Required limit in order to get more and more traffic.

blogger blog permission for meta description is 145 characters and Titles for 65 characters.</br>
If you want add this tool in your blogger blog please flow this tutorial.it's very easily add in your blog.view this tool DemoClick here
1. Create a new page or new post
2.  copy this below code and pest it your new page or new post article area.you have must be select HTML Mood........
 <form method="post"><table border="0" cellpadding="0" cellspacing="0"><tbody><tr> <td width="50%"><textarea name="charcount" rows="12" cols="100"></textarea> </td> </tr><tr><td><div align="right"><p><input onclick="countit(this)" value="Count Them" onmouseover="this.className='tec2 tec2hov'" onmouseout="this.className='tec2'" class="tec2" type="button"> <input class="tec1" name="displaycount"></p></div></td></tr></tbody></table></form>
3.Go to your blogger blog Dashboard
4.Go to Template Section
5.Click Edit HTML
6.Add below code before </head>
<script type='text/javascript'>
    //<![CDATA[

    function countit(a){formcontent=a.form.charcount.value;a.form.displaycount.value=formcontent.length};

    //]]>

7. How to Find </head> Tag?
8. Press CTRL+F and type </head> and press Enter
9. Now press again CTRL+F and type ]]></b:skin>
10. copy this below code and pest it before ]]></b:skin>

input.tec1{color:#3D72C0;font:14px verdana,sans-serif;background-color:#fff;border:1px dotted #ccc;height:25px}
    input.tec1hov{border:1px dotted #999;cursor:pointer}

    input.tec2{background:none repeat scroll 0 0 #888;border:1px dotted #888;color:#FFF;font:bold 13px 'trebuchet ms',helvetica,sans-serif}

    input.tec2hov{background:none repeat scroll 0 0 #aaa;border:1px dotted #aaa;color:#FFF;font:bold 13px 'trebuchet ms',helvetica,sans-serif}

    textarea{width:100%;color:#3D72C0;font:14px verdana;background:#fff;border:1px dotted #ff0000}

    textarea:hover{border:1px dotted #222}

11. Now save your Template and publish your new post or new page and Preview your blog.
Thanks for reading this article.please share your experience via comment.
Because your Comment Is Very help to us.wish your Good Luck and may God Blessed you.
comments (2) | | Read More...

Css Color Chart

In Web designing color code is very important,So for this i share a 216 hexadecimal code with color shows.check below demo and after demo you find a code for impliment in your blogger or website.
#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00
#FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
#FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900
#FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600
#FF33FF #FF33CC #FF3399 #FF3366 #FF3333 #FF3300
#FF00FF #FF00CC #FF0099 #FF0066 #FF0033 #FF0000

#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
#CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
#CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900
#CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600
#CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300
#CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000

#99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
#99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00
#9999FF #9999CC #999999 #999966 #999933 #999900
#9966FF #9966CC #996699 #996666 #999933 #999900
#9933FF #9933CC #993399 #993366 #993333 #993300
#9900FF #9900CC #990099 #990066 #990033 #990000

#66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00
#66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00
#6699FF #6699CC #669999 #669966 #669933 #669900
#6666FF #6666CC #666699 #666666 #666633 #666600
#6633FF #6633CC #663399 #663366 #663333 #663300
#6600FF #6600CC #660099 #660066 #660033 #660000

#33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00
#33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00
#3399FF #3399CC #339999 #339966 #339933 #339900
#3366FF #3366CC #336699 #336666 #336633 #336600
#3333FF #3333CC #333399 #333366 #333333 #333300
#3300FF #3300CC #330099 #330066 #330033 #330000

#00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00
#00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00
#0099FF #0099CC #009999 #009966 #009933 #009900
#0066FF #0066CC #006699 #006666 #006633 #006600
#0033FF #0033CC #003399 #003366 #003333 #003300
#0000FF #0000CC #000099 #000066 #000033 #000000
comments | | Read More...

Instant Page Rank Checker Tool

Some Feature Of This Tool:
Instant.
Fast.
Secure.

Source From: www.mypagerank.net
comments | | Read More...

Character Counter Tool

Free Character Counter Tool

comments (1) | | Read More...

CSS Optimizer Tool

How To Work CSS Optimizer Tool?
1. Pest your css code In 1st text box area. Flowing this image:
2. Thik This radio Button and Click Optimize Button:
Flow This Imzeges

Compress (all in one line).


comments | | Read More...
 
Company Info | Contact Us | Privacy policy | Term of use | Widget | Advertise with Us | Site map
Copyright © 2011. wikihowsite . All Rights Reserved.
Design Template byMd Mehedi Hasan Nirob | Support by UsHostSpot | Powered byTechTalkBD