In short ShowYourself is a simple to make, easy, free and fun utility to help establish your identity across the web. Have a Flickr account and a Facebook and AIM? Combine all your profiles on the web into one attractive widget that you can put on your blog, your myspace or anywhere on the web.This widget is created by dustin Bachrach.<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url="<data:post.url/>";
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<p><data:post.body/></p>
Step 2.separator {
height: 40px;
padding: 4px;
}
Before you paste the code you need some modification in the code. Replace drbhatns@gmail.com with your own Paypal Email Id.Replace Name with your own Name.and finally replace URL OF BEER MUG IMAGE with the beer image Url .<div class='separator'/>
<form action='https://www.paypal.com/cgi-bin/webscr' method='post' target='paypal'>
<input name='cmd' type='hidden' value='_xclick'/>
<input name='business' type='hidden' value='drbhatns@gmail.com'/>
<input name='return' type='hidden' value=' '/>
<input name='item_name' type='hidden' value='Buy me a Beer?'/>
<input name='amount' type='hidden' value=''/>
<input align='left' alt='Why not buy Name a Beer!' hspace='3' src='URL OF BEER MUG IMAGE' title='Why not buy Name a Beer!' type='image'/></form>
<a href='https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=drbhatns@gmail.com&currency_code=&amount=&return=&item_name=Buy+Me+a+Beer' target='paypal'>Buy Name a Beer :-) if you liked this post.</a>
</div>
Till now we have written two posts about downloading youtube videos : How to Download Youtube Video? and Download Youtube Video Widget for Blogger . But now we are bringing you the widget by which you can download youtube video in both FLV and MP4 format.
This I theme techno Blogger Template is a beautiful Template by Magznetwork . It has got Mac Os interface design , drag and drop sidebar and cool mini icons.
By downloading this template you have to agree some Terms and conditions of Magznetwork which are as follows.
Template already customized by bloganol . Therefore no need to perform above steps.
If you often visit Bloganol then you must have known a post titled expandable Content Script for blogger. That hack was not satisfying you may have felt so. In that hack the title background color and background color may not have matched your Sidebar title Background Color and Background Color. Beside that it may not have matched your post style, Font color and many more. Now Bloganol has upgraded that code for better expandable content.. Some credits of this hack also goes to flooble.
In the previous hack there were only two codes and the content was Initially hidden. But now CSS codes have been added and Initially hidden or Initially Visible style Codes are provided.Now without stretching this post lets start creating this Cool Blogger Hack.
Note : Before you start any hack Please backup your Template.
Step 1
After you goto your blog edit Html Page , copy the following CSS code and Paste it to the head section of your Template just before . This CSS code is Provided for two Templates. Minima and Denim. If you are Using Minima Template then Copy the Minima Code or If you are Using Denim Template then Copy the Denim Code and Paste just before ]]></b:skin>.
Denim Code
/* Expandable Content CSS Code for Denim Template
----------------------------------------------- */
.expandtitle{
background-color:$sidebarTitleBgColor;
color:$sidebarTitleTextColor;
padding-left:5px;
}
.expandcontent{
background-color: $mainBgColor;
color: $textColor;
}
/* Expandable Content CSS Code for Minima Template
----------------------------------------------- */
.expandtitle{
background-color:$sidebarbgcolor;
color:$sidebarcolor;
padding-left:5px;
}
.expandcontent{
background-color: $sidebarbgcolor;
color:$sidebartextcolor;
}
<!-- flooble Expandable Content header start -->This is the most important code of this hack . If do do a simple mistake in the above code the whole hack will fail . So please copy this code as it is .
<script language="javascript">
// Expandable content script from flooble.com
// Promoted by bloganol.blogspot.com
// For more information please visit:
// http://www.flooble.com/scripts/expand.php
// Copyright 2002 Animus Pactum Consulting Inc.
//----------------------------------------------
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else {
return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d =
getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script>
<!-- flooble Expandable Content header end -->
Step 3
Now Paste the following code to your blog By adding a new Html Page from your blog Layout Page.
<div class="expandtitle">See the above code clearly and replace Title here with your Content Title and Replace Your Content here with your Content.
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tr><td> Title Here </td><td
align="right"></div>
[<a title="show/hide" id="exp1209796610_link" href="javascript:
void(0);" onclick="toggle(this, 'exp1209796610');">−</a>]</td></tr></table></div>
<div id="exp1209796610" style="padding: 3px;" class="expandcontent">
Your Content Here.
</div>
</td></tr></table>
Step 4
Now two options come for you to make your expandable content Initially visible or Initially Hidden . If you like to display your expandable content Initially Hidden then paste the following code with the code from Step 3 or if you like to display it initially visible then Skip this step.
<script language="javascript">toggle(getObject('exp1209796610_link'),
'exp1209796610');</script>
Step 5Save your Template. Oh! one thing I forgot to say that if you like to create more than one expandable content in your blog then you should not have to perform this hack from step 1 again and again . Once you Install this hack in your blog from next time you can create other expandable content by customizing the code from step 3 and Pasting it to your blog.
By using this hack you can add as much page Elements in your blog as you like beside this your blog will also look more clear and attractive. I hope you enjoy this hack and will enjoy more using it. If you like this post or Problem with this post then please Leave us a comment on this post. Or if you like to promote this post then please Link to this post in your blog.You keep cool Labels in your wonderful blog posts. Do you know the importance of Label ?Whenever people search a Keyword similar to your Post label in different Search engines it will take them to your blog Label Page. Suppose People searched for blogger Templates and visit your blog's Blogger Templates Label Page and you have 20 posts labeled Blogger Templates then all your 20 posts will be displayed in same Page . People will close your blog window after getting required information without visiting other 20 Pages. Oh! what a traffic loss . You may say it.
The above example is not only applicable in Label but also applicable in Archives . You may have 25 posts in January and when people clicked on Month January all the 25 posts will be displayed in the same page .you will get single traffic from there though you have expected more than 20 Traffic from there . Oh! what a Traffic Loss you may say again. Keeping your words in mind Bloganol brings you the solution of this situation. Here comes the blogger hack to show Only post Titles at Label and Archive Pages.
I got this great blogger hack in Thirdworldchaos. Thirdworldchaos is a blog that brings you cool blogger tips, logger hacks and different things that a blogger must need. Although this hack is not so hard to install as expected . I found this hack very easy you may also say so. Now lets start the Installation of This hack .But before starting this hack please go to your blog Edit Html Tab , Expand your Template and follow the steps that follows below.
Step1
Search for the following code in your Template.
<b:include data='post' name='post'/>Replace the above code from step 1 with the follow lines of code.
<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>Save you Template. If you liked this post then please leave a comment
on us or Subscribe to us.
Hope you have a Good day.
<style type="text/css">Now second and Last step Copy the following code and Paste it to your Blog post or Sidebar adding a new Html Page.
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.toggleopacity img{
border: 1px solid #ccc;
}
.toggleborder:hover img{
border: 1px solid navy;
}
.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}
</style>
<a class="toggleopacity" href="http://www.bloganol.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmcw6l4HO3lhldxDgpUAGduhO4U2_htNQIKs6jtsS7iYNziLBmL3gE31LA5eN0mc3wtmSlwxNB1PEf225CtX02c-PXpUsHVMtwvmKbeA9cTcYsGRl0ldat7y4NtZnKtFLA-SD1-JETno8/s400/cooltext89264568.png" border="0" />
</a>
<a class="toggleborder" href="http://bloganol.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzzkGxe8l8kBtOZKTLt43mrGoHPh1qeNBn0iP2tc6ToYnVu48kr5Shv8PKugSkgcbDlorTcD530HMW6gcHNc_DIlRAwLpiehHqLOULrOwmKxRmQKnFWTSv6_CPb7LMYdE7C4Ij6YxbJ9g/s1600-r/bloganol.jpg" border="0" />
</a>
In the above code the firt part defines the Opacity Effect and The second Part Defines the Border effect . You can change the link and Image url of own own.
<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
</style>
<a class="thumbnail" href="#thumb"><img src="Image Url" width="100px" height="66px" border="0" /><span><img src="Image Url" /><br />Simply beautiful.</span></a>In the above code replace Image Url with your Image Url .
<a class="thumbnail" href="#thumb"><img src="Image Url" width="100px" height="66px" border="0" /><span><img src="Image Url" /><br />So real, it's unreal. Or is it?</span></a>
<!-- iWEBTOOL - www.iwebtool.com - Website Speed Test -->
<form method="get" name="pageform" action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" target="pageframe" onsubmit="return validate(this);">
<table border="0" style="border-collapse: collapse" width="100%">
<tr>
<td height="91" valign="top">
<table class="tooltop" style="border-collapse: collapse" width="100%" height="76">
<tr>
<td>
<table border="0" style="border-collapse: collapse" width="100%" cellspacing="5">
<tr>
<td valign="top" colspan="5"><b><font size="2">Your domain(s): </font></b><font size="1">Enter each address on a new line (Maximum 10)</font></td>
</tr>
<tr>
<td valign="top" colspan="4">
<textarea rows="11" name="domain" style="width: 100%"></textarea></td>
<td >
</td>
</tr>
<tr>
<td >
<input type="submit" value="Check!" style="float: left"></td>
<td >
<font size="1">(eg. iwebtool.com)</font></td>
<td >
</td>
<td colspan="2"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td >
<iframe name="pageframe" width="100%" height="251" class="toolbot" frameborder="0">
</iframe></td>
</tr>
<tr>
<td height="39">
</td>
</tr>
</table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>
<p><font size=1><a href="http://www.iwebtool.com/" target="_blank">Powered by iWEBTOOL</a>
| <a href="http://bloganol.blogspot.com">Promoted by Bloganol</a></font></p>
<!-- iWEBTOOL - www.iwebtool.com - Website Speed Test -->
<script type="text/javascript" src="http://bloganol3.googlepages.com/jquery.js"></script>
<script type="text/javascript" src="http://bloganol3.googlepages.com/interface.js"></script>
<link href="http://bloganol3.googlepages.com/style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(http://bloganol3.googlepages.com/iepngfix.htc) }
</style>
<![endif]–> <script type="text/javascript">
$(document).ready(
function()
{
$(’#dock2′).Fisheye(
{
maxWidth: 60,
items: ‘a’,
itemsText: ’span’,
container: ‘.dock-container2′,
itemWidth: 40,
proximity: 80,
alignment : ‘left’,
valign: ‘bottom’,
halign : ‘center’
}
)
}
);
</script><div class="dock-container">
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/email.png" alt="contact" /><span>Contact</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/music.png" alt="music" /><span>Music</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/video.png" alt="video" /><span>Video</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/history.png" alt="history" /><span>History</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/calendar.png" alt="calendar" /><span>Calendar</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/link.png" alt="rss" /><span>Links</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss.png" alt="rss" /><span>RSS</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss2.png" alt="rss" /><span>RSS2</span></a>
</div>
<div class="dock-container2">
<a class="dock-item2" href="#"><span>Home</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/home.png" alt="home" /></a>
<a class="dock-item2" href="#"><span>Contact</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/email.png" alt="contact" /></a>
<a class="dock-item2" href="#"><span>Portfolio</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/portfolio.png" alt="portfolio" /></a>
<a class="dock-item2" href="#"><span>Music</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/music.png" alt="music" /></a>
<a class="dock-item2" href="#"><span>Video</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/video.png" alt="video" /></a>
<a class="dock-item2" href="#"><span>History</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/history.png" alt="history" /></a>
<a class="dock-item2" href="#"><span>Calendar</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/calendar.png" alt="calendar" /></a>
<a class="dock-item2" href="#"><span>Links</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/link.png" alt="links" /></a>
<a class="dock-item2" href="#"><span>RSS</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss.png" alt="rss" /></a>
<a class="dock-item2" href="#"><span>RSS2</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss2.png" alt="rss" /></a>
</div>
<style type="text/css">Save your Template and goto your blog Page Elements Tab . Now add a new Html and Paste the following code leaving the Title Blank.
#toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ffd595;
color: #000000;
padding-left: 5px;
width:250px;
}
.toc-header-col2 {
width:75px;
}.toc-header-col3 {
width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:80%;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:80%;
text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:70%;
}
</style>
<div id="toclink"><a href="javascript:showToc();">Show TOC</a><br/><br/></div>Change Yourblog with your own Blog name and Enjoy Table of Contents.
<script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script>
<script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
<!-- YUI Dependencies -->
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.1/build/utilities/utilities.js" ></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.1/build/slider/slider-min.js" ></script>
<!-- Color Picker source files for CSS and JavaScript -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.1/build/colorpicker/assets/skins/sam/colorpicker.css">
<script type="text/javascript" src="http://yui.yahooapis.com/2.5.1/build/colorpicker/colorpicker-min.js" ></script>
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex11/ddcolorpicker/windowfiles/dhtmlwindow.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.dynamicdrive.com/dynamicindex11/ddcolorpicker/windowfiles/dhtmlwindow.css" />
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex11/ddcolorpicker/ddcolorpicker.js">
/***********************************************
* Color PIcker Widget (YUI Based)- By Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Requires: YUI Color Picker and DHTML Window Widget
***********************************************/
</script>
<style type="text/css">
* html .yui-picker-bg{ /*Requires CSS. Do not edit/ remove*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://yui.yahooapis.com/2.5.1/build/colorpicker/assets/skins/sam/picker_mask.png',sizingMethod='scale');
}
/*Style used in demos below. Edit if desired*/
.colorpreview{ /*CSS for sample Preview Control*/
border: 1px solid black;
padding: 1px 10px;
cursor: hand;
cursor: pointer;
}
form div{
margin-bottom: 5px;
}
</style>
<h2>Example 1: Floating Color Picker</h2>
<form>
<p>Select a Color:</p>
<div>Rectangle control, preview on: <input type="text" id="field1" size="20" /> <span id="control1" class="colorpreview"> </span></div>
<div>Text link control, preview off: <input type="text" id="field2" size="20" /> <a id="control2" class="nopreview" href="#">[Select Color]</a></div>
<div>No control, instead set focus on field: <input type="text" id="field3" size="20" /></div>
</form>
<!--HTML for Color Picker. Should contain two unique IDs-->
<div id="ddcolorpicker">
Please choose a color:
<div id="colorpicker" style="position:relative; height:205px"></div>
<a href="http://www.dynamicdrive.com/dynamicindex11/ddcolorpicker/" style="margin-left:5px; font-size:90%">DD Color Picker Widget</a>
</div>
<script type="text/javascript">
ddcolorpicker.init({
colorcontainer: ['ddcolorpicker', 'colorpicker'], //id of widget DIV, id of inner color picker DIV
displaymode: 'float', //'float' or 'inline'
floatattributes: ['DD Color Picker Widget', 'width=390px,height=250px,resize=1,scrolling=1,center=1'], //'float' window attributes
fields: ['field1:control1', 'field2:control2', 'field3'] //[fieldAid[:optionalcontrolAid], fieldBid[:optionalcontrolBid], etc]
})
</script>
<hr style="margin-top: 100px" />
<h2>Example 2: Inline Color Picker (always visible)</h2>
<form>
<p>Select a Color:</p>
<div>Rectangle control, preview on: <input type="text" id="field1alt" size="20" /> <span id="control1alt" class="colorpreview"> </span></div>
<div>Text link control, preview off: <input type="text" id="field2alt" size="20" /> <a id="control2alt" class="nopreview" href="#">[Select Color]</a></div>
<div>No control: <input type="text" id="field3alt" size="20" /></div>
</form>
<!--HTML for Color Picker. Should contain two unique IDs-->
<div id="ddcolorpickeralt">
<div style="color:white; background:black; width: 400px; margin:1em 0; padding: 3px">Set focus on form field, then choose a color:</div>
<div id="colorpickeralt" style="position:relative; height:205px"></div>
</div>
<script type="text/javascript">
ddcolorpicker.init({
colorcontainer: ['ddcolorpickeralt', 'colorpickeralt'],
displaymode: 'inline',
floatattributes: ['DD Color Picker Widget', 'width=390px,height=250px,resize=1,scrolling=1,center=1'],
fields: ['field1alt:control1alt', 'field2alt:control2alt', 'field3alt']
})
</script>
Have you ever seen Paypal donation box on other blogs . If yes then you must be wondering to put this donation on your blog but unable to create this box to put on your blog. If no then see here. This Paypal donation box was created by the online Quest . But the widget was not complete . There needs some modification on this widget . Therefore bloganol modifies this widget and brings you this widget.
<!-- The-Online-Quest Pay Pal Donation Form Code Start -->In this widget we have modified a little and you should also modify it a little. In the above code you have to edit some code for your use.
<center>
<table width="143" cellspacing="0" cellpadding="0" style="border: 1px solid #000000; padding: 5px;">
<tr>
<td>
<p align="center"><b>Please Donate To My Blog</b>
</p></td>
</tr>
<tr>
<td width="145">
<form action="https://www.paypal.com/row/cgi-bin/webscr" name="_xclick" method="post">
<input value="Thanks for Your Donations - Blog/Website Title" name="item_name" type="hidden"/>
<input value="Your paypal email" name="business" type="hidden"/>
<p style="margin-top: 0; margin-bottom: 0">
<input value="_xclick" name="cmd" type="hidden"/>
<!-- input type="hidden" name="amount" value="1.00" -->
<b>Amount</b> <p style="margin-top: 0; margin-bottom: 0"> <select name="Amount" size="1">
<option selected value="1.00"/>1.00
<option value="2.00"/>2.00
<option value="3.00"/>3.00
<option value="4.00"/>4.00
<option value="5.00"/>5.00
<option value="10.00"/>10.00
<option value="15.00"/>15.00
<option value="20.00"/>20.00
<option value="25.00"/>25.00
<option value="30.00"/>30.00
<option value="35.00"/>35.00
<option value="40.00"/>40.00
<option value="45.00"/>45.00
<option value="50.00"/>50.00
<option value="100.00"/>100.00
<option value="200.00"/>200.00
<option value="300.00"/>300.00
<option value="400.00"/>400.00
<option value="500.00"/>500.00
<option value="1000.00"/>1000.00
</select>
<p style="margin-top: 0; margin-bottom: 0"><b>Currency</b> <select name="currency_code" size="1">
<option value="AUD"/>Australian Dollar
<option selected value="USD"/>USD
<option value="GBP"/>British Pound
<option value="CAD"/>Canadian Dollars
<option value="CZK"/>Czech Koruna
<option value="DKK"/>Danish Kroner
<option value="EUR"/>EUR
<option value="HKD"/>Hong Kong Dollars
<option value="HUF"/>Hungarian Forint
<option value="JPY"/>Japanese YEN
<option value="NZD"/>New Zealand Dollars
<option value="NOK"/>Norwegian Kroner
<option value="PLN"/>Polisg Zlotych
<option value="SGD"/>Singapore Dollars
<option value="SEK"/>Swedish Kronor
<option value="CHF"/>Swiss Francs
</select>
</p>
<p style="margin-top: 0; margin-bottom: 0" align="center">
<input border="0" alt="Make payments with PayPal - it's fast, free and secure!" width="60" src="http://www.blogpulp.com/imagehost/images/5971708800.gif" name="submit" height="30" type="image"/>
</p>
</p></p></form>
</td></tr>
<tr>
<td>
<p align="right"><b><font face="Arial" size="1">
<a href="http://djyano.blogspot.com/2008/04/put-paypal-donation-code-to-your.html" target="_blank"> The-Online-Quest</a>
<a href="http://bloganol.blogspot.com/2008/05/add-paypal-donation-widget-on-your-blog.html">
Bloganol</a></font></b>
</p></td>
</tr>
</table>
</center>
<!-- End of The-Online-Quest Pay Pal Donation Form Code -->
<center>
<a href="http://bloganol.blogspot.com/2008/05/add-paypal-donation-widget-on-your-blog.html">
Add this Box to my Blog</a></center>
<script language="JavaScript1.2">
<!-- Begin
//Bubble Script by Lisa (issa@lissaexplains.com, http://lissaexplains.com)
//Based on code by Altan d.o.o. (snow@altan.hr)
//For full source code and installation instructions to this script, visit http://www.dynamicdrive.com
var no = 15; // image number or falling rate
var speed = 2; // the lower the number the faster the image moves
var snow = new Array();
snow[0] = "http://www.dynamicdrive.com/dynamicindex3/bubble.gif"
snow[1] = "http://www.dynamicdrive.com/dynamicindex3/bubble.gif"
snow[2] = "http://www.dynamicdrive.com/dynamicindex3/bubble.gif"
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;
if (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} } else if (ie4up||ns6up) { if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
}
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i]; if (yp[i] < -50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight; }
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i]+pageYOffset;
document.layers["dot"+i].left = xp[i] +
am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE_NS6() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i];
if (yp[i] < -50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;
doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop;
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i]+pageYOffset;
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}
// End -->
</script>
