Click On Show-Off Text In Color Box Or Plain Text

A Free Tool for Website or Blog that you can add any content or text, can only be seen on click. It gives a glamorous look to your webpage. Just CLIK on the Two-Example and see the result.
Example:



BLOGGEN (OnClick Text Example)



Copy & Paste the following Code and replace or alteration the Code for your requirement:

<script language="JavaScript">
<!--
function Show_Stuff(Click_Menu)
// Function that will swap the display/no display for
// all content within span tags
{
if (Click_Menu.style.display == "none")
{
Click_Menu.style.display = "";
}
else
{
Click_Menu.style.display = "none";
}
}
-->
</script>
<div>
<a href="javascript:Show_Stuff(display1)"> <font
color=#8000ff size=2>BLOGGEN</font></a></DIV><!-- The code within the span tags will not be displayed until
the user click the link above and will "disappear" when clicked a second time
The link above is set to display anything with a span tag with an id = display1-->
<span ID="display1" style="display: none">
<table bgcolor="#7fffd4">
<tr><td width=200 wrap>
Keep your Eyes and Read
Regularly The BLOGGEN
to Enjoy Free Tools
for your Blog & Website.
BLOGGEN Team always
Researching and trying to
Create New-Tools just to
serve you better.
</td> </tr>
</table>
</span>
<div onClick="Show_Stuff(display2)">
<font color="#ff0080" size="2">BLOGGEN</font> (OnClick Text Example)</div>
<!-- The code within the span tags will not be displayed until
the user click the link above and will "disappear" when clicked a second time -->
<span id="display2" STYLE="display: none">
On Click Text will appear when Click on BLOGGEN,will off on second click
</span>

BLOGGEN = Write your Ward
BLOGGEN = Write your Ward

Keep your …….. just to
serve you better. = Write Your Text

On Click Text ….
…. BLOGGEN,…
on second click = Write Your Text

MULTIPURPOSE SCROLLING COLOUR TEXT BOX

Scrolling text box which can be used as Notice Board with scrolling Notice as well as Ad-Board with Scrolling text ,Image or anything you like on the Board.
Sample:



Your upward scrolling text
 goes here!







Welcome To The world of
BLOGGEN



Cut the below  HTML Code and Paste the code where you like to place in your Web or Blog.

<div align="center">
<table bgcolor="#26dee8" border="2" bordercolor="#231adf"
 cellpadding="3" cellspacing="0" style="height: 26px; text-align: center;
 width: 167px;"><tbody>
<tr><td><span style="color: #000040; font-family:
 Times New Roman; font-size: small;"><strong></
strong></span>
<div style="text-align: center;">
<marquee direction="up" scrollamount="1" style=
"border-bottom: medium none; border-left: medium
none; border-right: medium none; border-top: medium
 none; height: 321px; width: 272px;">
<div style="text-align: center;">
Your upward scrolling text goes here

<div align="left" style="text-align: center;">
<div style="border-bottom: medium none; border-left:
 medium none; border-right: medium none; border-top:
medium none;">

</div>
</div>
<div class="separator" style="clear: both; text-align:
center;">
<a href="http://4.bp.blogspot.com/_fqIDtjmUNvA/
Ssgvag4bfdI/
AAAAAAAAAZ8/yi6uiyX65as/s1600-h/fl-6.jpg"
 imageanchor="1" style="margin-left: 1em; margin-right:
 1em;"><img
$r="true" border="0" src="http://4.bp.blogspot.com/_fqIDtjmUNvA/
Ssgvag4bfdI/
AAAAAAAAAZ8/yi6uiyX65as/s200/fl-6.jpg" /></a>
</div>
<div class="separator" style="clear: both; text-align: center;">
Welcome To The world of
</div>
<div class="separator" style="clear: both; text-align: center;">
BLOGGEN
</div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">
</div>
</div>
</marquee>

If you want you can
Change of Size – height: 321px; width: 272px  (white background)

Change of text – Your upward scrolling text goes here!

Change of Image – post you own Image or Picture,s HTML CODE

a href="http://4.bp.blogspot.com/_fqIDtjmUNvA/
..........................................................................
AAAAAAAAAZ8/yi6uiyX65as/s200/fl-6.jpg" />

Change of Bottom Text –
Welcome To The world of
.........
BLOGGEN

Change Website Background Colour With Magic Box

Mention any Color into the Blank Magic Box and Click ! See the Fun!
Sample Magic Box






Copy and Pest the HTML CODE Below to your Website and ENJOY THE FUN!

<FORM>
<input type="text" name="color" size=18>
<INPUT TYPE="button" VALUE="Color" ONCLICK="document.bgColor=(this.form.color.value)">
<INPUT TYPE="reset" NAME="cancel" VALUE="Reset">
</FORM>

Free Readymade Drop Down Menu For Your Blog

Sample Drop Down Menu Box Box:


To enjoy this Drop Down Menu Box - just copy & paste the following HTML CODE to your Site where you want to place the BOX.
<SELECT name="DROP DOWN MENU" size="1" style="width: 179px;"><option value="DROP DOWN MENU">DROP DOWN MENU</option> <option value="Your Subject-01">Your Subject-01</option> <option value="Your Subject-01">Your Subject-02 </option> <option value="Your Subject-03">Your Subject-03</option> <option value="Your Subject-04">Your Subject-04</option> <option value="Your Subject-05">Your Subject-05</option> <\SELECT>
You can write or Post your subject or Menu just by replacing “Your Subject -01/02/03”etc. You can also change the width of Menu-Box by changing the digits 179 from – “width: 179px”

Comment Box Attachment

Attachment a Comment Drop Box to your blog or Web site .It is very simple task – just copy & paste the following HTML CODE to your Site where you want to place the BOX
Sample Comment Box:
Name:


Mail:



Comment:

HTML CODE
<html>
<body>
<form action="MAILTO:WRITE YOUR EMIL HERE" method="post" enctype="text/plain">
<p> &nbsp;</p>
<p>Comment Box&nbsp;&nbsp;</p>
<p>
Name:<br>
<input name="name" value="yourname"
>
<br>
Mail:<br>
<input name="mail" value="yourmail"
>
<br>
Comment:<br>
<input name="comment" value="yourcomment"
size="22" style="WIDTH: 156px; HEIGHT: 99px">
<br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset"> </p>
</form>
</body>
</html>

To get the comment to your E-mail box replace the sentance WRITE YOUR EMAIL HERE with your E-Mail address.

Subscribe to: Posts (Atom)
 

blogger templates