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.