How To Add Word/character counter

This tool will be very useful to your visitors.It is provided by http://centricle.com.1.Login to your blogger dashboard--> layout- ->Page Elements2.Click on 'Add a Gadget' .3.Select 'HTML/Javascript' and add below code and click save.

String:

Description: <span itemprop='description'>How To Add  Word/character counter</span>,
Rating: <span itemprop='rating'>4.5</span>,
Reviewer: <span itemprop='reviewer'>neno</span>,
ItemReviewed: <span itemprop='itemreviewed'>How To Add  Word/character counter</span>
<div style='clear: both;'></div>
</div>
<div id='related_posts'>
<h3>Related Posts</h3>
<script src='/feeds/posts/default/-/gadget?alt=json-in-script&callback=relpostimgcuplik&max-results=50' type='text/javascript'></script>
<script src='/feeds/posts/default/-/tools?alt=json-in-script&callback=relpostimgcuplik&max-results=50' type='text/javascript'></script>
<script src='/feeds/posts/default/-/widget?alt=json-in-script&callback=relpostimgcuplik&max-results=50' type='text/javascript'></script>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<div style='display:none;'>Hari: <a class='updated' href='https://bblogger2you.blogspot.com/2009/06/how-to-add-wordcharacter-counter.html' rel='bookmark' style='margin: 0 7px 0 0' title='permanent link'><abbr class='published' title='2009-06-10T05:52:00-05:00'>05:52</abbr></a></div>
<span class='post-author vcard'>
مرسلة بواسطة
<span class='fn'>
<a href='https://www.blogger.com/profile/11089323242368398430' itemprop='author' rel='author' title='author profile'>
neno
</a>
</span>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post/1994677372410071797/3421580095866841825' title='إرسال رسالة إلكترونية'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
<span class='item-control blog-admin pid-2121446810'>
<a href='https://www.blogger.com/post-edit.g?blogID=1994677372410071797&postID=3421580095866841825&from=pencil' title='تعديل الرسالة'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>
0
التعليقات:
        
</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<a href='https://www.blogger.com/comment/fullpage/post/1994677372410071797/3421580095866841825' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=640,height=500"); return false;'>إرسال تعليق</a>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
</div>

</div></div>
      

</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='https://bblogger2you.blogspot.com/2009/06/automatic-post-summaries-for-blogger.html' id='Blog1_blog-pager-newer-link' title='رسالة أحدث'>رسالة أحدث</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://bblogger2you.blogspot.com/2009/06/how-to-add-encodedecode-html-entities.html' id='Blog1_blog-pager-older-link' title='رسالة أقدم'>رسالة أقدم</a>
</span>
<a class='home-link' href='https://bblogger2you.blogspot.com/'>الصفحة الرئيسية</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
الاشتراك في:
<a class='feed-link' href='https://bblogger2you.blogspot.com/feeds/3421580095866841825/comments/default' target='_blank' type='application/atom+xml'>تعليقات الرسالة (Atom)</a>
</div>
</div>
</div></div>

