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...

How To Embed Youtube Video in Blogger Blog

How To Embed Youtube Video in Blogger Blog.it;s very easy.YouTube provide only playing system.but you want Embed any youtube video in your blogger blog.
i share a little step for Embedding YouTube Video in your website.
flow this step or view this step image bleow:

1. Go to your YouTube Video link or Search a New One.

2. Now Click Share Button

3. Now Copy Your Embed Code

 

4. Now Go your blogger Dhasboard

5.go to New Post

6. Select must be HTML Mood

7. Now pest your Youtube Video Embed Code Post area in your New Post Page.

 8. Now Click Publish Link and Published your video.

9. Now Go to your website and Preview your YouTube Embeding Video Output Like This Below.

Enjoy your YouTube Video.

comments | | Read More...

11 Step-How To Add Google Adsense Code Converter Tools For Blogger

How to Add this tools your blogger blog.it's very easy.just flow some step and add Google Adsense Code Converter Tools For Blogger blog. Step One: Goto your Blogger Dhassbord. Step Two: Go To Template and click Template option. Step three: Now Click Edit html Step Four: Press Ctrl+F And find this Code Step Five: now Copy this Code:

Step Six: Add This javascript code before Step Seven: Find ]]> and add below css code above it

    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}

Step Eight: Now Save your Template. Step Nine: Create a New Post Give Title "adsense Code Converter Tool For Blogger blog",or give a new one on your like. Step Ten: Now Copy This Code:

Change width: 590px and height: 200px with your Requirement. Note: when your write your post please Select HTML Editing Mood. Step Eleven: Now published Your New Post. view Demo Click Here. Thanks For Reading.please Comment here Because Your Feedback is very Important to Our Site.Wish your Best Luck.

comments | | Read More...

10 Step-How to Change Blogger Template?(with Images)

Blogger is online sub domain provider it’s provide by world largest Search Engine Google.

 Many times we are faced this problem. How to Change Blogger Template?

It is very easy. Now I share this system. Just Flow this step and change your template very easily.

if you don’t understand this System. Please flow images below:

Step One: Go to blogger.com

Step Two: Login Your blogger account

Step three: Now Click “Template”

Step Four: Click Edit Html Option

Step Five: Now select your all old html/xml Code

Step Six: Remove/Delete your all old html/xml code

Step Seven: now open your downloaded blogger template or one new download.

If you download before or finished one new download. now open your template file

Any text editor like: notpad++,notpad or use any Text Editor.

Your Template file like this type “yourtemplate.xml”

Step Eight: now copy all html/xml code

Step Nine: now back your blogger template Editor

Step Ten: now pest your html/xml code and save

Now finished your work. Preview your blogger website. And enjoy new looking.

Thanks For reading. Please give your Feedback.

how to setup syntax Code highlighter on blogger

First take your template backup.how to backup your template?flow this step(for blogger new Interface)
1. Go to your blogger Dhasboard>Template>Edit Html
2. Now go to your Desktop.Creat a new Html/text Document and pest yor code and save.
3. Now you Back your html editor.and Fine (use Ctrl+F) and Find your template's tag.
4. now you copy this code and pest before code.

5. Click "Save Your template" Use "Save Template" Button.
6. write a new post in HTML mode using the following markup:

<?php

$example = range(0, 9);

foreach ($example as $value)

{

 echo $value;

}

7. publish your post :
ok now your setup complete syntax highlighter on blogger.thank,s for reading This articlr.

comments | | Read More...