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

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 that tutorial,the tool being made mentioned here was also provided by http://centricle.com.

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.
This tool comes really handy in such a situation as you do not have to start counting every single letters manually.

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

Now,to add this tool to your blog,here's an easier way of doing that.

1. Login to your Blogger dashboard.
2. Navigate to Layout » 'Add a Gadget' » 'HTML/JAVASCRIPT' and Copy-Paste the code below into the text box.
*Alternatively,you can create a page for it [Learn how to create pages in Blogger.]

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

4. Save the widget and that'll be all.

HERE'S A LIVE DEMO OF THE WIDGET.

String:

That's all!!!

Read more »

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

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.

So,what if you have the link to a video,how do you embed it in a blog(post)?

In this tutorial,I'll be showing you two easy ways to embed the Windows Media Player in a blog to stream live videos & audio files for visitors to easily watch and listen to.

[Video adapted from google.]

Here's How...

1. The first way is by adding the media player as a gadget in the sidebar.
   • Login to Blogger.
   • Navigate to Layout » `Add a gadget` » HTML/JAVASCRIPT
   • Copy-Paste the code below and save the widget.
2. The second method is by embedding the player in each blog-post.
   This can be done by pasting the code below in each post.

Here's the Media-player's code...

<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" />

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

Read more »

3 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”.
It is also needed when a visitor has to write some codes in the comment box.

Although,Blogger has really made it easier to post “html” codes as plain text in the New blogger dashboard,it still isn't helpful in situations when you need some other tags to function in a post.
So,to solve this,a tool has been provided by Centricle.com to make posting of codes easier and faster.

Here's How It Works...

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.

To integrate this widget in your blog,just Copy-Paste the following code snippet preferably into a Page[Learn how to create pages on blogger.]

Here's the code...

<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"></textarea> <input value="Encode" name="submit" type="submit"/> <input value="Decode" name="submit" type="submit"/>
</fieldset>
</form>

Live Demo

Convert text to HTML entities and vice-versal:

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

Read more »

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

So,if you'd love to include this button on your blog,this post will show you how…

1. Login toBlogger.
2. Navigate to Templates » Edit HTML[Always remember to backup your template.]
3. Check the box next to
   Expand Widget Template and search for </head> by pressing CTRL+F.
4. Next,Copy-Paste the code below directly above/before it.
<style type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue}
</style>
5. Once done,search(again) for <p><data:post.body/></p>
6. When found, Copy-Paste the following code snippet directly below/after it.
<a href="javascript:window.print()">Print Page</a>
7. Preview the template to avoid errors and thereafter, Save it.

That's all.

Read more »

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

Once a number or sign is clicked on,the page reloads with the option in the text area.

Here's a demo of this online application.

Script by:SOLJAR2

So,to add this application on your blog,Copy-Paste the codes in the box below into a Page,Post or gadget.<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.

Read more »