HOW TO ADD “WORD/CHARACTER COUNTER” TOOL TO BLOGS.

In one of our previous posts,we discussed a topic which is <a href="http://freebie-planet.blogspot.com/2012/10/add-html-encodedecode-tool-to-blogs.html" target="_blank"><span style="color:blue">“HOW TO ADD HTML ENCODE/DECODE-TOOL WIDGET TO BLOGS.”</span></a>.<br />And just as mentioned in that tutorial,the tool being made mentioned here was also provided by http://centricle.com.<p>Many at times,you might be asked to include a keyword while registering for a service online not 'More than or Below' a specified number of words and/or character.<br />This tool comes really handy in such a situation as you do not have to start counting every single letters manually.</p><p>Likewise as a blogger, you might want to count the number of characters in your post title as its often said that "Maintaining a below 60 is best".</p><p>Now,to add this tool to your blog,here's an easier way of doing that.</p><ol><li>Login to your <a href="http://blogger.com." target="_blank"><span style="color:red">Blogger dashboard.</span></a></li><li>Navigate to Layout » 'Add a Gadget' » 'HTML/JAVASCRIPT' and Copy-Paste the code below into the text box.</li><span style="color:green"><b>*Alternatively,you can create a page for it <a href="http://freebie-planet.blogspot.com/2012/05/create-static-pages-on-blogger.html" target="_blank"><span style="color:blue">[Learn how to create pages in Blogger.]</span></a></b></span><li><p style="border:1px solid #700000"><span style="background-color:#d8d8d8"><form action="http://centricle.com/tools/word+character-counter/" method="post" target="blank"> <fieldset> <label for="pad">String:</label> <textarea cols="60" rows="15" name="pad" id="pad"></textarea> <input class="submit" type="submit" name="countem" value="How Many?" /> </fieldset> </form></span></p></li><li><b>Save</b> the widget and that'll be all.</li></ol>HERE'S A LIVE DEMO OF THE WIDGET.<br /><form action="http://centricle.com/tools/word+character-counter/" method="post" target="blank"><fieldset><label for="pad">String:</label><textarea cols="60" rows="15" name="pad" id="pad">

That's all!!!

In one of our previous posts,we discussed a topic which is “HOW TO ADD HTML ENCODE/DECODE-TOOL WIDGET TO BLOGS.” . And just as mentioned in ...

Baca selengkapnya »

HOW TO EMBED “WINDOWS MEDIA PLAYER” IN BLOGS.

Writing a great article sometimes,isn't complete without embedding a video and/or an audio file to it.<p>It is highly required when you are posting a practical tech-related tutorial or most times on a news niche,whereby the file makes the post even more explanatory.</p><p>So,what if you have the link to a video,how do you embed it in a blog(post)?</p><p>In this tutorial,I'll be showing you two easy ways to embed the <b>Windows Media Player</b> in a blog to stream live videos & audio files for visitors to easily watch and listen to.</p><embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="mediaplayer1" ShowStatusBar="true" EnableContextMenu="false" autostart="true" width="350" height="250" loop="false" src="rtsp://v8.cache5.c.youtube.com/CjYLENy73wIaLQnd4te9PYx3RhMYDSANFEIJbXYtZ29vZ2xlSARSBXdhdGNoYJq32P6gmPjDUAw=/0/0/0/video.3gp" />[Video adapted from google.]<h2>Here's How...</h2><ol><li>The first way is by adding the media player as a gadget in the sidebar.<ul><li>Login to <a href="http://www.blogger.com" target="_blank"><span style="color:blue">Blogger.</span></a></li><li>Navigate to <span style="color:red"><b>Layout » `Add a gadget` » HTML/JAVASCRIPT</b></span></li><li>Copy-Paste the code below and save the widget.</li></ul></li><li>The second method is by embedding the player in each blog-post.<br />This can be done by pasting the code below in each post.</li></ol><h3>Here's the Media-player's code...</h3><p style="border:1px solid #700000"><div style="background-color:#d8d8d8"><embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="mediaplayer1" ShowStatusBar="true" EnableContextMenu="false"<br />autostart="<span style="color:green">false</span>"<br />width="<span style="color:green">350</span>"<br />height="<span style="color:green">250</span>" loop="<span style="color:green">false</span>"<br />src="<span style="color:red"><b>VIDEO/AUDIO LINK</b></span>" /></div></p><textarea rows="3" col="20"><embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="mediaplayer1" ShowStatusBar="true" EnableContextMenu="false" autostart="false" width="350" height="250" loop="false" src="VIDEO/AUDIO LINK" />

CUSTOMIZATION.

Change the settings of this player to suit you (Optional).

Autostart→ Change this value to "True" if you want the video/audio to start streaming automatically upon visiting the post[Not recommended].
Width/Height→ Change these values respectively to suit you taste.
Loop→ Force the video/audio to loop constantly.

That's all.Just make sure you get a valid url.

