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 “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 »

0 HOW TO ADD “ADVERTISE WITH US” WIDGET TO BLOGS.

Nowadays,almost every blog has an “Advertise with us” widget in their sidebar. The widgets in most cases,are in the dimension '125 by 125' which is the most commonly used in the blogosphere.

So,if you'd like to embed this widget in your blog,all you have to do is follow these easy & straightforward steps.

Steps on how to add the advertise widget on your blog.

Before we begin with this tutorial,make sure you have a page you can direct your patronizers to when the widget is being clicked on.

If you do not already have,create one[Learn how to create a page],and specify the amount you charge for each “ad-space”. Name the page “ADVERTISE” and publish it.

Once that's done,we are ready to start.

1. Login to Blogger
2. Navigate to Layout » Add a gadget and selectHtml/Javascript
3. Next,Copy-Paste the code below into the box →
   <center> <table border="0"><tr> <th width="125" height="125" align="center"> <a href="YOUR PAGE'S URL HERE" target="_blank"><img src="http://i44.tinypic.com/2v97vv9.jpg"/> </a> </th> <th width="125" height="125" align="center"> <a href="YOUR PAGE'S URL HERE" target="_blank"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></a> </th> </tr> <tr> <td width="125" height="125" align="center"> <a href="YOUR PAGE'S URL HERE" target="_blank"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></a> </td> <td width="125" height="125" align="center"> <a href="YOUR PAGE'S URL HERE" target="_blank"><img src="http://i44.tinypic.com/2v97vv9.jpg"/></a> </td> </tr> </table> </center>

4. Replace all YOUR PAGE'S URL HERE in the code snippet with the one you derivated after creating your page. Likewise,you can decide to increase/decrease the widget-image's size by replacing '125' in the code.
5. Finally, SAVE the widget.

If you encountered any challenges,please let us know...

Read more »

1 CREATE A SITE-MAP FOR BLOGGER.

Site-Map is essential on all blogs,as it allows for better & easier navigation.
Site map help make search engines such as Google,Yahoo,Bingetc... crawl your site the more.

By placing all the URLs in one place, visitors can quickly find the specific content they want to read, and search engine crawlers can easily index all the pages listed on it.
With Blogger site map,your blog will be more visible on search engines and this can be an effective way of increasing your blog's visitors.

Below is my blog's site-map to give you a better understanding

---

---

With the example above,you can see that the list of all posts in my blog was displayed and it was easier for you to find any post in it.

HOW TO ADD A SITEMAP IN YOUR BLOG.

It's not possible to copy the links of all the posts above and start adding it one after the other.So I'll be giving you an easy javascript which will do the whole job for you.
HERE IT IS→→→→→<script style="text/javascript" src="//www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script><br /> <script src="//YOUR-BLOG.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script><script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script><br /> <script src="http://freebie-planet.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

HOW TO USE THE SCRIPT

To use this script,you will have to create a new blogger page,then paste the code above in the text-area.
Use SITE MAP as the title and thereafter,publish your page.

To add the site-map address to your blog's header menu,just view the page you just created and copy the link.

Read more »

0 CREATE STATIC PAGES ON BLOGGER.

Bloggerallows every blog to have stand-alone pages which enables you to create and get the link address of a page which is hidden from your Blog visitors by default.

You are given the option of displaying your blog pages in the sidebar or any position you want to show it.
To enable your visitors see the complete list of your blog pages,just follow these steps.

First of all,Login to your Blogger Accountand go to Design >> Page element then select 'Add a gadget'
On getting to the next page,you will see varieties of Gadgets/Widgets you can add to your blog.Just locate"Pages" and then select ADD.Now,the complete list of your created pages will be visible to your visitors.

When I started blogging,I didn't know the pages would be necessary for me to use,and I Know that's what many newbie bloggers will think.
Below are some benefits of using blog pages.

• You are able to create standalone pages which can only be viewed by visitors if allowed.
• You can get the link of that page to add to your blog's top menu links or dropdown.

Although,blogger allows just 10 static pages,it's kind of enough for a blog to use.

WHAT TO CREATE IN BLOG PAGES.

There is quite a number of things you can create on a blog page.
This includes:-

• Site Maps
• Privacy Policy
• Contact Us Page e.t.c...

HOW TO CREATE BLOG PAGES.

Login to Blogger and select POSTING →→ EDIT PAGES..
On getting there,just select "NEW PAGE" and you are done.

Read more »