<div id='bawah-post'>
<div class='kiribawah-post section' id='kiribawah-post'><div class='widget HTML' data-version='1' id='HTML1'>
<div class='widget-content'>
<script type="text/javascript" src="http://widgets.amung.us/small.js"></script><script type="text/javascript">WAU_small('fd0t90hgwhdb')</script>
<a href="http://s03.flagcounter.com/more/tx5"><img src="http://s03.flagcounter.com/count/tx5/bg=FFFFFF/txt=000000/border=CCCCCC/columns=3/maxflags=20/viewers=0/labels=0/pageviews=1/" alt="free counters" border="0" /></a>
<script type="text/javascript"
src="http://gdata-jsguide.appspot.com/static/analytics/samples/retrievedatacontent.js"></script>
</div>
<div class='clear'></div>
</div></div>
<div class='kananbawah-post section' id='kananbawah-post'><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>المتابعون</h2>
<div class='widget-content'>
<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
    window.followersIframe = null;
    function followersIframeOpen(url) {
      gapi.load("gapi.iframes", function() {
        if (gapi.iframes && gapi.iframes.getContext) {
          window.followersIframe = gapi.iframes.getContext().openChild({
            url: url,
            where: document.getElementById("followers-iframe-container"),
            messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
            messageHandlers: {
              '_ready': function(obj) {
                window.followersIframe.getIframeEl().height = obj.height;
              },
              'reset': function() {
                window.followersIframe.close();
                followersIframeOpen("https://www.blogger.com/followers/frame/1994677372410071797?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dar\x26origin\x3dhttps://bblogger2you.blogspot.com");
              },
              'open': function(url) {
                window.followersIframe.close();
                followersIframeOpen(url);
              }
            }
          });
        }
      });
    }
    followersIframeOpen("https://www.blogger.com/followers/frame/1994677372410071797?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByMwMDAwMDAqByNGRkZGRkYyByMwMDAwMDA6ByMwMDAwMDBCByMwMDAwMDBKByMwMDAwMDBSByNGRkZGRkZaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3dar\x26origin\x3dhttps://bblogger2you.blogspot.com");
  </script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div></div>
</div>

</div>


<div id='search-wrapper'>
<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box' name='q' size='25' type='text'/>
<input id='search-btn' type='submit' value='Search'/>
</form></div>