Writing a great article sometimes,isn't complete without embedding a video and/or an audio file to it. It is highly required when you ar...

Baca selengkapnya »

HOW TO ADD HTML ENCODE/DECODE TOOL WIDGET TO BLOGS.

There are times whereby you might need to post an Html tag as plain text most especially for bloggers in “Blog niches”.<br />It is also needed when a visitor has to write some codes in the comment box.<p>Although,<a href="http://www.freebie-planet.blogspot.com/search/label/Blog%20hacks%20and%20tricks" target="_blank"><span style="color:blue">Blogger</span></a> has really made it easier to post “html” codes as plain text in the <a href="http://freebie-planet.blogspot.com/2012/10/how-to-edit-posts-in-new-blogger.html" target="_blank"><span style="color:blue">New blogger dashboard</span></a>,it still isn't helpful in situations when you need some other tags to function in a post.<br />So,to solve this,a tool has been provided by Centricle.com to make posting of codes easier and faster.<h2>Here's How It Works...</h2>When a html code is inputed in the textbox,the “Encode” button needs to be pressed,and the result when posted,is shown as live codes.<p>To integrate this widget in your blog,just Copy-Paste the following code snippet preferably into a <b>Page</b>[<a href="http://freebie-planet.blogspot.com/2012/05/create-static-pages-on-blogger.html" target="_blank"><span style="color:blue">Learn how to create pages on blogger.</span></a>]</p>Here's the code...<p style="border:1px solid #700000"><div style="background-color:#d8d8d8"><form action="http://centricle.com/tools/html-entities/" method="post" target="blank"><br /><fieldset><br /><input value="y" name="s" type="hidden"/> <label for="pad">Convert text to HTML entities and vice-versal:</label> <textarea id="pad" rows="15"cols="60" name="pad"></textarea> <input value="Encode" name="submit" type="submit"/> <input value="Decode" name="submit" type="submit"/><br /></fieldset><br /></form></div></p><h4>Live Demo</h4><form action="http://centricle.com/tools/html-entities/" method="post" target="blank"><fieldset><input value="y" name="s" type="hidden"/><label for="pad">Convert text to HTML entities and vice-versal:</label><textarea id="pad" rows="15"cols="60" name="pad">

That's all.If you need further information about the usage of this tool,do not hesitate to leave a comment behind.

There are times whereby you might need to post an Html tag as plain text most especially for bloggers in “Blog niches”. It is also needed wh...

Baca selengkapnya »

HOW TO ADD A “PRINT PAGE” BUTTON TO BLOGGER BLOGS.

Adding a “Print Page” button to a blog is another way of generating little traffic to it,as visitors are given the option to print an entire article without stress,and by so doing can boost the traffic of your blog through Word-of-mouth,online forums etc.<p>So,if you'd love to include this button on your blog,this post will show you how…</p><ol><li>Login to<a href="http://www.blogger.com" target="_blank"><span style="color:red"><b>Blogger.</b></span></a></li><li>Navigate to <b><span style="color:blue">Templates » Edit HTML</span></b><span style="background-color:#ffffcc">[Always remember to backup your template.]</span></li><li>Check the box next to <span style="color:red"><b><br /><input type="checkbox" name="" value="" checked>Expand Widget Template</b></span> and search for <span style="color:red"><font size="6"></head></font></span> by pressing <b>CTRL+F.</b></li><li>Next,Copy-Paste the code below directly <font size="4">above/before</font> it.</li><div style="border:1px solid #700000"><div style="background-color:#d8d8d8"><style type="text/css" media="print"><br />#noprint {display: none;}<br />// Hide unwanted elements<br />body {background:fff; color:000;}<br />// Black text on White background<br />a {text-decoration: underline; color:00f;}<br />//Underline Hyperlinks in blue}<br /></style></div></div><li>Once done,search(again) for <span style="color:red"><font size="6"><p><data:post.body/></p></font></span></li><li>When found, Copy-Paste the following code snippet directly <font size="4">below/after</font> it.</li><div style="border:1px solid #700000"><div style="background-color:#d8d8d8"><a href="javascript:window.print()"><span style="color:blue">Print Page</span></a></div></div><li>Preview the template to avoid errors and thereafter, Save it.</li></ol>That's all.

Adding a “Print Page” button to a blog is another way of generating little traffic to it,as visitors are given the option to print an entire...

Baca selengkapnya »

HOW TO ADD “ONLINE HTML CALCULATOR” TO BLOGS.

Here's a quick tool-script you can add to your website/blog to display online calculator.<p>Once a number or sign is clicked on,the page reloads with the option in the text area.</p>Here's a demo of this online application.<p><form name="Calc"> <center> <input disabled="disabled" type="text" style="font-weight: bolder; font-size: large;" name="Input"/> <input type="hidden" name="PHPSESSID" value="6be315796135a9d9627813b4af5fb2ad" /> </center><table> <tr> <th> <input type="button" name="one" value=" 1 " OnClick="Calc.Input.value += '1'"/> </th> <th> <input type="button" name="two" value=" 2 " OnCLick="Calc.Input.value += '2'"/> </th> <th> <input type="button" name="three" value=" 3 " OnClick="Calc.Input.value += '3'"/> </th> <th> <input type="button" name="plus" value=" + " OnClick="Calc.Input.value += '+ '"/> </th> </tr> <tr> <th> <input type="button" name="four" value=" 4 " OnClick="Calc.Input.value += '4'"/> </th> <th> <input type="button" name="five" value=" 5 " OnCLick="Calc.Input.value += '5'"/> </th> <th> <input type="button" name="six" value=" 6 " OnClick="Calc.Input.value += '6'"/> </th> <th> <input type="button" name="minus" value=" - " OnClick="Calc.Input.value += ' - '"/> </th> </tr> <tr> <th> <input type="button" name="seven" value=" 7 " OnClick="Calc.Input.value += '7'"/> </th> <th> <input type="button" name="eight" value=" 8 " OnCLick="Calc.Input.value += '8'"/> </th> <th> <input type="button" name="nine" value=" 9 " OnClick="Calc.Input.value += '9'"/> </th> <th> <input type="button" name="times" value=" * " OnClick="Calc.Input.value += '* '"/> </th> </tr> <tr> <th> <input type="button" name="zerozero" value="00" OnClick="Calc.Input.value += '00'"/> </th> <th> <input type="button" name="zero" value=" 0 " OnClick="Calc.Input.value += '0'"/> </th> <th> <input type="button" name="point" value=" . " OnClick="Calc.Input.value += '.'"/> </th> <th> <input type="button" name="div" value=" / " OnClick="Calc.Input.value += ' / '"/> </th> </tr> </table> <table> <tr> <th> <input type="button" name="clear" value=" Clear " OnClick="Calc.Input.value = ''"/> </th> <th> <input type="button" name="DoIt" value=" Ans " OnClick="Calc.Input.value = eval(Calc.Input.value)"/> </th></tr> <tr> Script by:<a href="http://freebie-planet.blogspot.com">SOLJAR2</a> </tr> </table></form></p>So,to add this application on your blog,Copy-Paste the codes in the box below into a Page,Post or gadget.<textarea rows="4" col="20" readonly="readonly"><form name="Calc"> <center> <input disabled="disabled" type="text" style="font-weight: bolder; font-size: large;" name="Input"/> <input type="hidden" name="PHPSESSID" value="6be315796135a9d9627813b4af5fb2ad" /> </center><table> <tr> <th> <input type="button" name="one" value=" 1 " OnClick="Calc.Input.value += '1'"/> </th> <th> <input type="button" name="two" value=" 2 " OnCLick="Calc.Input.value += '2'"/> </th> <th> <input type="button" name="three" value=" 3 " OnClick="Calc.Input.value += '3'"/> </th> <th> <input type="button" name="plus" value=" + " OnClick="Calc.Input.value += '+ '"/> </th> </tr> <tr> <th> <input type="button" name="four" value=" 4 " OnClick="Calc.Input.value += '4'"/> </th> <th> <input type="button" name="five" value=" 5 " OnCLick="Calc.Input.value += '5'"/> </th> <th> <input type="button" name="six" value=" 6 " OnClick="Calc.Input.value += '6'"/> </th> <th> <input type="button" name="minus" value=" - " OnClick="Calc.Input.value += ' - '"/> </th> </tr> <tr> <th> <input type="button" name="seven" value=" 7 " OnClick="Calc.Input.value += '7'"/> </th> <th> <input type="button" name="eight" value=" 8 " OnCLick="Calc.Input.value += '8'"/> </th> <th> <input type="button" name="nine" value=" 9 " OnClick="Calc.Input.value += '9'"/> </th> <th> <input type="button" name="times" value=" * " OnClick="Calc.Input.value += '* '"/> </th> </tr> <tr> <th> <input type="button" name="zerozero" value="00" OnClick="Calc.Input.value += '00'"/> </th> <th> <input type="button" name="zero" value=" 0 " OnClick="Calc.Input.value += '0'"/> </th> <th> <input type="button" name="point" value=" . " OnClick="Calc.Input.value += '.'"/> </th> <th> <input type="button" name="div" value=" / " OnClick="Calc.Input.value += ' / '"/> </th> </tr> </table> <table> <tr> <th> <input type="button" name="clear" value=" Clear " OnClick="Calc.Input.value = ''"/> </th> <th> <input type="button" name="DoIt" value=" Ans " OnClick="Calc.Input.value = eval(Calc.Input.value)"/> </th></tr> <tr> Script by: <a href="http://freebie-planet.blogspot.com">Soljar2.</a> </tr> </table></form>Hope you found it useful.

Here's a quick tool-script you can add to your website/blog to display online calculator. Once a number or sign is clicked on,the page r...

Baca selengkapnya »