<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar2'><div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
<h2>Entri Populer</h2>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://bblogger2you.blogspot.com/2008/10/free-tools-to-create-your-own-social.html' target='_blank'>
<img alt='' border='0' src='//lh3.ggpht.com/antonio.lupetti/SOjU41MLfxI/AAAAAAAACeI/w88dkdf2zX4/w72-h72-p-k-no-nu/ning.png'/>
</a>
</div>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/10/free-tools-to-create-your-own-social.html'>Free tools to create your own social network Facebook-like</a></div>
<div class='item-snippet'>Are you looking for free tools to create your own social network Facebook-like? Take a look at this popular free services on-line. 1. Ning N...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://bblogger2you.blogspot.com/2008/07/nice-login-and-signup-panel-newsvine.html' target='_blank'>
<img alt='' border='0' src='//lh3.ggpht.com/antonio.lupetti/SHi1q8uXZiI/AAAAAAAABsI/6p_I3k5aQ4g/w72-h72-p-k-no-nu/newsvine.png'/>
</a>
</div>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/07/nice-login-and-signup-panel-newsvine.html'>Nice login and signup panel Newsvine like using CSS</a></div>
<div class='item-snippet'>Are you looking for inspiration for a login panel? This post can help you... Yesterday a reader of my blog, Benjamin, asked to me a suggest ...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://bblogger2you.blogspot.com/2008/03/how-to-design-sexy-header-for-your-site.html' target='_blank'>
<img alt='' border='0' src='//1.bp.blogspot.com/_TqPdHmAEwTM/R9PUkthRQ8I/AAAAAAAABMY/B3hJDP0QZ20/w72-h72-p-k-no-nu/section-structure.png'/>
</a>
</div>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/03/how-to-design-sexy-header-for-your-site.html'>How to design a sexy header for your site using CSS</a></div>
<div class='item-snippet'>Yesterday I received a lot of positive messages about the new template of my site. Expecially for the new header  (in particular the green b...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2011/03/free-premium-business-blogger-templates.html'>Free Premium Business Blogger Templates Collection</a></div>
<div class='item-snippet'>In this article I have listed below premium quality free blogger templates collection for business purposes.All of the templates listed here...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2009/12/leaves-fall-social-bookmark-button-for.html'>Leaves Fall Social Bookmark Button For Blogger Post</a></div>
<div class='item-snippet'>1.Log in to your dashboard--> layout- -> Edit HTML2.Click on "Expand Widget Templates"3.Scroll down to where you see this: 4...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://bblogger2you.blogspot.com/2008/12/10-free-christmas-fonts.html' target='_blank'>
<img alt='' border='0' src='//lh4.ggpht.com/_TqPdHmAEwTM/STrfw6tG-0I/AAAAAAAACs0/xmgpBytsur4/w72-h72-p-k-no-nu/cf3.png'/>
</a>
</div>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/12/10-free-christmas-fonts.html'>10 Free Christmas fonts</a></div>
<div class='item-snippet'>Christmas is coming and what is better then a collection of ten free Christmas fonts? Take a look at this list with some of my favorite Chri...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://bblogger2you.blogspot.com/2009/07/recent-posts-with-thumbnails-for.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxeypqhidM5tsEXfh5RejzmxKmxWkz6GOto7ldqG9jFziQMcwpad_Pyt5ikovNP41Bw9mVrDlyYOvQeLM1JwwF37uJH39mhmfzMTTGroPqYjSl5wTH9edlgkT8OFXqvFTiZeBF89prVQ/w72-h72-p-k-no-nu/'/>
</a>
</div>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2009/07/recent-posts-with-thumbnails-for.html'>Recent Posts with Thumbnails for Blogger</a></div>
<div class='item-snippet'> This is an updated version of my Recent Posts Gadget.As the name suggests, this Gadget will help you to display the most Recent Posts on yo...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://bblogger2you.blogspot.com/2008/06/google-spreadsheets-tips-gantt-chart.html' target='_blank'>
<img alt='' border='0' src='//lh5.ggpht.com/antonio.lupetti/SEKeM3fPx_I/AAAAAAAABjY/2pghIuvHZBw/w72-h72-p-k-no-nu/gantt.gif'/>
</a>
</div>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2008/06/google-spreadsheets-tips-gantt-chart.html'>Google Spreadsheets Tips: Gantt Chart (Microsoft Project-like) using Widget</a></div>
<div class='item-snippet'>Google Spreadsheets is a powerful web application to do everything you do using Excel. A nice way to use it is to manage a project plan with...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2011/03/official-by-email-feedburner-widget-for.html'>Official "Follow by Email" Feedburner Widget for Blogger</a></div>
<div class='item-snippet'>Now Blogger has introduced "Follow by Email" Feedburner email subscription widget for blogger blogs. So you don't want to add ...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://bblogger2you.blogspot.com/2009/07/how-to-add-beautiful-multi-tab-view.html'>How To Add Beautiful Multi Tab View Widget to Blogger</a></div>
<div class='item-snippet'>1.Login to your dashboard--> layout- -> Edit HTML2.Don't Click on "Expand Widget Templates"3.Scroll down to till you see...</div>
</div>
<div style='clear: both;'></div>
</li>
</ul>
<div class='clear'></div>
</div>
</div><div class='widget Stats' data-version='1' id='Stats1'>
<h2>إجمالي مرات مشاهدة الصفحة</h2>
<div class='widget-content'>
<div id='Stats1_content' style='display: none;'>
<script src='https://www.gstatic.com/charts/loader.js' type='text/javascript'></script>
<span id='Stats1_sparklinespan' style='display:inline-block; width:75px; height:30px'></span>
<span class='counter-wrapper graph-counter-wrapper' id='Stats1_totalCount'>
</span>
<div class='clear'></div>
</div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<div class='widget-content'>
<p align="center"><img src="http://www.speedcounter.net/count.php?u=10000000&c=grau&t=s&s=e" alt="SPEEDCOUNTER.NET - free counter!" border="0" width="110" height="64" /></p>
</div>
<div class='clear'></div>
</div></div>
</div>

<div class='clear'> </div>
<div id='footer-wrapper'>
<div class='credit'>Copyright © 2012 · <i><a href='https://bblogger2you.blogspot.com/'>blogger to you</a></i> , All rights reserved</div>
</div>

</div>
</div></div>