tag:blogger.com,1999:blog-4041860495589998332024-03-28T00:28:58.955-07:00Blogspot Tutorialadminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.comBlogger23125tag:blogger.com,1999:blog-404186049558999833.post-10020596212172964872012-01-26T02:27:00.001-08:002013-02-05T21:09:15.781-08:00How To Add Animated Flash Clock To Your Blogger Blogs / Websites<div dir="ltr" style="text-align: left;" trbidi="on">
Guest Post - By <a href="http://24work.blogspot.com/" target="_blank">24work</a><br />
<br />
<br />
>>> <a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" style="background-color: white; color: #7fffa9; display: inline !important; font-family: Arial, Verdana; font-size: 22px; font-weight: bold; outline-color: initial; outline-style: none; outline-width: initial; text-align: -webkit-auto; text-decoration: none;" target="_blank">How To Add Animated Flash Clock To Your Blogger Blog</a><br />
<br />
<br />
Hello friends, today I will show you how to add the gadget animated flash clock to your blog. A clock gives a beautiful look to a website. A watch is a necessity for a personal website, forum, blog etc.Isn t exciting "when you receive a high quality flash Clock absolutely free? You can add this blog flash animated clock easily. Is very fast and fresh. All that you have to do is follow the instructions below .. we work.and Congratulations you! I hope you like the clock not hesitate to do anything in the comments box below "we will meet again in next post.Thank .<br />
<br />
<br />
<br />
<style type="text/css">
.et-box { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0px 0px 10px; }
.et-box-content { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px #ffffff; padding: 16px 20px 8px 75px; min-height:35px; }
.et-box-content strong { color: #000000; font-weight: bold; }
.et-box-content h1, .et-box-content h2, .et-box-content h3, .et-box-content h4, .et-box-content h5, .et-box-content h6 { font-family: Century Gothic, Arial, sans-serif; }
.et-info { border: 1px solid #cecb8e; }
.et-info .et-box-content { color: #8c8a64; background: #f7f4b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCowLM3dMqNjrJVxIG29O3-T_9JPuYBL9gsYiqbPb3jdVwM62AmV7n9i48N35OgtDGuwLDdCyJpnlC8UE_dDDoCTBfZHSoKhyqu9_YCN-eWzuB6qY_brdQ3y5FQ0ZGwFWps5GAcM3P974/s1600/update.png) no-repeat 18px 13px; border: 1px solid #ffffea; }
.et-info .et-box-content h1, .et-info .et-box-content h2, .et-info .et-box-content h3, .et-info .et-box-content h4, .et-info .et-box-content h5, .et-info .et-box-content h6 { color: #6b6a54; }
</style><br />
<br />
<br />
<div class="et-box et-info">
<div class="et-box-content">
<b>UPDATE:</b> I updated some of my posts, this post I update <a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank"><b>Animated Flash Clock To Your Blogger Blog</b></a> ..........</div>
</div>
clock is a must for a personal blog.A clock gives a beautiful look to a website. so i have created a generator for this widget because you can easy to add this widget to your blog....(more)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" imageanchor="1" style="margin-left: auto; margin-right: auto;" target="_blank"><img alt="Animated Flash Clock Widget Generator For Blogger" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvsetelPppLJVa1BlaYnYZaOho58qrzH0fYddKLGMI50WATelnDYfHC7aTrLRWSkJ4Slkk-_YWIN0_717uVqr5T52jF5GZe3bFd5VCf-sViwMn9wY0IFojzzbCANvh39GvWV8WS43rLyQ-/s1600/Animated+Flash+Clock+Widget+Generator+For+Blogger.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Animated Flash Clock Widget Generator For Blogger</td></tr>
</tbody></table>
<br />
<br />
<a name='more'></a><br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<b><div>
<b><br /></b></div>
Add Animated Flash Clock To Your Blogger blog</b><br />
<br />
<br />
I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..<br />
<br />
Step 1:<br />
<br />
If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogger.com/post-create.g?blogID=404186049558999833" name="more"></a><a href="http://bit.ly/vU4F7I" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" width="320" /></a></div>
<br />
<br />
Add a Gadget of HTML/JavaScript type.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/vU4F7I" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" /></a></div>
<br />
<br />
If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/vU4F7I" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw_IBW5CkB1XEv_MA9nMBojC9K1n8RGB1IHhoR3BBwdzPnrFMsZf-wpqA9O2Q1o5D2Fhdh3y-bf3QOvlCaG5KR79uagzTzT9QtM9ACoJ0fMfytwkptVzN8YqxUs5aeaCNXgewDJ9gDjCBx/s1600/Add+a+Gadget.jpg" width="320" /></a></div>
<br />
<br />
<br />
2.Click on 'Add a Gadget' on the sidebar.<br />
<br />
3.Select 'HTML/Javascript' and add the one of code given below<br />
<br />
4. Now Click On Save 'JavaScript' You are done.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/301788.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/301788.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/GreenConcentric.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/GreenConcentric.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/HotSummerDay.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/HotSummerDay.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/WorldNewsClock.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/classic_blue.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/950308.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/950308.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/worldclock.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/worldclock.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/167603.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/167603.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Cloudy_Free_Flash_Clock.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/WorldNewsClock.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/classic_blue.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/Cloudy_Free_Flash_Clock.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/RadarClockV2.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/RadarClockV2.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/BasicShapesClock.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/BasicShapesClock.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Deep_Blue_Clock.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/Deep_Blue_Clock.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/RomanTimesClock.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/RomanTimesClock.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/390495.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/390495.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/176785.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/176785.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/WorldCupClock.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/WorldCupClock.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/PortalClock.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/PortalClock.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/GlassOfficeClock.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/GlassOfficeClock.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/522709.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/522709.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/838697.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/838697.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/620751.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/620751.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/236069.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/236069.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/firstAnimated.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/firstAnimated.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/189466.swf" type="application/x-shockwave-flash" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/189466.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/184.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/184.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/BBC2.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/BBC2.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Black_and_White_kaleidoscope.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/Black_and_White_kaleidoscope.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Drawing.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/Drawing.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Light_Blue_ticker.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/Light_Blue_ticker.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Old_digital_12_hour.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/Old_digital_12_hour.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Old_digital_24_hour.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/Old_digital_24_hour.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Plain_Date.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/Plain_Date.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Railway.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/Railway.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<embed height="100" src="http://safir85.ucoz.com/bdlab-blogspot/24work/relog-24work.swf" width="100" wmode="transparent"></embed><textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 96px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 351px;"><embed src=http://safir85.ucoz.com/bdlab-blogspot/24work/relog-24work.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed></textarea><br />
<br />
<br />
<br />
<br />
Happy blogging!<br />
<br />
<br />
<br />
Special Thanks http://flash-clocks.com<br />
<br />
Picture From http://www.2dayblog.com/2009/10/19/manual-digital-clock/</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com5tag:blogger.com,1999:blog-404186049558999833.post-30298702479302723972010-12-29T06:10:00.000-08:002013-02-05T21:07:52.852-08:00Add Falling Snowflakes / colored stars / Flowers / Leaves / stars / butterfly / heart to Your Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Guest Post - By <a href="http://24work.blogspot.com/" target="_blank">24work</a></b><br />
<br />
Perhaps by Christmas cheer to your blog once covered (colored) stars?<br />
<br />
You Might Want to decorate your Christmas blog with falling stars?<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/i7Mc1M" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKm3c2YodwOoZtjIrfcCtSgcpsJQMk7ttr51L89VjJeYAUPk8jBfbqgkO5q7VsjnYGmy9GsZTirlPhOtQvz8yq6z-2AdnR08BM8V9SoKDX_MIoe4A-dTyohAxOf9AzLZSlSC3OrArEUxyL/s1600/Add+Falling+Snowflakes++colored+stars++Flowers++Leaves++stars+butterfly++heart+to+Your+Blog.gif" /></a></div>
<br />
<br />
Our guide on styles of web design continues: new round, new tutorial… this time I'll explain how to Add Falling Snowflakes / colored stars / Flowers / Leaves / stars / butterfly / heart to Your Blog.Its much simple than any other trick found on the net because you just have to add a simple single code to your blogger blogspot blog.i've tested this effect on internet explorer, mozzilla firefox & many other web browsers. Adding a Snowflakes / colored stars / Flowers / Leaves / stars / butterfly / heart posts widget is very easy.So, let's see how to install this cool widget in your blog..<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">Instructions To Follow:</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="color: #474747; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #af2d10; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to Design</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<div class="separator" style="clear: both; color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="420" /></a></div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">Add a Gadget of HTML/JavaScript type.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<div class="separator" style="clear: both; color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></a></div>
<br />
<br />
<br />
<br />
<b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"><span class="Apple-style-span" style="font-size: large;"> Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Flowers / Leaves / stars / butterfly / heart to Your Blog </span></b><br />
<br />
<br />
Special Thanks http://bdlab.blogspot.com<br />
Picture From http://www.freesmileys.org<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling yikes-01 : <img alt="Falling yikes" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHEgigbvmMs5wXJ0fT_vnI8vi9Bs2ee5RmWGPWI9OJ6lbeaj4W8mmDrlhe_2GR0DaecY5A1ZmuD85_Lhyk7jH-tYUSiBZmelqxxkXl-6ZTp44UQv6hBhthKf0wnh2uz0_r1dTsUmMg9CU/s1600/yikes-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/yikes-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling badday-01 : <img alt="Falling badday" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgImALQwf1IIB4WHougcpiqPi8bxrNimcfheOdj8dbIqv9YWPwuRQRGk9DbRRH41dxgQwK1A_U6GeculeUnwxtzGfkhw04TiB3KN_x7d0ClC1QaIhckhU6w5HbbrSpyktLoc4lKyfIWv9k/s1600/badday-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/yikes-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling barmy-01 : <img alt="Falling barmy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHKhdtTMhPrfmAd19IwePNEoLQ4O3ueM_mlcJG1SMihWrKtAlPIaXvTDN7qSS0-VtUmVVX1Xje6imwXLdudrYG5fP_58kzyQ-C62hy-oBdwRvHcQNFaKO0eQ-pAbovGyVtbkVXSDpm08g/s1600/barmy-01.gif" /></div>
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/barmy-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling cheer-01 : <img alt="Falling cheer" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyFOap2jAgELTIREMnRX63lkzONd8ZwZE7vMKdXjGL-eyucy56TpCQQ6ROd7abzYddav7NePqKKiEyBwvUqJBhffLxeCLud0vL0X6WyeRtMeVtkJkozR5_T_Es3lJHG8MsDQ91L9Eapb4/s1600/cheer-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/cheer-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling cupid2-01 : <img alt="Falling cupid" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg69XoTrrrORFxEWxgjua7Y2Ov5kWpRZOOCZJbrkg6xVY6WPW9CD81YAD2bU8tjImmTDZoOaBEZnpEMQTuoNLWtQlS-9HhzX8p9NHDoqpRw4vhdnTlCIonVXhQyrUp_kXK8mkk_Clmgc4c/s1600/cupid2-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/cupid2-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling cupid-01 : <img alt="Falling cupid" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0PsCU9aNmP7TNPNYXjKNUwX8ERDx3PQeVZh-E15b8o2X4MkiTE1alYJIvBPpszmkdfVEzzIa53f2WA1GAWh-d7TUPVwLi5JW5NOe87RR8uSz85wRO0rKEfD0aTMoT-M-je3mJOQ0HA0/s1600/cupid-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/cupid-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling diablo-01 : <img alt="Falling diablo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8NZ4Fws7_lUGreYx8UfWv7we52KQR7ltkycUd1g8QgtnJ9zxKmF0EP8jU32UK-RjOXMuBNHCoyf9gJBy9RhDjP5ucwIRLHB4YhW2GNX8TvyDqNKMzAMwr1ZgQMS_ifMvehVfuw968B0/s1600/diablo-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/diablo-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling dog-01 : <img alt="Falling dog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEnOtc_YQPF51xqUR4f0_VYdAL8yzZFg0LtDJw4gcvM_PAqWfoNFf82Vm6XToE035sqe8hUFI_eG9OHYGUhZSUUl7o_7fA7G8V3yyXRonT_yX54kc3ItFxPrFqZPFYuChoByuYO59ntfk/s1600/dog-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/dog-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling emoticon-cute-004-01 : <img alt="Falling emoticon cute" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyc25JLIL3Vkf0WSL7DT-pBzPvvY3BgTTEizegClrGn8SEq81-XvMQI9tUp9lVYS-SCo9rJ5qL2oNL8DkEGqkx4TCFpFK9RGv_O2YutxWrw_VHP4TpgHALR3YeDz0BaN_tQH8c20L2SuU/s50/emoticon-cute-004-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/emoticon-cute-004-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling emoticon-object-086-01 : <img alt="Falling emoticon object" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSu0Jo7GF8G5fk68xIONMtpOkkVoj511e8f_F-g10pP4Hcjbmbn_CavDc9heLhatalctN4pRzHRlLIr-y6y4jSFiTKDI3NefZkY_qnQexRV4YHuG-yGw0szG9KLS5OOn2QGuX9tKHP2Ak/s1600/emoticon-object-086-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/emoticon-object-086-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling emoticon-tv-013-01 : <img alt="Falling emoticon tv" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitkRNeQHUFN0Cuik4436RLQjPlreM1Y8I1fHDFq7tIogK62tDsmuJJ1NzugVcgUDM7reAdKrZVblT9QD2Pw0lKytGkSlMKgyQCfw_EkUAC0GDVd0y7fL_irSSkR9LQsTFk8h2PMXc3j2s/s1600/emoticon-tv-013-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/emoticon-tv-013-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling evil-01 : <img alt="Falling evil" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWk4V22UaSoeT9tjJL5tJDqIzK2-irUC2NHxVWgIwpLYflMZXPl9wEA-8xMbnxvzYBCjD4ZraBBxCsb59nZ5HPP5dmt5O1oEQxbacA1OGPuC99lzAiUYoYRz4ZxXdhyphenhyphenKUFL2AkLHQuzbI/s1600/evil-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/evil-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling flowers-0-0-01 : <img alt="Falling flowers" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic8g4uwPAwgdNCqCAq0BF8ME3OizA8hXmA0KRZ60OIkIGFwGpk6BvWDkHQQ2T3_nTJht_YF_z3KZyHPUzlyP9PuolGquSpxwP6u0MNLvNn7hnRUopS2lMsNfr6CW7hTBI_c37od7zQonc/s1600/flowers-0-0-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/flowers-0-0-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling groucho-01 : <img alt="Falling groucho" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTLUUss-Ljlfgpt-_9h0Ss-QN-Wqf7FXN5H6Un6pTp6vs_2mqtS739qWNGrGfP7buSKoU1Y7RdvIhJMYcmhnCJe_wHVShXIOcMG94dz1mdj6r4Z6xC0UVnah8eqHcUoUrFoT0OfE8Jol8/s1600/groucho-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/groucho-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling hatch-01 : <img alt="Falling hatch" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkRYR7DpLgkwIuzFma6-Mfbj2sVpQQixP50f_a4oYO4llgMQc4UA1Lsw5jzwtqqMx2Pe_SLgriHx2DujbdrpyF0KXr-Pg_JhfDKRyCvGBXP0K3gd8KOmGPv23QMgKL9i27h0kPTNP8TE/s1600/hatch-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/hatch-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling heart-smiley-01 : <img alt="Falling heart smiley" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8uObo3jKWdvqPhFEKPTZYc-5Kk4R8-z6UoKhaFFEaEnkpMzJehEmN2bN_ZHbmwIfVzy8B8DSWO2m0ND_2dnltkqIWbnicHAszH5i-vKTFwbQO38CSaTo4GofxYsarX-UKSS685_gaEGU/s1600/heart-smiley-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/heart-smiley-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling idea-01 : <img alt="Falling idea" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitwX2fPoRZlZkd0g4Dnr5opc8pAFWLnobhYuxdHF-benFMSI9K5yo1C-y1vsqlnV78V-jD5TRMaiYuzU8WZ6n-R5MAW0wk5rL3NgQYIVhWVCnK7crMizQGnbIyGL73o8EXYyJ84Ohcvqo/s1600/idea-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/idea-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling jumpy-01 : <img alt="Falling jumpy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6FI9WKmt3M0x6ULnf-SpI3S3X1UpSh5iV0ZC4C0oP9xQoxNCafvxDa4Gd7dQHO6x630tG9jASikMXn4sFaMcwZtcQ2MoIH9gF_YSPpH-DmZwmeeWLgKMQACUV7lvcEMDxd6ba4ryt0vU/s1600/jumpy-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/jumpy-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling lips-01 : <img alt="Falling lips" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvxRGwIOmVuSLQZ1BpiEQ9pGs5I7ZapxiZbIbP4hY-Eywni7PNQrsvkL4qd8zLx79oU_E2IBtYNBzAY_kcpdYYmLSMCYBGdg_-nLsWtB8HWSt0FrduIRT2L3yH1Be3_3d0nr__I5DrOrc/s1600/lips-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/lips-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling loopy-01 : <img alt="Falling loopy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREjqIWV6rLbCM7V0RFAFp6O-xOJZo-Lw-4cdvT_l0f_p_dKVnV9oUzkTa72i723NIzZCObKoMsmacVOuX9pGpcgNfzzaHgLdMVVMnCuiiIPg7pP63D4HYLBo86-iXerTr_gfdcxVjY7M/s1600/loopy-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/loopy-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling old-01 : <img alt="Falling old" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiofLwu-s-3n2OznutyR95SWZsPfueKo6uKTN8fAbQvmdxBlQw9xjgkPuK2Y2A9q3kQT9UAM0OnlaJ1VsjfG1F_UoZlbVx7PZvgcTeFUxeaeuwY7ZpuOF0mF92T857UChhb5-hUBblsZ7g/s1600/old-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/old-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling rose-01 : <img alt="Falling rose" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0km1CGhDn4i2mTOAL5st1P30o70XTf8dPh6pLeEgIwG4Ih3y6iAZqLxh29-HN04O8FU5yqzBeD88ayAg9gMpeggirr6Ns1BLO-OFR4sBtt0LEYNC8MGYZgX4c8rAooB3Hq0qMpzf0B8/s1600/rose-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/rose-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling santa-0-0-01 : <img alt="Falling santa" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKphk13N3c5ZdqW8Gst4bKq9LZXOx2HHqQKV-X2BTgr1u1qHPK8ZFdPEO-bXK5Sk3Xc9Ii949Gvh7h-bFpN2fnrzcU_MFu43S-uLz9EGGb0Ub0ngQmnpR93lNelZiCG6QhjVb8NUZc-qU/s1600/santa-0-0-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/santa-0-0-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-alien006-01 : <img alt="Falling smiley ali" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilxN66MqlR_fwZ3nKR4kOga-ikCqEGCCYlWujyk4zfyhuTu883-xLiTvSq0v56mruzBaZIHjVuS7vXRxhE8wpsY8tBwPcCaKDIXgVErAweA46zcZqTJMvEFmGvytTKi6pWycVcVUam1E8/s1600/smiley-alien006-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-alien006-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-alien010-01 : <img alt="Falling smiley alien" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuueI1K43-wgEzhjwGIGbcmmHeSL9RKC7quzPSQb60F1WuVcpC0JwOW1P_qdKQGC5TLWnP0A3qjaXwnQTB00_L7p2M5LqX42TkXScGMTajcFcFlAIqtp2jH4ba3IM0HIJ3zGKPESnD6w/s1600/smiley-alien010-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-alien010-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-angelic005-01 : <img alt="Falling smiley angelic" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqPsQw5oSc1ZqJo5QAaHEmHUKVNVfyVRqjdYbWspO3J-GNbGmDEuiXeBghYxrek3SY_GzimZU8o7qzNQHmDy5K8OA7TxWsns8yloNCbBUe6ZwF_DZMOl8bGsA1nDGrodKic5OgRs4FJPw/s1600/smiley-angelic005-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-angelic005-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-angry030-01 : <img alt="Falling smiley angry" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz9hvKXdZqArCMQd5rgGAEbetoejnQUzTsPB2JCe9wuHOnq1x21HotOR5zMwA8pbJlgRzSVk0M4btCODBaKP4RdRDCEaHRG-D6kHEMlhUgFz3sNUtXopJUA_ZUYAWk52M-dQiWTJcjWgQ/s1600/smiley-angry030-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-angry030-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-bounce002-01 : <img alt="Falling smiley bounce" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinkyr3M863vGXi8H17LvLrntNW-jS069sDHuL-0eFRo6e0Ohd0DHhYEk-yMeAEVzu8pY8e5rfAwzQcSEfyG9imNUpBWcO3zQhBSC51m9YozGjy8NTR3lpRAJSeFrUTigT-7ev7OU53CM4/s1600/smiley-bounce002-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-bounce002-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-bounce008-01 : <img alt="Falling smiley bounce" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBuFGeyDFRN-xxx5kbMiQZqek44Qs7oZDGWO5qY1wVEEmqZueAUW3FHAoeZgI9oHrcGn0nHk3_RUOz5HF2i9Fn_BWrX8MVGpIF36kGsG6OAWBPBW6AuCtm-MT3N5Trp2HENAmdQtvPfG0/s1600/smiley-bounce008-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-bounce008-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-char018-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisugHcbXt8qmyzURg4RIiyffpc9wbtN6HliAZfsJ18fpFVzVAG1liEgSViWEqhxXFBD6ztuCPxM8VcbaN_IJ4GdsfokzhwM_RE4P_JdOwThfnBl1JtKGsgriG3iwNSJ24spg-OLNkFLiw/s1600/smiley-char018-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char018-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-char023-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT9lxWOvw5IlQ1wZUPHp4aDrlpyzNnQQIZE3WkiE9QDnxFkHQqQRttxMZ9P93YrDYOWxz2sk8-zIr-9p8pi1K2FOUA0TEO7MxL5qwiMCAM7JE86mTQJHWZjZZBsUwmBmt1axtzaEDdLdk/s1600/smiley-char023-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char023-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-char026-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZANi6A3N4NdOnwiOlTGQtJiQ7-CHivtF-zktn1M4uwMLrhvHObUpVEqaNC9Vg_cwi_QxHwCTml9BBmguXBHWhcLqFIjS8tA8QWVEjcJTIKp7rZoYipbnNkpzunn7b3HDDSLpx0b_1OYI/s1600/smiley-char026-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char026-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-char055-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5p7vKIeH8l8gPG2ZNfdkam5lTndXh-JrvZtOFMFU6-lmC2-rYtkq9RoyE74EBUX-CvrpmPVtLy7b9X82MfoD8JsrsY4c7x9C6_oDkLFtLhxZeoT6038I36UyR8FoXBFRH919I4Lv1Fs0/s1600/smiley-char055-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char055-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-char056-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOOijEcY9XPHSkau9tYitU701CEsdpcDSvOJVNWaJrZVn9DFqIMsarbHROzajQC-QvX2MmJj187O0O-nj1dvt01rTZyhBBTje4qt0ZwlmOBECJ8vDczcaSYN1XxZqf_0QGl9_xShyphenhyphennQj4/s1600/smiley-char056-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char056-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-char078-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwDNwRSiQKWpnp0le6Hz8YxLmfHQTdGENi5MBLaBVbOfA3QxP3hLSrPwv_FR0eDLDhWZXf4XKCdeIDBsHX3TcXLmojxiVEw7JJz6QvAVss5QNogIs8fUzh6tuQe7aiY9fAjLjkSPCudUU/s1600/smiley-char078-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char078-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-char102-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKZcC2iIjfeABlBZfnju2ef6oNB_1PEs_HE5UgpXPf6opZe6mgucaGP_zmmrzaoMmVL3nksi6pri2JnTCI-i6fmfZ-4fkKXgW3BTPS3ZPwmiDWBQZnqbvmTCdZ_CqmZZdbBRYWEUvkTUo/s1600/smiley-char102-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char102-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-char103-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwuMTqXpGhvkFeSFttvIH_WU0wFdjjvdpXh-MZKipKlEyorh1zHJNYPBXldiT1svWIUYIWDqqKiWkCfl78j186RN4UrGuwUZMwczT9xGtlJwWPc9ATjk_y7-m1cS9ZF6w73cVzXNHFdlw/s1600/smiley-char103-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char103-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-char124-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaEISmJM-X3jv5dXceg_Iy5oE8eFCAh4Osh5sVNu8WxzC3uShHfnIn5_GU0gLWoSlCrUgua48O8pmpQuVHQ-SMIgOIwvh1ZjPthXATAjm3mmBqJztUUZeW_OP_0qroMMhTVEi8sThIdI8/s1600/smiley-char124-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char124-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-char128-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWmKac34nDc2_E_qmfM82jd-m-jUqKfBQQ_OLsxvOLC0r8XkXt7X9Voxxo1mfzNt-yMEryZekXubtz2-aNaEPjv0D7lK2_f0iSRRcpE0WSS0SzIEwpAgUx3bPrYl6T8cLrnNVa2errH_0/s1600/smiley-char128-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char128-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-char136-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBrPFLvwSsNXdANX5Xqgq-fZSH8DWXBsWEvgANaMC8Nkzq3w1CX2OYWk1ZG12TLjVVEl8u4V2InRcNwTB7mMXXDy6lEOIi4uC9swau9vOvXOu9HJIWr4ntxY8RqUNaZWvv1q5lJay6SV0/s1600/smiley-char136-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-char136-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-cool05-01 : <img alt="Falling smiley char" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Ha7lLbSpPAR1zpTbrlGQIWh11czq4k0TKQr4I0W15nOZ77VhsSU6BWRwXamoHw6WbakhYx_sQ6-DQU1byNegmP6pklh0RYcUzwyROXcLrPcvCmBug19UFVYtiwhsVXAraEnopDJ09nQ/s1600/smiley-cool05-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-cool05-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-dance009-01 : <img alt="Falling smiley dance" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-dtj1RDjrKoKZMyxpFu7BFrgsGgenaZLJUFMinwgkPRRll4EccKxt226r5iqVCu7GxKJh99JZxKpejxg-FfM3aYpBhX_3O4tAInJYrrbf3XZuZN9tcNn5fGs4om2Ck-K_OeHrhS8dglA/s1600/smiley-dance009-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-dance009-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-excited001-01 : <img alt="Falling smiley excited" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMkRVIrgqGcKNumjqe4cT-exC_YgdJCXwlUzAQSmRfbt2UTbiOcCdHvyQ47qEoI4zOE7_4d0aUmR4Ye0iLWvzk4FGtuGbkHbDBru0vbis3YYbmhHP9hRKTHabgsVoEo980vgjYDKZiVcY/s1600/smiley-excited001-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-excited001-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-greet008-01 : <img alt="Falling smiley greet" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjtRoploTys3C_BZ_rVIeby9m0SI6dZKNI4b_oqQ1IH0lPjK5ni6HJu_Cmm1obNIT60y8wtlMGZxjlUm4rwor5VaStHzdYH2OPBqft14n581AjZj8OnO5WHcileOdG6LPp_kWmd0uyPiA/s1600/smiley-greet008-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-greet008-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-greet010-01 : <img alt="Falling smiley greet" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwegdgdbg6xOSpLmb9WgERrExtNXTkx86X98bAqC_tYvagGv-M6UevvCmiEMcnx2c-f5x0c8LMdHoE_Ery7Dz_vxml9D-RZ6KkLNT3Mrhw1LM5S7rASQMt0rJlFq4XsTPmkRjRDkt8nrk/s1600/smiley-greet010-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-greet010-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-happy005-01 : <img alt="Falling smiley happy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzBCXTpZ7whYtGK-y5cTaoKnmFk7dB8tY6XrJUiVW15m1_kHTxxnddu_pdRinurb5f1o1aa4zKsnfjCHZ5PEE3kFWdJcXigwxpXY3Qz2-rZhWoXDYtZCoqNQ_POd2PzhjZoWfcKvRgrAM/s1600/smiley-happy005-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-happy005-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-happy032-01 : <img alt="Falling smiley happy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLhx7WycBPgwL_FdjfDXCsB93NttfWoC-hL7hxlLBbZlFWT3YibqbARuEA0aNBYOx2Bv3GzXBIEPGasFytfjmdFKMZASMsEuEpfs1mZL90ljFiwL6ulVHMRzX2qQEecqFWeAXI17QBmgI/s40/smiley-happy032-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-happy032-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-love009-01 : <img alt="Falling smiley love" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7jqvmkxpv63X5w6XYh_lO-HJW8jJS3r-sSVLjcWxdwwamF1pGrTar-dU3RFesr6b1hXff2865qk0pRCIesWEi5sqN04S_Sacgh9n99f0PbFN26Zm9odRd20PE9kx6aDRQMCripoQVIw/s1600/smiley-love009-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-love009-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-rpg023-01 : <img alt="Falling smiley rpg" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGvbjWYK-bPnc20L5KupEgN_FJeVKK6AZUh1mAnkszA8NyO6IHr3XP1hIX-zomAvRILcNZBK-7VxhcAnoG1BWbyz-eQhNTVIzjp0s2X5NXWhQW2Fsccq1vW3XGE9JhM6EaHXQAhJgPaI/s1600/smiley-rpg023-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-rpg023-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-rpg031-01 : <img alt="Falling smiley rpg" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH6Xt4LCYe0OMk1JxU1V65tzk-H7PgpCM6rNDsPpxFCFSdfYFNj4J4YJDgEC4Df22Pq3UDiI-N9_xlWrxtmEE2OAuJrx7zpX3Kofwl10tILMM3P6AnV_NjTk8KpcygwHrF8gxjrN5E2RI/s1600/smiley-rpg031-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-rpg031-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-sleep004-01 : <img alt="Falling smiley sleep" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSVZLWCZVdY1AQiWUavmc_NXMWxobz5Ub0_Y3cIVAESOXzv4wcIh9aVrAHUetma6LtrZm4ApS3uDbYvkhhvhxKdxAMlPJokyjuju3hLnJrAPNQXJ5YigT_rt-MMkBcq1vODRJt_MZY3pY/s1600/smiley-sleep004-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-sleep004-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-stargate021-01 : <img alt="Falling smiley stargate" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3TpGxc4C3ekpcAinrWB4dtKahHHGl_xtEllM8M2CYIkGuPhw0O4upGE1MZm_ov7p6lpYTzHJ8kKAQoqA2s3KnCqxCZnSV8d_70rvmQrDVZCTIclGozdto74X2dV9KrUDsKBpSHFOVepU/s1600/smiley-stargate021-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-stargate021-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-sw022-01 : <img alt="Falling smiley sw" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYdiu2XNtd5711V7blyF1nXLOaVCKGDlK7Dq8nawT2lBegb6v95WwzPySHht4UHXrY_6EQ8TTQ4vyO1yaxv8z-dOxPvcdItQIcSx7exmtwFnQa2LT-G2dM2UX7i8Yx37Wp8wONvzY_9M/s1600/smiley-sw022-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-sw022-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-think007-01 : <img alt="Falling smiley think" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggq0hsmXPnlNGaXatXl6NTaPl333I2JTCcHKhKiPUDw_J5O7cmMY-qfdRsl_hhyphenhyphengxCqMaFCGug5mDAetQSzqOcVkNNdkohC-A9R1sF46RGG9GATt9x-1SsZqZ3cV9NLKXvpbR7ztrQ1CY/s1600/smiley-think007-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-think007-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-transport019-01 : <img alt="Falling smiley transport" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiRj3aQaE_4d-RKLCda_KroDwHolX5gSvhuWjMqAECrkOdxg_OcX2RZ-qTpBoNX5NDxOt24olLbNZdonA4jlrjAYFV7LYKeklDCJidGXzUCWiIAI70KCJzhEkVcEmWIREFipmMLoo5u_I/s1600/smiley-transport019-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-transport019-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling smiley-transport026-01 : <img alt="Falling smiley transport" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwAOr3KTXAIko89mJowKV3T6QhwVtgGH_6fLkCNFIujU1D6xzPh86ezGf2pzvfI9OAalzJbfL8dqWFUaNSXU_BSeVvAOa5CTxbj6uehLD_7XiIm5DsEWxy_YamY2nlCESGtLxoTokxRM0/s1600/smiley-transport026-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-transport026-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling smiley-transport027-01 : <img alt="Falling smiley transport" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl26X9GARE81_wRjAoqnmdNrCvTufxapzZ-psbkkjC8CDHZooDcXwbuUIPKCaEXMSO5oV5x6q-hab37aCvXCrb9mcu3AMmdcdcombbYqINbK3QLazYZsJTgk6_tVKirzJc90qiULsnFLo/s1600/smiley-transport027-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/smiley-transport027-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling tantrum-01 : <img alt="Falling tantrum" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTaAgk5u7hRwkNewedhLCcTvxmorkMbN-WylPUfcqNAjNSkdhmNP9wr2xUWH3g1HiXjqIEUw_c0PEQLspgks0rIay3D7czmHOlFkw1CVGTjTItLaJ0Auhk9cwMCwCK408sKv3tivPGQSU/s1600/tantrum-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/tantrum-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<div style="text-align: center;">
Falling wootrock-01 : <img alt="Falling wootrock" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7E4A771exxQbCROBLZPZJOxziu7nKN4Ddfl7F_A8anOQ9TQOZWXyELMY1xLMm4AMiBMe08Lv664nq_aMeKTq5xyH8jo3S2K_W2pkfdZFBIMcg95zjsaNi2E6VZEx7q9lR4RWUIcsObU4/s1600/wootrock-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/wootrock-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling Colored Stars : <img alt="Falling Colored Stars" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSWGq__7eiTlh7Ho0aRZgzcVHOdY5bbMT48YjupToeDJaF46R7tLT-tZxnWcuv09VgJjUubGt63OeoDkbTlYMcT0KXvnoP4i_F4Ky5GsPNH0-E5Ts9vYMLe_G6HjzcHSEOt5DOsdm958j9/s1600/ColoredStars.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/ColoredStars.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling fire Stars : <img alt="Falling fire Stars" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1GFegvY3ufheOuM0Ay-hkfSE0vCSmtAQM31-q4jvIDwPUc1uWUqrPezlQl5uAn4wVTlMa6ZUXS7CTHQt9Fots3zqg1nKedwdgIS4retDpLrNo7mnB60Dh6CEkIzSsO75enk8WFyEsQAt2/s1600/fire-star.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/fireStars.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Stars : <img alt="Falling Stars" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcFIM09SVQHV6jAYLYNkulq_SAWwElIRZfaAA6q6fg3mYFVMUrvHCkgqHr8ZP-rM4kvKSKKdXlYQynS11FwGb78IPGn7FWCpmSuinUBRxJzbHKRABeIegRf3Ck3mmiXqSet3YVe3ERGA4g/s1600/bdlab-star.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Stars.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Snow flakes 1 : <img alt="Falling Snow flakes" border="0" src="http://i50.tinypic.com/cueu1.jpg" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Snow_flakes1.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Snow flakes 2 : <img alt="Falling Snow flakes" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1zVt74iffpB9o8XDw0sRD_5ifgyCsrb279uEJuEcxX2RebrIoVbKCCk8bB6MFZYNI0scnFOU38QG_lprMbDvMSPNc59uupQrS_QmBLCUgRD6oEbKa4EYrbYRZrkDCmzul3RtiuDzoc_dz/s1600/snowflakes2.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Snow_flakes2.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Snow flakes 3 : <img alt="Falling Snow flakes" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvQO18VJLxhdj7q32c8d7-fPn6XFzoBFzlplIbqDFY9uANXFg7R8YScCzRmG40xwli5tVh-Uk2BSXWgLqVrv6qn0tPQfpBx4JOTKGQzZTqTvoMs0_s1acJ71vjmDhA9CnvuMfWkB1uX1OU/s1600/snowflakes3.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Snow_flakes3.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Snow flakes 4 : <img alt="Falling Snow flakes" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhed6GyrA1-rxNY0VvC00J4xvXBZIsi7-d0sjjYHMBuqaw7QX4yHx_q1azaYyCLdeha7VyNgUI8EQl1aYd8chJsXVtGgK6spV6ZfH-ulP7VD6pDKJCHtyCeyxvgjFtTo5YCVHFT3hTejiOI/s1600/snowflakes4.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Snow_flakes4.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Snow flakes 5 : <img alt="Falling Snow flakes" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkQz8QpzK8W1EOrdujh1Gf-9UMnIJHErQeegl6CJzPOYvCucl77sIHOQsppgCMCHrDqt3O4Ddr7cs3lkMYGRqwBSKzS5NC2Y8maSMbz9L4lkLmvP7VH5M2s4qolM_S3o54sVwtE11RfpLD/s1600/snowflakes5.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Snow_flakes5.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Snow flakes 6 : <img alt="Falling Snow flakes" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAHgleKzups3HqXA_5bc_iILTu6rhd2AnKbulcTiPdFdCidGkZ4efhyAl97LvrD2Fujyv0bUUho9cSy-owJbtc9JlRF7b2-1mLPAAQQjtQAvXlhUtVo5K4zVHYrPkUW5yrHgjp8-YAHGs5/s1600/snowflakes6.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Snow_flakes6.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Leaves : <img alt="Falling Leaves" border="0" src="http://i47.tinypic.com/2zs0f44.jpg" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_Leaves.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Green Leaf : <img alt="Falling Green Leaf" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqsYqdeCSthMO1ZG9d4edFM9NlRHtNERJKF1F70RlKZSOJ9yw6sUaS8LXYvuBnNsMGKSfeWLISXAKiQ3Dz4NrvFmVGUIscxQfIbm5mxjvrxxhEM1IoBuS894CCeEeBYKBBMfm58EmdHthY/s1600/leaves1.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Green_Leaf.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Yellow Leaf : <img alt="Falling Yellow Leaf" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOzTMpANAqVGMZl2B1fJHdGZ4GyK5LIRsWnMFUQyaJmsEsYgqLdhzyuQ7PC5gkzSLO_xi3U_FxZuE6nCHdFpk_SxfRGGF0DFN7LFEZu8umhyxPGg6r2I7ID1XiltHIp4SMRGBwnPCmP6z/s1600/leaves2.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Yellow_Leaf.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Greenish : <img alt="Falling Greenish" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIgpRxyYpdeYkw8B3K12WMJ34n3TZGRJ-0jAxDNox1Dn8htEP_hfhva_mH-eVYk9QU4GAu4KRIg9S5L6hs1I3iEwoRrsQ1y6AEfvYSxgq3lOmzc-0lAXKqiqUNEow8haudrdMzFuxpSSxU/s1600/leaves3.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Greenish.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Tree Leaf : <img alt="Falling Tree Leaf" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSdatEKRRlaOpesEA2ARAscbDkVfVeivysu5JRlbSDCUrMvYWC1OQ2O2x-hy4Ap8xA_WmPn-eiyMO6FXUkQJ-Nn9ky6_xoiTgRpV6TnG5wNjxGiaQVGpK9J48Dg4g1X2oeBYmnkG3gW0Mv/s1600/leaves5.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Tree_Leaf.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Heart 1 : <img alt="Falling Heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHuxDl9Zehhm19DcSkSH4fpZ3cTtC_LYThyphenhyphenUOb_JiKRT1GOXRyOzKknIwnz3fiFqdEHbkydZEh2MDRpvOA2bIMUoRgrCVdwa8HAOOu16BsR7DFGJQyp5tcK5u7fFcT3RqFfInHDaMpzNL-/s1600/Falling+red+heart.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Heart_1.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Heart 2 : <img alt="Falling Heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4N-nDHIbix32E3zbmtSoU2w5J7lNXO5INaIRA9qhPZ1JWqO19aKWCp2ODkw-FMpSjyRAUnf1NYJ6CJ1qzSGXRMG69Cl7mU47dj079pmTt55tlH3g74a2mfBa2viypK7pfglk8G5c1jxmT/s1600/valentinesday2.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Heart_2.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Heart 3 : <img alt="Falling Heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW1ZnlasOkqysVTy2vJzJsXCAILOsaH14I7PwTSGFNSvSVVAeU0ykZDTKaw-gE4A3HbJFS-i4Yi_hjUdz6w5Pch3zPav3XpDGVuk1IfMinVvo8Gx8SZVRrzCZwlk7pN6qo9N5wmboxs-0B/s1600/valentinesday3.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Heart_3.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Blue Heart : <img alt="Falling Blue Heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRmENuN73FRJ5VuLJoZk0pyBm5PyvLZAHcxAlJcPKExVlg4CGt1YL8H92LSjzorE424gsqsFNJX_4zdSyaThLPZqLYLCRDXYvc_1hwCoXF8lJd-uqoosY5v_EpnkBAtYC5GPQOfXd5ts1t/s1600/valentinesday4.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Blue_Heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Red-1 Heart : <img alt="Falling Red Heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYhesM8CMj3QWx-iF155Uaf05g2yGFMRfVJ8eqT8RZ00-zh1NbjgebAm3_AX6o5Mdr-_SHz2jgDsp-QaGkLNIBzUjb6BGJp47KQMD1igIs8NPlxaNqhHELcPd32LPiB7uxYU_J0-dUyOoM/s1600/valentinesday5.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Red_Heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Heart 4 : <img alt="Falling Heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiopQpKU8rjqkr5S_uvzQfCULGgDWSrm-qSkFJ6x_mNkeY8wylRtDz82qLzfuHQ0pdhAmWu-Q7qSiF4EGj3uOdmuLpXl38v2FVksAbdRtskEgdemUAz3UrEhr5ItZ3wiePkH3piu7DomlPX/s1600/valentinesday6.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Heart_4.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Flower : <img alt="Falling Flower" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfu4QaouqS8owq1rNb_DZTzgLf9wy8GUFaEcweU2ybphrZskdbe6kSOAgWg0mu_L5zq2zyQa337hy77R6JZoFbtvPDLr8YoPteLEgEvieyePObD3Uz2PjQ4EaP2J0IjsCLlUxNUsBG3Pdx/s1600/valentinesday7.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Flower.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Love Heart : <img alt="Falling Love Heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4a5RSLaNZ4hQnixwMhDi_AFk7lrWvjsMgy-QNHE0wvLf2B6sGLgJswp_Tw4-dkK96zbc8CKnFP0_fT53eCrquWpDeVeNIAUAwNTb-nkG_RJD_f5EIbeKk8u366i8IxbkDppqEFSsUzklO/s1600/valentinesday8.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Love_Heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling butterfly Orange 1 : <img alt="Falling butterfly Orange" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Ljk_NpEzNcZDLEaIbkSR1LqsphzlV3d5jMISW-6MQPshMV_PYhx7C8vuODx5aVE4CuZG4CNaCpuYx33NgKfQdFlRztHymEJ2pTlcxcoNbm2ULfOv3_yaUHXICDLIyNfLq60bc6JWF4i0/s1600/butterflies1.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/butterfly_Orange.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling butterfly Pink 1 : <img alt="Falling butterfly Pink" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdJybVtSUOic-dcFldKdMrif_c3daPf5wZNrTVysSDaAgjcjyA_NA7N1xzTD5jgFm2v2WcgLvB-EKoxiTX0rlqBEqfcBUQJ-2P-aONbBQkaTwvNljQExkRk-lfO4QAShn2e9mMJAfKsoBD/s1600/butterflies2.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/butterfly_Pink.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling butterfly Blue 1 : <img alt="Falling butterfly Blue" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU4rACy7ergTO5-DGeCKCf_eoQGjXxXcuesYJIpBsohp6M9QSgiRVitxoZml-MrDg1lMd4luv8ST8381NqJUh9mw5aIdkgNsiOkrfqFfmII6UiFV0E952HzzM0iqpwxNscRoDkRSFsSKps/s1600/butterflies3.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/butterfly_Blue.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling butterfly Green 1 : <img alt="Falling butterfly Green" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzP30b8FQEHe5oDeTJ17jhu70gMU52SlxiHs-OoblyQxtSwh9XCGkNcW609mSZ2_OgolIxfh2-HGxKCSFoCBAp5EGUXW9PIIUUxTicxHtClKmMkZvvXUD7ZExOeXcFS0Rh-1qaBTvM_d2j/s1600/butterflies4.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/butterfly_Green.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling butterfly ani 1 : <img alt="Falling butterfly ani" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPqc9jLP9ttZnea-3HOPH8uRFq5MlJUJTjhW2Qg9dIFXxSDk2RcDZFGHElooYs-vUVCOIOVPDTsXCYtklcHZ_JhTDLlG9J8lxYanjBbxd3-bibQ2nnuOLRVVFDvGXqbKskDkLZkerC3T3p/s1600/butterfly-1-dance.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/butterfly-1-dance.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling Heart ani 1 : <img alt="Falling Heart ani" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZMlcev64A1qTYOF8_H7s0zUU_E3vGmFy02Kim-KZEXKfdakN8OrE6s2tPbY8H7F5mMW83e8nO3Ks1Up56lLpj9C5vZ037nfQp-6JPlQKR3hauMbXH5aieoQcCE0CWmWNhhNKXxBjhIb8k/s1600/LoveHeart-1-dance.gif" /></div>
<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/LoveHeart-1-dance.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling Heart ani 2 : <img alt="Falling Heart ani" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWxgOalfghmT-dkl_8k0tAob-WIwVJ-U1TSsLLiz6lcpihP5zN9vR7mQm8DOKvGOvDUFANmpTKOzgrkifrruWUMN-L7SSIsA04-LhUMHsXIhcqZJmkhyphenhyphen1n7x_KrJsEZ3TrOdgYp9798nA5/s1600/LoveHeart-1-lights.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/LoveHeart-1-lights.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling red heart : <img alt="Falling red heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHuxDl9Zehhm19DcSkSH4fpZ3cTtC_LYThyphenhyphenUOb_JiKRT1GOXRyOzKknIwnz3fiFqdEHbkydZEh2MDRpvOA2bIMUoRgrCVdwa8HAOOu16BsR7DFGJQyp5tcK5u7fFcT3RqFfInHDaMpzNL-/s1600/Falling+red+heart.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_red_heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling orange heart : <img alt="Falling orange heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN9_8Cku-icnrm2VLwWNd8OtyfuzECaoWog_M0-wmtF-aPw3nDQW66fjxZ0U0SSCd3O82cbqiNvHT2FzKK5MYpwfPf_1RVBU8uY3G6kWYIUyq3Xd1ScISAo5kvH-PCwqwwPF0s147S3bRr/s1600/Falling+orange+heart.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_orange_heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling pink heart : <img alt="Falling pink heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTyfq2Oku0272HWf39Wo5JTU4SGL6jeROgyU_Ss7K_YPU-oAVwHW3-PHrFqIHC0RXxIjBsmMl3vScrf5TgsJwwXYBA_9qdtmh_iVWtYtln07pB8NAHkOxVhtVNJEc32hWmx1Cym3CbMmYQ/s1600/Falling+pink+heart.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_pink_heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling blue heart : <img alt="Falling blue heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_z0IeU7oEc6pgm84JiJA_aKM2yQz1iWgVjLS9h3MSlm8-iCx8vJ1x9FaCDDezxqCmQ9P9ykI80xdnCRXq6I0iuJyUbldwZeFwi9YyI0CPUxCybAo99evF-oCYSqapmw2dV9pNcLhqydqk/s1600/Falling+blue+heart.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_blue_heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling purple heart : <img alt="Falling purple heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaFd5YPsdYEpfAXnQE4CwNaiSyHdYeBhuzeBXXqnw_5qMHHwi7roeG9pvtXaiPJVVWHh1rjLlQNXGg6rWF-HYPEzlU7FcI_y1qOC84tEUrgUDVbEQK2dWLX6L1Zzejr0Nn-yZlDWiZZU9f/s1600/Falling+purple+heart.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_purple_heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling yellow heart : <img alt="Falling yellow heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbxg7knxxEk7Yivo-fL2CDc6-Nb5R0FSkXbCl_0dI92qMsodZ30MP7Jus1Lmh4RI9WY8RfkaMaD0_JYYxPTy6303ZIcxp4wysU3MiwY6SFbenqPymQtIY_WML_rRjyxi5kZ1G44Bo1MuM/s1600/Falling+yellow+heart.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_yellow_heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling objects-heart : <img alt="Falling objects heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Ehlf0ILSIdyrMVLbjbmUxXRSxAt_KwVjWk565NVxz41dWLFqI2raMX2pSeo7wYZayLoogY_OCAiaeS9OmP5kicPtjrEsfxXPam0rEDr-C-oULNzxKFM2hA42Yj_cCJENJ5p-3qS_bhG3/s1600/Falling+objects-heart.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_objects-heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling hrt2b heart : <img alt="Falling hrt2b heart" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrE7jiiwas3-mKaQIGyWvIXc3_ugi52mvTUP6FKXLMe8F2LpZYajMSy9DPGe3zEr2KurtW0WnR2eapJQgOa09mabKs09BiLwlwYL1EPZt6BX8qTtwcXhc51XbquN4DLz7zGsTIqaaPgm4/s1600/Falling+hrt2b+heart.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_hrt2b_heart.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling objects-snow : <img alt="alling objects snow" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwM3-_1UdgPchha9KUUfbCCh2BKFITGlYvUUwkWL5UPWbRKyxjxFBPM8WkOWRUIUShczgX5IWb74dSrkEUaoxV7Q7528BJ5o6FML-1bKUxeUrmcxpxYT_lEXmX4SR9kzZsUc3nyUPqiaw3/s1600/Falling+objects-snow.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_objects-snow.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling ani-ornament : <img alt="Falling ani ornament" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3_1k1eBhYk1PxnOipWs2TlkB84GpacL9Lz7CVQXgjWFCO_cWSh53RfsrAJovUDMOLEKATZ0Va1OZ-wzW9m70MQNS8EYnTupZVGcrOHEacpDU4cc94EHWkKb2zJCpp4YM1wSv7fOaELJpd/s1600/Falling+ani-ornament.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_ani-ornament.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling red star : <img alt="Falling red star" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzVZdcaxQ06G4WEadY3KMYNZrFgO8uTgFZ88cekaYyfKjo7nwDIS2Gsb8RlgEQ7lXoZmnzYzJD7W2bdg4_PzpVlczQpE5_3-i6NYaftDHquqR-7jvA5VbNKj1YZZQh-wnucnC6eRfDHgbY/s1600/Falling+red+star.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_red_star.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling blue star : <img alt="Falling blue star" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiALNYdIvhfifNFBkGAYY6Tuk7TVFgpSQ8NimxNnqYdoABTGr6HHGomRJz_UcxP9On-uK_dJhQYNqdOxKzO9FXQ5djfIVZ42oCbBfU9XjbVPL8u_6wD90RaqzsRw0i9Hz6Ic4omZh9W1v4D/s1600/Falling+blue+star.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_blue_star.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling orange star : <img alt="Falling orange star" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ZUasrin_LV-zlp2lxD_IFJXfwRYPx9RvqfVLWdq659h0DA78-8g9u_RPRLH58zgOzRnRrNl9O4VNEVI-U95eQFfo461EXdrq9Bl4hXja5XEmuEAlt2ZW4WAo9X1PuU4RtBLzr8UBWGvw/s1600/Falling+orange+star.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_orange_star.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling pink star : <img alt="Falling pink star" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnQ8NPEURj5Y1r6P5vqaPZO2D4CpeQ09Ypbe8mnwK-0nTfM_2xcUD5XgYTcOgXuYUEG535S4XZNLXXVR2O5YQZZ5hPi6cf_MBoOYcDcmOkG6LvXvuHuZjg7sT-RI_TGJhD9CajfkffjX_/s1600/Falling+pink+star.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_pink_star.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling blinking star : <img alt="Falling blinking star" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA1JDHQQFNWUuz3zXPdou-xVzbjRVGhHPwM9QzaFXH_hPpyp9j7c1ny-KTCih-cqTqNwjFuWB98oNfeLI9PKFieUO3LUcavgSBnMHVAhRKSSGyhBuj_hXfvNzatEa1Zwx4KD1c3TEWDxBk/s1600/Falling+blinking+star.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_blinking_star.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling colored cross : <img alt="Falling colored cross" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFCghpI4wI04ToEpiP_D0_DWJ3FLgT9vdWZMz-2ug6cxrR2bRhBc6aN6KeLnyzv7rLBvVX1j6cvM8TY37gPJYJtJbtcxI_M1POjg73MEmOumfxWyUrOiB9wP0lWQLoSmFcJjBUbFKv99H3/s1600/Falling+colored+cross.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_colored_cross.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling colored flake : <img alt="Falling colored flake" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLN3kgaz-2UIMQr88VLlCrxgAuhzDv5qjf1DBI-uH5d8VnVe2hasJaboyln2zyNHHQvdlislN25TBvLx7jurMkHwTKEwp755NENLlc8uPPFyvoU6vd2loGzyXNtDsqgOQwnlDVU7XvYOXb/s1600/Falling+colored+flake.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_colored_flake.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling green butterfly : <img alt="Falling green butterfly" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidJei0yLcrn4NiXJouzqLXGi8VQUn0DpKyiP-ZVO_T9uKh81WPL2I8JbAbWThSD_N6Se6_UeaqNtXCvdq6j_3jK0FfTxFpxf-eVBhw6VQsOIc5gh3yn9aXlHTPLegl8S0KzByD2llBwvPe/s1600/Falling+green+butterfly.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_green_butterfly.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling yellow butterfly : <img alt="Falling yellow butterfly" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAou1Eu_kdg63bC3dJxR-gPokMU2eqjpgjtAKcIQdsRtmndSiRRkH-Rr4ejlK0534gv2ogQBxKFkGgsj2xBEd_Sn1DnUwiyHP_rj0vmacL1nJa-dvDlVmrTFrc9plrM_IAEwDU1ULw9vHh/s1600/Falling+yellow+butterfly.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_yellow_butterfly.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling objects-fish : <img alt="Falling objects fish" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhorek0WqJiSIVPh-Y1ItJMLaiaw3MCghvWM0vnG2UoL5HUEqkevRDxIOapMOaGFtmfVALmsrQHP5Lr3HIFJuBnAlxjgLg3m5_ynjz8JiSNKuEbPEQ4aVEbbkcxKTEYxnunhqe4qzrtx1-5/s1600/Falling+objects-fish.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_objects-fish.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling objects-bee : <img alt="Falling objects bee" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwmI6axeMGsy8uZj4t-XrYzJOeQbxLLXb1ng5ImwWGCHeXaYsT_WaVq26YTiAF44dc8AaQFRHxEeJ0cimP9nDqKjqpeevg_UueG0HTtEenUtwzuFsAsY9ZbHa66BViqP4QUsz6Qlij7uUk/s1600/Falling+objects-bee.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_objects-bee.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling objects-drip : <img alt="Falling objects drip" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbWKlmElbdWvsHeANVQ7sVeUYYORVVgMoEkcGjMItV7ddF0D4ueII1LLCICgStxuSb3bZuMO3l7K-SXvYgpPMqa3aEDViMix6XdhCHjLSqXdbz6JxD6Sh1_VnFjbZ3J5X-09YHVAssuNoa/s1600/Falling+objects-drip.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_objects-drip.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling snow-01 : <img alt="Falling snow" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwnCE0CDIzt9w9GtKr4ZZpYxBvjbrnaxEALHvpm7wjUpFUfQKyGnYtIpLJ1aiIKUOM230kFoUpPMqlG7skH19b_zVmLppD6bosrPZ5GP9nLQsRmY52Y1DdbsEL5RjWaemuo8QZC9hMJ6M/s1600/snow-01.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Falling_snow-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling purple flower-01 : <img alt="Falling purple flower" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcNisGPSf_46-49SHKU9joixRP51H-29F2sfW_wyDbksm-8mQzQn39pNWQ4n3So6E0KLfWOib3MDXUe4igKRTquHxI37NZ8qMgnBHAyvwSRRhcomk2APa9VurqM-pA_tES82k0VcrxzWM/s1600/purple+flower.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/purple_flower-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Yellow flower-01 : <img alt="Falling Yellow flower" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqh39yJrfoWUvbkasvqgjLQazWiAsdOSTDwpHo5sFkD3zCCSFPzkBucBNecmnRP-tX4F6h5saiUtQe8ViMhw5nTvm7L-wA9qs0e3m3CDNIpUWTlI_a82X12Nmj-1-9-p_RjKdfyt-wnz0/s1600/Yellow+flower.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Yellow_flower-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling pink flower-01 : <img alt="Falling pink flower" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSK2uMBN2IIDQu66TXClcvUNlzIB6jqwR95Kvhhkg_Et-uF1knJZlIGXpPlhR1dTNHCO8nkMb38UD3CDl0qYUn8fPdHbRLxoYzrXFTMzsLqXcHWvU_S3Z-UTKo3na93Wb3J2oaBUdk0mk/s1600/pink+flower.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/pink_flower-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
falling christmas object ornament-01 : <img alt="falling christmas object ornament" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYZO8nBy7yRrj3ZFbqMxU-ODeeD8BzzRX8brtF0VqZJxpjddNiHTBD-AeLL0aOhgLvMtwW5RY1uVPI9kSDfiyV2Qnbk7najswxz8zuKhpwoHxZ2gYQxjG3ls4862QBCRGbIXSdHK0IoE/s1600/falling+christmas+object+ornament.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/christmas_object_ornament-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Christmas Wreath-01 : <img alt="Falling Christmas Wreath" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxAxlyL3xMFauhTmwNznxJ7Aa33rJ8qJcWBOMj71hHmDFeanwr8dkqb5yW9KGa8oFei5MeO_84NhyHZeabo9ocxP1ZcoaVg6i-TQMxbMQosLj2-4Zw9d_hMUl7H-3cZpvFq7oMN2mURh0/s1600/falling+christmas+object+wreath.gif" /></div>
<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Christmas_Wreath-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Christmas Candy-01 : <img alt="Falling Christmas Candy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDGbN_eX3LHKd8kXQXwNQZr-d4dnDOoG3fJE3iJR1nrCHJtoX1bPQez637jHLQXa3b-M8oGUNopne5VYsXbvILsm5DZx-QUwjJpX3w28elu8adVG1vc5Y1edZXCYXJw1TCAU5vonTGqTg/s1600/falling+christmas+object+candy.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Christmas_Candy-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Santa Cap-01 : <img alt="Falling Santa Cap" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYHLDlr2_YI9XGgU4fzHcZ2_ZqjcWYjX4zErOoLT3nt7IQScJsX2hqT9PxlDFgFsxnnirbGm79C0ZPcX5o2jwYwMDlku88lUFzU1EDBPBdypKxr-hbzPSC3Gv-6Jww0qdsXzogUbffiDY/s1600/falling+christmas+object+christmas+santa+cap.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Santa_Cap-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Blue Snow-01 : <img alt="Falling Blue Snow" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrVUWHG_OGkxICOtHubTo01-P9feb1dyE7ZAy_VZfsrGosT0hRFjQ5MS1neji3tfyGg0RXOT5YyvswM7zER21ntLGpDDpISsx6mq9no4rndxqhASuXH4cQyzjJ3kCBJN1krSWdKQw09Dg/s1600/falling+christmas+object+blue+snow.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Blue_Snow-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Christmas Tree-01 : <img alt="Falling Christmas Tree" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjksLa8HXPSg8zyOmEPvHK3AOmbyql7AW0D2p8Fj0v7UKC3USDAKuvp6O-6gjTf-xUGzJ0F9KvwyD94S28BElf3nY8RSiMv3zTMbJ7pJUmVZo7J1YcyITHGFqwJW2bYhrCwrIMMSwSJVhE/s1600/falling+christmas+object+christmas+three.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Christmas_Tree-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Presents-01 : <img alt="Falling Presents" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghA49wmh4Cg5IciYkmH59Q4kUnOjuDT8_EbISz4Dj3FMPfGR6pGB4JmokQknG7ZWBnM0b-y4LC4FDrxJv2cmMK4sGI7mRbejR2NO5ZhWalOqj_87vq5ccdSLjU20GRPc3YfXymP_totCM/s1600/falling+christmas+object+present.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Presents-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Santa-01 : <img alt="Falling Santa" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0xA4tyAtz9Ao-3TCwRmgm56FE1TKc-9HjwJr_Yz7yB2p4Sd6P57WO1iXcO_AsTpOvWeUmk-4RvVhj6RAVjqJZbCxdP6oHKUMFkWM6dQiRyM2ejz3rp3bQck8BgtMI0Puk8EbWO_eD0qM/s1600/falling+christmas+object+santa.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Santa-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Animated Snowman-01 : <img alt="Falling Animated Snowman" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0A-9anxqXPa5_fGXLAYGP_83uNO3XzBzA20-nwpXlzyU_yJ0XBAqhbYlwLl401UrYUs2PcQ953XtVscJzjVG82_sdfw5oJxVYbnLnGlkQGaBBsN79ojLnHFAa9hh2IArEDI78JTNBbaY/s1600/falling+snowman.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Animated_Snowman-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
Falling Animated Snowflake-01 : <img alt="Falling Animated Snowflake" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKZC6Uj42x2Oet_tZgDCwmCEElCbZzZYVKEAc6b1xpDspUhQRvvFZO0lXCsSSeh99G9hGIwEyuEJTyzZqFiwuuwnVLQJA4NuLga4kXsO48F8BxD3C0MrGAe0dE7z5QvMj4vOjUx0Dl0zU/s1600/Falling+Animated+Snowflake.gif" /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/Animated_Snowflake-01.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<div style="text-align: center;">
Falling snow : <span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> <img alt="Falling SnowFlakes , Falling snow" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX07TptTBjdV6qUkqdzbhjj8mH7K3AWMhyjCkzMC6AgxZf3JPvuoD8Fpo1grcPpSkrUpTS6uPuPHOYmgw1YVFpz0FYcsFZWKly9zv3-G0JGdRdpFN7JBajMz96Y84PhfNT3LPEYTLVujS4/s1600/Background_snow.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/snow.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>Note: <span class="Apple-style-span" style="color: magenta;">We are going to add more Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves, so keep visiting this page.</span></b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
update Faling snow >>>>>>><br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/snowstorm.txt" /><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="et-box et-info" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(206, 203, 142); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(206, 203, 142); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 203, 142); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(206, 203, 142); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<div class="et-box-content" style="background-attachment: initial; background-clip: initial; background-color: #f7f4b4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCowLM3dMqNjrJVxIG29O3-T_9JPuYBL9gsYiqbPb3jdVwM62AmV7n9i48N35OgtDGuwLDdCyJpnlC8UE_dDDoCTBfZHSoKhyqu9_YCN-eWzuB6qY_brdQ3y5FQ0ZGwFWps5GAcM3P974/s1600/update.png); background-origin: initial; background-position: 18px 13px; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(255, 255, 234); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(255, 255, 234); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(255, 255, 234); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(255, 255, 234); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; color: #8c8a64; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-height: 35px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 8px; padding-left: 75px; padding-right: 20px; padding-top: 16px; text-shadow: rgb(255, 255, 255) 1px 1px 1px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">UPDATE:</strong> I updated some of my posts, this post I update <a href="http://bit.ly/urdao2" target="_blank">Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog</a>........ </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com23tag:blogger.com,1999:blog-404186049558999833.post-82114720086154565662010-12-28T23:24:00.001-08:002013-02-05T21:05:23.887-08:00make a snow effect on the mouse cursor on the blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/dGNroD" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM4Ezf6pJHSROsmCmr3UFmrtzajCVwqXv3lKTO8Ztmtysilt1VxP96KRHcq6UUvEeVCEqW89GhyphenhyphenXC6kOQArkVSuaKvJcF50frzdmN3SshsYfHGC1x-ajG0MOSijINVpJjGKsuuhFivwiDA/s1600/make+a+snow+effect+on+the+mouse+cursor+on+the+blog.gif" /></a></div>
<br />
Hi! guys`how are you? here is the cool simple snow effect to your blog mouse cursor area. many snow effects gadget use images to this. but this gadget do not use images to this. so this is very fast. i've tested this effect on internet explorer, mozzilla firefox & many other web browsers. this simple non-image based widget works just fine!! I hope you enjoy using this very cool snow effect gadget.<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<br />
<br />
<br />
<div class="et-box et-info" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(206, 203, 142); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(206, 203, 142); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 203, 142); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(206, 203, 142); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<div class="et-box-content" style="background-attachment: initial; background-clip: initial; background-color: #f7f4b4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCowLM3dMqNjrJVxIG29O3-T_9JPuYBL9gsYiqbPb3jdVwM62AmV7n9i48N35OgtDGuwLDdCyJpnlC8UE_dDDoCTBfZHSoKhyqu9_YCN-eWzuB6qY_brdQ3y5FQ0ZGwFWps5GAcM3P974/s1600/update.png); background-origin: initial; background-position: 18px 13px; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(255, 255, 234); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(255, 255, 234); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(255, 255, 234); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(255, 255, 234); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; color: #8c8a64; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-height: 35px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 8px; padding-left: 75px; padding-right: 20px; padding-top: 16px; text-shadow: rgb(255, 255, 255) 1px 1px 1px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">UPDATE:</strong> I updated some of my posts, this post I update <a href="http://bitly.com/trHoJv" target="_blank">How To Add Snow Effect On The Blogger Mouse Cursor Area</a>........ </div>
<br />
<a name='more'></a><br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">So, let's see how to install this cool widget in your blog..</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="color: #474747; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #af2d10; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to Design</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<div class="separator" style="clear: both; color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="420" /></a></div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">Add a Gadget of HTML/JavaScript type.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<div class="separator" style="clear: both; color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></a></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"><br />
<br />
// <![CDATA[<br />
<br />
var colour="<span style="color: red;">black</span>";<br />
<br />
var sparkles=100;<br />
<br />
<br />
<br />
var x=ox=400;<br />
<br />
var y=oy=300;<br />
<br />
var swide=800;<br />
<br />
var shigh=600;<br />
<br />
var sleft=sdown=0;<br />
<br />
var tiny=new Array();<br />
<br />
var star=new Array();<br />
<br />
var starv=new Array();<br />
<br />
var starx=new Array();<br />
<br />
var stary=new Array();<br />
<br />
var tinyx=new Array();<br />
<br />
var tinyy=new Array();<br />
<br />
var tinyv=new Array();<br />
<br />
window.onload=function() { if (document.getElementById) {<br />
<br />
var i, rats, rlef, rdow;<br />
<br />
for (var i=0; i<sparkles; i++) {<br />
<br />
var rats=createDiv(3, 3);<br />
<br />
rats.style.visibility="hidden";<br />
<br />
document.body.appendChild(tiny[i]=rats);<br />
<br />
starv[i]=0;<br />
<br />
tinyv[i]=0;<br />
<br />
var rats=createDiv(5, 5);<br />
<br />
rats.style.backgroundColor="transparent";<br />
<br />
rats.style.visibility="hidden";<br />
<br />
var rlef=createDiv(1, 5);<br />
<br />
var rdow=createDiv(5, 1);<br />
<br />
rats.appendChild(rlef);<br />
<br />
rats.appendChild(rdow);<br />
<br />
rlef.style.top="3px";<br />
<br />
rlef.style.left="0px";<br />
<br />
rdow.style.top="0px";<br />
<br />
rdow.style.left="3px";<br />
<br />
document.body.appendChild(star[i]=rats);<br />
<br />
}<br />
<br />
set_width();<br />
<br />
sparkle();<br />
<br />
}}<br />
<br />
function sparkle() {<br />
<br />
var c;<br />
<br />
if (x!=ox || y!=oy) {<br />
<br />
ox=x;<br />
<br />
oy=y;<br />
<br />
for (c=0; c<sparkles; c++) if (!starv[c]) {<br />
<br />
star[c].style.left=(starx[c]=x)+"px";<br />
<br />
<br />
<br />
star[c].style.top=(stary[c]=y)+"px";<br />
<br />
star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br />
<br />
star[c].style.visibility="visible";<br />
<br />
starv[c]=50;<br />
<br />
break;<br />
<br />
}<br />
<br />
}<br />
<br />
for (c=0; c<sparkles; c++) {<br />
<br />
if (starv[c]) update_star(c);<br />
<br />
if (tinyv[c]) update_tiny(c);<br />
<br />
}<br />
<br />
setTimeout("sparkle()", 40);<br />
<br />
}<br />
<br />
function update_star(i) {<br />
<br />
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br />
<br />
if (starv[i]) {<br />
<br />
stary[i]+=1+Math.random()*3;<br />
<br />
if (stary[i]<shigh+sdown) {<br />
<br />
star[i].style.top=stary[i]+"px";<br />
<br />
starx[i]+=(i%5-2)/5;<br />
<br />
star[i].style.left=starx[i]+"px";<br />
<br />
}<br />
<br />
else {<br />
<br />
star[i].style.visibility="hidden";<br />
<br />
starv[i]=0;<br />
<br />
return;<br />
<br />
}<br />
<br />
<br />
<br />
}<br />
<br />
else {<br />
<br />
tinyv[i]=50;<br />
<br />
tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br />
<br />
tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br />
<br />
tiny[i].style.width="2px";<br />
<br />
tiny[i].style.height="2px";<br />
<br />
star[i].style.visibility="hidden";<br />
<br />
tiny[i].style.visibility="visible"<br />
<br />
}<br />
<br />
}<br />
<br />
function update_tiny(i) {<br />
<br />
if (--tinyv[i]==25) {<br />
<br />
tiny[i].style.width="1px";<br />
<br />
tiny[i].style.height="1px";<br />
<br />
}<br />
<br />
if (tinyv[i]) {<br />
<br />
tinyy[i]+=1+Math.random()*3;<br />
<br />
if (tinyy[i]<shigh+sdown) {<br />
<br />
tiny[i].style.top=tinyy[i]+"px";<br />
<br />
tinyx[i]+=(i%5-2)/5;<br />
<br />
tiny[i].style.left=tinyx[i]+"px";<br />
<br />
}<br />
<br />
else {<br />
<br />
<br />
<br />
<br />
<br />
tiny[i].style.visibility="hidden";<br />
<br />
tinyv[i]=0;<br />
<br />
return;<br />
<br />
}<br />
<br />
}<br />
<br />
else tiny[i].style.visibility="hidden";<br />
<br />
}<br />
<br />
document.onmousemove=mouse;<br />
<br />
function mouse(e) {<br />
<br />
set_scroll();<br />
<br />
y=(e)?e.pageY:event.y+sdown;<br />
<br />
x=(e)?e.pageX:event.x+sleft;<br />
<br />
}<br />
<br />
function set_scroll() {<br />
<br />
if (typeof(self.pageYOffset)=="number") {<br />
<br />
sdown=self.pageYOffset;<br />
<br />
sleft=self.pageXOffset;<br />
<br />
}<br />
<br />
else if (document.body.scrollTop || document.body.scrollLeft) {<br />
<br />
sdown=document.body.scrollTop;<br />
<br />
sleft=document.body.scrollLeft;<br />
<br />
}<br />
<br />
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br />
<br />
sleft=document.documentElement.scrollLeft;<br />
<br />
sdown=document.documentElement.scrollTop;<br />
<br />
}<br />
<br />
else {<br />
<br />
sdown=0;<br />
<br />
sleft=0;<br />
<br />
}<br />
<br />
}<br />
<br />
window.onresize=set_width;<br />
<br />
function set_width() {<br />
<br />
if (typeof(self.innerWidth)=="number") {<br />
<br />
swide=self.innerWidth;<br />
<br />
shigh=self.innerHeight;<br />
<br />
}<br />
<br />
else if (document.documentElement && document.documentElement.clientWidth) {<br />
<br />
swide=document.documentElement.clientWidth;<br />
<br />
shigh=document.documentElement.clientHeight;<br />
<br />
}<br />
<br />
else if (document.body.clientWidth) {<br />
<br />
swide=document.body.clientWidth;<br />
<br />
shigh=document.body.clientHeight;<br />
<br />
}<br />
<br />
}<br />
<br />
function createDiv(height, width) {<br />
<br />
var div=document.createElement("div");<br />
<br />
div.style.position="absolute";<br />
<br />
div.style.height=height+"px";<br />
<br />
div.style.width=width+"px";<br />
<br />
div.style.overflow="hidden";<br />
<br />
div.style.backgroundColor=colour;<br />
<br />
return (div);<br />
<br />
}<br />
<br />
// ]]><br />
<br />
</script></div>
<br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b># you can change :</b><br />
<br />
<br />
<div class="code">
var colour="<span style="color: red;">black</span>";</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Hex Color Code Chart & Generator </b><br />
<br />
<br />
<br />
<param name="allowScriptAccess" value="sameDomain" /><br />
<br />
<br />
<br />
<param name="movie" value="http://safir85.ucoz.com/bdlab-blogspot/col-24work.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed align="middle" allowscriptaccess="sameDomain" bgcolor="#ffffff" height="480" name="col" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://safir85.ucoz.com/bdlab-blogspot/col-24work.swf" type="application/x-shockwave-flash" width="90%"></embed><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Html Color Codes Generator </b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<param name="movie" value="http://safir85.ucoz.com/bdlab-blogspot/color-codes-24work.swf" /><param name="quality" value="High" /><embed height="485" name="obj1" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://safir85.ucoz.com/bdlab-blogspot/color-codes-24work.swf" width="90%"></embed><br />
<br />
<br />
<br />
<br />
<div style="color: blue;">
That’s All!</div>
Hope you have enjoyed the post.</div>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com13tag:blogger.com,1999:blog-404186049558999833.post-80671401580424573702010-12-28T10:11:00.000-08:002013-02-05T21:13:26.481-08:00Numbered page navigation for blogger With 8+ new styles<div dir="ltr" style="text-align: left;" trbidi="on">
Guest Post - By <a href="http://24work.blogspot.com/" target="_blank">24work</a><br />
<br />
<a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" style="background-color: white; color: #ff7f7f; display: block; font-family: Arial, Verdana; font-size: 22px; font-weight: bold; outline-color: initial; outline-style: none; outline-width: initial; text-align: -webkit-auto; text-decoration: none;" target="_blank">Numbered Page Navigation For Blogger New Script</a><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/hsJQYq" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgpfpdXcMJ1MnTTIZaK1hwaBYFMDTGcpznKPz0wzAaMu7Qe_9YfQjpqM6z-pmPEvb6dNCkvIfZ7bwBJP05PHs_mT0P3wrclK2TIDxrLR0DduykkNA1xCWq9jQ8N9QQ6ZunIZslBS7PWko-/s1600/Numbered-Page-Navigation-for-blogger.gif" /></a></div>
<br />
<br />
Today we are going to see how to add a beautifull numbered page navigation hack in blogger. The default navigation links (i.e Older Posts) are not visitor friendly if you are having a large amount of posts and readers.Few bloggers has some problems with previous Page Navigation script. Now here is a completely new and working script for Numbered Page Navigation (i.e. Panigation) for Blogger. The pagination widget for blogger make it simple for your visitor. Its a must have widget for any blogspot blogs.This new script allows you to add numbered page navigation to blogger/ blogspot blog with page numbers starting(1, 2, 3, 4 ….) like those of a book.<br />
<a name='more'></a><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<span style="color: red; font-size: x-large;"><div>
<span style="color: red; font-size: x-large;"><br /></span></div>
Add Numbered Page Navigation Widget With DIfferent Styles For Blogger / Blogspot</span><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/x4d7ln" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipRbLFGVGBHUu2wjq63Nh28TouGVt3JhAsXF4k-x34nWOPMPMC-8-SCNQbzEI8YyZKhm2ptYGPQyrKW0MELPgDgZPzEJzzoX9HS0pdiQpmx9MZ-qm1HncoFfrjZ6CJ5zORLG8_WeB_udn2/s200/Add+Numbered+Page+Navigation+Widget+With+DIfferent+Styles+For+Blogger.gif" width="200" /></a></div>
<br />
<br />
Page navigation widget for blogger is most popular widget, and most bloggers are using this. because these players are only provided in the wordpress blogs hosted or blogs.But now his trick has been made available to bloggers is also here that I am giving this Page Navigation Widget with different styles and options for full customization<br />
<br />
<br />
<b>How To Install This Widget On Blogger :-</b><br />
<br />
Customize the Given Options and Click on <b><span style="color: red;">Generate button</span></b><br />
Click <b><span style="color: red;">Add to Blogger button</span></b> to add this widget on your Blog<br />
<br />
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="760px" scrolling="no" src="http://safir85.ucoz.com/24work-blogspot/page-navigation/page-navigation-widget-generator-with.html" width="100%"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Stylish Numbered Page Navigation Widget with Colored Styles For Blogger</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/x4d7ln" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguoPHIttLjC31pRQbsN60b-k9yyU4SGYViD8LRhXCtQTjmrzghzlWlZFLKdcfkV12tFYAZu7sxfz8zmi79T1OyV_oa6jY4hAHqkgTbm0ImSd29hP0xC8VrykkBMScYWOznOWGT2aQ4iB-G/s200/Stylish+Numbered+Page+Navigation+Widget+with+Colored+Styles+For+Blogger.gif" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
Numbered Page Navigation Widget is a JavaScript hack for blogger to easily navigate blogger pages. In this post i am giving stylish navigation with different colorful styles.<br />
<br />
An error was found in some blogs and it is also fixed in this widget.<br />
eg.hiding at top<br />
<br />
<br />
<b>How To Install This Widget On Blogger :-</b><br />
<br />
<br />
<ol style="text-align: left;">
<li>Click the below Button</li>
<li>Customize the Options given in Widget form</li>
<li>Click on <b><span style="color: red;">"Generate"</span></b> Button</li>
<li>Finally click On <b style="color: red;">"Add To Blogger"</b> Button</li>
</ol>
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="680px" scrolling="no" src="http://safir85.ucoz.com/24work-blogspot/page-navigation/colorful-page-navigation-generator.html" width="100%"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How to Add Numbered Page Navigation Widget for Blogger / Blogspot</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/x4d7ln" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="26" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagiNIM1FslWGPS3TeICTh-hZBzXsxQ6ov3LfQ_4dkx5ofRE6LNZMJn2w8Rucl8OsoK8annShSjlNBZWE__oXr4JcR_3Djk17dxvaUcyA2S43AX8cmejyJDpsS45uo7LrH7TLP16a8mKy1/s320/Page+Navigation+Widget+Generator.gif" width="320" /></a></div>
<br />
<br />
<br />
Page navigation is awesome widget that allows navigation of page number to the visitors. You might have seen numbered page navigation in many WordPress blogs. It is simple JavaScript that allows your older posts, new posts and links to the house numbers. Have you seen older posts, new messages and links at home bored.<br />
<br />
<br />
<br />
<b>How To Add Numbered Page Navigation Widget to Blogger Blog?</b><br />
<br />
I am giving best customizing options to this widget<br />
<br />
<b><span style="color: red;">Note:-</span></b>Choose colors for your convenience you feel good.<br />
<br />
1.Customize Options in Widget Form<br />
2.Click on <b><span style="color: red;">Generate Button</span></b><br />
3.Then finally Click on <b><span style="color: red;">Add to Blogger Button</span></b> to add as a Widget<br />
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="700px" scrolling="no" src="http://safir85.ucoz.com/24work-blogspot/page-navigation/page-navigation-widget-generator.html" width="100%"></iframe><br />
<br />
<br />
<br />
<br />
<blockquote>
Many thanks to <a href="http://www.way2blogging.org/" rel="nofollow" target="_blank"><span style="color: #f1c232;">Harish</span></a> for making this code , Some Stylings and PageNavi Script by <a href="http://www.abu-farhan.com/" rel="nofollow" target="_blank"><span style="color: #f1c232;">Abu Farhan</span></a> and I just tested and modified to work on blogger</blockquote>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com20tag:blogger.com,1999:blog-404186049558999833.post-22757611532842884562010-12-28T05:23:00.000-08:002013-02-05T21:15:31.583-08:00How To Add Automatic Read More With Thumbnail For Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eSgVna" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRRQtvgjVYl5xdf-3G_z-mdK5ejNus9jrfij-ygv-oCmyNih47-TEObYPOeNR8yuOfK-hHxNfPsOc-C3HF3XlnxObykN2HrjSd8vhxkgE9C7Hfecwykui3ztrE_dHeIDlGQuhXDnKQbBun/s1600/How+To+Add+Automatic+Read+More+With+Thumbnail+For+Blogger.jpg" /></a></div>
<br />
<br />
If you just want to show summary of post on frontpage of blogger then unfortunately, you don’t have any option by default. You will need a external script to make it working.It’s true that, there have been many hacks released to have Read more option on Blogspot or Blogger blogs. Problem with them is that you cannot select the cut-off point and also, there was no support for thumbnail too initially. Here are some scripts which can solve both issues.its automatically generates thumbnail for the post based on the images inside the posts which is quite cool.<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Instructions To Follow:</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #1</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Log in to</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #af2d10; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">,go to Design -> Edit HTML</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">and mark the tick box "Expand Widget Templates"</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<div class="separator" style="clear: both; color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s320/Image+5.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="320" /></a></div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #2</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Now find (CTRL+F) this code in the template:</span><br />
<br />
<br />
<div class="code">
</head> </div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">Before</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type='text/javascript'>var thumbnail_mode = "no-float" ;<br />
<b><span class="Apple-style-span" style="color: lime;">summary_noimg = 430;<br />
summary_img = 340;<br />
</span><span class="Apple-style-span" style="color: orange;">img_thumb_height = 100;<br />
img_thumb_width = 120;</span></b><br />
</script><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
function removeHtmlTag(strx,chop){<br />
if(strx.indexOf("<")!=-1)<br />
{<br />
var s = strx.split("<");<br />
for(var i=0;i<s.length;i++){<br />
if(s[i].indexOf(">")!=-1){<br />
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />
}<br />
}<br />
strx = s.join("");<br />
}<br />
chop = (chop < strx.length-1) ? chop : strx.length-2;<br />
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />
strx = strx.substring(0,chop-1);<br />
return strx+'...';<br />
}<br />
function createSummaryAndThumb(pID){<br />
var div = document.getElementById(pID);<br />
var imgtag = "";<br />
var img = div.getElementsByTagName("img");<br />
var summ = summary_noimg;<br />
if(img.length>=1) {<br />
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />
summ = summary_img;<br />
}<br />
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />
div.innerHTML = summary;<br />
}<br />
//]]><br />
</script><br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
Now find this code:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
and replace it with the bellow code<br />
<br />
<div class="code">
<b:if cond='data:blog.pageType != "item"'><br />
<div expr:id='"summary" + data:post.id'><data:post.body/></div><br />
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");<br />
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'><img src='<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><b style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgutsemCd-Q3_HS_LpicDoNlJ9EpF35mlO-hW6R9jPKQ6F667KdDk1yDejCARizmtz9_jSh9AovAU8a7DzE7o2mYvBw6bMuBJFC1bnMFXLJA_HcIZwiAfOKyjLq3_rakWEBXAi6qf8d0UL0/s1600/Read+more.png</b></span>'/></a></span><br />
</b:if><br />
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">Now Click </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span></span><br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;">Change </span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><b style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgutsemCd-Q3_HS_LpicDoNlJ9EpF35mlO-hW6R9jPKQ6F667KdDk1yDejCARizmtz9_jSh9AovAU8a7DzE7o2mYvBw6bMuBJFC1bnMFXLJA_HcIZwiAfOKyjLq3_rakWEBXAi6qf8d0UL0/s1600/Read+more.png</b></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"> Code with The One You Like Bellow</span><br />
<div style="text-align: left;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><br />
</span></span></div>
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #ececec; background-image: initial; background-origin: initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: #666666; font-style: italic; margin-bottom: 5px; margin-left: 15px; margin-right: 15px; margin-top: 5px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/black-1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><b>http://i643.photobucket.com/albums/uu153/nirav07/black-1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/black.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/black.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/black1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/black1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/blue-dark.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/blue-dark.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/blue-1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/blue-1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/blue.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/blue.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/blue1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/blue1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/bluish.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/bluish.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/brown.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/brown.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/dark-bluish.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/dark-bluish.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/dark-grey.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/dark-grey.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/dark-orange.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/dark-orange.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/dark-purple.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/dark-purple.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/green.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/green.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/green1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/green1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/greenish.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/greenish.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/grey-1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/grey-1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/grey.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/grey.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/grey1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/grey1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/light-blue.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/light-blue.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/light-orange.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/light-orange.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/orange.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/orange.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/original.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/original.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/pink.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/pink.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/purple-1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/purple-1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/purple.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/purple.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/purple1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/purple1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/red-dark.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/red-dark.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/red-1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/red-1.gif</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/red.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/red.png</b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost"><b><img border="0" src="http://i643.photobucket.com/albums/uu153/nirav07/red1.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 3px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 3px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 3px; cursor: move; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />http://i643.photobucket.com/albums/uu153/nirav07/red1.gif</b></span></span></div>
</blockquote>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span style="font-size: medium;"><b>Frequently asked questions and solutions</b></span></span></div>
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #ececec; background-image: initial; background-origin: initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; font-style: italic; margin-bottom: 5px; margin-left: 15px; margin-right: 15px; margin-top: 5px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">
<div style="color: #666666; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;">Q.How can i adjust the quantity of description shown ??</span></div>
<div style="color: #666666; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;">A. just find the bellow code and change it to your need</span></div>
<div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="color: lime; font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><b>summary_noimg = 430;</b></span></div>
</div>
<div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="color: lime; font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><b>summary_img = 340;</b></span></div>
</div>
</blockquote>
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #ececec; background-image: initial; background-origin: initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; font-style: italic; margin-bottom: 5px; margin-left: 15px; margin-right: 15px; margin-top: 5px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">
<div style="color: #666666; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;">Q. How can i Increase or Decrease the height and width of image thumbnail ??</span></div>
<div style="color: #666666; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;">A. Find the bellow code and adjust it with your width and heght .</span></div>
<div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost" style="color: orange;"><b>img_thumb_height = 100;</b></span></span></div>
</div>
<div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="fullpost" style="color: orange;"><b>img_thumb_width = 120;</b></span></span></div>
</div>
</blockquote>
<br />
<br />
<br />
<blockquote>
<b>Note</b> :Before you perform any hack remember to backup your template so that you might restore your previous template in future.For this click download full template in your blogger Edit HTML page.</blockquote>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com15tag:blogger.com,1999:blog-404186049558999833.post-55599839195999483942010-12-28T02:08:00.000-08:002013-02-05T21:18:25.751-08:0032+ “Horizontal” Navigation Menus For Blogger With CSS & HTML Codes<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/faUEph" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77Mct2PNP22PfWhlOYkLF5S9j0Mn_tWTNbegyVFOYL7W8SUwFtTTKVw_Ou0cscwlXpnYtxEJh25i1clOEcnUub2rbF6oifW_1flI370BKC26HIyY66tg67XA3r5dG1dtdbjvu8tqdnN2J/s1600/32%252B+%25E2%2580%259CHorizontal%25E2%2580%259D+Navigation+Menus+For+Blogger+With+CSS+%2526+HTML+Codes.gif" /></a></div>
<br />
<br />
<br />
This is a simple way to create a horizontal navigation bar at the top of your Blogger page.this time I tried to give a mild solution of dish 32+ horizontal menu tab instant ready-made gadgets just by adding a HTML / JavaScript and placed the code tab on the item, as well as emphasize the navigation tabs will be urgent functions on a template.Most hacks for this process involve inserting code in your blogger template.So, let's see how to install this cool widget in your blog..<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; font-weight: bold;">How To Add These Navigation Menus To Blogger</span><br />
<div align="justify">
To add your selected navigation menu to your blogger template follow these steps,</div>
<a href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6892913666655007701" name="more"></a><br />
<ol>
<li>Go To Blogger > <strong>Layout</strong></li>
<li>Click <strong>Add a Gadget</strong> or <strong>Add a Page element</strong></li>
<li>Choose <strong>HTML/JavaScript</strong> widget</li>
<li>Simple Paste the Navigation Menu Code inside <strong>HTML/JavaScript</strong> widget</li>
<li>Hit Save</li>
<li>Drag <strong>HTML/JavaScript</strong> widget and drop it just under your Blog Header, as shown below,<a href="http://i37.tinypic.com/14ms9ao.png" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5507442608753751282" src="http://i37.tinypic.com/14ms9ao.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; cursor: pointer; display: block; height: 240px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center; width: 450px;" /></a><br />
<div align="justify">
</div>
<div align="justify">
<br /></div>
<div align="justify">
To change the links, Edit this part of the HTML in all codes below,</div>
</li>
</ol>
<br />
<div class="code">
<span class="Apple-style-span" style="color: black; font-family: Georgia, serif; font-size: 16px; line-height: normal;"><li><a href="#" ><span>Link 1</span></a></li><br />
<br />
<li><a href="#" ><span>Link 2</span></a></li><br />
<br />
<li><a href="#" ><span>Link 3</span></a></li><br />
<br />
<li><a href="#" ><span>Link 4</span></a></li><br />
<br />
<li><a href="#" ><span>Link 5</span></a></li><br />
<br />
<li><a href="#" ><span>Link 6</span></a></li><br />
<br />
<li><a href="#" ><span>Link 7</span></a></li></span></div>
<br />
Replace the hash(#) sign with your Page Links /URL and replace Link1, Link2, Link3 etc with your Page Titles. If you wish to add or delete a tab then simply add or delete this line,<br />
<br />
<br />
<blockquote>
<span class="Apple-style-span" style="color: black; font-family: Georgia, serif; font-size: 16px; line-height: normal;"><li><a href="#" ><span>Link n</span></a></li></span></blockquote>
<br />
<br />
<br />
<h4 align="center" style="font-family: Arial, Verdana; font-size: 14px;">
<span class="Apple-style-span" style="font-size: 13px; font-weight: normal; line-height: 20px;">Finally do not forget to save and save. <span style="background-color: #e6ecf9;">See the results on his blog.</span></span></h4>
<h4 align="center" style="font-family: Arial, Verdana; font-size: 14px;">
<span class="Apple-style-span" style="font-size: 13px; font-weight: normal; line-height: 20px;">Here's the code <strong>30 horizontal tab navigation menu</strong></span></h4>
<h4 align="center" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">
<span class="Apple-style-span" style="color: black; font-family: 'Times New Roman'; font-size: small;">MBT Navigation Menu #1</span></h4>
<br />
<div align="center">
<strong>No Image Used</strong></div>
<img alt="Black-Orange" border="0" height="26" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz1YXOL3pI/AAAAAAAACxE/btzfZV_J4ew/BlackOrange2.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Black-Orange" width="362" /><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #666; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<br />
<br />
<br />
<h4 align="center">
MBT Navigation Menu #2</h4>
<div align="center">
<strong>No Image Used</strong></div>
<div align="center">
<img alt="Purple-White-Navigation" border="0" height="27" src="http://lh6.ggpht.com/_7wsQzULWIwo/Szz1aLg5w5I/AAAAAAAACxI/cPzatfY4mmk/PurpleWhiteNavigation2.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Purple-White-Navigation" width="498" /><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #navcontainer { float:left; width:100%; background:#fff; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #6659A7; border-top:1px solid #6659A7; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #6659A7; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #666; background-color: #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<br />
<br />
<h4 align="center">
MBT Navigation Menu #3</h4>
<div align="center">
<strong>No Image Used</strong></div>
<div align="center">
<strong><img alt="Boxed 1" border="0" height="54" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz1cGSMRWI/AAAAAAAACxM/QZ0fvJGzvQY/Boxed%201%5B2%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Boxed 1" width="506" /><br />
<br />
</strong><br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs { font: bold 7.5pt Verdana; } #navcontainer { float:left; margin: 0; padding: 8px 0px; width:100%; background:#575656; font-size:93%; line-height:normal; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font: bold 7.5pt Verdana; line-height: 14px; margin: 0; padding: 5px 0 5px 0; } #navlist a, #navlist a:link { margin: 0; padding: 10px; color: #fff; border: 4px solid #575656; text-decoration: none; } #navlist a:hover { color: #fff; border: 4px solid #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<strong><br />
<br />
</strong><br />
<h4 align="center">
<strong>MBT Navigation Menu #4</strong></h4>
<div align="center">
<strong><strong>No Image Used</strong></strong></div>
<br />
<div align="center">
<strong><img alt="LIGHT-GREY" border="0" height="26" src="http://lh4.ggpht.com/_7wsQzULWIwo/Szz1eIrf-yI/AAAAAAAACxQ/Ff8NH5v_pBU/LIGHTGREY2.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="LIGHT-GREY" width="410" /><br />
<br />
<br />
</strong><br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs1 { font: bold 7.5pt Verdana; } #tabs9 img { border: none; } #navcontainer { margin: 10px 0 0 30px; padding: 0; height: 20px; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer ul li a { background: #fff; width: 78px; height: 18px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0; margin: 0 0 5px 0; color: #666; text-decoration: none; display: block; text-align: center; font: normal 10px/18px verdana; } #navcontainer ul li a:hover { color: #6659A7; background: #eeeeee; } #navcontainer a:active { background: #c60; color: #fff; } #navcontainer li#active a { background: #c60; border: 1px solid #c60; color: #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<strong><br />
<br />
<br />
</strong><br />
<h4 align="center">
<strong>MBT Navigation Menu #5</strong></h4>
<br />
<div align="center">
<strong><img alt="Bulleted-top-Navigation" border="0" height="41" src="http://lh6.ggpht.com/_7wsQzULWIwo/Szz1gaP44BI/AAAAAAAACxU/5ImDKJiYEFQ/BulletedtopNavigation2.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Bulleted-top-Navigation" width="438" /><br />
<br />
</strong><br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> .container { width: 500px; padding: 0 0 5px 0; margin: 3px 0 10px 0; background: #fff; } #nav { margin: 0; padding: 0; border-top: 3px solid #5F6A71; } #nav li { margin: 0; padding: 0; display: inline; list-style-type: none; } #nav a:link, #nav a:visited { float: left; font: bold 7.5pt verdana; line-height: 14px; padding: 9px; text-decoration: none; color: #708491; } #nav a:link.active, #nav a:visited.active, #nav a:hover { color: #666; background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/SzvC_Xa-vHI/AAAAAAAACw0/qVeZI3gdWQM/s1600/Inverted.png) no-repeat top center; border-top: 4px solid #5F6A71; } </style> <div class="container"> <ul id="nav"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #6</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu I" border="0" height="43" src="http://lh4.ggpht.com/_7wsQzULWIwo/Szz1iBn3G5I/AAAAAAAACxY/8VRedQKCCNs/TabMenuI.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu I" width="200" /></b></span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsI { float:left; width:100%; background:#EFF4FA; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #DD740B; } #tabsI ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsI li { display:inline; margin:0; padding:0; } #tabsI a { float:left; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/SzvBJiGpo6I/AAAAAAAACwM/9lKuhGGOk3E/s1600/tableftI.png) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #tabsI a span { float:left; display:block; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/SzvBJn6pb9I/AAAAAAAACwQ/XVWOFI_3AgE/s1600/tabrightI.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsI a span {float:none;} /* End IE5-Mac hack */ #tabsI a:hover span { color:#FFF; } #tabsI a:hover { background-position:0% -42px; } #tabsI a:hover span { background-position:100% -42px; } </style> <div id="tabsI"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #7</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu G" border="0" height="43" src="http://lh4.ggpht.com/_7wsQzULWIwo/Szz1laY6KUI/AAAAAAAACxc/eCTT245KR8U/TabMenuG.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu G" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsG { float:left; width:100%; background:#666; font: bold 7.5pt Verdana; line-height:normal; } #tabsG ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsG li { display:inline; margin:0; padding:0; } #tabsG a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/SzvBBuaTrwI/AAAAAAAACv8/G3bPgs-Gu7U/s1600/tableftG.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsG a span { float:left; display:block; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/SzvBB8X5gTI/AAAAAAAACwA/fwleg9upasg/s1600/tabrightG.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsG a span {float:none;} /* End IE5-Mac hack */ #tabsG a:hover span { color:#FFF; } #tabsG a:hover { background-position:0% -42px; } #tabsG a:hover span { background-position:100% -42px; } </style> <div id="tabsG"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #8</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu F" border="0" height="43" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz1rMQIkoI/AAAAAAAACxg/_luuZ2pTkq8/TabMenuF.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu F" width="200" /></b></span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsF { float:left; width:100%; background:#efefef; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #666; } #tabsF ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsF li { display:inline; margin:0; padding:0; } #tabsF a { float:left; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/SzvA5iiWmCI/AAAAAAAACv0/4lAk0jar62Q/s1600/tableftF.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsF a span { float:left; display:block; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/SzvA5jIWoBI/AAAAAAAACv4/1TJsSRUoYes/s1600/tabrightF.png) no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsF a span {float:none;} /* End IE5-Mac hack */ #tabsF a:hover span { color:#FFF; } #tabsF a:hover { background-position:0% -42px; } #tabsF a:hover span { background-position:100% -42px; } </style> <div id="tabsF"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #9</h4>
<div align="center" style="font-weight: bold;">
<strong>No Image Used</strong></div>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="ZDnet Emulation" border="0" height="43" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz1sB88VpI/AAAAAAAACxk/lo8z6WEv7o8/ZDnetEmulation.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="ZDnet Emulation" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #navcontainer { background: #369; border-top: 1px solid #9CC; margin-top: 20px; font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } #navlist { list-style: none outside none; margin: 0; padding: 0; } @media all { #navlist { text-align: center } } #navlist li { bottom: 11px; display: inline; line-height: 1.2em; margin: 0; padding: 0; position: relative; } html>body #navlist li { background: #000; margin: 0 3px 0 0; padding: 4px 0px 4px 0; } #navlist a, #navlist a:link, #navlist a:visited { background: #900; border: 1px solid #FFF; bottom: 2px; color: #FFF; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; } #navlist a:hover { background: #C00; bottom: 1px; color: #FFF; position: relative; right: 1px; } #navlist a:active { background: #999; bottom: 0px; color: #FFF; position: relative; right: 0px; } #navlist li#active { background: #369; bottom: 13px; display: inline; margin: 0 3px 0 0; padding: 0; position: relative; } html>body #navlist li#active { background: #000; margin: 0 4px 0 4px; } #navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover { background: #369; border-bottom: none; border-left: 1px solid #9CC; border-right: 1px solid #9CC; border-top: 1px solid #9CC; bottom: 0; color: #FFF; cursor: text; margin: 0; padding: 2px 5px 0 5px; position: relative; right: 0; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div> </div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #10</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu E" border="0" height="43" src="http://lh4.ggpht.com/_7wsQzULWIwo/Szz1tiEhAYI/AAAAAAAACxo/2ikCRAPWxTI/TabMenuE.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu E" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsE { float:left; width:100%; background:#000; font: bold 7.5pt Verdana; line-height:normal; } #tabsE ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsE li { display:inline; margin:0; padding:0; } #tabsE a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/SzvA5SCr4aI/AAAAAAAACvs/z9n_NmrOa5s/s1600/tableftE.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsE a span { float:left; display:block; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/SzvA5lGRr2I/AAAAAAAACvw/691UrUgNOOA/s1600/tabrightE.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsE a span {float:none;} /* End IE5-Mac hack */ #tabsE a:hover span { color:#FFF; } #tabsE a:hover { background-position:0% -42px; } #tabsE a:hover span { background-position:100% -42px; } </style> <div id="tabsE"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #11</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu D" border="0" height="43" src="http://lh6.ggpht.com/_7wsQzULWIwo/Szz1vIO9DhI/AAAAAAAACxs/dKpP7uuk5Cs/Tab%20Menu%20D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu D" width="200" /></b></span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsD { float:left; width:100%; background:#FCF3F8; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #F4B7D6; } #tabsD ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsD li { display:inline; margin:0; padding:0; } #tabsD a { float:left; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/SzvAqYEy5NI/AAAAAAAACvk/Upvw2dOoy3c/s1600/tableftD.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsD a span { float:left; display:block; background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/SzvAqaCPITI/AAAAAAAACvo/6J1w2JWIlz0/s1600/tabrightD.png) no-repeat right top; padding:5px 15px 4px 6px; color:#C7377D; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsD a span {float:none;} /* End IE5-Mac hack */ #tabsD a:hover span { color:#C7377D; } #tabsD a:hover { background-position:0% -42px; } #tabsD a:hover span { background-position:100% -42px; } </style> <div id="tabsD"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #12</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 12" border="0" height="43" src="http://lh4.ggpht.com/_7wsQzULWIwo/Szz1wiIBZyI/AAAAAAAACxw/TN33uaujR8I/Tab%20Menu%2012.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 12" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs12 img { border: none; } #tabs12 { float:left; width:100%; background:#F9F7F3; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs12 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs12 li { display:inline; margin:0; padding:0; } #tabs12 a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/Szu_vhXlxhI/AAAAAAAACvE/mtaQIkLuioQ/s1600/tableft12.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs12 a span { float:left; display:block; background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/Szu_voDXE9I/AAAAAAAACvI/sVgxX67lkGc/s1600/tabright12.png) no-repeat right top; padding:5px 15px 4px 6px; color:#E4D6CD; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs12 a span {float:none;} /* End IE5-Mac hack */ #tabs12 a:hover span { color:#FFF; } #tabs12 a:hover { background-position:0% -42px; } #tabs12 a:hover span { background-position:100% -42px; } #tabs12 #current a { background-position:0% -42px; } #tabs12 #current a span { background-position:100% -42px; } </style> <div id="tabs12"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #13</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 11" border="0" height="43" src="http://lh3.ggpht.com/_7wsQzULWIwo/Szz1x9wH2nI/AAAAAAAACx0/sJ2VUR8h14U/Tab%20Menu%2011.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 11" width="200" /></b></span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs11 img { border: none; } #tabs11 { float:left; width:100%; background:#F9F7F3; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs11 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs11 li { display:inline; margin:0; padding:0; } #tabs11 a { float:left; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/Szu_vcwCwaI/AAAAAAAACu8/HPBTqfggop8/s1600/tableft11.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs11 a span { float:left; display:block; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/Szu_vbDU2PI/AAAAAAAACvA/k6O6JwDg614/s1600/tabright11.png) no-repeat right top; padding:5px 15px 4px 6px; color:#9F9584; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs11 a span {float:none;} /* End IE5-Mac hack */ #tabs11 a:hover span { color:#FFF; } #tabs11 a:hover { background-position:0% -42px; } #tabs11 a:hover span { background-position:100% -42px; } #tabs11 #current a { background-position:0% -42px; } #tabs11 #current a span { background-position:100% -42px; } </style> <div id="tabs11"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #14</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 10" border="0" height="43" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz1zdz7ivI/AAAAAAAACx4/qULnuGkw0Zo/Tab%20Menu%2010.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 10" width="200" /></b></span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs10 img { border: none; } #tabs10 { float:left; width:100%; font: bold 7.5pt Verdana; border-bottom:1px solid #2763A5; line-height:normal; } #tabs10 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs10 li { display:inline; margin:0; padding:0; } #tabs10 a { float:left; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/Szu_knlQKBI/AAAAAAAACu0/8LiiBZnKfsw/s1600/tableft10.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs10 a span { float:left; display:block; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/Szu_k-9mnTI/AAAAAAAACu4/zgN8RBPo47g/s1600/tabright10.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs10 a span {float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; } #tabs10 a:hover { background-position:0% -42px; } #tabs10 a:hover span { background-position:100% -42px; } #tabs10 #current a { background-position:0% -42px; } #tabs10 #current a span { background-position:100% -42px; } </style> <div id="tabs10"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #15</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 9" border="0" height="43" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz10i9Wp2I/AAAAAAAACx8/iElhbTydrbA/Tab%20Menu%209.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 9" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs9 img { border: none; } #tabs9 { float:left; width:100%; font: bold 7.5pt Verdana; border-bottom:1px solid #F45551; line-height:normal; } #tabs9 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs9 li { display:inline; margin:0; padding:0; } #tabs9 a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/Szu_kvE0faI/AAAAAAAACus/SzckKvt6x20/s1600/tableft9.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs9 a span { float:left; display:block; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/Szu_kr6m1hI/AAAAAAAACuw/YTWQEYce98E/s1600/tabright9.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs9 a span {float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; } #tabs9 a:hover { background-position:0% -42px; } #tabs9 a:hover span { background-position:100% -42px; } #tabs9 #current a { background-position:0% -42px; } #tabs9 #current a span { background-position:100% -42px; } </style> <div id="tabs9"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #16</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 6" border="0" height="43" src="http://lh3.ggpht.com/_7wsQzULWIwo/Szz12hY03DI/AAAAAAAACyA/TrPoyBTpM1k/Tab%20Menu%206.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 6" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs6 img { border: none; } #tabs6 { float:left; width:100%; background:#efefef; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #666; } #tabs6 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs6 li { display:inline; margin:0; padding:0; } #tabs6 a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/Szu-pxMSoZI/AAAAAAAACuU/PFY8xbrx6AQ/s1600/tableft6.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs6 a span { float:left; display:block; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/Szu-p0wRo5I/AAAAAAAACuY/T2KFLniEzcM/s1600/tabright6.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs6 a span {float:none;} /* End IE5-Mac hack */ #tabs6 a:hover span { color:#FFF; } #tabs6 a:hover { background-position:0% -42px; } #tabs6 a:hover span { background-position:100% -42px; } #tabs6 #current a { background-position:0% -42px; } #tabs6 #current a span { background-position:100% -42px; } </style> <div id="tabs6"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #17</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 8" border="0" height="43" src="http://lh4.ggpht.com/_7wsQzULWIwo/Szz13n6VqsI/AAAAAAAACyE/QjAasgYIlxc/Tab%20Menu%208.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 8" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs8 img { border: none; } #tabs8 { float:left; width:100%; background:#FCF1F6; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #E276A7; } #tabs8 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs8 li { display:inline; margin:0; padding:0; } #tabs8 a { float:left; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/Szu_bd2bmRI/AAAAAAAACuk/Y174Kut0Ngs/s1600/tableft8.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs8 a span { float:left; display:block; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/Szu_bixXsgI/AAAAAAAACuo/rQ1FvEtXTdI/s1600/tabright8.png) no-repeat right top; padding:5px 15px 4px 6px; color:#333; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs8 a span {float:none;} /* End IE5-Mac hack */ #tabs8 a:hover span { color:#591333; } #tabs8 a:hover { background-position:0% -42px; } #tabs8 a:hover span { background-position:100% -42px; } #tabs8 #current a { background-position:0% -42px; } #tabs8 #current a span { background-position:100% -42px; } </style> <div id="tabs8"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #18</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 7" border="0" height="43" src="http://lh3.ggpht.com/_7wsQzULWIwo/Szz17dcpojI/AAAAAAAACyI/2QrF-WPjkLo/Tab%20Menu%207.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 7" width="200" /></b></span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs7 img { border: none; } #tabs7 { float:left; width:100%; background:#D4DAE7; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #333B66; } #tabs7 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs7 li { display:inline; margin:0; padding:0; } #tabs7 a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/Szu_bRCaLKI/AAAAAAAACuc/YEWujpfd-sA/s1600/tableft7.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs7 a span { float:left; display:block; background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/Szu_bSCN0jI/AAAAAAAACug/0fWPrwxSe4s/s1600/tabright7.png) no-repeat right top; padding:5px 15px 4px 6px; color:#999; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs7 a span {float:none;} /* End IE5-Mac hack */ #tabs7 a:hover span { color:#ECB546; } #tabs7 a:hover { background-position:0% -42px; } #tabs7 a:hover span { background-position:100% -42px; } #tabs7 #current a { background-position:0% -42px; } #tabs7 #current a span { background-position:100% -42px; } </style> <div id="tabs7"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #19</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu K" border="0" height="43" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz19Ol42EI/AAAAAAAACyM/cvWAkfv4YCs/Tab%20Menu%20K.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu K" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsK { float:left; width:100%; background:#E7E5E2; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #54545C; } #tabsK ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsK li { display:inline; margin:0; padding:0; } #tabsK a { float:left; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/SzvBVzhRH_I/AAAAAAAACwc/wnL2j0dXKHM/s1600/tableftK.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsK a span { float:left; display:block; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/SzvBV1YKHfI/AAAAAAAACwg/3p1hsPWPSHI/s1600/tabrightK.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsK a span {float:none;} /* End IE5-Mac hack */ #tabsK a:hover span { color:#FFF; background-position:100% -42px; } #tabsK a:hover { background-position:0% -42px; } #tabsK a:hover span { background-position:100% -42px; } </style> <div id="tabsK"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #20</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 4" border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Law1KnFvYbl1R1bL98Mh_swrFRZ0Pf2lBkB68W6qxtR0NWqXVprtHqpW5T5QO9y1Z8DnuPkwFbqQdPf9u_k2pEWBX5-8PIPhgrjgRmnwY3t1dKLOcT3ZeKdyHINStRkgSYVuNWEKdTo/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 4" width="200" /></b></span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs4 img { border: none; } #tabs4 { float:left; width:100%; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #6B78A9; } #tabs4 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs4 li { display:inline; margin:0; padding:0; } #tabs4 a { float:left; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/Szu-gCY1ZzI/AAAAAAAACuE/IYEaj-Ap9Bk/s1600/tableft4.gif) no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; } #tabs4 a span { float:left; display:block; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/Szu-gKkyHOI/AAAAAAAACuI/NpLTAFOd2uQ/s1600/tabright4.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#6B78A9; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs4 a span {float:none;} /* End IE5-Mac hack */ #tabs4 a:hover span { color:#6B78A9; } #tabs4 a:hover { background-position:0% -42px; } #tabs4 a:hover span { background-position:100% -42px; } #tabs4 #current a { background-position:0% -42px; } #tabs4 #current a span { background-position:100% -42px; } </style> <div id="tabs4"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #21</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 3" border="0" height="43" src="http://lh3.ggpht.com/_7wsQzULWIwo/Szz1_q8cp8I/AAAAAAAACyU/hCt-3qiHWAI/Tab%20Menu%203.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 3" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs3 img { border: none; } #tabs3 { float:left; width:100%; background:#E4E6EB; font: bold 7.5pt Verdana; line-height:normal; } #tabs3 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs3 li { display:inline; margin:0; padding:0; } #tabs3 a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/Szu-fxTO5uI/AAAAAAAACt8/-Obicf3fMP0/s1600/tableft3.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs3 a span { float:left; display:block; background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/Szu-gDciBuI/AAAAAAAACuA/CQSbr-4_cGU/s1600/tabright3.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs3 a span {float:none;} /* End IE5-Mac hack */ #tabs3 a:hover span { color:#FFF; } #tabs3 a:hover { background-position:0% -42px; } #tabs3 a:hover span { background-position:100% -42px; } #tabs3 #current a { background-position:0% -42px; } #tabs3 #current a span { background-position:100% -42px; } </style> <div id="tabs3"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #22</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Tab Menu 2" border="0" height="43" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz2BLo4slI/AAAAAAAACyY/aTWNJGwmrH4/Tab%20Menu%202.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 2" width="200" /></b></span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs2 img { border: none; } #tabs2 { float:left; width:100%; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #84776B; } #tabs2 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs2 li { display:inline; margin:0; padding:0; } #tabs2 a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/Szu9PRHHGvI/AAAAAAAACt0/VowUBlNOh9g/s1600/tableft2.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs2 a span { float:left; display:block; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/Szu9Pg-t39I/AAAAAAAACt4/Bc82ooHNWSA/s1600/tabright2.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#84776B; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs2 a span {float:none;} /* End IE5-Mac hack */ #tabs2 a:hover span { color:#74675B; } #tabs2 a:hover { background-position:0% -42px; } #tabs2 a:hover span { background-position:100% -42px; } #tabs2 #current a { background-position:0% -42px; } #tabs2 #current a span { background-position:100% -42px; } </style> <div id="tabs2"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #23</h4>
<span class="Apple-style-span" style="margin-left: auto; margin-right: auto;"><b><img alt="Square" border="0" height="43" src="http://lh3.ggpht.com/_7wsQzULWIwo/Szz2CaDhDbI/AAAAAAAACyc/Wr97cK9QDqg/Square.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Square" width="200" /></b></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> .container { width: 500px; padding: 15px; margin: 3px 0 20px 0; border: 1px solid #ccc; background: #fff; } /* square */ #navSquare { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #9FB1BC; } #navSquare li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navSquare a:link, #navSquare a:visited { float: left; font-size: 12px; line-height: 14px; font-weight: bold; padding: 0 12px 6px 12px; text-decoration: none; color: #708491; } #navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover { color: #000; background: url(file://localhost/C:/Program%20Files/CSS%20Tab%20Designer%202/styles/Square/Square.gif) no-repeat bottom center; } </style> <div class="container"> <ul id="navSquare"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #24</h4>
<div align="center">
<div style="font-weight: bold;">
<strong>No Image Used</strong><img alt="Horizontal Buttons" border="0" height="43" src="http://lh3.ggpht.com/_7wsQzULWIwo/Szz2DRw919I/AAAAAAAACyg/QYfXPp0XGJs/Horizontal%20Buttons.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Horizontal Buttons" width="201" /></div>
<div style="font-weight: bold;">
<br /></div>
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #navcontainer { background: #f0e7d7; margin: 0 auto; padding: .4em 0 .2em 0; font-family: georgia, serif; text-transform: uppercase; font-size: 14px; } /* to stretch the container div to contain floated list */ #navcontainer:after { content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; } ul#navlist { list-style: none; padding: 0; margin: 0 auto; width: 80%; font-size: 0.8em; } ul#navlist li { display: block; float: left; margin: 0; padding-bottom: 2px; } ul#navlist li a { display: block; width: 100%; padding: 0.5em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #f7f2ea; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Liddddnk 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Linddddkdd 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Linddddk 7</span></a></li> </ul> </div></div>
<div style="font-weight: bold;">
<br /></div>
<div style="font-weight: bold;">
<br /></div>
<h4 align="center" style="font-weight: bold;">
Tabs Menu #25</h4>
<div style="font-weight: bold;">
<img alt="Tab Menu H" border="0" height="43" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz2Eg0-I0I/AAAAAAAACyk/JPAruUANs6w/Tab%20Menu%20H.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu H" width="200" /></div>
<div style="font-weight: bold;">
<br /></div>
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsH { float:left; width:100%; background:#000; font: bold 7.5pt Verdana; line-height:normal; } #tabsH ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsH li { display:inline; margin:0; padding:0; } #tabsH a { float:left; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/SzvBBx63ZtI/AAAAAAAACwE/lOu0RDcHs_c/s1600/tableftH.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsH a span { float:left; display:block; background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/SzvBB9V8tWI/AAAAAAAACwI/rmnQz1WjK-g/s1600/tabrightH.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsH a span {float:none;} /* End IE5-Mac hack */ #tabsH a:hover span { color:#FFF; } #tabsH a:hover { background-position:0% -42px; } #tabsH a:hover span { background-position:100% -42px; } </style> <div id="tabsH"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<div style="font-weight: bold;">
<br /></div>
<div style="font-weight: bold;">
<br /></div>
<h4 align="center" style="font-weight: bold;">
Tabs Menu #26</h4>
<div style="font-weight: bold;">
<img alt="Tab Menu 1" border="0" height="43" src="http://lh6.ggpht.com/_7wsQzULWIwo/Szz2F92u_zI/AAAAAAAACyo/pDanGsij04g/Tab%20Menu%201.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 1" width="200" /></div>
<div style="font-weight: bold;">
<br /></div>
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs1 img { border: none; } #tabs1 { float:left; width:100%; background:#F4F7FB; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #BCD2E6; } #tabs1 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs1 li { display:inline; margin:0; padding:0; } #tabs1 a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/Szu9PCVjbFI/AAAAAAAACts/MclSzL8Aza4/s1600/tableft1.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs1 a span { float:left; display:block; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/Szu9Pd4oqxI/AAAAAAAACtw/3ldOBb2QV-g/s1600/tabright1.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#627EB7; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs1 a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#627EB7; } #tabs1 a:hover { background-position:0% -42px; } #tabs1 a:hover span { background-position:100% -42px; } #tabs1 #current a { background-position:0% -42px; } #tabs1 #current a span { background-position:100% -42px; } </style> <div id="tabs1"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<div style="font-weight: bold;">
<br /></div>
<div style="font-weight: bold;">
<br /></div>
<h4 align="center" style="font-weight: bold;">
Tabs Menu #27</h4>
<div style="font-weight: bold;">
<img alt="Tab Menu A" border="0" height="43" src="http://lh5.ggpht.com/_7wsQzULWIwo/Szz2Gx8N_-I/AAAAAAAACys/F217KTylW3Q/Tab%20Menu%20A.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu A" width="200" /></div>
<div style="font-weight: bold;">
<br /></div>
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs { float:left; width:100%; background:#BBD9EE; font: bold 7.5pt Verdana; line-height:normal; } #tabs ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/SzvASky0MXI/AAAAAAAACvM/lCN12ooOQ_o/s1600/tableft.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs a span { float:left; display:block; background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/SzvASjsu31I/AAAAAAAACvQ/h_VW2YzIljU/s1600/tabright.png) no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#FF9834; } #tabs a:hover { background-position:0% -42px; } #tabs a:hover span { background-position:100% -42px; } </style> <div id="tabs"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<div style="font-weight: bold;">
<br /></div>
<div style="font-weight: bold;">
<br /></div>
<h4 align="center" style="font-weight: bold;">
Tabs Menu #28</h4>
<div style="font-weight: bold;">
<img alt="Tab Menu 5" border="0" height="43" src="http://lh3.ggpht.com/_7wsQzULWIwo/Szz2IApSnWI/AAAAAAAACyw/SJJad8Brf34/Tab%20Menu%205.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu 5" width="200" /></div>
<div style="font-weight: bold;">
<br /></div>
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabs5 img { border: none; } #tabs5 { float:left; width:100%; background:#E3ECF3; font: bold 7.5pt Verdana; line-height:normal; } #tabs5 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs5 li { display:inline; margin:0; padding:0; } #tabs5 a { float:left; background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/Szu-pihZsRI/AAAAAAAACuM/M_WqlslWGI0/s1600/tableft5.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs5 a span { float:left; display:block; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/Szu-ppvYxHI/AAAAAAAACuQ/aL8WsHpvlSo/s1600/tabright5.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs5 a span {float:none;} /* End IE5-Mac hack */ #tabs5 a:hover span { color:#FFF; } #tabs5 a:hover { background-position:0% -42px; } #tabs5 a:hover span { background-position:100% -42px; } #tabs5 #current a { background-position:0% -42px; } #tabs5 #current a span { background-position:100% -42px; } </style> <div id="tabs5"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<div style="font-weight: bold;">
<br /></div>
<div style="font-weight: bold;">
<br /></div>
<h4 align="center" style="font-weight: bold;">
Tabs Menu #29</h4>
<div align="center">
<div style="font-weight: bold;">
<img alt="Tab Menu B" border="0" height="43" src="http://lh6.ggpht.com/_7wsQzULWIwo/Szz2KBqpvhI/AAAAAAAACy0/qENKvK0Hkcw/Tab%20Menu%20B.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu B" width="200" /></div>
<div style="font-weight: bold;">
<br /></div>
<div style="font-weight: bold;">
<br /></div>
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsB { float:left; width:100%; background:#F4F4F4; font: bold 7.5pt Verdana; line-height:normal; } #tabsB ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsB li { display:inline; margin:0; padding:0; } #tabsB a { float:left; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/SzvASpRftuI/AAAAAAAACvU/Zu86nlwjvhQ/s1600/tableftB.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/SzvAS5-xgjI/AAAAAAAACvY/f0YjqMbxzqY/s1600/tabrightB.png) no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsB a span {float:none;} /* End IE5-Mac hack */ #tabsB a:hover span { color:#000; } #tabsB a:hover { background-position:0% -42px; } #tabsB a:hover span { background-position:100% -42px; } </style> <div id="tabsB"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<div style="font-weight: bold;">
<br /></div>
<div style="font-weight: bold;">
<br /></div>
<h4 align="center" style="font-weight: bold;">
Tabs Menu #30</h4>
<div style="font-weight: bold;">
<img alt="Tab Menu J" border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEi1X5x_4UEV_dijLmxeod-I7OsDseSshm3BHe7cHT0BY0J9NFcuQnSxBZvOS2DTCT4QnQLUV5oZ5AKl8H-mWjLUkuoUSODyZfF9u0_UzHWvLenJFBiayaUMpWiis9l73KEG0Ac2zbUBk/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu J" width="200" /> <strong></strong></div>
<div style="font-weight: bold;">
<br /></div>
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style> #tabsJ { float:left; width:100%; background:#F4F4F4; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #24618E; } #tabsJ ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsJ li { display:inline; margin:0; padding:0; } #tabsJ a { float:left; background:url(http://3.bp.blogspot.com/_7wsQzULWIwo/SzvBJ_dMfYI/AAAAAAAACwU/ROgYM1pOzzo/s1600/tableftJ.png) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #tabsJ a span { float:left; display:block; background:url(http://1.bp.blogspot.com/_7wsQzULWIwo/SzvBJ7Gdz_I/AAAAAAAACwY/o6Vlnp00pyk/s1600/tabrightJ.png) no-repeat right top; padding:5px 15px 4px 6px; color:#24618E; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsJ a span {float:none;} /* End IE5-Mac hack */ #tabsJ a:hover span { color:#FFF; } #tabsJ a:hover { background-position:0% -42px; } #tabsJ a:hover span { background-position:100% -42px; } </style> <div id="tabsJ"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #31</h4>
<div style="font-weight: bold;">
<img alt="Tab Menu J" border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo8C3M8L7P5fV5HHK6bmDRvdiYDdtIYi8FwZ5twWC1u5G_ojez8V0mubAmXFNY00SU623rV6RZr97W7aqAj9oVPynV2OKoy0AM7XaDoG4S685yDWRt0w7vZFYInqQTUz3yO1DImBei8E5K/s1600/Image+6.gif" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu J" width="200" /> <strong></strong></div>
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style><br />
<br />
#menubar{background-color:#e1e1e1; padding:0; margin:0}<br />
<br />
.btnmenu ul{font:15px verdana; padding:0; margin:0}<br />
<br />
.btnmenu ul li{list-style:none; display:inline; padding:0; margin:0}<br />
<br />
.btnmenu ul li a{padding:2px 20px; text-decoration:none; float:left; background-color:#e1e1e1; color:black; border:solid #e1e1e1; border-width:4px 1px; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px}<br />
<br />
.btnmenu ul li a:hover{padding:1px 20px 3px 20px; background-color:#FFF; border-style:outset}<br />
<br />
.btnmenu ul li a:active{padding:3px 20px 1px 20px; border-style:inset}<br />
<br />
</style><br />
<div id='menubar'><br />
<div class='btnmenu'><br />
<ul id="navlist"><li><a href="#"><span>Link 1</span></a></li><li><a href="#"><span>Link 2</span></a></li><li><a href="#"><span>Link 3</span></a></li><li><a href="#"><span>Link 4</span></a></li><li><a href="#"><span>Link 5</span></a></li><li><a href="#"><span>Link 6</span></a></li></ul></div><div style='clear:both; '></div><br />
</div></div>
<br />
<br />
<h4 align="center" style="font-weight: bold;">
Tabs Menu #32</h4>
<div style="font-weight: bold;">
<img alt="Tab Menu J" border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyrVQi1n0tyaiPGI9dB7i30gfqFJ7c_PZORIvfbbEmM4rZMRca4p68nEFXtO3bBYdvSF29ToCjjhpecxIMZSkXAmoqQ8gSnACx88hyn0qkGyo1H2F3LCyiog2oeMtubiL1GDwaGgDiMpjf/s1600/Image+7.gif" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tab Menu J" width="200" /> <strong></strong></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style><br />
#bg_nav{background:#000; width:960px; height:29px; font-size:11px; font-family:Arial,Tahoma,Verdana; color:#FFF; font-weight:bold; margin:0px auto 0px; padding:0px; border-top:1px solid #333; border-bottom:1px solid #000; overflow:hidden}<br />
<br />
#bg_nav a, #bg_nav a:visited{color:#FFF; font-size:11px; text-decoration:none; text-transform:uppercase; padding:0px 0px 0px 3px}<br />
<br />
#bg_nav a:hover{color:#FFF; text-decoration:underline; padding:0px 0px 0px 3px}<br />
<br />
#navleft{width:720px; float:left; margin:0px; padding:0px}<br />
<br />
#navright{width:220px; font-size:11px; float:right; margin:0px; padding:6px 5px 0px 0px}<br />
<br />
#navright a img{border:none; margin:0px; padding:0px}<br />
<br />
#nav{margin:0px; padding:0px; list-style:none}<br />
<br />
#nav ul{margin:0px; padding:0px; list-style:none}<br />
<br />
#nav a, #nav a:visited{background:#222; color:#FFF; display:block; font-weight:bold; margin:0px; padding:8px 15px; border-left:1px solid #000}<br />
<br />
#nav a:hover{background:#6e6d6d; color:#FFF; margin:0px; padding:8px 15px; text-decoration:none}<br />
<br />
#nav li{float:left; margin:0px; padding:0px}<br />
<br />
#nav li li{float:left; margin:0px; padding:0px; width:150px}<br />
<br />
#nav li li a, #nav li li a:link, #nav li li a:visited{background:#333; width:160px; float:none; margin:0px; padding:7px 30px 7px 10px; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000}<br />
<br />
#nav li li a:hover, #nav li li a:active{background:#666; padding:7px 30px 7px 10px}<br />
<br />
#nav li ul{position:absolute; width:10em; left:-999em}<br />
<br />
#nav li:hover ul{left:auto; display:block}<br />
<br />
#nav li:hover ul, #nav li.sfhover ul{left:auto}<br />
</style><br />
<br />
<div id='bg_nav'><br />
<div id='navleft'><br />
<div id='nav'><br />
<li><a href="#"><span>Link 1</span></a></li><li><a href="#"><span>Link 2</span></a></li><li><a href="#"><span>Link 3</span></a></li><li><a href="#"><span>Link 4</span></a></li><li><a href="#"><span>Link 5</span></a></li><li><a href="#"><span>Link 6</span></a></li><li><a href="#"><span>Link 7</span></a></li></ul></div></div>
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: left;">
Now Click<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: left;">
Thanks to <a href="http://www.mybloggertricks.com/" rel="nofollow" style="text-decoration: none;" target="_blank" title=""><span class="Apple-style-span" style="color: orange;">My Blogger Trick</span></a></div>
<br />
<br />
<br /></div>
</div>
</div>
</div>
</div>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com4tag:blogger.com,1999:blog-404186049558999833.post-64606216141170161212010-12-27T22:31:00.000-08:002013-02-05T21:57:02.038-08:0025 “Vertical” Navigation Menus For Blogger – CSS-HTML Tab Menus<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fHfJD7" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ioD8ArGhhnZyyiNmEklw7tny4quQbDSRylEPaHtgOLfNg5x4WwWdUuxnfalAWBnPjGJXkMm4Swn9mCHH7O9TOq2dJnqZG42R8TT_tG57_MxNoqRKQsE7Fv6aPx8PyqjuEE7K9AdtDIMs/s1600/25+%25E2%2580%259CVertical%25E2%2580%259D+Navigation+Menus+For+Blogger+%25E2%2580%2593+CSS-HTML+Tab+Menus.gif" /></a></div>
<br />
<br />
The CSS Menus Tutorials and Articles Tutorials section below has links to helpful CSS tutorials on creating CSS menus, CSS navigation tutorials and tips, styling lists.A reader wanted to know how he could add a navigation menu bar in the header. You can add your most frequently occuring labels as tabs in the header.Many thanks to <a href="http://www.exploding-boy.com/" rel="nofollow" target="_blank">Christopher</a> and <a href="http://www.highdots.com/" rel="nofollow" target="_blank">Highdots</a> for making this code and I hope this collection will be of interest to most of you simply because these navigation menu tabs can easily be installed, customized and multiplied! I hope it will be of great help to new designers.<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How To Add A Vertical Navigation CSS Menu To Blogger? </span></span><br />
<br />
<br />
Well the process is as simply as it can be. Simply follow these steps carefully,<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">1.Log in to</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><a href="http://www.blogger.com/" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">,go to Design -> Edit HTML</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">and mark the tick box "Expand Widget Templates" and </span><span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;">Back-up your template.</span><br />
<br />
<br />
All Navigation Menus below uses two pieces of codes. One is The CSS code which is responsible for the look and feel of the menus and the second is the HTML code which is responsible for positioning the menus. So lets know where to add each code!<br />
<br />
<br />
2. Paste the CSS code for your selected Menu just above <span class="Apple-style-span" style="color: blue;">]]></b:skin></span><br />
<br />
3. For the HTML code there can be two positions either your right sidebar or left sidebar. Depends how many columns you have.<br />
<br />
<br />
<ul>
<li>If you have a right sidebar then paste the HTML code just below <strong><span class="Apple-style-span" style="color: red;"><div id='sidebar-wrapper'></span></strong> or this <strong><span class="Apple-style-span" style="color: red;"><div id='sidebar-wrapper-right'></span></strong> </li>
<li>If you have a left sidebar then paste the HTML code just below <strong><span class="Apple-style-span" style="color: red;"><div id='sidebar-wrapper-left'></span></strong> </li>
</ul>
<blockquote>
<span style="color: red; font-size: x-small;"><strong>Note:-</strong></span> Since most templates use different coding. </blockquote>
4. Finally save your template and see a beautiful Navigation Menu hanging on your sidebar :D<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Editing The Links In The Navigation Menu </span></span><br />
<br />
To change the Tab Menu Links and Titles, simply edit this bolded part of the HTML code,<br />
<br />
<br />
<div class="code">
<li><a href="<strong>#1</strong>" ><span style="color: green;"><strong>Link 1</strong></span></a></li> <br />
<li><a href="<strong>#2</strong>" ><span style="color: green;"><strong>Link 2</strong></span></a></li> <br />
<li><a href="<strong>#3</strong>" ><span style="color: green;"><strong>Link 3</strong></span></a></li> <br />
<li><a href="<strong>#4</strong>" ><span style="color: green;"><strong>Link 4</strong></span></a></li> <br />
<li><a href="<strong>#5</strong>" ><span style="color: green;"><strong>Link5</strong></span></a></li></div>
<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">Replace</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><strong>#1, #2, #3</strong></span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">etc with your</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><strong>Page Links/URL</strong></span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">and replace</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><span style="color: green;"><strong>Link1, Link2, Link3</strong></span></span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">etc with your</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"><strong>Page Titles</strong></span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;">. If you wish to add or delete a tab then simply add or delete this line from the HTML code,</span><br />
<br />
<br />
<div class="code">
<li><a href="<strong>#</strong>" ><span style="color: green;"><strong>Link</strong></span></a></li></div>
<br />
<br />
<span class="Apple-style-span" style="color: orange;"><br />
</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<span style="border-bottom-color: rgb(72, 161, 250); border-bottom-style: solid; border-bottom-width: 10px; border-left-color: rgb(72, 161, 250); border-left-style: solid; border-left-width: 10px; border-right-color: rgb(72, 161, 250); border-right-style: solid; border-right-width: 10px; border-top-color: rgb(72, 161, 250); border-top-style: solid; border-top-width: 10px; color: orange; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;"><a href="http://www.exploding-boy.com/images/EBmenus/menus.html#3" rel="nofollow" target="_blank">Live Demo</a> </span></center>
<br />
<br />
<br />
<br />
<br />
<br />
<h4 align="center">
Navigation Menu #1</h4>
<div align="center">
<img alt="Navigation Menu 1" border="0" height="100" src="http://lh4.ggpht.com/_7wsQzULWIwo/S1wvE_P8kXI/AAAAAAAAC3Y/dizyw5OSsf4/VerticalMenu6.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 1" width="210" /> </div>
<div align="left">
<strong>CSS CODE:</strong> </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfNKQ7UrruXW0lSAU43blyHlAticqo_CGHGnMo3_ySR22hz7Vzm9oSHZugH6xY1c-KiVIFUsboWki4oc_oqzufQj0-dB3n-AxYpwgzOt426Pghyu2NkYH8Hwd5p33-HuTcKBRrFDIRPIg/s800/menu6.gif); padding: 8px 0 0 20px; } #menu6 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfNKQ7UrruXW0lSAU43blyHlAticqo_CGHGnMo3_ySR22hz7Vzm9oSHZugH6xY1c-KiVIFUsboWki4oc_oqzufQj0-dB3n-AxYpwgzOt426Pghyu2NkYH8Hwd5p33-HuTcKBRrFDIRPIg/s800/menu6.gif) 0 -32px; padding: 8px 0 0 20px; } </textarea></center>
<br />
<div align="left">
<strong>HTML CODE:</strong> </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu6">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #2</h4>
<img alt="Navigation Menu 2" border="0" height="100" src="http://lh3.ggpht.com/_7wsQzULWIwo/S1wvGJIWRAI/AAAAAAAAC3c/DGtTr_AgMis/Elusion3.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 2" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu3 ul { list-style: none; margin: 0; padding: 0; } #menu3 img { border: none; } #menu3 { width: 200px; border: 1px solid #ccc; margin: 10px; } #menu3 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #888; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMCdJmOlklh_Mj5BLGvupFzrdhvjzXbKax60dPz6EkMACH2JjP1XfOxVEW8Vb6V1wggirOCzg7SMu2WqyNe2XL7yuy8vvrFfYwWE5VfNY47mHq_dTrq7orI4QmApI9H2Sjax-zGwtAyT4/s800/menu3.gif); padding: 8px 0 0 30px; } #menu3 li a:hover, #menu3 li #current, #menu3 li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMCdJmOlklh_Mj5BLGvupFzrdhvjzXbKax60dPz6EkMACH2JjP1XfOxVEW8Vb6V1wggirOCzg7SMu2WqyNe2XL7yuy8vvrFfYwWE5VfNY47mHq_dTrq7orI4QmApI9H2Sjax-zGwtAyT4/s800/menu3.gif) 0 -32px; padding: 8px 0 0 30px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu3">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #3</h4>
<img alt="Navigation Menu 3" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT1J2k353wU_YmVhEY0osCShnKcIpJ14K5tmd2a65JlIlHXjNRXPTad2Ca_pSmgppOXltdmVLI8kVI6iVA0rNp3-B29hkGAd_RrkJt1qqXkwxL6TePeH9Wsw3FZ3bRcfQnzNsMi_uJods/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 3" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVT771iyMyE0ccC0IQ_-fIyYQTl4h1eVORwmYoYoxUiSte0WPWLzzVIWRv1KqaO_qw2S8Fo_W42xkuHUR02tvXG0-J5vwUSllprpKW_014hI2gYwnKz_U1XwbukWUZMR5W4Bi38BYw5w/s800/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVT771iyMyE0ccC0IQ_-fIyYQTl4h1eVORwmYoYoxUiSte0WPWLzzVIWRv1KqaO_qw2S8Fo_W42xkuHUR02tvXG0-J5vwUSllprpKW_014hI2gYwnKz_U1XwbukWUZMR5W4Bi38BYw5w/s800/menu9.gif) 0 -32px; padding: 8px 0 0 35px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu9">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<br />
<h4 align="center">
Navigation Menu #4</h4>
<img alt="Navigation Menu 4" border="0" height="100" src="http://lh3.ggpht.com/_7wsQzULWIwo/S1wvIsewK1I/AAAAAAAAC3k/jVeXVt0AnWQ/Elusion6.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 4" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #8D9179; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-OF-69Fmb_N_vGvqdVujFxaxMJRvMXRnlMkaQy8y6y8ZZcSmCHg7Fss4xVxiDNJCE46sVTIHTB8yHt6W7a1dp4emRGQP4Q8eM8whrKWO8FJUfqjXwb-0KvcLuSIQIZwvuW59GLR7TGw/s800/menu6.gif); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li a:active { color: #6C7250; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-OF-69Fmb_N_vGvqdVujFxaxMJRvMXRnlMkaQy8y6y8ZZcSmCHg7Fss4xVxiDNJCE46sVTIHTB8yHt6W7a1dp4emRGQP4Q8eM8whrKWO8FJUfqjXwb-0KvcLuSIQIZwvuW59GLR7TGw/s800/menu6.gif) 0 -32px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu6">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #5</h4>
<img alt="Navigation Menu 5" border="0" height="100" src="http://lh4.ggpht.com/_7wsQzULWIwo/S1wvJmCZZaI/AAAAAAAAC3o/AANWu8DOTlw/VerticalMenu14.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 5" width="210" /><br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu14 ul { list-style: none; margin: 0; padding: 0; } #menu14 img { border: none; } #menu14 { width: 200px; margin: 10px; } #menu14 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu14 li a:link, #menu14 li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSqgSZ6DXFZfBnK5N8iZW2WRPWgI1gIVLYsCbuJO1htDQPHdilvG3c7QLrdnPkdbWjAWlBe_h4NDifT162PZITsa3cqOT41ROR3HyggAhCbMcaNNbgexsuV2FYdzMjhrylcmL4042pVmc/s800/menu14.gif) 0 -32px; padding: 8px 0 0 10px; } #menu14 li a:hover { color: #333; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSqgSZ6DXFZfBnK5N8iZW2WRPWgI1gIVLYsCbuJO1htDQPHdilvG3c7QLrdnPkdbWjAWlBe_h4NDifT162PZITsa3cqOT41ROR3HyggAhCbMcaNNbgexsuV2FYdzMjhrylcmL4042pVmc/s800/menu14.gif); padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu14">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #6</h4>
<img alt="Navigation Menu 6" border="0" height="100" src="http://lh5.ggpht.com/_7wsQzULWIwo/S1wvKqxKHlI/AAAAAAAAC3s/fg2wloI_lwI/VerticalMenu7.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 6" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu7 ul { list-style: none; margin: 0; padding: 0; } #menu7 img { border: none; } #menu7 { width: 200px; margin: 10px; } #menu7 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu7 li a:link, #menu7 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg2N3TgxkezOLCAKRT1bm-Q4-VXrZZa6fKd8hHLhI3_nHDGsE8J_mxV2Bi7pmxqh-a_ueRLZa_TzoZpRjahlZNj739gXcPVPAqKiw0BnQE8E67W9ETTJ9H5H-d10rDb-iHwQEHtyzQQlo/s800/menu7.gif); padding: 8px 0 0 30px; } #menu7 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg2N3TgxkezOLCAKRT1bm-Q4-VXrZZa6fKd8hHLhI3_nHDGsE8J_mxV2Bi7pmxqh-a_ueRLZa_TzoZpRjahlZNj739gXcPVPAqKiw0BnQE8E67W9ETTJ9H5H-d10rDb-iHwQEHtyzQQlo/s800/menu7.gif) 0 -32px; padding: 8px 0 0 30px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu7">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #7</h4>
<img alt="Navigation Menu 7" border="0" height="100" src="http://lh4.ggpht.com/_7wsQzULWIwo/S1wvLmZxh0I/AAAAAAAAC3w/G2M9W6sA_4s/Elusion2.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 7" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 img { border: none; } #menu2 { width: 200px; border-style: solid solid none solid; border-color: #677D92; border-size: 1px; border-width: 1px; margin: 10px; } #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #fff; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbF7R1ofP0-PJ_VaTEG-DIc5-CgWzZkogoFb0tuel-30UuUMrVHmMGvJCPfKpM9TmnPEa1zPyuOxkqifHdrfrVf6VexvhQiFAPxuWQZ7b-Ko_aTzJJVWAruqWeoR-R6-v17hRcFeXPY0/s800/menu2.gif); padding: 8px 0 0 10px; } #menu2 li a:hover, #menu2 li #current { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbF7R1ofP0-PJ_VaTEG-DIc5-CgWzZkogoFb0tuel-30UuUMrVHmMGvJCPfKpM9TmnPEa1zPyuOxkqifHdrfrVf6VexvhQiFAPxuWQZ7b-Ko_aTzJJVWAruqWeoR-R6-v17hRcFeXPY0/s800/menu2.gif) 0 -32px; padding: 8px 0 0 10px; } #menu2 li a:active { color: #283A50; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbF7R1ofP0-PJ_VaTEG-DIc5-CgWzZkogoFb0tuel-30UuUMrVHmMGvJCPfKpM9TmnPEa1zPyuOxkqifHdrfrVf6VexvhQiFAPxuWQZ7b-Ko_aTzJJVWAruqWeoR-R6-v17hRcFeXPY0/s800/menu2.gif) 0 -64px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu2">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #8</h4>
<img alt="Navigation Menu 8" border="0" height="100" src="http://lh6.ggpht.com/_7wsQzULWIwo/S1wvMxhC_EI/AAAAAAAAC30/RHzcxJ5OxfQ/Elusion9.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 8" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin-top: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #E5E8D4; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWbvZYXptTKpsyV1XK8ArSFYNCEH9fNJFO-hkagzpT5ynd18KiPAnXAv0dWA8JsKx3FBKVt-gIVCugd_uEtziTA5aaq-9zi5PJsTFnFCSUEZyh_2cfbsQUJTlYACbayAEnu-ZkLDkMW5w/s800/menu9.gif); padding: 8px 0 0 10px; } #menu9 li a:hover, #menu9 li #current { color: #725033; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWbvZYXptTKpsyV1XK8ArSFYNCEH9fNJFO-hkagzpT5ynd18KiPAnXAv0dWA8JsKx3FBKVt-gIVCugd_uEtziTA5aaq-9zi5PJsTFnFCSUEZyh_2cfbsQUJTlYACbayAEnu-ZkLDkMW5w/s800/menu9.gif) 0 -32px; padding: 8px 0 0 10px; } #menu9 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWbvZYXptTKpsyV1XK8ArSFYNCEH9fNJFO-hkagzpT5ynd18KiPAnXAv0dWA8JsKx3FBKVt-gIVCugd_uEtziTA5aaq-9zi5PJsTFnFCSUEZyh_2cfbsQUJTlYACbayAEnu-ZkLDkMW5w/s800/menu9.gif) 0 -64px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu9">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #9</h4>
<img alt="Navigation Menu 9" border="0" height="100" src="http://lh6.ggpht.com/_7wsQzULWIwo/S1wvOAGtJgI/AAAAAAAAC34/PB76Bb7PY6E/VerticalMenu12.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 9" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu12 ul { list-style: none; margin: 0; padding: 0; } #menu12 img { border: none; } #menu12 { width: 200px; margin: 10px; } #menu12 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 22px; text-decoration: none; } #menu12 li a:link, #menu12 li a:visited { color: #666; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiP3iQO2MlS4lgzXfdKVaWXEo716qrZ4JjDOwos6m67bQQyQSPomIj02Zbp3HLoWvV0GfrHyx5FPi03fF5bDhaKN1c0Ag82Q2FWgjz2gdy1G5lJK-dCgwJ5rwHeBJIUU0y8CKB7t0GbWk/s800/menu12.gif); padding: 10px 0 0 35px; } #menu12 li a:hover { color: #000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiP3iQO2MlS4lgzXfdKVaWXEo716qrZ4JjDOwos6m67bQQyQSPomIj02Zbp3HLoWvV0GfrHyx5FPi03fF5bDhaKN1c0Ag82Q2FWgjz2gdy1G5lJK-dCgwJ5rwHeBJIUU0y8CKB7t0GbWk/s800/menu12.gif) 0 -32px; padding: 10px 0 0 35px; } </textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu12">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #10</h4>
<img alt="Navigation Menu 10" border="0" height="100" src="http://lh6.ggpht.com/_7wsQzULWIwo/S1wvPf4Q_gI/AAAAAAAAC38/SZ2ategM1Qg/VerticalMenu13.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 10" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu13 ul { list-style: none; margin: 0; padding: 0; } #menu13 img { border: none; } #menu13 { width: 200px; margin: 10px; } #menu13 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu13 li a:link, #menu13 li a:visited { color: #C7377D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdh0nfx5m6IXsRoSP5C4WSZ0mYSrxmJrahCKA7o8sYg26BmuXz8oKrORr2W-yfhtz-iEVGZs-lRK4z8XH23lvlLbu49q_yQiP7rGAM3VUlF047AQeLiG12KCjHJYQK1Hm63ayr6L5SME/s800/menu13.gif); padding: 8px 0 0 10px; } #menu13 li a:hover { color: #C7377D; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdh0nfx5m6IXsRoSP5C4WSZ0mYSrxmJrahCKA7o8sYg26BmuXz8oKrORr2W-yfhtz-iEVGZs-lRK4z8XH23lvlLbu49q_yQiP7rGAM3VUlF047AQeLiG12KCjHJYQK1Hm63ayr6L5SME/s800/menu13.gif) 0 -32px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu13">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #11</h4>
<img alt="Navigation Menu 11" border="0" height="100" src="http://lh6.ggpht.com/_7wsQzULWIwo/S1wvQQEgfWI/AAAAAAAAC4A/xJ5osALS34A/Elusion4.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation Menu 11" width="210" /><br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 img { border: none; } #menu4 { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; margin: 10px; } #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdbOFskGgS7UTMeNgOeJyZS3tVWaZpMEZsMS4_6dP6TdAECmbU6ZHISaiKHEkTvoTxR4ttIzvA_OHwleuYnTRZPsdHeVfTNqyT6xNezT_wlgM6HpUtXrmf6lBy-tRIoz16ALrnFkfiPDw/s800/menu4.gif); padding: 8px 0 0 30px; } #menu4 li a:hover, #menu4 li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdbOFskGgS7UTMeNgOeJyZS3tVWaZpMEZsMS4_6dP6TdAECmbU6ZHISaiKHEkTvoTxR4ttIzvA_OHwleuYnTRZPsdHeVfTNqyT6xNezT_wlgM6HpUtXrmf6lBy-tRIoz16ALrnFkfiPDw/s800/menu4.gif) 0 -32px; padding: 8px 0 0 30px; } #menu4 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdbOFskGgS7UTMeNgOeJyZS3tVWaZpMEZsMS4_6dP6TdAECmbU6ZHISaiKHEkTvoTxR4ttIzvA_OHwleuYnTRZPsdHeVfTNqyT6xNezT_wlgM6HpUtXrmf6lBy-tRIoz16ALrnFkfiPDw/s800/menu4.gif) 0 -64px; padding: 8px 0 0 30px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu4">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #12</h4>
<img alt="Navigation-Menu-With-No-image-used" border="0" height="151" src="http://lh3.ggpht.com/_7wsQzULWIwo/S1wvRuXMLGI/AAAAAAAAC4E/PqiLW-nZKDc/NavigationMenuWithNoimageused2.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Navigation-Menu-With-No-image-used" width="142" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#navlist { color: white; background: #17a; border-bottom: 0.2em solid #17a; border-right: 0.2em solid #17a; padding: 0 1px; margin-left: 0; width: 12em; font: normal 10px Verdana, sans-serif; } #navlist li { list-style: none; margin: 0; font-size: 1em; } #navlist a { display: block; text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em; color: white; background: #39c; border-width: 1px; border-style: solid; border-color: #5bd #035 #068 #6cf; border-left: 1em solid #fc0; padding: 0.25em 0.5em 0.4em 0.75em; } #navlist a#current { border-color: #5bd #035 #068 #f30; } #navlist a { width: 99%; /* only necessary for Internet Explorer */ } #navlist a { voice-family: "\"}\""; voice-family: inherit; width: 9.6em; /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */ } #navcontainer>#navlist a { width: auto; /* only necessary if you use the hacks above for the Internet Explorer */ } #navlist a:hover, #navlist a#current:hover { background: #28b; border-color: #069 #6cf #5bd #fc0; padding: 0.4em 0.35em 0.25em 0.9em; } #navlist a:active, #navlist a#current:active { background: #17a; border-color: #069 #6cf #5bd white; padding: 0.4em 0.35em 0.25em 0.9em; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="navcontainer">
<ul id="navlist">
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #13</h4>
<img alt="CSS Menu Tabs 13" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSKiuFzF6c4Rz1ZBFx4ACi3GdcoTknqV94gYIijiCWop6kOG5SUB3x9PGXLd373zgZGDWWcjh2Bdht_eyM2VQBD1cyoj0LxgUb1fYacGHKLWu3Q57lC5BDgYv1UsSsZtE6_-JqZgJrYCQ/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 13" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 img { border: none; } #menu8 { width: 200px; margin-top: 10px; } #menu8 li a { text-decoration: none; height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; } #menu8 li a:link, #menu8 li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEineqwoHtxA5MB5KtpZc-WQETrrnBs054S8PPXrPpzIJRSiMIID-zs-cPsBqpDQv0Lo1vqt01cIbQlOTZ9xgblWBFr5GnLFrL9RjqN74sdueinJ8UOWK8IMFTWF8YH4zv3hVppRfW6I_g4/s800/menu8.gif); padding: 8px 0 0 20px; } #menu8 li a:hover, #menu8 li #current { color: #257EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEineqwoHtxA5MB5KtpZc-WQETrrnBs054S8PPXrPpzIJRSiMIID-zs-cPsBqpDQv0Lo1vqt01cIbQlOTZ9xgblWBFr5GnLFrL9RjqN74sdueinJ8UOWK8IMFTWF8YH4zv3hVppRfW6I_g4/s800/menu8.gif) 0 -32px; padding: 8px 0 0 25px; } #menu8 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEineqwoHtxA5MB5KtpZc-WQETrrnBs054S8PPXrPpzIJRSiMIID-zs-cPsBqpDQv0Lo1vqt01cIbQlOTZ9xgblWBFr5GnLFrL9RjqN74sdueinJ8UOWK8IMFTWF8YH4zv3hVppRfW6I_g4/s800/menu8.gif) 0 -64px; padding: 8px 0 0 25px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu8">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #14</h4>
<img alt="CSS Menu Tabs 14" border="0" height="114" src="http://lh6.ggpht.com/_7wsQzULWIwo/S1wvT__msFI/AAAAAAAAC4M/GeLlGoGzgf0/nav2.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 14" width="214" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 img { border: none; } #menu8 { width: 200px; margin: 10px; border-style: solid; border-color: #656556; border-size: 1px; border-width: 1px; } #menu8 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu8 li a:link, #menu8 li a:visited { color: #656556 ; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqmwkv646Ixur6mWXQofVIpvD4VILBZFI46l-JWRdmed2XASsDJRlNl5DN1bOPz9lpGlkVUtwp9vg6yCRpVhpOdIsUuZfxHGk21t-JPuGCBz4nEI_C39t6kQOvccUDD-1f3sRASelSNdQ/s800/menu8.gif) ; padding: 8px 0 0 20px; } #menu8 li a:hover { color: #474739; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqmwkv646Ixur6mWXQofVIpvD4VILBZFI46l-JWRdmed2XASsDJRlNl5DN1bOPz9lpGlkVUtwp9vg6yCRpVhpOdIsUuZfxHGk21t-JPuGCBz4nEI_C39t6kQOvccUDD-1f3sRASelSNdQ/s800/menu8.gif) 0 -32px; padding: 8px 0 0 20px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu8">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #15</h4>
<img alt="CSS Menu Tabs 15" border="0" height="100" src="http://lh5.ggpht.com/_7wsQzULWIwo/S1wvVFswXsI/AAAAAAAAC4Q/5VSWA9bz81U/VerticalMenu1.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 15" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu9 body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; } #menu1 ul { list-style: none; margin: 0; padding: 0; } #menu1 img { border: none; } #menu1 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #3D261D; border-size: 1px; border-width: 1px; } #menu1 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1 li a:visited { color: #E4D6CD; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgz2hGqhSVFRLhNF4C9VVxWLhyWcvSciQn9H2nf984pkspSNNKfEX0MrZyKJ5CHIqQI97l-2g8foj8gHgHi2cxPFB5kA9y3VW7R_2ox2MuYbINbjdZTpLZ0HExAfUgxbWIVvvZ-B9vzc/s800/menu1.gif); padding: 8px 0 0 10px; } #menu1 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgz2hGqhSVFRLhNF4C9VVxWLhyWcvSciQn9H2nf984pkspSNNKfEX0MrZyKJ5CHIqQI97l-2g8foj8gHgHi2cxPFB5kA9y3VW7R_2ox2MuYbINbjdZTpLZ0HExAfUgxbWIVvvZ-B9vzc/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu1">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #16</h4>
<img alt="CSS Menu Tabs 16" border="0" height="102" src="http://lh6.ggpht.com/_7wsQzULWIwo/S1wvWKY1HiI/AAAAAAAAC4U/txHi2jJE6w8/VerticalButtons.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 16" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#navcontainer { background: #f0e7d7; width: 30%; margin: 0 auto; padding: 1em 0; font-family: georgia, serif; font-size: 13px; text-align: center; text-transform: lowercase; } ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 70%; } ul#navlist li { display: block; margin: 0; padding: 0; } ul#navlist li a { display: block; width: 100%; padding: 0.5em 0 0.5em 2em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #f7f2ea; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="navcontainer">
<ul id="navlist">
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #17</h4>
<img alt="CSS Menu Tabs 17" border="0" height="100" src="http://lh5.ggpht.com/_7wsQzULWIwo/S1wvXX47NPI/AAAAAAAAC4Y/dDzdtf2ikhE/VerticalMenu3.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 17" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu3 ul { list-style: none; margin: 0; padding: 0; } #menu3 img { border: none; } #menu3 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #BCD2E6; border-size: 1px; border-width: 1px; } #menu3 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #8BADCF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5VnzOzNx-G8em93Zkd2xZr4vksOJOIMQ_4SIhq1KlLP3r3yMbesij1Pfe6j9kUMaYFQys-POdYbsZdn-lgA3oR2RHnsfajHvx5hgRm2K3G9s5ZqP-gkMiDTOqAwYc14ZF6KST1Ggf9Xk/s800/menu3.gif); padding: 8px 0 0 10px; } #menu3 li a:hover { color: #627EB7; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5VnzOzNx-G8em93Zkd2xZr4vksOJOIMQ_4SIhq1KlLP3r3yMbesij1Pfe6j9kUMaYFQys-POdYbsZdn-lgA3oR2RHnsfajHvx5hgRm2K3G9s5ZqP-gkMiDTOqAwYc14ZF6KST1Ggf9Xk/s800/menu3.gif) 0 -32px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu3">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #18</h4>
<br />
<img alt="CSS Menu Tabs 18" border="0" height="100" src="http://lh4.ggpht.com/_7wsQzULWIwo/S1wvYXHqx-I/AAAAAAAAC4c/rcJmJbtNDsg/VerticalMenu11.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 18" width="210" /><br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu11 ul { list-style: none; margin: 0; padding: 0; } #menu11 img { border: none; } #menu11 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #889944; border-size: 1px; border-width: 1px; } #menu11 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu11 li a:link, #menu11 li a:visited { color: #889944; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNiv_ooNgHhCjzlMh1cgku3ZRVOImY3uHSzX9-l-Jan9nIGNm8k8dTopw2AF5K_OwoFOMmw6XvPtUw8y17Efwz_RFxSZyiOHHn-7elyBt8kyk75wglBfB3peiEIsSaHV7W-Zq6XFbw-5Y/s400/menu11.gif); padding: 8px 0 0 25px; } #menu11 li a:hover { color: #889944; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNiv_ooNgHhCjzlMh1cgku3ZRVOImY3uHSzX9-l-Jan9nIGNm8k8dTopw2AF5K_OwoFOMmw6XvPtUw8y17Efwz_RFxSZyiOHHn-7elyBt8kyk75wglBfB3peiEIsSaHV7W-Zq6XFbw-5Y/s400/menu11.gif) 0 -32px; padding: 8px 0 0 27px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu11">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #19</h4>
<img alt="CSS Menu Tabs 19" border="0" height="100" src="http://lh6.ggpht.com/_7wsQzULWIwo/S1wvZzXa44I/AAAAAAAAC4g/bNyk3cofDIE/TamingList4.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 19" width="167" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#button { width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Tahoma, Arial, sans-serif; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/ font-size : 10px; background-color: #90bade; color: #333; } #button ul { list-style: none; margin: 0; padding: 0; border: none; } #button li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none; } #button li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #button li a { width: auto; } #button li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } #button li #active { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="button">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #20</h4>
<img alt="CSS Menu Tabs 20" border="0" height="100" src="http://lh4.ggpht.com/_7wsQzULWIwo/S1wva51EknI/AAAAAAAAC4k/0qFzYI_GcEU/Elusion1.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 20" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu ul { list-style: none; margin: 0; padding: 0; } #menu img { border: none; } #menu { width: 200px; border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; margin: 10px; } #menu li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #5E7830; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxxyBmacVMMAHmFvlVBj9UsIqC2inNyC6zkOB5d_7SaqGhk7iWe_Vcl7LakXqoTE6DrRIAiNnGTb2zpOWPsO8LyDXJ958LWmjgrqoLlCxajpYiaIwn_jmu6PCtIIJtYdkrHCzhNG_ACEw/s800/menu1.gif); padding: 8px 0 0 10px; } #menu li a:hover, #menu li #current { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxxyBmacVMMAHmFvlVBj9UsIqC2inNyC6zkOB5d_7SaqGhk7iWe_Vcl7LakXqoTE6DrRIAiNnGTb2zpOWPsO8LyDXJ958LWmjgrqoLlCxajpYiaIwn_jmu6PCtIIJtYdkrHCzhNG_ACEw/s800/menu1.gif) 0 -32px; padding: 8px 0 0 10px; } #menu li a:active { color: #26370A; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxxyBmacVMMAHmFvlVBj9UsIqC2inNyC6zkOB5d_7SaqGhk7iWe_Vcl7LakXqoTE6DrRIAiNnGTb2zpOWPsO8LyDXJ958LWmjgrqoLlCxajpYiaIwn_jmu6PCtIIJtYdkrHCzhNG_ACEw/s800/menu1.gif) 0 -64px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #21</h4>
<img alt="CSS Menu Tabs 21" border="0" height="100" src="http://lh5.ggpht.com/_7wsQzULWIwo/S1wvbzDRgBI/AAAAAAAAC4o/oMthN0mYVAU/VerticalMenu2.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 21" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 img { border: none; } #menu2 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #D8D5D1; border-size: 1px; border-width: 1px; } #menu2 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #3688BA; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKhLOU0xbriA9tJRR5Xm-VAOUxH1aITu1PXhswbqhbECWc_-xzRQjzXF3OpJTTBg4wpOIJ9WxSqE1RF213mEwkz6PFnVl6BXqC_8ybeMoxJ-tZQCKChO7ObL5vbSQoKoAefaIsNnpipeI/s800/menu2.gif); padding: 8px 0 0 30px; } #menu2 li a:hover { color: #3688BA; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKhLOU0xbriA9tJRR5Xm-VAOUxH1aITu1PXhswbqhbECWc_-xzRQjzXF3OpJTTBg4wpOIJ9WxSqE1RF213mEwkz6PFnVl6BXqC_8ybeMoxJ-tZQCKChO7ObL5vbSQoKoAefaIsNnpipeI/s800/menu2.gif) 0 -32px; padding: 8px 0 0 32px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu2">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #22</h4>
<div align="center">
<img alt="CSS Menu Tabs 22" border="0" height="100" src="http://lh6.ggpht.com/_7wsQzULWIwo/S1wvc5GGckI/AAAAAAAAC4s/2THeT0uAeXs/Elusion5.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 22" width="210" /> </div>
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; border-style: none solid none solid; border-color: #D0D0D0; border-width: 1px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #777; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo02nWKtBCM7aKYmWn6S8s9fbuahHQbqNkBw0Qx7T4QTKT72fS3YGw33c4fdVdwtuJicf8sFu5RprwW289Ed9onFJhVu___n8clQ1sLMz_m7e1mA2AeHr4MOipMJ29EXbqXZYmjviAD28/s800/menu5.gif); padding: 8px 25px 0 10px; text-align: right; } #menu5 li a:hover, #menu5 li #current { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo02nWKtBCM7aKYmWn6S8s9fbuahHQbqNkBw0Qx7T4QTKT72fS3YGw33c4fdVdwtuJicf8sFu5RprwW289Ed9onFJhVu___n8clQ1sLMz_m7e1mA2AeHr4MOipMJ29EXbqXZYmjviAD28/s800/menu5.gif) 0 -32px; padding: 8px 25px 0 10px; text-align: right; } #menu5 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo02nWKtBCM7aKYmWn6S8s9fbuahHQbqNkBw0Qx7T4QTKT72fS3YGw33c4fdVdwtuJicf8sFu5RprwW289Ed9onFJhVu___n8clQ1sLMz_m7e1mA2AeHr4MOipMJ29EXbqXZYmjviAD28/s800/menu5.gif) 0 -64px; padding: 8px 25px 0 10px; text-align: right; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu5">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<strong></strong><br />
<strong></strong><br />
<h4 align="center">
Navigation Menu #23</h4>
<img alt="CSS Menu Tabs 24" border="0" height="100" src="http://lh5.ggpht.com/_7wsQzULWIwo/S1wvd9RBTqI/AAAAAAAAC4w/aLlIT6NuQBE/VerticalMenu5.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 24" width="210" /> <br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 img { border: none; } #menu5 { width: 200px; margin: 10px; } #menu5 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM-_oy5_cDjn5XAWyJ9W98vnypWJcTnvaL9X6F_Zf2QxzpcYmoogypOhcG0XvvccPxFWspt9_RGpwlsx0yKb25kK_5-sQU9LcJal-7pgOt-xQA47XBnCF_EMlR0dqaHP4WGRLjiI6Jzcs/s800/menu5.gif); padding: 8px 0 0 10px; } #menu5 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM-_oy5_cDjn5XAWyJ9W98vnypWJcTnvaL9X6F_Zf2QxzpcYmoogypOhcG0XvvccPxFWspt9_RGpwlsx0yKb25kK_5-sQU9LcJal-7pgOt-xQA47XBnCF_EMlR0dqaHP4WGRLjiI6Jzcs/s800/menu5.gif) 0 -32px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu5">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #24</h4>
<img alt="CSS Menu Tabs 25" border="0" height="100" src="http://lh6.ggpht.com/_7wsQzULWIwo/S1wvfJF1UnI/AAAAAAAAC40/VX47srpIYLU/VerticalMenu4.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 25" width="210" /><br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 img { border: none; } #menu4 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #000; border-size: 1px; border-width: 1px; } #menu4 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #CCC; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpCLHK6-3EwYFc6pjoCYDL4LGfW0ZsfP76tUhcxkkmD7-jiW5FTzJ9LsTeFqwn0YQV9Yr4LvZ-WEZNo5cZekdf9_l4oRo3pWZ1iLxGwVLNJVa5D3SkAvmPnKpyULPd7poAU05rN03nCpA/s800/menu4.gif); padding: 8px 0 0 10px; } #menu4 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpCLHK6-3EwYFc6pjoCYDL4LGfW0ZsfP76tUhcxkkmD7-jiW5FTzJ9LsTeFqwn0YQV9Yr4LvZ-WEZNo5cZekdf9_l4oRo3pWZ1iLxGwVLNJVa5D3SkAvmPnKpyULPd7poAU05rN03nCpA/s800/menu4.gif) 0 -32px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu4">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<h4 align="center">
Navigation Menu #25</h4>
<img alt="CSS Menu Tabs 26" border="0" height="100" src="http://lh5.ggpht.com/_7wsQzULWIwo/S1wvgaHnlXI/AAAAAAAAC44/pw0uAiSD9dA/VerticalMenu10.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="CSS Menu Tabs 26" width="210" /><br />
<strong>CSS Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;">#menu10 ul { list-style: none; margin: 0; padding: 0; } #menu10 img { border: none; } #menu10 { width: 200px; margin: 10px; } #menu10 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu10 li a:link, #menu10 li a:visited { color: #4D4D4D; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAt9HE7ADJ2d4l7uCOfN8IDEAuEy_mSqIuRw_4HOJq3ceQs9_-vxlwolQNnk5zlRDBN3nX1S_-s5XYi-S-kdDJBidZqQavZ2gqNJnH-ylfszPYgdUkHWOSksNAxMYDe9h5EilPI5y_51g/s800/menu10.gif); padding: 8px 0 0 10px; } #menu10 li a:hover { color: #FF9834; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAt9HE7ADJ2d4l7uCOfN8IDEAuEy_mSqIuRw_4HOJq3ceQs9_-vxlwolQNnk5zlRDBN3nX1S_-s5XYi-S-kdDJBidZqQavZ2gqNJnH-ylfszPYgdUkHWOSksNAxMYDe9h5EilPI5y_51g/s800/menu10.gif) 0 -32px; padding: 8px 0 0 10px; }</textarea></center>
<br />
<strong>HTML Code:</strong> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="menu10">
<ul>
<li><a href="#1">Link 1</a></li>
<li><a href="#2">Link 2</a></li>
<li><a href="#3">Link 3</a></li>
<li><a href="#4">Link 4</a></li>
<li><a href="#5">Link5</a></li>
</ul>
</div>
</textarea></center>
<br />
<br />
<br />
<span style="color: #0080ff;"><strong>That’s All!</strong></span><br />
Hope you have enjoyed the post.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Thanks to <a href="http://www.mybloggertricks.com/" rel="nofollow" target="_blank">My Blogger Trick</a></div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com1tag:blogger.com,1999:blog-404186049558999833.post-87279863929247877112010-12-27T08:20:00.000-08:002013-02-05T21:58:22.456-08:00Recent Posts Widget for Blogger (blogspot) blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/hn4YPL" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ3y9cYByoynw4wSBdH6I563A48DdSMlWW5Sewu1IoKmBPuP3c8XQEOZ-sKmWgtJ82a7OBU17jyLIl4UAYo9GJY8RrbdStK9gyOLRT4IpSHpg5mEfR9sknRCu7UuuQcO-fApP2YPEtmkZZ/s1600/Recent+Posts+Widget+for+Blogger.png" /></a></div>
<br />
Many Bloggers use a Feed widget to display links to recent blog posts. However, when using this widget, we are limited to display only 5 items or less.So I have created a widget which allows you to display more than 5 recent posts. You can customize the title and choose how many posts you would like to display, then install directly to your blog at the click of a button!To install your own recent Post widget in your Blogger layout, simply follow these steps: <br />
<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Recent Posts Widget with post snippets </span></span><br />
<br />
<br />
<br />
So, let's see how to install this cool widget in your blog..<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #af2d10; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to Design</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="420" /></a></div>
<br />
<br />
Add a Gadget of HTML/JavaScript type.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></a></div>
<br />
<br />
<br />
<div class="code">
<div id="24work"><br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script style="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/recent_posts_widget_with_snippets.js"></script><br />
<br />
<script style="text/javascript"><span class="Apple-style-span" style="color: orange;"><b>var numposts = 5</b></span>;var showpostdate = false;var showpostsummary = true;<span class="Apple-style-span" style="color: lime;"><b>var numchars = 100</b></span>;var standardstyling = true;</script><br />
<br />
<script src="<span class="Apple-style-span" style="color: red;"><b>http://24works.blogspot.com</b></span>/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script><br />
<br />
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://24work.blogspot.com/2011/12/recrecent-posts-widget-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://24work.blogspot.com" title="Recent Posts Widget">Blogger Widgets</a></div><noscript>Your browser does not support JavaScript!</noscript><br />
<br />
<style type=text/css><br />
<br />
#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH7pVeJw_YtM67y-bq6IrhodkFFboJDjoU5bzKmZIiRTRqe1KIbEXBhk5RzJD3L9KQPG_jstMervIQRUmi9Dy7M6FL1C-KSb5iT8nLlgV-oeGBs8e2CSd_1vYLYafgBbHVQ0fRZZMzAJAL/s300/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}<br />
<br />
<br />
<br />
#rpdr, #rpdr a {color:#808080;}<br />
<br />
#mtrpwa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}<br />
<br />
.mtrpw a {font-weight:bold; }<br />
<br />
.mtrpwsumm {}<br />
<br />
</style></div></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Recent Posts Widget with post titles only </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/hn4YPL" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvqHuG2Cnf4QWnmn6ihN9fJO1PhsGYCJkkbPzfXDtw9s9yV8naXvKp30F50skU2EsOV1hGZJTJyHEq25n0lUIwLqa1yuby7eJGtEdhS_XgSJynmERT7N01V3tQ8C5s1-OwCi7rdyqduXl3/s1600/Show+Recent+Posts+Widget+In+BlogSpot+-+Blogger+Blogs.png" /></a></div>
<br />
<br />
So, let's see how to install this cool widget in your blog..<br />
<br />
1. Sign into Blogger dashboard<br />
<br />
2. Go to Design » Add a gadget » html/javascript<br />
<br />
3. Just copy and paste this code..<br />
<br />
<div class="code">
<div id="24work"><br />
<br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script style="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/recent_posts_widget_post_titles.js"></script><br />
<br />
<script style="text/javascript"><b><span class="Apple-style-span" style="color: orange;">var numposts = 10</span></b>;var showpostdate = false;var showpostsummary = false;<span class="Apple-style-span" style="color: lime;">var numchars = 100</span>;var standardstyling = true;</script><br />
<br />
<script src="<b><span class="Apple-style-span" style="color: red;">http://24works.blogspot.com</span></b>/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><br />
<br />
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://24work.blogspot.com/2011/12/recrecent-posts-widget-for-blogger.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://24work.blogspot.com" title="Recent Posts Widget">Blogger Widgets</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript><br />
<br />
<style type=text/css><br />
<br />
#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH7pVeJw_YtM67y-bq6IrhodkFFboJDjoU5bzKmZIiRTRqe1KIbEXBhk5RzJD3L9KQPG_jstMervIQRUmi9Dy7M6FL1C-KSb5iT8nLlgV-oeGBs8e2CSd_1vYLYafgBbHVQ0fRZZMzAJAL/s300/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}<br />
<br />
#rpdr, #rpdr a {color:#808080;}<br />
<br />
#mtrpwb { }<br />
<br />
.bbrecpost2 {<br />
<br />
padding-top:6px;<br />
<br />
padding-bottom:6px;<br />
<br />
border-bottom: 1px #cccccc dotted; }<br />
<br />
</style></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: arial;"><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; line-height: normal;">There are many variables in this script that you need to adjust to blend the widget’s look with that of your blog template. Most of them are self explanatory.</span></span></span><br />
<br />
<span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="color: blue;">1.In the code, look for the line…</span></span><br />
<br />
<br />
<div class="code">
<b><span style="color: red;">http://24works.blogspot.com/feeds/posts/default</span></b></div>
<br />
and replace the blog address with your own blog address<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: blue;">2.How to change the number of posts</span><br />
<span class="Apple-style-span" style="color: blue;"><br />
</span><br />
By default, this widget is set to display a maximum of 5 recent posts. To change this number, <br />
<br />
<div class="code">
var numposts = 5</div>
<br />
edit line in the code and replace the number 5 with the number of posts desired:<br />
<br />
<br />
<span class="Apple-style-span" style="color: blue;">3.How to change the Number of Characters (Excerpt)</span><br />
<br />
This widget is set to display an excerpt of 100 characters of each post. If you want to change that number, just look for the number 100 in the code and replace it with the number of characters you want to be displayed.<br />
Recommended setting: 50 to 100.<br />
<br />
<div class="code">
var numchars = 100;</div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: blue;">4.How to Show Post Date</span><br />
<br />
If you want to show the post date, look for the line with the word showpostdate in the code. Then change its value from false to true (shown in color red below).<br />
<br />
<div class="code">
var showpostdate = false;</div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, sans-serif, Verdana; font-size: 14px; line-height: 24px;">Happy Blogging! =)</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="et-box et-info" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(206, 203, 142); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(206, 203, 142); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 203, 142); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(206, 203, 142); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<div class="et-box-content" style="background-attachment: initial; background-clip: initial; background-color: #f7f4b4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCowLM3dMqNjrJVxIG29O3-T_9JPuYBL9gsYiqbPb3jdVwM62AmV7n9i48N35OgtDGuwLDdCyJpnlC8UE_dDDoCTBfZHSoKhyqu9_YCN-eWzuB6qY_brdQ3y5FQ0ZGwFWps5GAcM3P974/s1600/update.png); background-origin: initial; background-position: 18px 13px; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(255, 255, 234); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(255, 255, 234); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(255, 255, 234); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(255, 255, 234); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; color: #8c8a64; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-height: 35px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 8px; padding-left: 75px; padding-right: 20px; padding-top: 16px; text-shadow: rgb(255, 255, 255) 1px 1px 1px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">UPDATE:</strong> I updated some of my posts, this post I update <a href="http://bit.ly/sAJwjm" target="_blank">Recent Posts Widget for Blogger / Blogspot with Summary And Read More</a>........ </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com3tag:blogger.com,1999:blog-404186049558999833.post-18850732705549821892010-12-27T06:43:00.000-08:002013-02-05T21:59:38.330-08:00Create Extra Columns in your Blogger Layout - Magazine Style!<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eQqw7T" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ie2Mp0Ag-hn1SSE_EWVN7g02OZVIChD_2L-gkGhXfpfls8I8CZP5QZCpe-emsKse5olPqu2PTNUoCpvXLkRAKg3GPC2bZGxP8WsxxwvVDg9aHjjILz8TFyJPpliNs6ELzDUND9UaR0-d/s1600/Create+Extra+Columns+in+your+Blogger+Layout+-+Magazine+Style%2521.gif" width="330" /></a></div>
<br />
<br />
Our guide on styles of web design continues: new round, new tutorial… this time it’s the turn of a layout in magazine style, Many readers have requested a tutorial to create a similar layout for their own Blogger powered blogs, so in this tutorial I'll explain how you can add extra columns and widget sections on your blog's home page to create a magazine style layout of your own.<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Create Extra Columns in your Blogger Layout - Magazine Style! </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eQqw7T" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiivelUdnWWhXJ3RHUduVbHXmF0XNICkl4xaXMTyKeQkSwcMek_OI0IlMqAJwbptw4-sudj2cqGrxwwPs_vQ0y2tCKaZNDegZJOkaW2apcLYqYIB4WB0kYiI3XJiKMxUmJ2qsuGjljpJetz/s1600/Create+Extra+Columns+in+your+Blogger+Layout+-+Magazine+Style%2521.png" width="360" /></a></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Instructions To Follow:</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #1</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Log in to</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">,go to Design -> Edit HTML</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">and mark the tick box "Expand Widget Templates"</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<div class="separator" style="clear: both; color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s320/Image+5.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="320" /></a></div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #2</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Now find (CTRL+F) this code in the template:</span><br />
<br />
<div class="code">
]]></b:skin></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">BEFORE/ABOVE</span> it, paste this code:<br />
<br />
<br />
<div class="code">
#magazine-left {<br />
width: 45%;<br />
float: left;<br />
}<br />
#magazine-right {<br />
width: 45%;<br />
float: right;<br />
}</div>
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: large;">Add new widget sections below your posts</span><br />
<br />
<br />
Go to Design>Edit HTML in your blog template, and do not check the "expand widget templates" box. Then search for this section of code in your template:<br />
<br />
<br />
<div class="code">
<div id='main-wrapper'><br />
<br />
<b:section class='main' id='main' showaddelement='no'><br />
<br />
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/><br />
<br />
</b:section><br />
<br />
</div> </div>
<br />
<br />
<br />
In your own template, this section may look a little different. For example, you may find <span class="Apple-style-span" style="color: red;"><div id='main'></span> or <span class="Apple-style-span" style="color: red;"><div id='content'></span> instead of <span class="Apple-style-span" style="color: red;"><div id='main-wrapper'></span>.<br />
<br />
<br />
<br />
If you are having problems locating this section, use your browser's search function to locate the phrase "blog posts" or "Blog1", and be aware of the surrounding <code>b:section</code> and div tags.<br />
<br />
<br />
<br />
Once you have found this section in your template, you will need to copy and paste the following code <b><span class="Apple-style-span" style="color: red;">just after the closing </span><code></b:section></code> tag</b> and <b><span class="Apple-style-span" style="color: red;">before the closing</span> </div><br />
<br />
<br />
<br />
<br />
</b><br />
<div class="code">
<b:if cond='data:blog.url == data:blog.homepageUrl'><br />
<br />
<br />
<b:section class='sidebar' id='magazine-left' showaddelement='yes' > <br />
<br />
<br />
<b:widget id='Text31' locked='false' title='Test-1 Title' type='Text'/> <br />
<br />
<br />
</b:section> <br />
<br />
<br />
<br />
<b:section class='sidebar' id='magazine-right' showaddelement='yes' > <br />
<br />
<br />
<b:widget id='Text32' locked='false' title='Test-2 Title' type='Text'/> <br />
<br />
<br />
</b:section> <br />
<br />
<br />
<br />
<div style="clear: both;"></div><br />
<br />
<br />
</b:if></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">Now Click </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span></span><br />
<br />
<br />
By adding this code, we have inserted two extra widget areas which contain a "dummy" text widget so you can preview their appearance. These sections are also contained in <span class="Apple-style-span" style="color: red;"></b:if></span> tags, which determine they are only seen on your blog's home page.<br />
<br />
<br />
At this stage, you can preview your template and will see these dummy widgets appear below your posts section. However, as we have not yet styled these sections, they will appear beneath each other rather than side by side.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How To Install Two Columns Widget Under Posts </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eQqw7T" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKP5SduNZMy2fUDwjQPLmEkEjnKY8kO27tViAh5GnLVl5baYjS1AkYwEyoE-rhRJ08Ks4HoN3IvMz5sjoczN767xAUeHIhZQtH7z-HX2y20-9ur1Ec_vFQqteQTkhrAsWfk6rkX6gOwJq6/s1600/How+To+Install+Two+Columns+Widget+Under+Posts.jpg" width="320" /></a></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Instructions To Follow:</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #1</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Log in to</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">,go to Design -> Edit HTML</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">and mark the tick box "Expand Widget Templates"</span><br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #2</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Now find (CTRL+F) this code in the template:</span><br />
<br />
<div class="code">
]]></b:skin></div>
<br />
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<br />
<br />
<div class="code">
.underpost {<br />
margin:15px 0px 10px 0px;<br />
padding:5px 0;<br />
clear:both;<br />
}<br />
<br />
.underleft{<br />
float:left;<br />
width:265px;<br />
margin-right:15px;<br />
}<br />
<br />
.underright {<br />
float:right;<br />
width:265px;<br />
}</div>
<br />
<br />
Now find this code:<br />
<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
Copy and paste the code <span class="Apple-style-span" style="color: blue;">below</span>, exactly under the code:<br />
<br />
<div class="code">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<br />
<div class='underpost'><br />
<br />
<div class='underleft'></div>
<br />
<span class="Apple-style-span" style="color: red;">Left column ads code here</span><br />
<br />
<div class="code">
</div><br />
<br />
<div class='underright'></div>
<br />
<span class="Apple-style-span" style="color: red;">Right column ads code here</span><br />
<br />
<div class="code">
</div><br />
<br />
</div><br />
<br />
</b:if></div>
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">Now Click </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span></span><br />
<br />
<br />
<br />
<br />
The steps above are just the example for you in order to master the basic principal, because with it, you can do any variations easily. As an addition, if you want more dynamic column width, you can use the percentage (%), not use the pixel (px).<br />
Happy trying!<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How to Add Three Columns to Blogger Footer Section? </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eQqw7T" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNxKLJFT5lPQxZRol9aZzwu3zLCLhRG-Gf9u_ckUZ5X9ZVFyZ-8XKzLPVECUU19-AnP7gnlEyaYfmvkEZTUgDfDmW9cRE00JJMrLMGkGgtyz9cg1A8kyGlrxGhiPqFIftW6qfP4wVWe50E/s1600/How+to+Add+Three+Columns+to+Blogger+Footer+Section.JPG" width="360" /></a></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Instructions To Follow:</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #1</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Log in to</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">,go to Design -> Edit HTML</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">and mark the tick box "Expand Widget Templates"</span><br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #2</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Now find (CTRL+F) this code in the template:</span><br />
<br />
<div class="code">
]]></b:skin></div>
<br />
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
/* <br />
Code is developed by: <br />
http://hubpages.com/_rt3/profile/blog <br />
Blogspot Tutorial Index: <br />
http://hubpages.com/_rt3/hub/blog-index <br />
Code Description: <br />
Codes for adding columns (3 columns) in the blogger footer section <br />
*/ <br />
<br />
#footer-columns{ <br />
border-top:1px dotted #999999; <br />
clear:both; <br />
margin:0 auto; <br />
} <br />
<br />
.column1{ <br />
padding: 0px 5px 3px 5px; <br />
width: 30%; <br />
float: left; <br />
margin:3px; <br />
text-align: left; <br />
} <br />
<br />
.column2{ <br />
padding: 0px 5px 3px 5px; <br />
width: 30%; <br />
float: left; <br />
margin:3px 3px 3px 5px; <br />
text-align: left; <br />
} <br />
<br />
.column3{ <br />
padding: 0px 5px 3px 5px; <br />
width: 30%; <br />
float: right; <br />
margin:3px; <br />
text-align: left; <br />
} <br />
<br />
.addwidget { <br />
padding: 0 0 0 0; <br />
} <br />
<br />
#footer-columns ul { <br />
list-style:none; <br />
margin:0 0 0; <br />
padding:0 0 0; <br />
} <br />
<br />
#footer-columns li { <br />
margin:0; <br />
padding-top:0; <br />
padding-left:0; <br />
padding-bottom:.25em; <br />
padding-right:15px; <br />
text-indent:-15px; <br />
line-height:1.5em; <br />
} <br />
<br />
body#layout #footer-columns { <br />
width: 100%; <br />
margin-left: auto; <br />
margin-right: auto; <br />
} <br />
<br />
body#layout .column1 { <br />
width: 32%; <br />
float: left; <br />
} <br />
<br />
body#layout .column2 { <br />
width: 32%; <br />
float: left; <br />
} <br />
<br />
body#layout .column3 { <br />
width: 32%; <br />
float: right; <br />
} </div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: large;">ADD CONTAINERS TO HOLD ALL THE FOOTER COLUMNS</span><br />
<br />
After adding CSS code, it's time to add the containers for the footer. To add container, first search the following code:<br />
<br />
<br />
<div class="code">
<b:section class='footer' id='footer'/> </div>
<br />
Select the above line of code from your blog template and delete the entire line from the template code and paste the following lines of code there:<br />
<br />
<br />
<div class="code">
<div id='footer-columns'> <br />
<div class='column1'> <br />
<b:section class='addwidget' id='col1' preferred='yes' style='float:left;'> <br />
</b:section> <br />
</div> <br />
<div class='column2'> <br />
<b:section class='addwidget' id='col2' preferred='yes' style='float:left;'> <br />
</b:section> <br />
</div> <br />
<div class='column3'> <br />
<b:section class='addwidget' id='col3' preferred='yes' style='float:right;'> <br />
</b:section> <br />
</div> <br />
<div style='clear:both;'/> <br />
</div> <br />
<b:section class='footer' id='footer'/> </div>
<br />
<br />
SAVE THE MODIFIED TEMPLATE'S WORK<br />
<br />
After successfully finishing the above tasks, save the modified code by clicking <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span> button to save the whole modified code. Now, your blog has three columns in the footer section.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Add a Customized Three Column Footer Widget In Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eQqw7T" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhztQC5NEnMchczYdE5j9FldJJUBwHTsuo7eVZ2sTkYPjw1Ui-X3yBuHpqbYNnAT86GItiWcJ3pi5JqbK4-u6Ki2eB6hSyhROSF61mKDdVLCVfNRbejtwk479ti5pYfrCoxyhyphenhyphenVH3MDtSK/s1600/Add+a+Customized+Three+Column+Footer+Widget+In+Blogger.png" width="360" /></a></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Instructions To Follow:</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #1</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Log in to</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">,go to Design -> Edit HTML</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">and mark the tick box "Expand Widget Templates"</span><br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">STEP #2</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Now find (CTRL+F) this code in the template:</span><br />
<br />
<div class="code">
]]></b:skin></div>
<br />
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
<span class="Apple-style-span" style="color: #666666;">/* ----- LOWER SECTION ----- */<br />
<br />
#lower {<br />
<br />
margin:auto;<br />
<br />
padding: 0px 0px 10px 0px;<br />
<br />
width: 100%;<br />
<br />
<b> background:#333434; </b>}<br />
<br />
#lower-wrapper {<br />
<br />
margin:auto;<br />
<br />
padding: 20px 0px 20px 0px;<br />
<br />
<span style="color: #0080ff;"><b> <span style="color: red;">width: 960px;</span></b></span><br />
<br />
}<br />
<br />
<span style="color: black;">#lowerbar-wrapper </span><span style="color: black;">{<br />
<br />
border:1px solid #DEDEDE;<br />
<br />
</span><span style="color: black;"><b><span style="color: #0080ff;">background:#fff;</span> </b> float: left;<br />
<br />
margin: 0px 5px auto;<br />
<br />
padding-bottom: 20px; </span><span style="color: #0080ff;"> </span><b><span style="color: #0080ff;">width: 32%;</span><span style="color: black;"> </span> text-align: justify;<br />
<br />
font-size:100%;<br />
<br />
line-height: 1.6em;<br />
<br />
word-wrap: break-word;<br />
<br />
overflow: hidden;<br />
<br />
}</b><br />
<br />
.lowerbar {margin: 0; padding: 0;}<br />
<br />
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}<br />
<br />
<span style="color: black;">.lowerbar h2 {</span><br />
<br />
margin: 0px 0px 10px 0px;<br />
<br />
padding: 3px 0px 3px 0px;<br />
<br />
text-align: left;<br />
<br />
<span style="color: green;"> </span><b><span style="color: green;">color:#0084ce;</span> </b> text-transform:uppercase;<br />
<br />
<b><span style="color: green;">font: bold 14px Arial, Tahoma, Verdana; </span></b><span style="color: green;"> </span><span style="color: green;"><b>border-bottom:3px solid #0084ce; </b></span><span style="color: black;">}</span><br />
<br />
.lowerbar ul {<br />
<br />
margin: 0px 0px 0px 0px;<br />
<br />
padding: 0px 0px 0px 0px;<br />
<br />
list-style-type: none;<br />
<br />
}<br />
<br />
.lowerbar li {<br />
<br />
margin: 0px 0px 2px 0px;<br />
<br />
padding: 0px 0px 1px 0px;<br />
<br />
<b> <span style="color: blue;">border-bottom: 1px dotted #ccc;</span></b><br />
<br />
}</span></div>
<br />
<br />
<br />
<br />
Step #3 <br />
Now find the bellow code<br />
<br />
<div class="code">
</body></div>
<br />
<br />
just <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<span class="Apple-style-span" style="color: #666666;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="color: black; font-family: Georgia, serif; font-size: 16px;"><div id='lower'><br />
<br />
<div id='lower-wrapper'><br />
<br />
<div id='lowerbar-wrapper'><br />
<br />
<b:section class='lowerbar' id='lowerbar1' preferred='yes'><br />
<br />
</b:section><br />
<br />
</div><br />
<br />
<div id='lowerbar-wrapper'><br />
<br />
<b:section class='lowerbar' id='lowerbar2' preferred='yes'><br />
<br />
</b:section><br />
<br />
</div><br />
<br />
<div id='lowerbar-wrapper'><br />
<br />
<b:section class='lowerbar' id='lowerbar3' preferred='yes'><br />
<br />
</b:section><br />
<br />
</div><br />
<br />
<div style='clear: both;'/><br />
<br />
</div> </div></span></span></span></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">Now Click </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span></span><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"><br />
</span></span></span><br />
<h4 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; font-size: 12px; font-weight: bold; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;">
Customization</h4>
<div style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
You can easily customize the look and colours of the this footer widget. I have bolded the important parts in the CSS code above. Read the descriptions below carefully to better stylize your three column widget. For changing colours use our <a href="http://bdlab.blogspot.com/2010/04/hex-color-code-chart-generator.html" style="background-color: transparent; color: #ef0000; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Hex Color Code Chart & Generator</a> or <a href="http://bdlab.blogspot.com/2010/04/html-color-codes-generator.html" style="background-color: transparent; color: #ef0000; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Html Color Codes Generator</a></div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"><b>background:#333434;</b> Changing the six digit colour code will change the background colour of this widget.</span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"><span style="color: #0080ff; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b><span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">width: 960px;</span></b></span> This is the width of the widget. If you want you can adjust this width value in accordance with the width of your blog.</span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"><span style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b><span style="color: #0080ff; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">background:#fff;</span></b></span> and <span style="color: #0080ff; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><b><span style="color: #0080ff; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">width: 32%;</span></b> is the background colour and width of the three columns where the widgets are added.</span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"> </span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"></span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"></span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"></span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"></span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"></span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"><b><span style="color: green; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">color:#0084ce;</span></b> This is the Colour of Title Headings</span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: green; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b> </b></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: green; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b>font: bold 14px Arial, Tahoma, Verdana;</b> </span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Edit this to change the font size and family.</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"> <span style="color: green; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b> </b></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span style="color: green; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b> </b></span><br />
<span style="color: green; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b>border-bottom:3px solid #0084ce;</b> <span style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Edit this to change the thickness, style and colour of the border that appears at the bottom of Title Heading</span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br />
<span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 16px; text-align: justify;"><span style="color: blue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b>border-bottom: 1px dotted #ccc;</b></span><span style="color: green; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Editing this will change the size, style and colour of the border that appears below links.</span></span></span><span style="color: green; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span></span><br />
<span style="color: green; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="color: black; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span></span><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"></span></span></span></span><br />
<div align="center" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"><span style="color: #0080ff; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b>That’s All!</b></span></span></span></span></span></div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</span></span></span></span></div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com9tag:blogger.com,1999:blog-404186049558999833.post-7421596219928598882010-12-25T05:59:00.001-08:002013-02-05T22:00:43.362-08:0030+ CSS Tab Navigation Scripts for Bloggers and Web Designers<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/hGKFQb" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiimtg98HArEg3kudvLBXAaqGZ5PBkzn2mDrPqJMks70CIfZvctHksMrOdwEBlOrP5VDDbQ_BmrKDd-mj3ZqmpNazKLnS5mvlYl7WH6v-5Jh38UqWtQOxAQFPgm1N5un1iYzMjzmyaNfH6H/s1600/CSS+Tab+Navigation+Scripts+for+Bloggers+and+Web+Designers.jpg" /></a></div>
<br />
Tabbing navigation should not be confused with tabbed document interface In computing, tabbing navigation is the ability to navigate between focusable elements (such as hyperlinks and form controls) within a structured document or user interface (such as HTML) with the tab key of a computer keyboard. Usually, pressing Tab will focus on the next element, while pressing Shift + Tab will focus on the previous element. The order of focusing can be determined implicitly (based on physical order) or explicitly (based on tab index). In general, tabbing is cyclical, not linear, meaning that the tabbing will cycle to the first/last element when it moves away from the last/first element.<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<a name='more'></a><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Advanced Tabs from EXT JS </span></span><br />
<br />
This is the most powerful tabs component that I can found. It comes with a lot of features such as auto tab resizing, tab scrolling, icons, context menu plugin, and also add/remove tabs via script.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9RC0jI16zeDwdUDY4InOORlU_s4Awv5pOpS_IYOBtPxOugxwIqY3yAlDNF-0SEgsMoUsEDdFDE7Wsf8fmZR6-uWMN_yZSQXyagXFOng_qURlgBjKBZlRgnkqfApwAZHEWXp6s1P0llsqq/s1600/Advanced+Tabs+from+EXT+JS.jpg" width="320" /></div>
<br />
Article : http://dev.sencha.com/deploy/dev/examples/tabs/tabs-adv.html<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Nanotabs </span></span><br />
<br />
Nanotabs is a tiny version of idTabs that doesn’t require jQuery. It is only 2KB in size!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLUzAFhusnACqOb_V5_LHrQl6Knv8AgHuHoXxFn3TLet0qdNTotxAWFoIfxjep64wBOAN2JGKlpnpqy70GoYR1-OkJtraDpMHqP1iUy9jh6WVDh-0-_N4aKltiGLjkFXbBFqGbvmWfpYKu/s1600/Nanotabs.jpg" width="320" /></div>
<br />
Article : http://www.sunsean.com/nanotabs/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Ajax Tab Reloaded </span></span><br />
<br />
Taken the idea of the sliding door tabs and mixed them up with a little javascript and ajax to make them very dynamic on the client side.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVcrPDioiNwtm3Bpj9VSKXk-ktqH8CqfMWVG4zQzOSG5LXBM7qMOwY4XfgfX3PYOE2TN1PshjHQfqCxy5CNG-aAVg5F0uLo8TmiQQRtGAsCSXE2FrBk3N244RvdiW-C-gZVmpLDzEaxLZy/s1600/Ajax+Tab+Reloaded.png" width="320" /></div>
<br />
Article : http://blog.fueledsoftware.com/m/blogs/fueleddev/demos/demo.html<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Control.Tabs </span></span><br />
<br />
Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9bH73mDEoPh7Smv1ib827fHoX256y9rtcHjOFLn0ON0YK2HNqNOHdQLKnWH_02YimoRiROzudZY0izzZgtixivz4HHxUtrlgbmZIAx5qBcgRvz00ybU3jg7VdI-iAk9AYZLTPiHalWcp_/s1600/Control.Tabs.png" width="320" /></div>
<br />
Article : http://livepipe.net/control/tabs<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">JavaScript tabs with jQuery </span></span><br />
<br />
jQuery plugin that lets you create JavaScript tabs very easily. Examples of simple tabs, custom tabs, slide effects, fade effects and callbacks demos available.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLQzt8omQa_mtKFRVFKigaHlCtIs_YT5ARUskFqojTxEljksX5dKn5S-4GEj1aM53g94TmuwX2dvU9GhXSFXHnp-xLYKyqfVRjwNVMa8t56xhuK0wL6VN0TcbRNYy8pF6t6xvq9JxH3HyJ/s1600/JavaScript+tabs+with+jQuery.png" width="320" /></div>
<br />
Article : http://stilbuero.de/jquery/tabs/<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">CSS Menu With Slider </span></span><br />
<br />
This little example shows how to make really simple and yet very nice CSS Menu with slider.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2l8DASXmNHtt_W7atpAT_84i-UEkEWg-cKqUU8sMKjbsF63Dcc-Iq6TT69uvTTT1fJL4KavHG7nu230VR7-VmZSr-Ir4nHK6G7HmzN1UvA8LJev8yOY5t0XCS69tDB122zL4xc4iMeHK6/s1600/CSS+Menu+With+Slider.jpg" width="320" /></div>
<br />
Article : http://dragan.yourtree.org/blog/en/2007/05/11/css-menu-with-slider/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">CSS drop down menu </span></span><br />
<br />
Instead of the menu being triggered by placing your mouse of the menu label, it is trigger by moving your cursor over the down arrow on the right side of the menu label.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRAwwhKxKtddfsUNfDBdoSozkQzIgu39koaTQ2qkGx479F1e4BO1o_T1B7U9JNGdHiu46glssJPqGhSA4FSEE9cUw0KH4OlTPG3EBD2RIkfQkY05iFfS26HQvDf-z8aCWheKg8kpQDNqpb/s1600/CSS+drop+down+menu.jpg" width="320" /></div>
<br />
Article : http://moronicbajebus.com/playground/cssplay/drop-down-llama-menu/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">jQuery Coda-Slider </span></span><br />
<br />
Nice sleek tabs that slides through each tab.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8uNaNsOI25ht3qWHTh8XhFuYLXTIkVk2lrc8VkC8ytjsiUrwuyy5dFLXgZwLYQLEDvv1zxKnsr1waq-l6J9mQVageUxHVMhwJ3j9vXsH8wrZTT3cPOXxK0otH_9QNS-ONGAW7s1Q130iv/s1600/jQuery+Coda-Slider.png" width="320" /></div>
<br />
Article : http://www.ndoherty.biz/demos/coda-slider/1.1.1/<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Fabtabulous – Simple tabs using Prototype </span></span><br />
<br />
This is a tab implementation using another famous Javascript framework – Prototype.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEoyYGVD7TnjUTjaES_Kwp6rpsJmi3i0yKshsd79xKtk_zI7pFgtYqMVmUOJtXQgPOHHqknSo4lxJFB115bLlWqvjLCXQtflnknsnHZCfETThlt3NeC_gvbROkTDFa6udgT11tRLhFpkI3/s1600/Fabtabulous+%25E2%2580%2593+Simple+tabs+using+Prototype.jpg" width="320" /></div>
<br />
Article : http://tetlaw.id.au/view/blog/fabtabulous-simple-tabs-using-prototype/<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">DD Tab Menu from Dynamic Drive </span></span><br />
<br />
DD Tab Menu is a standards compliant, 2 level tab menu script. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHvmsZeVERlHWXifKUof6Ds_Zs56Z6BOI2A1-o4DuV8SolsV2aQev7kd_7pQU95qPicDALhr8efmWwHN6ds8CGOtDiz1NT1Pwe-Bds_isXWFuEyjxbzD-AmUbxrPFQyGRRf0a4d-FnEQdC/s1600/DD+Tab+Menu+from+Dynamic+Drive.jpg" width="320" /></div>
<br />
Article : http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">DOM dynamic Tabs </span></span><br />
<br />
DOM dynamic Tabs allows you to easily create tabbed content on the fly without creating HTML.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6UMgEusg0lJn6qhdmaIhaIUiDIuXTgQqhxzu81ARMUDN4M6V1ZGOZCNe330pcJAuL44jNZcEvbVR_qcEbUpiwnWcksSlckzOZ7vSOD8O2baJE6q_Ip3aaSCpgDyFYsDAh7Yp2Hnh0OEpj/s1600/DOM+dynamic+Tabs.jpg" width="320" /></div>
<br />
Article : http://www.ajaxlessons.com/2006/02/24/dom-dynamic-tabs/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">HTML Dog CSS Tab </span></span><br />
<br />
A popular form of navigation is tabbed navigation-a group of links that give the impression of being protrusions attached to different areas of unseen content. With CSS you don’t need to be restricted to rigid images for every tab-you can maintain complete control over appearance and text at a fraction of the file size of image-only alternatives.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWb6XJtUGNRs5FaLY-O0C3gHAPp-BHcn6QikoiVcbWbYVJnFaLWFUr0dTMXIMSIKVQ7k59piSmGuQKmnRdEnu0nXV4I4hZ6li3HXnJ6TemYiR7aYYyrVSLvTKcssCLhh_W29vZAjqoSYKw/s1600/HTML+Dog+CSS+Tab.png" width="320" /></div>
<br />
Article : http://www.htmldog.com/articles/tabs/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">jQuery Thickbox </span></span><br />
<br />
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPujCiC2hz0hqz9mH52_fhl1au3rqdlQxi8MkHD_dGREtP1p7D2vlLUdD_ZHj-33tygu5tApTWUqDl5IsauKPrcm9PKoAd3vyvtzd2NFOo0rPKu4yFMMddAZYNm7J6s5Ow1diGe7TlOcWf/s1600/jQuery+Thickbox.png" width="320" /></div>
<br />
Article : http://jquery.com/demo/thickbox/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">jQuery idTabs </span></span><br />
<br />
It makes adding tabs into a website super simple. But it can also open the door to endless possiblities.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4NOtFsOFHwkUwEjkB4pL7NdiVTGnzRyBLRmPgeSrof51Huug3CshhozJXO1FtPqdES_238zMLBhCMVi3GuC6Q4_tP64AnFNxkjx3pmeqjbiD0yVZ8n2Ew9sQTR8AH-pyumFAvYbakNcl/s1600/jQuery+idTabs.png" width="320" /></div>
<br />
Article : http://www.sunsean.com/idTabs/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Tab Accordian </span></span><br />
<br />
Tab navigation with sleek animation using Moo FX.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiERCaWE2T0osmITPvZqHWVhpGKA4P748AvVBuBvG5ABfnt6SicGJUf9l5cYOP4A4J_c1SU7DWnz_qZ0QowYd4bT7cQNQ-GWq9g_kC6fpT6Gkh1bmF8EUo1KTjI3AmvjQZ0DP-WXY4RUHWM/s1600/Tab+Accordian.png" width="320" /></div>
<br />
Article : http://www.nyokiglitter.com/tutorials/tabs.html<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">DHTML Goodies Tab Panes </span></span><br />
<br />
Tab navigation with a close [x] button on each tab.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7j1x9lsrpjLf7gGw0VhKRxhrms1vcLrqgtfMknTmnppWdKst7OShO5gtPcXVbrkq1u-G88Ow1HgBaTqbojI3no3Kejxp5QVBAs_M4JplK3xmjzLhxjRg3B5NiX3dyo4-_w6-aJNjpd-CD/s1600/DHTML+Goodies+Tab+Panes.png" width="320" /></div>
<br />
Article : http://www.dhtmlgoodies.com/scripts/tab-view/tab-view.html<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">dhtmlxTabber – AJAX powered DHTML Javascript Tabber component </span></span><br />
<br />
This AJAX-enabled component lets you create nice looking and feature-rich tabs easily. You can put your tabs to left, right, top or buttom aligned according to the predefined or your own style.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT-6ocX_6ZqbkK8ZRaPopYsK4WrBQY3KZuXNdF1pcq86UJVdQys0DbqE39uB0b7skxyFB1AiDQWUxlImEWVP-R0K8ZzzKEcF5tA7hLjKcvpWGqKPGgcmEtK89Q0HydAgz5r5nDrt8qruQq/s1600/dhtmlxTabber+%25E2%2580%2593+AJAX+powered+DHTML+Javascript+Tabber+component.jpg" width="320" /></div>
<br />
Article : http://www.dhtmlx.com/docs/products/dhtmlxTabbar/index.shtml<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Tabtastic </span></span><br />
<br />
Tabtastic supports multiple or nested tabsets on the same page and allow users to bookmark the page loading to a specific tab.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTGPAaM9nEJ6ODRnH71SmQIjpxLf9VY7_Fz_KsjMHEqBDaGEyWjqqBWW8pKycfNpRZBvc4IiNrlaLU5Nk8cN-CetSclECBDUJhVBZrfOo_EFNGdsM9tZOLEu2m3wF8ZQ1-jq-02hTHEQ4i/s1600/Tabtastic.jpg" width="320" /></div>
<br />
Article : http://phrogz.net/JS/Tabtastic/index.html<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Fancy Sliding Tab Menu </span></span><br />
<br />
Included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyGqI5pqWOLbuqe4c4eNs1F884UcLjliZlZPenFZZ9T6dmWTODL3Yh05vqBD81Ehx-me5wNQWJ2Y5ykIGh_xU5j4ydX03Ak3NL1HFwNc3qlvYhVTlYJNVAx1MgK4KPpt3AiiZOpKodi7_/s1600/Fancy+Sliding+Tab+Menu.jpg" width="320" /></div>
<br />
Article : http://www.andrewsellick.com/examples/tabslideV2/<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Tab Pane </span></span><br />
<br />
The look and feel of Tab Pane is entirely decided by CSS. So, you can change it easily through creating different styles.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNi0Nv6mbSInVRNkUZWfI0tPriZvyU-V4pDOIT-mqQYlJ5LjP9i9yA1B7wSp4caCExdgNv616ZZ2ZRYRn71iPHA_i9XuI2dZO96FIMt8IZ_iOEXO2QVnfylXeHXdNCgeiZeQhV1pPXgRmu/s1600/Tab+Pane.jpg" width="320" /></div>
<br />
Article : http://webfx.eae.net/dhtml/tabpane/tabpane.html<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">SimpleTabs by Komrade </span></span><br />
<br />
SimpleTabs doesn’t depend on any third party Javascript library so it will not cause any conflict if you are already using any Javascript library such as jQuery or MooTools. It is small in size and can remember last tab clicked before you reload your page.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNYYPta9l3npJ7el9DspvRstw5GmJOIFRkv7HJRiwfRgVnUtcGPgyznB0qsGwYaw1zO15fUbDCaorlTyax1sOit1u_W_kWuV3MfWKM9GQ-oNf8FHzBnQAei3bfRUk87YVp1mgk3Me7zvXx/s1600/SimpleTabs+by+Komrade.jpg" width="320" /></div>
<br />
Article : http://komra.de/labs/simpletabs/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Closeable Tabs module </span></span><br />
<br />
The closeable tabs module allows tabs to be removed. The HTML markup for this tabs module is same as standard tabs module.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkwcgPjcHx8Nblw86kRgWnc8zjYagKFVjCi9RtdN5LVExbIkNeMNTo-1m4q-rCros_eDgzZzdVuPqIfvt6x3AF0YIg2DXj24joOuSwKOIPCETeONSfsyBbOZCIXGqr2g_QbmSPb5aoVtqD/s1600/Closeable+Tabs+module.jpg" width="320" /></div>
<br />
Article : http://www.nodetraveller.com/sandbox/moduleTabs/closeable.php<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Yahoo UI Library: TabView </span></span><br />
<br />
This is another tab component by Yahoo UI Library. It comes with a cheat sheet, good tutorials and also examples.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfebmgxQwyM1hqHjxd7Esk2boUDru6RDmjYhPprSs6V1p7C9XFpjbTHnxqaEZxBOTNujruIjiMp_YSLFEcRA0qYtGsGQ8Ql320Niuxt5TZVtC0Cjq_Jih2TZ53ANa-eT0R0WqU2gaT_jqO/s1600/yahoo-ui-library-tabview.jpg" width="320" /></div>
<br />
Article : http://developer.yahoo.com/yui/tabview/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Brainjar Tabs </span></span><br />
<br />
Using CSS to build a tabbed display. One where the user can click on individual tabs to view different content within the same space.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDC_Yj0u6yQe9ekuIbMTzwf0xF7z6ppQ0gjuXRign-TcR4N6CcGCwJcfDNC8-oovHvABHzwQ96PE34OY4BZWy0jdHIGtMHyH2XIpLV5_PzHPCsorVDux_OVc5bZW8meNFUX7CEnpgTa6eX/s1600/Brainjar+Tabs.png" width="320" /></div>
<br />
Article : http://www.brainjar.com/css/tabs/demo.html<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Kollermedia Tab Menu </span></span><br />
<br />
This ia a Javascript tab implementation that used by Kollermedia. The author implemented the script by himself and decided to share the scripts with us after received feedbacks from his readers.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUqF38-IJThwjk5xeAVMJWRTD-LicH48AAZ64sxhZIXYmXhyphenhyphenDRDPmrDRPaRkmMTUt6AaHhuIqYehy83G6K6_rY5g4hhg7dlbtxTxYV7xnZIQEVqj_uEVPBB-qVlMnTmbX6tLhhtApuR_5H/s1600/Kollermedia+Tab+Menu.jpg" width="320" /></div>
<br />
Article : http://www.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochange/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Ajax Project – Tabbed Page Interface </span></span><br />
<br />
This is a script that can load a new page to the tab without a page refresh.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8ncr78JZ5Wqxq3XdqPAoyvZ9nlxpRXhSznWAe4SfACe1K8YO7ur3zX_odq2RTqsbieZk40ooMeu42h1TB-aUmzBJWn2Dzn0hT3Ye1nn1_aClTxp9HqaQakIdhmVwmGlDiwuNEsioaDJEu/s1600/Ajax+Project+%25E2%2580%2593+Tabbed+Page+Interface.png" width="320" /></div>
<br />
Article : http://www.crackajax.net/tabs.php<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">AJAX Tabs (Rails redux) </span></span><br />
<br />
Using Ajax to load information that does not need to be retrieved every time the user pulls the record.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd_nZhFJEby0e4CiBELo-93Xd3kMj4Sukpl2eIkiqMS01zPrQK6FUFwRq0f2azjSYGiKBqW6sUtctklXbCWiSYmaT3Y8wa-rf5MEZgtUn9Agk1avr2NVrwCH5lffEdRiTrPyGKnYzFGdNI/s1600/AJAX+Tabs+%2528Rails+redux%2529.png" width="320" /></div>
<br />
Article : http://actsasflinn.com/Ajax_Tabs/index.html<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Ajax Project – Tabbed Page Interface </span></span><br />
<br />
There are quite a few Javascript implementations of tabbed interfaces out there on the web. How much better, though, to be able to change from pagetab to pagetab without a page refresh? Here’s an example of a tabbed interface using Ajax to load the new pages.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhufUdNXlmVtt8c8MFtgRMyP7kXjxp1ADzsxTPvQt6EEkiQGi40u9ngy2AqDb7zTqMgVN6su_OUu1n5XHSW_Q1NhPYoj4EdbIbP7r9vdSVWWoySsjVB_WOibOzh-EnogMftmzs6WqNZMZFF/s1600/Ajax+Project+%25E2%2580%2593+Tabbed+Page+Interface.png" width="320" /></div>
<br />
Article : http://www.crackajax.net/tabs.php<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Core Design Magic Tabs </span></span><br />
<br />
Nice tab plugin for Joomla.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKINnKyP97Jzzn5cBZs681gcOguFSYID6mHDGl2AeKIaivx16-OzttHhyM9zQabXdEcc6HJy2IJdhHwpDvVo-WZf61XUT6jwEUtALEcjTI4p-22a0VdrON_MroKq7J_3o8c3NmD6Io_vop/s1600/Core+Design+Magic+Tabs.png" width="320" /></div>
<br />
Article : http://www.greatjoomla.com/extensions/plugins/core-design-magic-tabs-plugin.html<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">JQuery Nested Tab Set </span></span><br />
<br />
Nested tab set done with the ExtJS UI Library.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0zN-gFgUOKmAYWx6EzLl37XPEkdoJpD7RN1XDaN_jsGGr1WazuAJLua_B5xE4hF3l-iy-VQy99FubasDA34M19o4XP8UcU3UYouiYXOLpe_X5-rrvdNvZnuhzN53D7Lafm7nmJhNtfuBs/s1600/JQuery+Nested+Tab+Set.png" width="320" /></div>
<br />
Article : http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Perspective Tabs </span></span><br />
<br />
Simple mootools plug-in that allows for a large number of tabs to fit into a small space.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihiAdQ_1ACoWybwbHXHPlw_AQuNKUzZETBMtMRNOj-gkkePnRV8rU_c_OqwOf0Hk9cF05EDSp9DCeegRjPM0d8JfK_Rf1LtIATQfTvpPc9uaF7oWXoj6_rus_7pi0EwtAtrwLiEGxR4Qde/s1600/Perspective+Tabs.png" width="320" /></div>
<br />
Article : http://people.cs.uchicago.edu/~meweltman/sliding_tabs.html<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">XP Style Tab Panes </span></span><br />
<br />
To get this script working properly, simply put your content into separate “div”s and then call a javascript function which creates the tabs dynamically.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSwnMQu9Gy22di4PdTp7nTqxIYoSDTIR0tysOf2T-fBVNRvbRFiJt_tCD6K1QfY9WIo6TCVJc-RfbPmKE0P3OwI3N9qN0_9NnQzfQ5cJyM3vh8eNL7JDTGk_lTvu7FoLsONXXnrxLYl7Sr/s1600/XP+Style+Tab+Panes.jpg" width="320" /></div>
<br />
Article : http://www.dhtmlgoodies.com/index.html?whichScript=tab-view<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">qrayg CSS Menu </span></span><br />
<br />
4 level deep list in both horizontal and vertical layout modes while maintaining hover persistence.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikvp-hWMQpVF3R_I5GKrFm0o31ii74PEsJKzZdXQwZXm35ooQ99bEcQWVyiLqMhyphenhyphenF6h1VttWV2-Y9jKGbyxfpqzMw-22HXvocnxFnZMVAQLWM7qeqzTyhEbOcKPC6nmc8jDVeMRPW4WqQa/s1600/qrayg+CSS+Menu.png" width="320" /></div>
<br />
Article : http://qrayg.com/experiment/cssmenus/<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">DOMTab – Navigation tabs with CSS and DOM Scripting </span></span><br />
<br />
DOMTab is a popular Javascript tab implementation script. Basically, it will turn a list of links connected to content sections into a tab interface. You can get example code through the website.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz0sUr29ZMLRbAveuWvxQRSzDR4sTSXLxzgct-LBMgWDrFsNKq1yPH8CPvBMCOaQUxIyhgrjbMaxcRM9e4TRX8C8vJRAMR_LCsNwkBjSTvlKE6xgjs2ZxpAGzZ1DtH5QMguZW8Q0hGyAif/s1600/DOMTab+%25E2%2580%2593+Navigation+tabs+with+CSS+and+DOM+Scripting.jpg" width="320" /></div>
<br />
Article : http://www.onlinetools.org/tools/domtabdata/<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">JavaScript Tabifier – Automatically create an html css tabs interface </span></span><br />
<br />
This is a plug-and-play Javascript tab script. To use it, simple include the js file and make some minor modifications to your current html code. Use CSS to customize the tabs’ appearance.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqFEowdael2mhHv9uaavg6sdQ2HhnPJeslZCHbpLatRlJSTLC51h-eEBH-jdtLMwKUida8dYBY_OR9T5DDjzkXS9fDGfDuAaz5dhU73tJu_vnBRbUMplsGaX8ah-tT8TIcnX4zahk9KrNj/s1600/JavaScript+Tabifier+%25E2%2580%2593+Automatically+create+an+html+css+tabs+interface.jpg" width="320" /></div>
<br />
Article : http://www.barelyfitz.com/projects/tabber/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Ajax Tabs Content Script from Dynamic Drive </span></span><br />
<br />
This is an Ajax tabs script that lets you display content pulled from external files inside a “div” and organized wia CSS tabs.(Non-Ajax version here)<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInnw4Uha18cZ9P2yOxUBzrFgbZ-4WdXMZRCspHDmB607NGRHPTevVClWzGNjpzsdRWj0EXMsmQuv4DUInulxatk3wu3KDv1iw3NTel6o4yY_SLVbcaMvmBzYoNaJlNYKd9r062YoQzbAG/s1600/Ajax+Tabs+Content+Script+from+Dynamic+Drive.jpg" width="320" /></div>
<br />
Article : http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Fancy Menu </span></span><br />
<br />
Custom navigation bar with some cute Javascript effects that will certainly impress your friends.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRT01Pkm47fPQLnk7deUgz1fwUOiTHZeWW2RP-UfY4P98lCOqvemW8byCdF7jR7om-c45RzIplztnq7MQ1xPgkCBJG21p6fUlb5muWQjD03xwFUxGd3jeLJXq1VhntMeAxrU_7UuLpTHh/s1600/Fancy+Menu.jpg" width="320" /></div>
<br />
Article : http://devthought.com/cssjavascript-true-power-fancy-menu/<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Creative Pony Sliding Tab </span></span><br />
<br />
Sliding Tabs is a mootools 1.11 plugin which adds a pretty neat effect. It’s a clone of something seen on Panic Software’s Coda site.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJdWABw4FPxD-lVwcQ3kWp2mJvU0Yr1bv-_iJ43x-7v9uO9D5XO8FZd3zrpQN1RKizTP7GpQelovZxkkGqDdRMQF-yjL_NGJNph-oEzWT4d1IiYhlaDknl-TGHord7JFQOmiRHRgk5R0-/s1600/Creative+Pony+Sliding+Tab.jpg" width="320" /></div>
<br />
Article : http://creativepony.com/archive/demos/sliding-tabs/<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">JQuery Tab Animation </span></span><br />
<br />
A sample that show how you can add tab transition animations to your existing Tab Panel Controls.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77NWsXxji_UeLinTXI87djb_1LlNxtgImzr_vz-kcycw9wtSCFHjgFsvxVYuQo_dYVouU_K-sN14p6rLf_V5v8RRkrhHfertgS_YF5P9yJL81bbDBs9CKB1ul-wI8z_EPkb2ivKdqNtgb/s1600/JQuery+Tab+Animation.jpg" width="320" /></div>
<br />
Article : http://mattberseth2.com/tab_animation/</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com2tag:blogger.com,1999:blog-404186049558999833.post-91774127954807887582010-12-22T10:57:00.000-08:002013-02-05T22:02:38.027-08:0017+ social bookmarking widgets for blogger And Customize<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEithQ_Ibk6BeKIb3Jy5PbNm8Y2kdipotWE9pRsME5OK4RtFiV4GKf_o2kduNKvQQLr0BsJUkG_nxRiLsujiyZWyj-9seCWABTctktU3s7iKDV48m4jIxOwHkCT6_YCDltLOpchwiCVsgaGC/s1600/Social+Bookmarking+widget+To+blogger-24works.png" width="320" /></a></div>
<br />
People like to bookmark your blog posts to different social bookmarking sites if they find something interesting content and find the easy bookmarking widget installed in your blog.None of your readers will visit digg or reddit to bookmark your blog there.They will bookmark only when they find social bookmarking widget installed in your blog post footer or other easy place.They will be more interested if they find something interesting with the social bookmarking widget.<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Add AutoHiding Social Bookmarking [Sharing is Sexy/Caring] Widget To Your Blog </span></span><br />
<br />
You must have noticed Sharing is sexy/caring social bookmarking autohide widget on many blogs and websites. This widget is very different than other available social bookmarking buttons. The graphics looks very stylish and different. The button of this widget has autohide effect when hover on it. All that makes it a must have widget for any blog. Here in this post, i will explain how you can add Sharing is sexy widget to Blogger blog after every post.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="http://i35.tinypic.com/hs1hza.gif" width="320" /></a></div>
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s320/Image+5.png" width="320" /></a></div>
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
</head></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
<!--HIDDEN-BOOKMARKS-STARTS--><br />
<br />
<br />
<br />
<style type='text/css'><br />
<br />
<span class="goog_qs-tidbit goog_qs-tidbit-0">div.sexy-bookmarks {</span><br />
<br />
<span class="goog_qs-tidbit goog_qs-tidbit-0">height:54px;</span><br />
<br />
background:url(&#39;<span style="font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBOVUBZ1MT2MWSYqUxOasxwMKvdIQQ-IhUeu-m-fo29xkpWqOfRfcC5MNn1_9THBW3Sq-tld8vYpq58v493m5bn36L727hqcuwUbuTsJCNrQG7AAR-zWPBAEWe_o4xp019Kgd2-q8e0lbe/</span>&#39;) no-repeat left bottom;<br />
<br />
position:relative;<br />
<br />
width:540px;<br />
<br />
}<br />
<br />
<br />
<br />
div.sexy-bookmarks span.sexy-rightside {<br />
<br />
width:17px;<br />
<br />
height:54px;<br />
<br />
background:url(&#39;<span style="font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBOVUBZ1MT2MWSYqUxOasxwMKvdIQQ-IhUeu-m-fo29xkpWqOfRfcC5MNn1_9THBW3Sq-tld8vYpq58v493m5bn36L727hqcuwUbuTsJCNrQG7AAR-zWPBAEWe_o4xp019Kgd2-q8e0lbe/</span>&#39;) no-repeat right bottom;<br />
<br />
position:absolute;<br />
<br />
right:-17px;<br />
<br />
}<br />
<br />
<br />
<br />
div.sexy-bookmarks ul.socials {<br />
<br />
margin:0 !important;<br />
<br />
padding:0 !important;<br />
<br />
position:absolute;<br />
<br />
bottom:0;<br />
<br />
left:10px;<br />
<br />
}<br />
<br />
<br />
<br />
div.sexy-bookmarks ul.socials li {<br />
<br />
display:inline-block !important;<br />
<br />
float:left !important;<br />
<br />
list-style-type:none !important;<br />
<br />
margin:0 !important;<br />
<br />
height:29px !important;<br />
<br />
width:48px !important;<br />
<br />
cursor:pointer !important;<br />
<br />
padding:0 !important;<br />
<br />
}<br />
<br />
<br />
<br />
div.sexy-bookmarks ul.socials a {<br />
<br />
display:block !important;<br />
<br />
width:48px !important;<br />
<br />
height:29px !important;<br />
<br />
font-size:0 !important;<br />
<br />
color:transparent !important;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {<br />
<br />
background:url(&#39;<span style="font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAl2fvPn9RIOiaHwUyhmz3Bo9xt9mCFbKLrmwskmdWL0e7PtFepRdLY3XVTgaWxL68KUZ_qy_HAFGDUDYgxRUtg9KKdlvkY-ftKFMkqR5kvVTUvuCpD67M2eRP4H7a5I02Paq_vyBgH0Lr/</span>&#39;) no-repeat !important;<br />
<br />
}<br />
<br />
<br />
<br />
.sexy-furl {<br />
<br />
background-position:-300px top !important;<br />
<br />
}<br />
<br />
.sexy-furl:hover {<br />
<br />
background-position:-300px bottom !important;<br />
<br />
}<br />
<br />
.sexy-digg {<br />
<br />
background-position:-500px top !important;<br />
<br />
}<br />
<br />
.sexy-digg:hover {<br />
<br />
background-position:-500px bottom !important;<br />
<br />
}<br />
<br />
.sexy-reddit {<br />
<br />
background-position:-100px top !important;<br />
<br />
}<br />
<br />
.sexy-reddit:hover {<br />
<br />
background-position:-100px bottom !important;<br />
<br />
}<br />
<br />
.sexy-stumble {<br />
<br />
background-position:-50px top !important;<br />
<br />
}<br />
<br />
.sexy-stumble:hover {<br />
<br />
background-position:-50px bottom !important;<br />
<br />
}<br />
<br />
.sexy-delicious {<br />
<br />
background-position:left top !important;<br />
<br />
}<br />
<br />
.sexy-delicious:hover {<br />
<br />
background-position:left bottom !important;<br />
<br />
}<br />
<br />
.sexy-yahoo {<br />
<br />
background-position:-650px top !important;<br />
<br />
}<br />
<br />
.sexy-yahoo:hover {<br />
<br />
background-position:-650px bottom !important;<br />
<br />
}<br />
<br />
.sexy-blinklist {<br />
<br />
background-position:-600px top !important;<br />
<br />
}<br />
<br />
.sexy-blinklist:hover {<br />
<br />
background-position:-600px bottom !important;<br />
<br />
}<br />
<br />
.sexy-technorati {<br />
<br />
background-position:-700px top !important;<br />
<br />
}<br />
<br />
.sexy-technorati:hover {<br />
<br />
background-position:-700px bottom !important;<br />
<br />
}<br />
<br />
.sexy-myspace {<br />
<br />
background-position:-200px top !important;<br />
<br />
}<br />
<br />
.sexy-myspace:hover {<br />
<br />
background-position:-200px bottom !important;<br />
<br />
}<br />
<br />
.sexy-twitter {<br />
<br />
background-position:-350px top !important;<br />
<br />
}<br />
<br />
.sexy-twitter:hover {<br />
<br />
background-position:-350px bottom !important;<br />
<br />
}<br />
<br />
.sexy-facebook {<br />
<br />
background-position:-450px top !important;<br />
<br />
}<br />
<br />
.sexy-facebook:hover {<br />
<br />
background-position:-450px bottom !important;<br />
<br />
}<br />
<br />
.sexy-mixx {<br />
<br />
background-position:-250px top !important;<br />
<br />
}<br />
<br />
.sexy-mixx:hover {<br />
<br />
background-position:-250px bottom !important;<br />
<br />
}<br />
<br />
.sexy-script-style {<br />
<br />
background-position:-400px top !important;<br />
<br />
}<br />
<br />
.sexy-script-style:hover {<br />
<br />
background-position:-400px bottom !important;<br />
<br />
}<br />
<br />
.sexy-designfloat {<br />
<br />
background-position:-550px top !important;<br />
<br />
}<br />
<br />
.sexy-designfloat:hover {<br />
<br />
background-position:-550px bottom !important;<br />
<br />
}<br />
<br />
.sexy-syndicate {<br />
<br />
background-position:-150px top !important;<br />
<br />
}<br />
<br />
.sexy-syndicate:hover {<br />
<br />
background-position:-150px bottom !important;<br />
<br />
}<br />
<br />
.sexy-email {<br />
<br />
background-position:-753px top !important;<br />
<br />
}<br />
<br />
.sexy-email:hover {<br />
<br />
background-position:-753px bottom !important;<br />
<br />
}<br />
<br />
<br />
<br />
</style><br />
<br />
<br />
<br />
<br />
<br />
<!--HIDDEN-BOOKMARKS-STOPS-http://bdlab.blogspot.com--></div>
<br />
<br />
STEP #2<br />
<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">BELOW/AFTER</span> it, paste this code:<br />
<br />
<div class="code">
<div class='sexy-bookmarks'><br />
<br />
<ul class='socials'><br />
<br />
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='sexy-syndicate'><a href='<span class="Apple-style-span" style="color: red;">http://24works.blogspot.com/feeds/posts/default</span>' title='Subscribe to RSS'/></li><br />
<br />
<br />
<br />
<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
</ul><br />
<br />
<span class='sexy-rightside'/></div></div>
<br />
<br />
You may of course remove any button code, if you do not want to show it.<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">SEXYBOOKMARKS V2 FOR BLOGGER </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhigi2q3uPaCY3xEb6LJ2gPeeB8GFZJoyIjpqbEHV5KILruJfLubygL7Xnz1aODtrkkyaWQI8GaAHSGxqZ2fRn3LEV2ESudQWuYAYIdQMHMGvZAffzi7brBVgRTLrhuykoeydx1vJh37Rww/s1600/SEXYBOOKMARKS+V2+FOR+BLOGGER.png" width="320" /></a></div>
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s320/Image+5.png" width="320" /></a></div>
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
</head></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
<code class="javascript"><br />
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
jQuery(document).ready(function() {<br />
// xhtml 1.0 strict way of using target _blank<br />
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");<br />
// this block sets the auto vertical expand when there are more than<br />
// one row of bookmarks.<br />
var sexyBaseHeight=jQuery('.sexy-bookmarks').height();<br />
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();<br />
if (sexyFullHeight>sexyBaseHeight) {<br />
jQuery('.sexy-bookmarks-expand').hover(<br />
function() {<br />
jQuery(this).animate({<br />
height: sexyFullHeight+'px'<br />
}, {duration: 400, queue: false});<br />
},<br />
function() {<br />
jQuery(this).animate({<br />
height: sexyBaseHeight+'px'<br />
}, {duration: 400, queue: false});<br />
}<br />
);<br />
}<br />
// autocentering<br />
if (jQuery('.sexy-bookmarks-center')) {<br />
var sexyFullWidth=jQuery('.sexy-bookmarks').width();<br />
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();<br />
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;<br />
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);<br />
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;<br />
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;<br />
jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');<br />
}<br />
});<br />
</script> </code></div>
<br />
<br />
<br />
And this one too,<br />
<br />
<br />
<br />
<br />
<div class="code">
<code class="css"><br />
<style type="text/css"><br />
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}<br />
div.sexy-bookmarks-expand{height:29px; overflow:hidden}<br />
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat}<br />
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}<br />
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}<br />
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}<br />
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}<br />
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}<br />
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}<br />
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://img231.imageshack.us/img231/3006/sexyspritenew.png') no-repeat !important;border: 0;outline: none;}<br />
.sexy-digg{background-position:-980px bottom !important}<br />
.sexy-digg:hover{background-position:-980px top !important}<br />
.sexy-reddit{background-position:-700px bottom !important}<br />
.sexy-reddit:hover{background-position:-700px top !important}<br />
.sexy-stumbleupon{background-position:-630px bottom !important}<br />
.sexy-stumbleupon:hover{background-position:-630px top !important}<br />
.sexy-delicious{background-position:-1190px bottom !important}<br />
.sexy-delicious:hover{background-position:-1190px top !important}<br />
.sexy-yahoobuzz{background-position:-1120px bottom !important}<br />
.sexy-yahoobuzz:hover{background-position:-1120px top !important}<br />
.sexy-blinklist{background-position:-1260px bottom !important}<br />
.sexy-blinklist:hover{background-position:-1260px top !important}<br />
.sexy-technorati{background-position:-560px bottom !important}<br />
.sexy-technorati:hover{background-position:-560px top !important}<br />
.sexy-myspace{background-position:-770px bottom !important}<br />
.sexy-myspace:hover{background-position:-770px top !important}<br />
.sexy-twitter{background-position:-490px bottom !important}<br />
.sexy-twitter:hover{background-position:-490px top !important}<br />
.sexy-facebook{background-position:-1330px bottom !important}<br />
.sexy-facebook:hover{background-position:-1330px top !important}<br />
.sexy-mixx{background-position:-840px bottom !important}<br />
.sexy-mixx:hover{background-position:-840px top !important}<br />
.sexy-scriptstyle{background-position:-280px bottom !important}<br />
.sexy-scriptstyle:hover{background-position:-280px top !important}<br />
.sexy-designfloat{background-position:-1050px bottom !important}<br />
.sexy-designfloat:hover{background-position:-1050px top !important}<br />
.sexy-newsvine{background-position:left bottom !important}<br />
.sexy-newsvine:hover{background-position:left top !important}<br />
.sexy-google{background-position:-210px bottom !important}<br />
.sexy-google:hover{background-position:-210px top !important}<br />
.sexy-comfeed{background-position:-420px bottom !important}<br />
.sexy-comfeed:hover{background-position:-420px top !important}<br />
.sexy-linkedin{background-position:-70px bottom !important}<br />
.sexy-linkedin:hover{background-position:-70px top !important}<br />
.sexy-friendfeed{background-position:-1750px bottom !important}<br />
.sexy-friendfeed:hover{background-position:-1750px top !important}<br />
.sexy-link{ margin-left:25px; float:left}<br />
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style></code></div>
<br />
<br />
<br />
<br />
STEP #3<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">after</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'><br />
<ul class='socials'><br />
<li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li><br />
<li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li><br />
<li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li><br />
<li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li><br />
<li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li><br />
<li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li><br />
<li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li><br />
<li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li><br />
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li><br />
<li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li><br />
<li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li><br />
<li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li><br />
<li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li><br />
<li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li><br />
<li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li><br />
<li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li><br />
<li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li><br />
<li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li><br />
</ul><br />
<div style='clear:both;'/><br />
</div><br />
</div><br />
<div class='sexy-link'> Widget by <a href='http://24works.blogspot.com/' title='Web Design Blog, Blogger Hacks and Blogger templates'>Blogspot Tutorial</a></div></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">OS X Styled Sharing Dock Widget, New sharing Widget For Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvvsQ9Rb-jMEDzzxzD0F5FUPd9DCD1laFlTgRRP2CZvZQFl0s0cZancv2jUAxThSHcf-7aFd6npTGmjqIE29KWnKhJwgk4yfF403DzpffNB49FLph_AOADpKRLi3R6U-0_FLcvqyVNK6Z/s1600/OS+X+Styled+Sharing+Dock+Widget%252C+New+sharing+Widget+For+Blogger.png" width="320" /></a></div>
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #af2d10; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to Design</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="420" /></a></div>
<br />
<br />
Add a Gadget of HTML/JavaScript type.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></a></div>
<br />
<br />
<div class="code">
<br />
<style type="text/css"><br />
#sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; }<br />
#dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; }<br />
.dock-container { position: relative; background:url(http://i40.tinypic.com/inv7nt.png) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; }<br />
.dock-container .custom_images a { <span class="IL_AD" id="IL_AD10">display</span>: block; position: absolute; bottom: 0; text-align: center; text-decoration: none; <span class="IL_AD" id="IL_AD1">color</span>: #333; cursor: pointer; }<br />
.dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }<br />
.dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; }<br />
</style><br />
<br />
<div id="sharedock"><br />
<div id="dock"><br />
<div class="dock-container"><br />
<br />
<div class="addthis_toolbox"> <br />
<br />
<div class="custom_images"><br />
<br />
<a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="<span class="IL_AD" id="IL_AD5">Share</span> to Facebook" /></a><br />
<a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a><br />
<a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a><br />
<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a><br />
<a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a><br />
<a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a><br />
<a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a><br />
</div><br />
</div> <br />
</div><br />
</div><br />
</div><br />
<br />
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br />
<script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script><br />
<script type="text/javascript"><br />
$(function () { <br />
// Dock initialize<br />
$('#dock').Fisheye(<br />
{<br />
maxWidth: 30,<br />
items: 'a',<br />
itemsText: 'span',<br />
container: '.dock-container',<br />
itemWidth: 50,<br />
<span class="IL_AD" id="IL_AD6">proximity</span>: 60,<br />
<span class="IL_AD" id="IL_AD9">alignment</span> : 'left',<br />
valign: 'bottom',<br />
halign : 'center'<br />
}<br />
);<br />
});<br />
</script><br />
<br /></div>
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now click</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How to Install Floating Social Bookmark on Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKZiMTAonhbMf6_fUZMX_FOX9HLfDWPba6aFeI_CEgV4KUNn4CGrX-aHvFbbkorvaoc8awyIuD59ZpmGxM00Ammln4Xx30zr46iimMxeApUSDTGV7bCmaw59hz1W9SIQRym640QmAi_b4L/s1600/How+to+Install+Floating+Social+Bookmark+on+Blogger.jpg" /></a></div>
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
]]></b:skin></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
#divStayTopLeft {left:5px;position:absolute;top:15px;}<br />
<br />
<br />
<br />
.sidetab {}<br />
<br />
<br />
<br />
.sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0;}<br />
<br />
<br />
<br />
.sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;}<br />
<br />
<br />
<br />
.sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;}<br />
<br />
<br />
<br />
.sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;}<br />
<br />
<br />
<br />
.sidetab a:hover {border: none;background: #e8e8e8;}<br />
<br />
<br />
<br />
.sidetab .button a {background:none;height: 25px; width: 25px;}</div>
<br />
<br />
<br />
STEP #3:<br />
Now find this code in the template:<br />
<br />
<div class="code">
</body></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
<DIV id='divStayTopLeft'><br />
<br />
<br />
<br />
<div class='sidetab'><br />
<br />
<br />
<br />
<ul class='navlist'><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<li class='button'><a href='http://bdlab.blogspot.com/feeds/posts/default'><img height='25' src='http://upic.me/i/ci/rss_48.png' title='Subscribe to RSS feed' width='25'/></a></li><br />
<br />
<br />
<br />
<a class='addthis_button_facebook'><img alt='Facebook' height='25' src='http://upic.me/i/8n/facebook_32.png' width='25'/></a><br />
<br />
<br />
<br />
<a class='addthis_button_delicious'><img alt='Delicious' height='25' src='http://upic.me/i/k6/delicious.png' width='25'/></a><br />
<br />
<br />
<br />
<a class='addthis_button_email'><img alt='Email' height='25' src='http://upic.me/i/bo/emailsmall.jpg' width='25'/></a><br />
<br />
<br />
<br />
<a class='addthis_button_favorites'><img alt='Favorites' height='25' src='http://upic.me/i/ij/favorites.png' width='25'/></a><br />
<br />
<br />
<br />
<a class='addthis_button_twitter'><img alt='Twitter' height='25' src='http://upic.me/i/bx/twitter_32.png' width='25'/></a><br />
<br />
<br />
<br />
<a class='addthis_button_google'><img alt='Google' height='25' src='http://upic.me/i/fm/gsmall.jpg' width='25'/></a><br />
<br />
<br />
<br />
<a class='addthis_button_digg'><img alt='Digg' height='25' src='http://upic.me/i/0v/mdigg.png' width='25'/></a><br />
<br />
<br />
<br />
<a class='addthis_button_more'><img alt='More' height='25' src='http://upic.me/i/5e/wmore.png' width='25'/></a><br />
<br />
<br />
<br />
</ul><br />
<br />
<br />
<br />
</div><br />
<br />
<br />
<br />
</DIV><br />
<br />
<br />
<br />
<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/><br />
<br />
<br />
<br />
<script src='http://hackublog.googlecode.com/files/FloatingMenu.js' type='text/javascript'/></div>
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<blockquote>
Note: Replace the <span class="Apple-style-span" style="color: red;">YOUR-BLOG-ADDRESS-HERE</span> with your Feed Link if the run ends blogspot domain. If they run their own domains replace the Y<span class="Apple-style-span" style="color: red;">OUR-BLOG-ADDRESS-HERE /</span> feeds / posts / default in your Feed link.</blockquote>
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Add Floating Share Buttons Like Mashable to Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1QORz_MO_JCt7OAGBtTlLtOq55B2ripPeHO2lgulywbFGoTWf61Kcx2MaTBNpKb7hgNjPDQxW4QiXCl_JsYBYlzf1KqhuXiP_zLTaTj7cH_g0ynzYrmNiNXv6UWX-ZAwzgIso7sWDckBj/s1600/Add+Floating+Share+Buttons+Like+Mashable+to+Blogger.png" width="320" /></a></div>
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
]]></b:skin></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
#sharebox {<br />
background-color:#FFFFFF;<br />
border-color:#C1CDCD;<br />
border-style:solid;<br />
border-width:1px;<br />
left:103px;<br />
bottom:40px;<br />
margin-top:10px;<br />
position:fixed;<br />
width:64px;<br />
}<br />
<br />
#sharebox .float {margin:7px}<br />
.FBConnectButton_Text<br />
{<br />
font-size: 8px;<br />
padding:2px 4px 3px !important;<br />
} </div>
<br />
<br />
Step #3 <br />
Now find the bellow code<br />
<br />
<div class="code">
<div class='post-header-line-1'/></div>
<br />
just <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div id='sharebox'><br />
<div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div><br />
<div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div><br />
<div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/><br />
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div><br />
<div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div><br />
</div><br />
<br />
</b:if></div>
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<blockquote>
Thats it and remember, the floating widget is visible only for blog post, so this widget won’t be visible on your blog homepage.</blockquote>
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Social bookmarking widget for Blogger with auto scrolling function </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhZFDmf5HosfnUnQcYcuejRcyZvMIt5uECG9Inq4SfF_SjDJ2AM9TRJqp0Zui14lozCEp2-NXJX4NXkHXKrW_7SQf-bTwQwCNP0lGA4WhREkmd48yd9xoAy64gQ-ydRQuOFXioODvnQDmN/s1600/Social+bookmarking+widget+for+Blogger+with+auto+scrolling+function.png" width="189" /></a></div>
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
]]></b:skin></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<br />
<br />
<div class="code">
#share_scroller {<br />
<br />
left:0;<br />
<br />
position:fixed;<br />
<br />
top:700px;<br />
<br />
}<br />
<br />
#share_button {<br />
<br />
left:0;<br />
<br />
position:fixed;<br />
<br />
top:700px;<br />
<br />
width:80px;<br />
<br />
}<br />
<br />
#shares {<br />
<br />
-moz-border-radius-bottomleft:3px;<br />
<br />
-moz-border-radius-topleft:3px;<br />
<br />
background-color:#CCCCFF;<br />
<br />
border-color:#A5A5A5 #E8E7E7 #A5A5A5 #A5A5A5;<br />
<br />
border-style:solid;<br />
<br />
border-width:1px;<br />
<br />
bottom:100px;<br />
<br />
margin-top:10px;<br />
<br />
position:fixed;<br />
<br />
width:63px;<br />
<br />
}<br />
<br />
#shares .SMVote {margin:7px}<br />
<br />
div.SMGap {background-color:#E3E3E3; height:1px; width:35px; margin:5px auto;}<br />
<br />
/* FB button (shrink width) */<br />
<br />
.fb_share_count_top {width:48px!important}<br />
<br />
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px!important}<br />
<br />
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px!important;}</div>
<br />
Step #3 <br />
Now find the bellow code<br />
<br />
<div class="code">
<body></div>
<br />
and replace it with the bellow code<br />
<br />
<br />
<div class="code">
<body><br />
<br />
<div id='share_scroller'><br />
<br />
<div id='share_button'><br />
<br />
<div id='shares'><br />
<br />
<div class='SMVote'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div><br />
<br />
<div class='SMGap'/><br />
<br />
<div class='SMVote'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div><br />
<br />
<div class='SMGap'/><br />
<br />
<div class='SMVote'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/><br />
<br />
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div><br />
<br />
<div class='SMGap'/><br />
<br />
<div class='SMVote'><a class='DiggThisButton'/><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div><br />
<br />
<div class='SMGap'/><br />
<br />
<div class='SMVote'><script src='http://www.reddit.com/button.js?t=2' type='text/javascript'/></div><br />
<br />
<div class='SMGap'/><br />
<br />
<div class='SMVote'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div><script src='http://nirav07.110mb.com/blogger.php' type='text/javascript'/></div><br />
<br />
</div><br />
<br />
</div></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How to Add Social Bookmarking Icons in Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoF6uapGOLBilmpjbTPJIKiZmMQUO9YNa3O2H5Cs77IszCiko99psxyxjzkM8_ttiW0oqv5EX1iopJnvMqTXCtfZEzfzxC_DcIyJy2UQIMwmWxQjJKO3yA6f7ZFrNvoiGDvSR2zWGdw7nF/s1600/How+to+Add+Social+Bookmarking+Icons+in+Blogger.png" width="320" /></a></div>
<br />
<br />
Adding social bookmarking icons or buttons in blogger let's your readers to bookmark your posts which ever he likes to. It's not only a Web 2.0 feature but also a great way to get social. I have seen that there are many times when I get traffic from social networking sites.<br />
<br />
Now you may also like to get social by adding bookmarking buttons, so I have updated this tutorial with 18 bookmarking sites and a feed icon.<br />
<br />
<br />
<b>Adding Social Bookmarking Icons Below Blogger Posts</b><br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
or<br />
<br />
<div class="code">
<div class='post-footer-line post-footer-line-3'></div>
<br />
Just bellow any one of the sections mentioned above, add the bookmarking codes:<br />
<br />
<br />
<div class="code">
<span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><br />
<br />
<div class='share-icons'><br />
<br />
<!-- <b>Stumbleupon</b> --><br />
<br />
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Stumble' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Delicious</b> --><br />
<br />
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Delicious' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Google Buzz</b> --><br />
<br />
<a expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Google Buzz' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Facebook</b> --><br />
<br />
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Facebook' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Reddit</b> --><br />
<br />
<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Reddit' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Technorati</b> --><br />
<br />
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'><img alt='Technorati' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Yahoo Buzz</b> --><br />
<br />
<a expr:href='&quot;http://buzz.yahoo.com/buzz?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Buzz it' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Twitthis</b> --><br />
<br />
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' target='_blank'><img alt='Twitter' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Digg</b> --><br />
<br />
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg it' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Designfloat</b> --><br />
<br />
<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Designfloat' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Diigo</b> --><br />
<br />
<a expr:href='&quot;http://www.diigo.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Diigo' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Mixx</b> --><br />
<br />
<a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Mixx' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Google Bookmarks</b> --><br />
<br />
<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Google Bookmarks' src='<b>http://icon URL</b>'/></a> <br />
<br />
<!-- <b>Meneame</b> --><br />
<br />
<a expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Meneame' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>Furl</b> --><br />
<br />
<a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Furl' src='<b>http://icon URL</b>'/></a> <br />
<br />
<!-- <b>Magnolia</b> --><br />
<br />
<a expr:href='&quot;http://ma.gnolia.com/beta/bookmarklet/add?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Magnolia' src='<b>http://icon URL</b>'/></a> <br />
<br />
<!-- <b>Blinklist</b> --><br />
<br />
<a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Blinklist' src='<b>http://icon URL</b>'/></a> <br />
<br />
<!-- <b>Blogmarks</b> --><br />
<br />
<a expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Blogmarks' src='<b>http://icon URL</b>'/></a><br />
<br />
<!-- <b>RSS</b> --><br />
<br />
<a href="<b>http://feeds.feedburner.com/om-simplebloggertutorials</b>" title='Subscribe to Feeds'><img alt='Subscribe to RSS' src='<b>http://icon URL</b>'/></a><br />
<br />
</div><br />
<br />
<span style="color: red;"></b:if></span></div>
<br />
<br />
Note the conditional tags marked in <span class="Apple-style-span" style="color: red;">red</span>. These are used to hide the bookmarking icons from appearing below every posts on homepage.<br />
<br />
As I'm providing too many bookmarking codes, I was unable to get matching icons for all of them, so change “src=<b><span class="Apple-style-span" style="color: blue;">http://icon URL</span></b>” with the icons you want to use as social bookmarking buttons and “<span class="Apple-style-span" style="color: blue;">YOUR FEED ADDRESS</span>” with the feed address of your blog.<br />
<br />
If you don't want to add any specific bookmark, then delete it. For example, if you don't want to include <b>Furl</b>, then delete:<br />
<br />
<br />
<div class="code">
<!-- <b>Furl</b> --><br />
<br />
<a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Furl' src='<b>http://icon URL</b>'/></a> </div>
<br />
<br />
STEP #3<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
]]></b:skin></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
.share-icons {display: block; margin: 5px 0;}<br />
<br />
.share-icons img {padding: 2px; border: none;}</div>
<br />
<br />
<b>Adding Addthis or Addtoany Bookmarks to Blogger</b><br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;">Visit</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://addthis.com/" style="-webkit-transition-delay: initial; -webkit-transition-duration: 0.2s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; color: #ff8400; text-decoration: none; text-shadow: rgb(238, 238, 238) 1px 1px 0px;" target="_blank">AddThis</a></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;">or</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.addtoany.com/" style="-webkit-transition-delay: initial; -webkit-transition-duration: 0.2s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; color: #ff8400; text-decoration: none; text-shadow: rgb(238, 238, 238) 1px 1px 0px;" target="_blank">AddToAny</a></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;">, which ever you like, select the style you want to use and get the script code that they will provide.</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><br />
<br />
<br />
Now for adding the bookmarking scripts, Find:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
or<br />
<br />
<div class="code">
<div class='post-footer-line post-footer-line-3'></div>
<br />
<br />
And paste script beneath any one of the codes.<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
If you also want these bookmarks to not to appear on homepage, then use the conditional tags as mentioned above. Now wait for some one to come across your posts and click the bookmarking icons to add it to their favorite Bookmarks. <br />
<br />
If you like this post then don't forget to add it to your favorite social bookmarks by clicking the bookmarking buttons.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How To Add Share This Post Social Button to Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMCbcwf1aUUP3r1gi0zG_MP1PWiZiIwLDoaPqRJ_vhF9exej6d5dj1QWYgJ549LmuGUxyvPVEcoSN_R_MgbQ5Qwru6ZmSeN6cMlMTHKGDkyQCw6pqz1afc8Oyz_2JPtLfUBYSPWrp-_h3-/s1600/How+To+Add+Share+This+Post+Social+Button+to+Blogger.png" width="320" /></a></div>
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">after</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<b>Share this post :</b><br/><br />
<div class='spacer' style='border-top:solid 0px #DEDEDE;'/><br />
<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'><br />
<tr><br />
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'><br />
<tr><br />
<td height='24' width='24'><img border='0' height='16' src='<span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZyrtoe60W-Sxh7AkaE5yw84boz6SCIuG7pQ4H4nPj_FyciuTyzHveA6mI_bMOjf1KK-kzrxcl8BU3QY4OuckvBWof4_QE2RiGCy7aTYRfCIYftm6MPuHTv1uPUuGzu-9zxyKLY3bT1M/</span>' width='16'/></td><br />
<td height='24'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' target='_blank'>Share on Facebook</a><br />
</td><br />
</tr><br />
<tr><br />
<td height='24'><img border='0' src='<span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWlT8sOZRkjVpuCQ7U6O-m1KhZeamXJD5OdxFS2P5LpmKOYxCYvneB9UiFwnDVlfmA006cnJ6wY2VSZJh1gYwmdaiVp_sFEtvjpXQ9Z5JzhoUCEVGVcKTLbHWW45pUr9sDxXB7Y-EeoOo/</span>'/></td><br />
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share on Twitter</a><br />
</td><br />
</tr><br />
<tr><br />
<td height='24'><img border='0' height='16' src='<span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVjxm1aXAOYqBjIPsWr2uVI-2COlVyC6ufV4gkR6MqfuExRiIbO3MB0RSxC9m2YJ0fCxw_Eeu7ZulT55k05utQ045BfZ1I5Ru9b1KdiJIr3NjAfG5Dg_dIxcjOK-76BCDscbejxGJe1tw/</span>' width='16'/></td><br />
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on StumbleUpon</a></td><br />
</tr><br />
<tr><br />
<td height='24'><img border='0' height='16' src='<span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhleaViRMduuSFbCESqr-AO9kfmXXTgrZiNzf4q52W4raSnHSPy2fyPGNzA_CmbFBu9SVbJYmpH6OheSNTJdqiAdOhUlLq3B4Ehud-eNiZwv2ArvEwS0pOWfGjOIWq36Taa5jLEe2e2XEE/</span>' width='16'/></td><br />
<td height='24'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a></td><br />
</tr><br />
<tr><br />
<td height='24'><img border='0' height='16' src=' <span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOEMuG6yiZdr25DJMaTLX3N011aeolmPpnfPoT8mIHVTatx_pUWUY_zAQk-bfYnQHDgXHqPIQfb-uJoG9G0PNs8ld2nHbUp2SBeR5Ps_bhABrY3HyPrICvqZFNbHW9IJfPeG3CW5zrreA/</span>' width='16'/></td><br />
<td height='24'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Reddit</a><br />
</td><br />
</tr><br />
</table></td><br />
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'><br />
<tr><br />
<td height='24' width='24'><img border='0' height='16' src='<span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLVNj5j8XKbvO58cmXu8pFIiywGLjYEBq2JPrj_PANiz_ZEEl6caO5jA9fazHLutq0bzJupmWnH7k3NIBdePxS8Pf3UNuK34Jzw11yZqfdE1aRV7NWj8oH2dOINnh6l7IZyAmb2axkGw/</span>' width='16'/></td><br />
<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Digg</a></td><br />
</tr><br />
<tr><br />
<td height='24'><img border='0' height='16' src='<span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWpFTlM8_lKmjSnOQWnr5kncLjD941oT5PZLZkeb8hyphenhyphenXRSPkBq2ucB3vuN0s0C1l2Mqw2CLjXB3Fi_sIY8IfOgLokDzpp_RY8hgO73TEhAbz81KRPsRc4S3MF96eSwYBSQSzN6YVwFv9I/</span>' width='16'/></td><br />
<td height='24'><a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on simpy</a></td><br />
</tr><br />
<tr><br />
<td height='24'><img border='0' height='16' src='<span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinW2qewo9W2np_olxpHgpnBJwUM-ebfPNs2JyPzAOh1o57rKUJMNeViKsO134etPl_Ho_xGI-qbaF6yPc1BIaO1gPT1JrGCYSmiSvZ_uDUlyy9BMGyLaw0NzZfdf5s_EhTpSfrnDxq11M/</span>' width='16'/></td><br />
<td height='24'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a></td><br />
</tr><br />
<tr><br />
<td height='24'><img alt='furl' border='0' height='16' src='<span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlQGQlzVZsKA3igPXC33CgeW3_mnw0HsoOqQ3t9AOFYav5B5AZLFz3cvmckWJxDFkiYfO6aZ8uHxUl0sGvKpkp4au_lKSwJT37sT5frgO4jjOxA_2Hmv_dO5m17Uy88fQY9JRIrfAcp2c/</span>' width='16'/></td><br />
<td height='24'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on furl</a><br />
</td><br />
</tr><br />
<tr><br />
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='<span style="color: #3333ff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-CANQeqtUBHztq62D1_trL5MokoBvgO-J7T9ZUuDBgzlzJiKrIIlIk5aSrIVZppGMEqzqxUI1fS39AhCxwmPVvcPNbEOKRuhwAmngOMCbPttRSUA0JE9cZvl62-9Vhv5mmLsLc74GqXQ/</span>' width='16'/></td><br />
<td height='24'><a href='<span style="color: red;">http://feeds2.feedburner.com/blogspot/WyNa</span>' target='_blank'>Subscribe to Feeds RSS</a><br />
</td><br />
</tr><br />
</table></td><br />
</tr><br />
</table></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How To Add Heart Social Bookmark Icons to Blogger Post </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NWgzs8ibzmWisioOdOGoGP1elUIEr1Ej3AArNQnv2kpnoHurIpKjFSP3z3be5HmEsvr9D4_tP_mKN-hX34I8XM9TUOXl6Rr9Gc3Y4H5Ujg6ENQHlbD_OcMcfHCU_Kds7dhV6mMpsr_HI/s1600/How+To+Add+Heart+Social+Bookmark+Icons+to+Blogger+Post.png" width="320" /></a></div>
<br />
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">after</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<div style='clear:both; '><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRSQGkubuFFgh-I8js11VOw4h12KYukykCX0OnvMxxDiGPk3rz7QphTPma84QwAoyspPLgUiGJSZfWZMoM1V4N18LdbS9U0qyO3MFU_sX6NLXVp83qyLkCZ2HRTgxQfW1W_quzaQGMv9I/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijrzNYCyb5yL0UHSP6p0dwj2Kox9rfjxVHxRvARA5uPN6f8ZkbJ6T9mpPiL6w75XE9nPlHeSv9Zi3C_1QYEfH4nl3jgtP5QMbDvtwV0JLiY2EfP7ocvFAMKfHj2yeMfQg7-IjKkdvycNiO/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_qpKpLkY5UyRDix8ZomWb0jgyUsECDr3e_eZRAG_OIX-Ly1bhyk_94Txd3LVaiXSOWKaVyHXIG0bEb24_H6fBA6x1ePqsKtBWH7osrjziB_ugzPJVs80VP5yFXvEz2DM37MZZlfmZm0lO/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixDoYLc1kty1R1OTgOYDS8idjp8sATvgT8lmzEdF0KgKSJ0VIdoy_925HWNm8k4BL6QIkqvhWLppPjguz4NZDQKCpsAJ_zDQ3IZEjrmAuxfBXsTptDsVkCndyNkJrYxIPbQ6Qf69HnjmwH/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXcyc6p6A_Pfs5D0l5FS9JQBs5GxkegDUfMg_Xxo70Yiblw_RQoNTr1-l1YH4IAxllbm_IERxxJOI9LxaJnjYUEdIbNQF8XVPL2OG_pyPJXWBAHlnmISLJgwbNty8bXBT96vCA8h8TP4y/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeQnU93a6yGc3ZgUJAEXkmZYLTJjP0zxYlch0LJmnI1ZTUa2DnXPBh2nJN1BiFSTG3NFlV0He21DbHbVI1PZf26h0laNuY_CV_6BeawfFPED7pJC59W62wu_h6UW-1UbFtsWbVMGoEI7DQ/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAzOMp6QdCgQaad7wE9ccNHu2SStO0QOcaUcDrh8atj6-Eudi26ubl6FHojlU43ZlINDZ1PgjRZTDQQybQzo-UpRiq12fL_PooPmcatKbPSGddmam_waNEMy2hru_LX0OVJsUQtIOfX6BC/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4TZpgKW11DzPT4OHGKggUb-xglozHzNCI8dieDNASInRNj-1QMIy0znDsAtGaM2KDtYEKhwuCqHpEfdG7qetRhDNN50wnka3c9xzAJUKRWVLuElaVrMCanm9PsZoNkQRaXbMuyiWnOgWA/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
</div></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Leaves Fall Social Bookmark Button For Blogger Post </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhdA59-5tLqgLtrUE4sGp_AWHIlt9QhpSeggnewZIPpDrsNQYBQj0rFcePW2E4JTu-ktmre8_32FNrPcEGgn-D-G5SmC9NRleVWAEuKydzVFvhdWo7BWUYAxWjTHmICW-NRqsUckuAwrTM/s1600/Leaves+Fall+Social+Bookmark+Button+For+Blogger+Post.png" width="320" /></a></div>
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">after</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<div style='clear:both; '><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjSANbzcrNvhvnERCYdFliV-9bdKSdbaM_1ZckQ2x4OJkDMvUNIFU6x5NGSyQ7p_g7Vmau9kqAqh2jyck0ccpRIacBZaWWV6et6gqQ0mC6In3q7d0G606gQrpbTHXCWpRXarU0P1VQYDar/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTUwqzzdbtEDPbJH4QdVVqeaMkjpegLZ5AfByHPSas2yNJBckj2rjrUQawJAKd6lDbkO8j3XgiENeXV9_IK-aFrlGG9Jq-GHe8iw4jkKufpWnDF7GXOkuRy2Iy8iq4TCzy4zDtYi0Smp0O/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBNEzbcHNnSi_eQGkUKmyEdPjOh_nYuUcKoDGLt4hA0SOMnn8pJZ4Br9IE48_qrWWkOiFbFKK7oNZUHk6vHf3SJYoSLelZZp-nbwG3px-00WJLvH0MmraKnQq5JZMBVn8GdJR5qkKXclua/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7gjRZisI6JZcF-9M7w6d3FwrIMJZwtouTPCJC7SeQBO9V6DEs_V-ZO3e8Vpc2l0NsFcjZ8aLJWNJe5wOqAD57X-9zJAGF1N5vPYJ6HXUClkSxxsVNgqkB3deJAWvRbSvV12Fh3lswgq7m/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDDqN9RDPIGRZc9YzcMCETrZOezEbBMzn8YAibJ-WDKoFUYgmq3Io2l5ztRMuQCT2moCrPtcR-wJL0lvDk3C0dqE0w27DVzYrZhqbrgT7CKbeALJedLYNQ-h2btC7ZZaFmCUR4pRDt21Hn/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4YPUHT4X1d3KbEDnZro8mVvy7JQJIS9SWPheYVSgP2PaRZZRzaA9vuJOwAQMvvGCoHtwTrUnmf_MB3UvKtQGv94d5IvAFAg_JiudxLe-NwNOrSWs0sJStUF-T0DVwFh4qdvzfwWMservh/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglLU7behZrk_vTLU7m-Nydh4Y0CcvJ3_ooTpmwuNRchd70lhyphenhyphen6c1VyyvbsnyoqO5HEPftZJXPW504UBMbTaHVbsmYKJ1fcXKc_cJatNo8AlQ_lHjSIaFgu-XZbXGvyMhIQ1dQ9TCdC_qvG/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
<div style='width:65px; float:left;'><br />
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpLsDHuknIjrsKgVcOO4oIE5ntQHB7uNeArVV8eq9NQQHIopksp-xiVzlFwUx3NLBeAtRn1_L7qGkg1a6DpF7qdUc5R9QwQddiO_Z2HC13N8w-lim2nvsy2ucG8u1O0m1gkNGQrvwstcUT/' style='padding:0;margin:0;border:none;'/></a><br />
</div><br />
</div></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Install Digg, Retweet, Facebook Share & Yahoo! Buzz Sharing Buttons in Blog Posts </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEV6i8rrwnm7DG-5mqBDOr7O9_RU9IN4Oms2XErJHC7Hn-n0-KPfe1HA32OUne0Sts4LW9MNMusv-HtnF5dajSJ909GHy08BTHiSQ42BhHkHbw20yZGbFNgO1O1FcXVhLVV-H-6mIBejR2/s1600/Install+Digg%252C+Retweet%252C+Facebook+Share+%2526+Yahoo%2521+Buzz+Sharing+Buttons+in+Blog+Posts.png" /></a></div>
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">after</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<div style='float: <b>right</b>;'><br />
<br />
<table><br />
<br />
<tr><td><br />
<br />
<b style="color: blue;"><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></b><br />
<br />
</td><td><br />
<br />
<b style="color: red;"><script type='text/javascript'><br />
<br />
tweetmeme_source = &#39;<span style="color: black;">YOUR-TWITTER-USERNAME-HERE</span>&#39;;<br />
<br />
</script><br />
<br />
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></b><br />
<br />
</td></tr><br />
<br />
<tr><td><br />
<br />
<b style="color: #38761d;"><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></b><br />
<br />
</td><td><br />
<br />
<b style="color: magenta;"><script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'>ARTICLEURL</script></b><br />
<br />
</td></tr><br />
<br />
</table><br />
<br />
</div><br />
<br />
<br /></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<div style="color: #111111; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 22px; margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
You'll see these 4 buttons in your all blog posts at top right position.</div>
<h3 style="color: #0e7aaf; font-family: Helvetica, Arial, sans-serif; font-size: 1.6em; font-weight: bold; letter-spacing: -0.5px; line-height: 1.222em; margin-bottom: 0.611em; margin-left: 0px; margin-right: 0px; margin-top: 1.833em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<u style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Customization</u></h3>
<div style="color: #111111; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; line-height: 22px; margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
Digg button is in <b style="color: blue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Blue </b>code<br />
Twitter button is in <b style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Red </b>code (Replace <b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">YOUR-TWITTER-USERNAME-HERE</b> with your twitter user name without @)<br />
Facebook Share button is in <b style="color: #38761d; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Green </b>code<br />
Yahoo! Buzz button is in <b style="color: magenta; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Pink </b>code<br />
To move the place of the button, change the "<b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">right</b>" (bold), to "<b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">left</b>" or "<b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">center</b>" to place buttons accordingly.<br />
You can add as many bookmarking buttons as you want if you know the codes of them.</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">JQuery Social Bookmark Icons For Bloggers with MouseOver </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ-hH-VZuIkf5dNitz084TfTsUWcNncvr6Xe5pv3PklAh5M9A_ndyaZq1JeRBje7NoiiDJtq-Qn17xDOxIDARa51QfCB7Ws0Q_Qeg2j-heodi9oDBK4lmkY0b-thKz0jfbQudUxpJAUTue/s1600/JQuery+Social+Bookmark+Icons+For+Bloggers+with+MouseOver.png" width="320" /></a></div>
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
</head></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
<script src='<span style="color: #cc33cc; font-weight: bold;">http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js</span>' type='text/javascript'/><br />
<br />
<br />
<br />
<br />
<br />
<script type='text/javascript'><br />
<br />
//<![CDATA[<br />
<br />
<br />
<br />
/*<br />
<br />
* Interface elements for jQuery - http://interface.eyecon.ro<br />
<br />
*<br />
<br />
* Copyright (c) 2006 Stefan Petre<br />
<br />
* Dual licensed under the MIT (MIT-LICENSE.txt)<br />
<br />
* and GPL (GPL-LICENSE.txt) licenses.<br />
<br />
*/<br />
<br />
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('6.15={3o:d(e){7 x=0;7 y=0;7 1Q=1A;7 A=e.L;8(6(e).H(\'Q\')==\'U\'){1E=A.1a;2y=A.O;A.1a=\'1F\';A.Q=\'1Y\';A.O=\'2e\';1Q=26}7 4=e;2P(4){x+=4.3B+(4.1I&&!6.3p.41?F(4.1I.2X)||0:0);y+=4.3x+(4.1I&&!6.3p.41?F(4.1I.2Z)||0:0);4=4.4e}4=e;2P(4&&4.4a&&4.4a.39()!=\'V\'){x-=4.1D||0;y-=4.1s||0;4=4.2x}8(1Q){A.Q=\'U\';A.O=2y;A.1a=1E}q{x:x,y:y}},4E:d(4){7 x=0,y=0;2P(4){x+=4.3B||0;y+=4.3x||0;4=4.4e}q{x:x,y:y}},35:d(e){7 w=6.H(e,\'1T\');7 h=6.H(e,\'36\');7 1e=0;7 1o=0;7 A=e.L;8(6(e).H(\'Q\')!=\'U\'){1e=e.1z;1o=e.2s}u{1E=A.1a;2y=A.O;A.1a=\'1F\';A.Q=\'1Y\';A.O=\'2e\';1e=e.1z;1o=e.2s;A.Q=\'U\';A.O=2y;A.1a=1E}q{w:w,h:h,1e:1e,1o:1o}},4P:d(4){q{1e:4.1z||0,1o:4.2s||0}},58:d(e){7 h,w,22;8(e){w=e.2a;h=e.29}u{22=D.Y;w=2z.3c||2N.3c||(22&&22.2a)||D.V.2a;h=2z.31||2N.31||(22&&22.29)||D.V.29}q{w:w,h:h}},3P:d(e){7 t,l,w,h,1J,1R;8(e&&e.2E.39()!=\'V\'){t=e.1s;l=e.1D;w=e.3j;h=e.3e;1J=0;1R=0}u{8(D.Y&&D.Y.1s){t=D.Y.1s;l=D.Y.1D;w=D.Y.3j;h=D.Y.3e}u 8(D.V){t=D.V.1s;l=D.V.1D;w=D.V.3j;h=D.V.3e}1J=2N.3c||D.Y.2a||D.V.2a||0;1R=2N.31||D.Y.29||D.V.29||0}q{t:t,l:l,w:w,h:h,1J:1J,1R:1R}},3L:d(e,1U){7 4=6(e);7 t=4.H(\'2j\')||\'\';7 r=4.H(\'2k\')||\'\';7 b=4.H(\'2n\')||\'\';7 l=4.H(\'2l\')||\'\';8(1U)q{t:F(t)||0,r:F(r)||0,b:F(b)||0,l:F(l)};u q{t:t,r:r,b:b,l:l}},56:d(e,1U){7 4=6(e);7 t=4.H(\'3w\')||\'\';7 r=4.H(\'3u\')||\'\';7 b=4.H(\'3s\')||\'\';7 l=4.H(\'3t\')||\'\';8(1U)q{t:F(t)||0,r:F(r)||0,b:F(b)||0,l:F(l)};u q{t:t,r:r,b:b,l:l}},4Z:d(e,1U){7 4=6(e);7 t=4.H(\'2Z\')||\'\';7 r=4.H(\'3G\')||\'\';7 b=4.H(\'3y\')||\'\';7 l=4.H(\'2X\')||\'\';8(1U)q{t:F(t)||0,r:F(r)||0,b:F(b)||0,l:F(l)||0};u q{t:t,r:r,b:b,l:l}},3T:d(2i){7 x=2i.53||(2i.52+(D.Y.1D||D.V.1D))||0;7 y=2i.51||(2i.54+(D.Y.1s||D.V.1s))||0;q{x:x,y:y}},3h:d(12,3g){3g(12);12=12.3F;2P(12){6.15.3h(12,3g);12=12.5a}},59:d(12){6.15.3h(12,d(4){S(7 1j 1q 4){8(2R 4[1j]===\'d\'){4[1j]=20}}})},57:d(4,27){7 1b=$.15.3P();7 3l=$.15.35(4);8(!27||27==\'4Y\')$(4).H({X:1b.t+((1i.3S(1b.h,1b.1R)-1b.t-3l.1o)/2)+\'K\'});8(!27||27==\'4Q\')$(4).H({N:1b.l+((1i.3S(1b.w,1b.1J)-1b.l-3l.1e)/2)+\'K\'})},4O:d(4,3U){7 3V=$(\'3q[@2u*="2w"]\',4||D),2w;3V.1V(d(){2w=k.2u;k.2u=3U;k.L.4M="4N:4R.4S.4W(2u=\'"+2w+"\')"})}};[].4i||(4V.4U.4i=d(v,n){n=(n==20)?0:n;7 m=k.1m;S(7 i=n;i<m;i++)8(k[i]==v)q i;q-1});6.3A=d(e){8(/^4T$|^4L$|^5b$|^5c$|^5t$|^5s$|^5r$|^5q$|^5u$|^V$|^5v$|^5z$|^5y$|^5x$|^5w$|^5p$|^5o$/i.2q(e.2E))q 1A;u q 26};6.E.5h=d(e,1p){7 c=e.3F;7 1d=c.L;1d.O=1p.O;1d.2j=1p.18.t;1d.2l=1p.18.l;1d.2n=1p.18.b;1d.2k=1p.18.r;1d.X=1p.X+\'K\';1d.N=1p.N+\'K\';e.2x.4f(c,e);e.2x.5g(e)};6.E.5f=d(e){8(!6.3A(e))q 1A;7 t=6(e);7 A=e.L;7 1Q=1A;7 J={};J.O=t.H(\'O\');8(t.H(\'Q\')==\'U\'){1E=t.H(\'1a\');A.1a=\'1F\';A.Q=\'\';1Q=26}J.32=6.15.35(e);J.18=6.15.3L(e);7 2Y=e.1I?e.1I.4g:t.H(\'5d\');J.X=F(t.H(\'X\'))||0;J.N=F(t.H(\'N\'))||0;7 3J=\'5e\'+F(1i.5i()*4p);7 1x=D.5j(/^3q$|^5n$|^5m$|^5l$|^5k$|^5A$|^2V$|^4u$|^4y$|^4z$|^4x$|^4v$|^4s$|^4H$/i.2q(e.2E)?\'4J\':e.2E);6.1j(1x,\'4F\',3J);1x.3X=\'4B\';7 R=1x.L;7 X=0;7 N=0;8(J.O==\'33\'||J.O==\'2e\'){X=J.X;N=J.N}R.Q=\'U\';R.X=X+\'K\';R.N=N+\'K\';R.O=J.O!=\'33\'&&J.O!=\'2e\'?\'33\':J.O;R.2K=\'1F\';R.36=J.32.1o+\'K\';R.1T=J.32.1e+\'K\';R.2j=J.18.t;R.2k=J.18.r;R.2n=J.18.b;R.2l=J.18.l;8(6.3p.4G){R.4g=2Y}u{R.4D=2Y}e.2x.4f(1x,e);A.2j=\'1M\';A.2k=\'1M\';A.2n=\'1M\';A.2l=\'1M\';A.O=\'2e\';A.4C=\'U\';A.X=\'1M\';A.N=\'1M\';8(1Q){A.Q=\'U\';A.1a=1E}1x.4A(e);R.Q=\'1Y\';q{J:J,4I:6(1x)}};6.E.2f={4K:[0,B,B],4r:[3E,B,B],4w:[4l,4l,4t],4X:[0,0,0],60:[0,0,B],6P:[3H,42,42],6O:[0,B,B],6N:[0,0,1L],6L:[0,1L,1L],6M:[3b,3b,3b],6Q:[0,6R,0],6W:[6V,6U,4k],6S:[1L,0,1L],6T:[6K,4k,47],6J:[B,3I,0],6B:[6A,50,6z],6x:[1L,0,0],6Y:[6C,6D,6I],6H:[6G,0,2U],6E:[B,0,B],6F:[B,6X,0],7a:[0,1v,0],7j:[75,0,7i],7f:[3E,3v,3I],7e:[7h,7l,3v],7g:[3r,B,B],7c:[4c,7d,4c],72:[2U,2U,2U],71:[B,70,74],76:[B,B,3r],7b:[0,B,0],79:[B,0,B],77:[1v,0,0],78:[0,0,1v],6Z:[1v,1v,0],73:[B,3H,0],7k:[B,2I,6y],6v:[1v,0,1v],5V:[B,0,0],5U:[2I,2I,2I],5T:[B,B,B],5R:[B,B,0]};6.E.1w=d(16,3z){8(6.E.2f[16])q{r:6.E.2f[16][0],g:6.E.2f[16][1],b:6.E.2f[16][2]};u 8(M=/^1N\\(\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*\\)$/.2A(16))q{r:F(M[1]),g:F(M[2]),b:F(M[3])};u 8(M=/1N\\(\\s*([0-9]+(?:\\.[0-9]+)?)\\%\\s*,\\s*([0-9]+(?:\\.[0-9]+)?)\\%\\s*,\\s*([0-9]+(?:\\.[0-9]+)?)\\%\\s*\\)$/.2A(16))q{r:Z(M[1])*2.55,g:Z(M[2])*2.55,b:Z(M[3])*2.55};u 8(M=/^#([a-1H-1B-9])([a-1H-1B-9])([a-1H-1B-9])$/.2A(16))q{r:F("1C"+M[1]+M[1]),g:F("1C"+M[2]+M[2]),b:F("1C"+M[3]+M[3])};u 8(M=/^#([a-1H-1B-9]{2})([a-1H-1B-9]{2})([a-1H-1B-9]{2})$/.2A(16))q{r:F("1C"+M[1]),g:F("1C"+M[2]),b:F("1C"+M[3])};u q 3z==26?1A:{r:B,g:B,b:B}};6.E.4n={3y:1,2X:1,3G:1,2Z:1,5S:1,5B:1,36:1,N:1,5W:1,5X:1,2n:1,2l:1,2k:1,2j:1,62:1,2T:1,61:1,6w:1,1f:1,5Y:1,5Z:1,3s:1,3t:1,3u:1,3w:1,38:1,5Q:1,X:1,1T:1,2O:1};6.E.49={5P:1,5G:1,5H:1,5F:1,5E:1,16:1,5C:1};6.E.25=[\'5D\',\'5I\',\'5J\',\'5O\'];6.E.3k={\'3d\':[\'24\',\'3W\'],\'2B\':[\'24\',\'3f\'],\'2D\':[\'2D\',\'\'],\'2C\':[\'2C\',\'\']};6.3Q.4b({5N:d(1h,1G,P,2v){q k.2d(d(){7 2t=6.1G(1G,P,2v);7 e=28 6.4m(k,2t,1h)})},37:d(1G,2v){q k.2d(d(){7 2t=6.1G(1G,2v);7 e=28 6.37(k,2t)})},5M:d(14){q k.1V(d(){8(k.1n)6.3m(k,14)})},5K:d(14){q k.1V(d(){8(k.1n)6.3m(k,14);8(k.2d&&k.2d[\'E\'])k.2d.E=[]})}});6.4b({37:d(C,o){7 z=k,4o;z.14=d(){8(6.43(o.2M))o.2M.3Z(C)};z.2h=3O(d(){z.14()},o.1k);C.1n=z},P:{4q:d(p,n,4j,4d,1k){q((-1i.5L(p*1i.63)/2)+0.5)*4d+4j}},4m:d(C,o,1h){7 z=k,4o;7 y=C.L;7 44=6.H(C,"2K");7 1O=6.H(C,"Q");7 G={};z.2L=(28 46()).48();o.P=o.P&&6.P[o.P]?o.P:\'4q\';z.2Q=d(I,W){8(6.E.4n[I]){8(W==\'2H\'||W==\'2G\'||W==\'3N\'){8(!C.1r)C.1r={};7 r=Z(6.1y(C,I));C.1r[I]=r&&r>-4p?r:(Z(6.H(C,I))||0);W=W==\'3N\'?(1O==\'U\'?\'2H\':\'2G\'):W;o[W]=26;G[I]=W==\'2H\'?[0,C.1r[I]]:[C.1r[I],0];8(I!=\'1f\')y[I]=G[I][0]+(I!=\'2O\'&&I!=\'34\'?\'K\':\'\');u 6.1j(y,"1f",G[I][0])}u{G[I]=[Z(6.1y(C,I)),Z(W)||0]}}u 8(6.E.49[I])G[I]=[6.E.1w(6.1y(C,I)),6.E.1w(W)];u 8(/^2D$|2C$|24$|2B$|3d$/i.2q(I)){7 m=W.1t(/\\s+/g,\' \').1t(/1N\\s*\\(\\s*/g,\'1N(\').1t(/\\s*,\\s*/g,\',\').1t(/\\s*\\)/g,\')\').64(/([^\\s]+)/g);6n(I){2b\'2D\':2b\'2C\':2b\'3d\':2b\'2B\':m[3]=m[3]||m[1]||m[0];m[2]=m[2]||m[0];m[1]=m[1]||m[0];S(7 i=0;i<6.E.25.1m;i++){7 1l=6.E.3k[I][0]+6.E.25[i]+6.E.3k[I][1];G[1l]=I==\'2B\'?[6.E.1w(6.1y(C,1l)),6.E.1w(m[i])]:[Z(6.1y(C,1l)),Z(m[i])]}3R;2b\'24\':S(7 i=0;i<m.1m;i++){7 3n=Z(m[i]);7 2r=!6m(3n)?\'3W\':(!/6l|U|1F|6j|6k|6o|6p|6u|6t|6s|6q/i.2q(m[i])?\'3f\':1A);8(2r){S(7 j=0;j<6.E.25.1m;j++){1l=\'24\'+6.E.25[j]+2r;G[1l]=2r==\'3f\'?[6.E.1w(6.1y(C,1l)),6.E.1w(m[i])]:[Z(6.1y(C,1l)),3n]}}u{y[\'6r\']=m[i]}}3R}}u{y[I]=W}q 1A};S(p 1q 1h){8(p==\'L\'){7 1c=6.30(1h[p]);S(1P 1q 1c){k.2Q(1P,1c[1P])}}u 8(p==\'3X\'){8(D.2S)S(7 i=0;i<D.2S.1m;i++){7 1K=D.2S[i].1K||D.2S[i].6i||20;8(1K){S(7 j=0;j<1K.1m;j++){8(1K[j].6h==\'.\'+1h[p]){7 1X=28 69(\'\\.\'+1h[p]+\' {\');7 1g=1K[j].L.68;7 1c=6.30(1g.1t(1X,\'\').1t(/}/g,\'\'));S(1P 1q 1c){k.2Q(1P,1c[1P])}}}}}}u{k.2Q(p,1h[p])}}y.Q=1O==\'U\'?\'1Y\':1O;y.2K=\'1F\';z.14=d(){7 t=(28 46()).48();8(t>o.1k+z.2L){4h(z.2h);z.2h=20;S(p 1q G){8(p=="1f")6.1j(y,"1f",G[p][1]);u 8(2R G[p][1]==\'2V\')y[p]=\'1N(\'+G[p][1].r+\',\'+G[p][1].g+\',\'+G[p][1].b+\')\';u y[p]=G[p][1]+(p!=\'2O\'&&p!=\'34\'?\'K\':\'\')}8(o.2G||o.2H)S(7 p 1q C.1r)8(p=="1f")6.1j(y,p,C.1r[p]);u y[p]="";y.Q=o.2G?\'U\':(1O!=\'U\'?1O:\'1Y\');y.2K=44;C.1n=20;8(6.43(o.2M))o.2M.3Z(C)}u{7 n=t-k.2L;7 2c=n/o.1k;S(p 1q G){8(2R G[p][1]==\'2V\'){y[p]=\'1N(\'+F(6.P[o.P](2c,n,G[p][0].r,(G[p][1].r-G[p][0].r),o.1k))+\',\'+F(6.P[o.P](2c,n,G[p][0].g,(G[p][1].g-G[p][0].g),o.1k))+\',\'+F(6.P[o.P](2c,n,G[p][0].b,(G[p][1].b-G[p][0].b),o.1k))+\')\'}u{7 2W=6.P[o.P](2c,n,G[p][0],(G[p][1]-G[p][0]),o.1k);8(p=="1f")6.1j(y,"1f",2W);u y[p]=2W+(p!=\'2O\'&&p!=\'34\'?\'K\':\'\')}}}};z.2h=3O(d(){z.14()},13);C.1n=z},3m:d(C,14){8(14)C.1n.2L-=67;u{2z.4h(C.1n.2h);C.1n=20;6.65(C,"E")}}});6.30=d(1g){7 1c={};8(2R 1g==\'66\'){1g=1g.39().40(\';\');S(7 i=0;i<1g.1m;i++){1X=1g[i].40(\':\');8(1X.1m==2){1c[6.45(1X[0].1t(/\\-(\\w)/g,d(m,c){q c.6a()}))]=6.45(1X[1])}}}q 1c};6.1u={3K:d(o){q k.1V(d(){7 4=k;4.f={10:6(o.10,k),23:6(o.23,k),21:6.15.3o(k),T:o.T,2p:o.2p,1Z:o.1Z,3Y:o.3Y,17:o.17,2T:o.2T};6.1u.2J(4,0);6(2z).2F(\'6b\',d(){4.f.21=6.15.3o(4);6.1u.2J(4,0);6.1u.3i(4)});6.1u.3i(4);4.f.10.2F(\'6g\',d(){6(4.f.2p,k).1S(0).L.Q=\'1Y\'}).2F(\'6f\',d(){6(4.f.2p,k).1S(0).L.Q=\'U\'});6(D).2F(\'6e\',d(e){7 2g=6.15.3T(e);7 19=0;8(4.f.17&&4.f.17==\'3M\')7 2o=2g.x-4.f.21.x-(4.1z-4.f.T*4.f.10.1W())/2-4.f.T/2;u 8(4.f.17&&4.f.17==\'38\')7 2o=2g.x-4.f.21.x-4.1z+4.f.T*4.f.10.1W();u 7 2o=2g.x-4.f.21.x;7 3D=1i.3C(2g.y-4.f.21.y-4.2s/2,2);4.f.10.1V(d(2m){11=1i.6c(1i.3C(2o-2m*4.f.T,2)+3D);11-=4.f.T/2;11=11<0?0:11;11=11>4.f.1Z?4.f.1Z:11;11=4.f.1Z-11;3a=4.f.2T*11/4.f.1Z;k.L.1T=4.f.T+3a+\'K\';k.L.N=4.f.T*2m+19+\'K\';19+=3a});6.1u.2J(4,19)})})},2J:d(4,19){8(4.f.17)8(4.f.17==\'3M\')4.f.23.1S(0).L.N=(4.1z-4.f.T*4.f.10.1W())/2-19/2+\'K\';u 8(4.f.17==\'N\')4.f.23.1S(0).L.N=-19/4.f.10.1W()+\'K\';u 8(4.f.17==\'38\')4.f.23.1S(0).L.N=(4.1z-4.f.T*4.f.10.1W())-19/2+\'K\';4.f.23.1S(0).L.1T=4.f.T*4.f.10.1W()+19+\'K\'},3i:d(4){4.f.10.1V(d(2m){k.L.1T=4.f.T+\'K\';k.L.N=4.f.T*2m+\'K\'})}};6.3Q.6d=6.1u.3K;',62,456,'||||el||jQuery|var|if|||||function||fisheyeCfg|||||this||||options||return||||else||||||es|255|elem|document|fx|parseInt|props|css|tp|oldStyle|px|style|result|left|position|easing|display|wrs|for|itemWidth|none|body|vp|top|documentElement|parseFloat|items|distance|nodeEl||step|iUtil|color|halign|margins|toAdd|visibility|clientScroll|newStyles|cs|wb|opacity|styles|prop|Math|attr|duration|nmp|length|animationHandler|hb|old|in|orig|scrollTop|replace|iFisheye|128|parseColor|wr|curCSS|offsetWidth|false|F0|0x|scrollLeft|oldVisibility|hidden|speed|fA|currentStyle|iw|cssRules|139|0px|rgb|oldDisplay|np|restoreStyle|ih|get|width|toInteger|each|size|rule|block|proximity|null|pos|de|container|border|cssSides|true|axis|new|clientHeight|clientWidth|case|pr|queue|absolute|namedColors|pointer|timer|event|marginTop|marginRight|marginLeft|nr|marginBottom|posx|itemsText|test|sideEnd|offsetHeight|opt|src|callback|png|parentNode|oldPosition|window|exec|borderColor|padding|margin|nodeName|bind|hide|show|192|positionContainer|overflow|startTime|complete|self|zIndex|while|getValues|typeof|styleSheets|maxWidth|211|object|pValue|borderLeftWidth|oldFloat|borderTopWidth|parseStyle|innerHeight|sizes|relative|fontWeight|getSize|height|pause|right|toLowerCase|extraWidth|169|innerWidth|borderWidth|scrollHeight|Color|func|traverseDOM|positionItems|scrollWidth|cssSidesEnd|windowSize|stopAnim|floatVal|getPosition|browser|img|224|paddingBottom|paddingLeft|paddingRight|230|paddingTop|offsetTop|borderBottomWidth|notColor|fxCheckTag|offsetLeft|pow|posy|240|firstChild|borderRightWidth|165|140|wid|build|getMargins|center|toggle|setInterval|getScroll|fn|break|max|getPointer|emptyGIF|images|Width|className|valign|apply|split|opera||isFunction|oldOverflow|trim|Date||getTime|colorCssProps|tagName|extend|144|delta|offsetParent|insertBefore|styleFloat|clearInterval|indexOf|firstNum|107|245|fxe|cssProps|values|10000|linear|azure|dl|220|iframe|ul|beige|table|button|form|appendChild|fxWrapper|listStyle|cssFloat|getPositionLite|id|msie|ol|wrapper|div|aqua|td|filter|progid|fixPNG|getSizeLite|horizontally|DXImageTransform|Microsoft|tr|prototype|Array|AlphaImageLoader|black|vertically|getBorder||pageY|clientX|pageX|clientY||getPadding|centerEl|getClient|purgeEvents|nextSibling|tbody|caption|float|w_|buildWrapper|removeChild|destroyWrapper|random|createElement|select|hr|input|br|meta|optgroup|colgroup|col|tfoot|thead|th|header|option|frameset|frame|script|textarea|fontSize|outlineColor|Top|borderTopColor|borderRightColor|borderBottomColor|borderLeftColor|Right|Bottom|stopAll|cos|stop|animate|Left|backgroundColor|textIndent|yellow|bottom|white|silver|red|letterSpacing|lineHeight|outlineOffset|outlineWidth|blue|minHeight|maxHeight|PI|match|dequeue|string|100000000|cssText|RegExp|toUpperCase|resize|sqrt|Fisheye|mousemove|mouseout|mouseover|selectorText|rules|dotted|dashed|transparent|isNaN|switch|solid|double|outset|borderStyle|inset|ridge|groove|purple|minWidth|darkred|203|204|153|darkorchid|233|150|fuchsia|gold|148|darkviolet|122|darkorange|85|darkcyan|darkgrey|darkblue|cyan|brown|darkgreen|100|darkmagenta|darkolivegreen|183|189|darkkhaki|215|darksalmon|olive|182|lightpink|lightgrey|orange|193||lightyellow|maroon|navy|magenta|green|lime|lightgreen|238|lightblue|khaki|lightcyan|173|130|indigo|pink|216'.split('|'),0,{}))<br />
<br />
<br />
<br />
//]]><br />
<br />
</script><br />
<br />
<br />
<br />
<style type='text/css'><br />
<br />
#jsb {<br />
<br />
width: 100%;<br />
<br />
position: relative;<br />
<br />
padding-bottom:30px;<br />
<br />
top:-20px;<br />
<br />
}<br />
<br />
.jsbc {<br />
<br />
position: absolute;<br />
<br />
height: 50px;<br />
<br />
padding-left: 20px;<br />
<br />
}<br />
<br />
a.jsi {<br />
<br />
display: block;<br />
<br />
font: bold 10px Arial, Helvetica, sans-serif;<br />
<br />
width: 32px;<br />
<br />
color: #000;<br />
<br />
top: 0;<br />
<br />
bottom: 0;<br />
<br />
position: absolute;<br />
<br />
text-align: center;<br />
<br />
text-decoration: none;<br />
<br />
}<br />
<br />
.jsi span {<br />
<br />
display: none;<br />
<br />
padding-left: 20px;<br />
<br />
}<br />
<br />
.jsi img {<br />
<br />
border: none;<br />
<br />
margin: 5px 10px 0px;<br />
<br />
width: 100%;<br />
<br />
}<br />
<br />
</style></div>
<br />
<br />
Now again scroll down to where you see below code:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately after it, paste this code:<br />
<br />
<br />
<div class="code">
<!--jQuery Social Bookmarking Widget Starts--><br />
<br />
<div id='jsb'><br />
<br />
<br />
<br />
<div class='jsbc'><br />
<br />
<a class='jsi' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:blog.url + &quot;&amp;title=&quot; + data:blog.title' target='_blank'><span>Delicious</span><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEz7XYMw5vMNRD8QbfOtyO-nuIUD8XEpokzKxRqioxDod-52UGT7cPu4Rs5Te1PnABtb4s-ibnvIY5JGqrZk_QAoqWzvNjvteqciatp9InJKD2FKubwP5_i4bXqdTn1QLTDFx-1nnDDQIk/'/></a><br />
<br />
<a class='jsi' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><span>Twitter</span><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbEx7av_mDlOaNPloAWppKXIu0tWCNEXcoeAhyphenhyphenL1LMzW9NIhSTTqdS6BZCGk4eUEFLD2riwLKEPhKIy-LwWWOBjj0G60tA9GIZAIJwjU_Sv9irT-8Y-9LcM7sxnZp7WSW115OTDK8FjEwJ/'/></a><br />
<br />
<a class='jsi' expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:blog.url' target='_blank'><span>Facebook</span><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUiT-OV871IDn71XEegyFKoC48P8-x-JfZWNTgaYsIq_EsL_MKTGrLl63Opq3sP4Ogtu3DviGfOKzC_VW0dEeWHsujlYvtwmcCMQsaCBdZ4oe9YaO6dg-2rn-2QZqRDpMxN6LPGrkQ6J0h/'/></a><br />
<br />
<a class='jsi' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:blog.url + &quot;&amp;title=&quot; + data:blog.title' target='_blank'><span>Digg</span><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdOei2BIFEJFjl4WKCyO_SO115nIg1NsNgj0ZVmVh-vctUmIyoR-B6uQlxkl5K0E676GUj-2r5Xn7L56OyVuS9Ku2bDN_hI0DmY5IppTHmCKG69sZthgelQW_L4ieuoMtMs31KcIAnfTcx/'/></a><br />
<br />
<a class='jsi' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:blog.url + &quot;&amp;title=&quot; + data:blog.title' target='_blank'><span>Stumbleupon</span><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvlEg6PPMECcE-VSYnQfhTOPoAKy_o_LIwDOPqUP-HzpYCuscBX8bcbgxc2703E2dva7SutgbrumgAuqISrERt9MupVqxZ-sEDGwgNPmW9ed0DG2LiB6kSVQgJom_oy1oo7f7NvTm9VGcV/'/></a><br />
<br />
<a class='jsi' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:blog.url' target='_blank'><span>Technorati</span><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxOuSO5clPy3DXGMeQM9_x5iW4P_XSY8BupG6MO7rsUmOH2WMV3-FlCHr69Qh39tiiXzE2qYQCLN0oSz7vENUvPzkYunH6r5cAc5MPAg6nVnxklo3h44LER3M1qlo_YNXI-1xjwNEEGMgU/'/></a><br />
<br />
<a class='jsi' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><span>RSS</span><img alt='RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNhSSCEGbod0QqJ9oWiHIgzEdD2zd9ivSzBHtAZVOiZp4Nib9ctX-6JKPBbXL2PufLnsPDVBbJcmiQjdNvhvvVxHAOoS6U0A9pQG5Gy4ESeVfHn9Vi7hoiHeDgs6upY8XLM5bzEI5_K-77/'/></a><br />
<br />
</div><br />
<br />
</div><br />
<br />
<script type='text/javascript'><br />
<br />
jQuery(document).ready(<br />
<br />
function()<br />
<br />
{<br />
<br />
jQuery(&#39;#jsb&#39;).Fisheye(<br />
<br />
{<br />
<br />
maxWidth: 48,<br />
<br />
items: &#39;a&#39;,<br />
<br />
itemsText: &#39;span&#39;,<br />
<br />
container: &#39;.jsbc&#39;,<br />
<br />
itemWidth: 64,<br />
<br />
proximity: 80,<br />
<br />
alignment : &#39;left&#39;,<br />
<br />
valign: &#39;bottom&#39;,<br />
<br />
halign : &#39;center&#39;<br />
<br />
}<br />
<br />
)<br />
<br />
}<br />
<br />
);<br />
<br />
</script><br />
<br />
<!--jQuery Social Bookmarking Widget Ends--></div>
<br />
<br />
Note : <span class="Apple-style-span" style="color: orange;">Host</span> above images yourself.<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How to Add Social Bookmarking Icons on Every Blogger Post </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sMkKE1hbYemRPFypOvFvBfO276qXtxtbg8IyOluc28dQ6x9g9GtbdnJtVSupZx0s4_pMk7EbBfSn5KMqnnNGiVZ_-P2GouPsc_uBRvKtLgCwmR_EwXe31_xRgcP1yTIuQxbZAEkwsU9G/s1600/How+to+Add+Social+Bookmarking+Icons+on+Every+Blogger+Post.png" width="320" /></a></div>
<br />
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">after</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<!-- Social Bookmarking Icons Start http://bdlab.blogspot.com--><br />
<br />
<style type='text/css'><br />
<br />
.bookmark img { border: 0;<br />
<br />
padding:0px; }<br />
<br />
.bookmark a:hover {<br />
<br />
position: relative;<br />
<br />
top: 1px;<br />
<br />
left: 1px; }<br />
<br />
</style><span class='bookmark'><table align='left' border='0' cellpadding='0' width='100%'><tr><td style='vertical-align:middle' valign='middle' width='30%'><div expr:id='&quot;sbtxt&quot;+data:post.id'>Bookmark this post:<span style='display:none'><a href='http://www.bloggerplugins.org'>blogger tutorials</a> <a href='http://www.bloggerplugins.org/2007/09/social-bookmarking-elements-after-each.html'>Social Bookmarking Blogger Widget</a></span></div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + &quot;<data:post.id/>&quot;,0)</script></td><td><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,19);&quot;' rel='nofollow' target='_blank'><img alt='StumpleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKcenSjYRCyMv1SAu_VAK3IoBnj6rHK4kyTNmRlnyv6UZWkUHp-0FpUM-ZRmvCEOTZA4grBEK76-i_Zv4IY9xc4AiWq7C0csAPt8KdcMMHA-LHSrsbnuql-K5JPqtRZB9y0mVnVWj4XDk/?imgmax=800'/></a> <a expr:href='&quot;http://digg.com/submit?phase=3&amp;url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,1);&quot;' rel='nofollow' target='_blank'><img alt='DiggIt!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibrMFJKggmOjFWlNkADtpiwFSR-PpXLCGm7C_Kw2PcFGDM5TRiZGJCZyhMwRcHqT8AciaB4dwu_Ng48vs3QhmOlL1WZsu4EmOAr1MtJk06zkuFOFzxr5QVMY_isV2IWY5_zvjTZ8dYbmo/?imgmax=800'/></a> <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,2);&quot;' rel='nofollow' target='_blank'><img alt='Del.icio.us' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhle1eT3GpIssvUJ7SALoAFdaKOH0ar5DE1a_vfJHMh0BDls-uJ_LI3Df1QrFBGA6zyWkXPYd97R23jOJkP3P4h6VPUMXPS5pD8Z7-JRUlxOuSOW4yA06fcQ0DrJgamybaT967gXYQBZgc/?imgmax=800'/></a> <a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,3);&quot;' rel='nofollow' target='_blank'><img alt='Blinklist' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOgvJuz-i33wCqKfGdCCeWuXx1A878ttohx38UYGYSDPgfYpYTltYWYwiWnDk6TmT63Ku6c-3fsiACB434SIiL9B3K-nq-00RpX8uO1ZoKCmpvK7xnmX9W2MRcWwbF9R5KE7L9FaOzny8/?imgmax=800'/></a> <a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,4);&quot;' rel='nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC9DS0Y4Grig5YODWdLl0tIy2tQqoePfpj6VW-tEjx4-Y0mibBRuAF7oXZYkI5_Zmw0j8GFR34TjhSgKrdAsqNFLHIBV_dEXP2oOnLmrRSOe3iRIFUn5L52AUtJtcDwhco5m4_hhImsCs/?imgmax=800'/></a> <a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,8);&quot;' rel='nofollow' target='_blank'><img alt='Furl' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHaJ8c8qUmlnPCQ6RvDWN8IyDMA-XO9ZgStqMLqBRTUrE0vvujYvgtlKdlpC3c53DBBmgOVtIGlOgJIQyM6ItyRTDbCKM6jRz0nrsnnlgY23OSdiDG2VyQIwX4V_7osM25gdRmYSm8EFM/?imgmax=800'/></a> <a expr:href='&quot;http://www.technorati.com/cosmos/search.html?url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,9);&quot;' rel='nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggBZBocIsp4WnR82bjoBQiuekLEw1ilR9_N_MBQkv2mDjt4bF2XnWQgmefun8QIJ96v9ft9Q1TFW0RBUgDrRiSVlplOKvro-7cYdsk1kkozkQ5vcjSg1bwJVoD-lJN5na5Jb9oq_V2Bwc/?imgmax=800'/></a> <a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,10);&quot;' rel='nofollow' target='_blank'><img alt='Simpy' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxuqRICSqgX3e4LWO_LHtGRMM9qmNNk3tZD29IDGMsHG3SdTel2dAb5gkl21r-8fWnuMX7VmGN4Ud-LSm5l0YUpQgUDaVj-YJwsENHqzqR8BYjbW7sXx1Hvlo5WOiqE403zkWqcCFfrzw/?imgmax=800'/></a> <a expr:href='&quot;http://www.spurl.net/spurl.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,11);&quot;' rel='nofollow' target='_blank'><img alt='Spurl' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirkTL4IBD3Cf5-fZXjN36vTVVKWwBJm90jtZ4o_QqCIK-uEX8TQPmGwsooGkyeFiwxTBFywA9egN0PkUePtWwt9tyI84fYGtgCdUXJQKUby89YsdQiDTI1d38J6diL3dxRQut1VfRbowQ/?imgmax=800'/></a> <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,17);&quot;' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdBfk8zxn_yk0GzMn5PlVr3vFfz_2BpfVsZfhjWVC_irZabwLG0G19i3_J4L8UtBTGT-_bimjcn8o8dfPgrrGVmpDwzd36XgNsG4Om1dnaDUuPPEzrj109X5BICQMZYhY3jS1HOK0_eWE/?imgmax=800'/></a> <a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot;+data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,20);&quot;' rel='nofollow' target='_blank'><img alt='Google' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkIOvOoatHQlLPHjz0_1TTC9t9PT6po2xvkarAzADPd4b9Bz7gn1IgN_WjFrLF3aA0IblPnzeqQEq71vhDkrW6pjAiNnKN7Op_lY2BnmktzwqUBYmxOfi0BVBr-668EH8s2N_CS6DfS04/?imgmax=800'/></a><br />
<br />
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/><br />
<br />
<script charset='utf-8' src='http://blogger-plugins.googlecode.com/files/bit.ly.js' type='text/javascript'/><br />
<br />
<a expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; ~ &quot;+data:post.url' expr:onclick='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,21);&quot;' rel='nofollow' target='_blank'><span style='display:none;'>I&#39;m reading: <data:post.title/> ~</span><br />
<br />
<img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8CggKjicfgI7SVAvHVagSCIhRRUy-b0UrHOb2Go_wyl-i5OTh_MI_eKIvXGRHDrJdlULzm2BdOhgyjvtGrG8oc4gSEOwohdqNxt5oZhpGDOhvAZeurdAv9LMactN3CbBcw4L79R7scEs/?imgmax=800'/></a> <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,22);&quot;' rel='nofollow' target='_blank'><img alt='FaceBook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhgsUveGyCMpb3oEIgh2RpA4VlKx9CuSjLCE7WDHcC4v69C1FB0Lz5pBqVXji8qXaEfM7l5FsDYAFAZsIgDeSV5HsKoVKKNknAC7Hmm5LOpmihfV1Kx4XlPQdUDcREyOqYvk6Muts_mCc/s400/fbicon.png'/></a><br />
<br />
</td><br />
<br />
</tr><br />
<br />
</table><br/><br />
<br />
</span><br />
<br />
<!-- Social Bookmarking Icons End http://bdlab.blogspot.com--></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Animated Sharing Bar With JQuery and CSS </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn7vTGyfnspp1MXgiRyeO7ziEN7C6FGM1QY_iH9ueASYMJHWwBCPa-27Xy2Sas3fWbBe5Cq8bs3a_GRq0BABhPZUJLqOYw_iuRN8jyhXT1cCnUEfUVGm_4qcdNMtECCkzttijapnVoaD1p/s1600/Animated+Sharing+Bar+With+JQuery+%2526+CSS.gif" width="320" /></a></div>
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">This is a rotating or you can say animated sharing option by</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a href="http://tutorialzine.com/2009/12/animated-share-buttons-jquery-css/" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" target="_blank">Tutorialzine</a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">that you can add to your blog. See the demo to have a basic idea about this sharing box.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><br />
<br />
<br />
<div class="example" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">
<div class="demo">
<div class="selectorClass demoObject">
<a href="http://demo.tutorialzine.com/2009/12/animated-share-buttons-jquery-css/demo.html" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" target="_blank">Demo</a></div>
</div>
<div class="demo1">
<div class="selectorClass demoObject">
<a href="http://tutorialzine.com/2009/12/animated-share-buttons-jquery-css/" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" target="_blank">Download</a></div>
</div>
</div>
To install this animated sharing box add this CSS file above <span class="Apple-style-span" style="color: red;">]]></b:skin> </span>. Also don’t forget to check the expand widget templates box.<br />
<br />
<div class="code">
/* The code for the share box starts here: */ <br />
<br />
#share{ <br />
<br />
/* The share box container */ <br />
<br />
width:500px; <br />
<br />
background:#ececec; <br />
<br />
height:220px; <br />
<br />
margin:60px auto; <br />
<br />
overflow:hidden; <br />
<br />
-moz-border-radius:12px; <br />
<br />
-webkit-border-radius:12px; <br />
<br />
border-radius:12px; <br />
<br />
} <br />
<br />
#share-label{ <br />
<br />
/* The image on the right */ <br />
<br />
background:url(http://demo.tutorialzine.com/2009/12/animated-share-buttons-jquery-css/img/share.png) no-repeat 50% 50%; <br />
<br />
float:left; <br />
<br />
height:220px; <br />
<br />
width:200px; <br />
<br />
} <br />
<br />
#stage{ <br />
<br />
/* This is where the animation takes place */ <br />
<br />
position:relative; <br />
<br />
border-right:1px solid #DDDDDD; <br />
<br />
width:290px; <br />
<br />
height:220px; <br />
<br />
background:white; <br />
<br />
float:left; <br />
<br />
border-bottom-left-radius:12px; <br />
<br />
border-top-left-radius:12px; <br />
<br />
-moz-border-radius-bottomleft:12px; <br />
<br />
-moz-border-radius-topleft:12px; <br />
<br />
-webkit-border-bottom-left-radius:12px; <br />
<br />
-webkit-border-top-left-radius:12px; <br />
<br />
} <br />
<br />
.btn{ <br />
<br />
/* This class is assigned to every share button */ <br />
<br />
background-color:white; <br />
<br />
height:90px; <br />
<br />
left:0; <br />
<br />
top:0; <br />
<br />
width:60px; <br />
<br />
position:relative; <br />
<br />
margin:20px 0 0 10px; <br />
<br />
float:left; <br />
<br />
} <br />
<br />
.bcontent{ <br />
<br />
/* Positioned inside the .btn container */ <br />
<br />
position:absolute; <br />
<br />
top:auto; <br />
<br />
bottom:20px; <br />
<br />
left:0; <br />
<br />
} <br />
<br />
/* Individual rules for every share button */ <br />
<br />
.digg{ background:url(http://demo.tutorialzine.com/2009/12/animated-share-buttons-jquery-css/img/digg_reflection.png) no-repeat -4px bottom;} <br />
<br />
.reddit{ background:url(http://demo.tutorialzine.com/2009/12/animated-share-buttons-jquery-css/img/reddit_reflection.png) no-repeat -4px bottom;} <br />
<br />
.facebook{ background:url(http://demo.tutorialzine.com/2009/12/animated-share-buttons-jquery-css/img/facebook_reflection.png) no-repeat bottom center;} <br />
<br />
.tweetmeme{ background:url(http://demo.tutorialzine.com/2009/12/animated-share-buttons-jquery-css/img/twit_reflection.png) no-repeat -5px bottom;} <br />
<br />
.dzone{ background:url(http://demo.tutorialzine.com/2009/12/animated-share-buttons-jquery-css/img/dzone_reflection.png) no-repeat -7px bottom;} <br />
<br />
.thanksto{ <br />
<br />
position:absolute; <br />
<br />
bottom:2px; <br />
<br />
right:110px; <br />
<br />
font-size:10px; <br />
<br />
} <br />
<br />
.thanksto a,.thanksto a:visited{ <br />
<br />
color:#BBB; <br />
<br />
} <br />
<br />
/* Customizing the facebook share button */ <br />
<br />
span.fb_share_no_count { <br />
<br />
display:block; <br />
<br />
} <br />
<br />
span.fb_share_count_top.fb_share_no_count { <br />
<br />
line-height:54px; <br />
<br />
} <br />
<br />
span.fb_share_count_nub_top.fb_share_no_count{ <br />
<br />
display:none; <br />
<br />
} <br />
<br />
span.fb_share_no_count span.fb_share_count_inner { <br />
<br />
background:#3B5998 url(http://static.fbshare.me/f_only.png) no-repeat scroll 20px 5px; <br />
<br />
display:block; <br />
<br />
}</div>
<br />
<br />
Install these jquery scripts above <span class="Apple-style-span" style="color: red;"></head></span><br />
<br />
<div class="code">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <br />
<br />
<script src='http://www.yourjavascript.com/5718110189/rotating%20social.js' type='text/javascript'/></div>
<br />
<br />
Now to show the plugin below every post install this HTML below <span class="Apple-style-span" style="color: red;"><data:post.body/></span><br />
<br />
<br />
<div class="code">
<div id="share"><br />
<div id="stage"><br />
<br />
<div class="btn digg"><div class="bcontent"><a class="DiggThisButton"></a><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div></div><br />
<div class="btn tweetmeme"><div class="bcontent"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div></div><br />
<div class="btn dzone"><div class="bcontent"><script language="javascript" src="http://widgets.dzone.com/links/widgets/zoneit.js"></script></div></div><br />
<div class="btn reddit"><div class="bcontent"><script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script></div></div><br />
<div class="btn facebook"><div class="bcontent"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div></div><br />
</div><br />
<div id="share-label"><br />
<!-- This is where the share some love image appears --><br />
</div><br />
</div></div>
<br />
<br />
Now save your template and its done.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Bounce & Share - Social Bookmarking Widget </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu8aPA7B-TYjOj6exZrIy7C5I_QfqMi9jUASD0ZsfxePq2QkJAZ6Am9fsypHw3bFbL3K-f-NDTSq-f5UiMdR9aAeR2HQkHXy_pAVkP0R-rUehEw3I1u0F2SyoRyxqq-atr8SzQZPBY2VBC/s1600/Bouncing_Icons.gif" width="320" /></a></div>
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
</head></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
<!--BOUNCING-ICONS-START--><br />
<br />
<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/screen2.css' media='all' rel='stylesheet' type='text/css'/><br />
<br />
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/><br />
<br />
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/execute.js' type='text/javascript'/><br />
<br />
<!--BOUNCING-ICONS-STOP-Help-http://bdlab.blogspot.com--></div>
<br />
<br />
STEP #3:<br />
Now find this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">BELOW/AFTER</span> it, paste this code:<br />
<br />
<div class="code">
<!--SOCIAL-BOOKMARKING-BUTTONS--><br/><br />
<br />
<br />
<br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<br />
<br />
<br />
<center><br />
<br />
<br />
<br />
<ul id='nav-shadow'><br />
<br />
<br />
<br />
<li class='button-color-1'><a expr:href='&quot;http://twitter.com/home/?status=Currently reading-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Tweet This Post'/></li><br />
<br />
<br />
<br />
<li class='button-color-2'><a expr:href='&quot; http://www.<b>stumbleupon</b>.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='button-color-3'><a expr:href='&quot; http://www.<b>facebook</b>.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='button-color-4'><a expr:href='&quot; http://<b>digg</b>.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li><br />
<br />
<br />
<br />
<li class='button-color-5'><a expr:href='&quot;http://<b>del.icio.us</b>/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li></ul></center><br />
<br />
<br />
<br />
<a href="http://bloggerstop.net/2009/10/bounce-share-social-bookmarking-widget.html" target="_blank"><span style="font-size: x-small;">Get this widget</span></a><br />
<br />
<br />
<br />
</b:if><br />
<br />
<br />
<br />
<!--SOCIAL-BOOKMARKING-BUTTONS-http://bdlab.blogspot.com--></div>
<br />
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How to Add Fancy "Share This" Social Bookmarking Widget to blogger </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeJXA4y_0VyZYxQ1AsxMF1OBDRt0MfvNB9p2dzcR8erPSYJa9hxQGlIxZHcRVRB_rNh42SGtS9gBmuTBpmw_GTiA0qvBfhYgeXQI3CIM49mkN_a-i5zgwKwlNitAFOomhVrEXovoDealbm/s1600/How+to+Add+Fancy+Share+This+Social+Bookmarking+Widget+to+blogger.gif" width="320" /></a></div>
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
]]></b:skin></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
/* Fancy SocialBookmark*/<br />
<br />
#sharebox{<br />
height:48px;<br />
width:400px;<br />
margin:0;<br />
padding:5px 0;<br />
}<br />
<br />
ul.sharebox { margin:0px; padding:0px; list-style:none; <span class="IL_AD" id="IL_AD12">position</span>:<span class="IL_AD" id="IL_AD4">relative</span>; display:block;}<br />
ul.sharebox li { <span class="IL_AD" id="IL_AD6">float</span>:left; margin:0 0 0 0px; padding:0px; position:absolute;}<br />
ul.sharebox li a { margin:0 0 0 -24px; display:block;}<br />
ul.sharebox li a:hover { margin:0 0 0 -8px; }<br />
ul.sharebox li img { border:none;}</div>
<br />
<br />
STEP #3<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
</head></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
(function($){<br />
$.fn.sharebox = function(){<br />
var element = this;<br />
<br />
$(element).find(&quot;li&quot;).each(function(i){<br />
$(this).css(&quot;z-index&quot;, 12- i);<br />
if (i&gt;0)<br />
$(this).css(&quot;left&quot;, i * 24 + 100);<br />
});<br />
<br />
}<br />
})(jQuery);<br />
</script><br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$(&quot;#sharebox&quot;).sharebox();<br />
});<br />
</script></div>
<br />
STEP #4<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">after</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<ul class='sharebox' id='sharebox'><br />
<li><img alt='Share this' src='http://lh3.ggpht.com/_gQTW6AzEt50/TAN-IItrhcI/AAAAAAAAAKg/6Ofb7QQmW5E/s400/sharethis.png'/></li><br />
<li><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Digg' src='http://lh5.ggpht.com/_gQTW6AzEt50/TANwPDNFTqI/AAAAAAAAAJA/_iTBPexiQUc/s400/digg_48.png'/></a></li><br />
<li><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to StumbleUpon' src='http://lh5.ggpht.com/_gQTW6AzEt50/TANwXH99KHI/AAAAAAAAAJY/1MhNYohLgKw/s400/sumbleupon_48.png'/></a></li><br />
<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Delicious' src='http://lh3.ggpht.com/_gQTW6AzEt50/TANwLsiJKaI/AAAAAAAAAI4/W-8Giiq1jdo/s400/delicious_48.png'/></a></li><br />
<li><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Technorati' src='http://lh3.ggpht.com/_gQTW6AzEt50/TANwaKO3III/AAAAAAAAAJg/1GGHLlMnMVI/s400/technorati_48.png'/></a></li><br />
<li><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Reddit' src='http://lh3.ggpht.com/_gQTW6AzEt50/TANwUrLlzcI/AAAAAAAAAJQ/4IumvWuAy3k/s400/reddit_48.png'/></a></li><br />
<li><a expr:href='&quot; http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Mixx' src='http://lh5.ggpht.com/_gQTW6AzEt50/TANwRvsfp4I/AAAAAAAAAJI/GnhXzIG0Yus/s400/mixx_48.png'/></a></li><br />
<li><a expr:href='&quot;http://twitter.com/home/?status=Chk Out-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'><img alt='Sumbit to Twitter' src='http://lh4.ggpht.com/_gQTW6AzEt50/TAN0zpbiOBI/AAAAAAAAAKQ/ZrUXz3uWKIU/s400/twitter_boxed_48.png'/></a></li><br />
<li><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Furl' src='http://lh5.ggpht.com/_gQTW6AzEt50/TAN0r1U2u1I/AAAAAAAAAJ4/sROtJssSojA/s400/furl_48.png'/></a></li><br />
<li><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to <span class="IL_AD" id="IL_AD2">Design</span> Float' src='http://lh4.ggpht.com/_gQTW6AzEt50/TAN0owol6GI/AAAAAAAAAJw/BkW7TAqnDcQ/s400/designfloat_48.png'/></a></li><br />
<li><a expr:href='&quot;http://www.blinklist.com/index.php?<span class="IL_AD" id="IL_AD8">Action</span>=Blink/addblink.php&amp;<span class="IL_AD" id="IL_AD3">Description</span>=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Blinklist' src='http://lh3.ggpht.com/_gQTW6AzEt50/TAN0mEMPlOI/AAAAAAAAAJo/-8XBeBFn-B0/s400/blinklist_48.png'/></a></li><br />
<li><a expr:href='&quot;http://buzz.yahoo.com/article/&quot; + data:post.url' target='_blank'><img alt='Sumbit to Yahoo Buzz' src='http://lh5.ggpht.com/_gQTW6AzEt50/TAN02Tt0lCI/AAAAAAAAAKY/DJQhWo-EVQI/s400/yahoo_48.png'/></a></li><br />
<li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Sumbit to Google Bookmarks' src='http://lh6.ggpht.com/_gQTW6AzEt50/TAN0uapFtxI/AAAAAAAAAKA/XSceCbQg5gU/s400/google_48.png'/></a></li><br />
</ul></div>
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How to Add "Fisheye Effect" Social Bookmarking Widget to Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwjnUhdv3Jf6XqszTj2Hd0Q0krE1ztbEi2fK-f-91d8GygA4RLD-uEMsleNH1fcoGiHPhoSE873EalgNFm0QfYJqUjwQzIKqHMy1LKSsYTHgVJETj6UH1OZVVoPV9jHU8Ge2dhj54DqEWl/s1600/How+to+Add+Fisheye+Effect+Social+Bookmarking+Widget+to+Blogger.gif" width="320" /></a></div>
<br />
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
]]></b:skin></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
/* Social Bookmarking Widget */<br />
#fisheye2 {<br />
width: 100%;<br />
position: <span class="IL_AD" id="IL_AD2">relative</span>;<br />
padding-bottom:30px;<br />
top:-20px;<br />
}<br />
.fisheye-container2 {<br />
position: absolute;<br />
height: 50px;<br />
padding-left: 20px;<br />
}<br />
a.fisheye-item2 {<br />
display: block;<br />
font: bold 10px Arial, Helvetica, sans-serif;<br />
width: 40px;<br />
color: #000;<br />
top: 0;<br />
bottom: 0;<br />
position: absolute;<br />
text-align: center;<br />
text-decoration: none;<br />
}<br />
.fisheye-item2 span {<br />
display: none;<br />
padding-left: 20px;<br />
}<br />
.fisheye-item2 img {<br />
border: none;<br />
margin: 5px 10px 0px;<br />
width: 100%;<br />
}<br />
/* Social Bookmarking Widget Ends */</div>
<br />
STEP #3<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<b:skin><![CDATA[</div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
<script src='https://sites.google.com/site/bloggerhacksnet/jquery1.3.2.js' type='text/javascript'/><br />
<script src='https://sites.google.com/site/bloggerhacksnet/interface.js' type='text/javascript'/></div>
<br />
<br />
STEP #4<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">after</span> it, paste this code:<br />
<br />
<div class="code">
<!--Social Bookmarking Widget <span class="IL_AD" id="IL_AD3">Starts</span>--><br />
<b:if cond='data:<span class="IL_AD" id="IL_AD5">blog</span>.pageType == &quot;item&quot;'><br />
<p style='font-size:85%; font-weight:bold;'>Bookmark &amp; Share:</p><br />
<div class='fisheye' id='fisheye2'><br />
<br />
<div class='fisheye-container2'><br />
<a class='fisheye-item2' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:blog.url + &quot;&amp;title=&quot; + data:blog.title' target='_blank'><span>Delicious</span><img alt='Delicious' src='http://lh4.ggpht.com/_gQTW6AzEt50/TAixDfYiOII/AAAAAAAAALo/ewSh_vqpLbE/s400/101466-red-white-pearl-icon-social-media-logos-delicious.png'/></a><br />
<a class='fisheye-item2' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:blog.url + &quot;&amp;title=&quot; + data:blog.title' target='_blank'><span>Digg</span><img alt='Digg' src='http://lh6.ggpht.com/_gQTW6AzEt50/TAixFPCBamI/AAAAAAAAALw/fPIxQ2E3wDQ/s400/101473-red-white-pearl-icon-social-media-logos-digg.png'/></a><br />
<a class='fisheye-item2' expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:blog.url' target='_blank'><span>Facebook</span><img alt='Facebook' src='http://lh6.ggpht.com/_gQTW6AzEt50/TAixGwa2QyI/AAAAAAAAAL4/S7bTwexRBU0/s400/101484-red-white-pearl-icon-social-media-logos-facebook-logo.png'/></a><br />
<a class='fisheye-item2' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><span>RSS</span><img alt='RSS' src='http://lh5.ggpht.com/_gQTW6AzEt50/TAixIYvPVsI/AAAAAAAAAMA/Jozdh_reQcY/s400/101532-red-white-pearl-icon-social-media-logos-rss-basic.png'/></a><br />
<a class='fisheye-item2' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:blog.url + &quot;&amp;title=&quot; + data:blog.title' target='_blank'><span>Stumbleupon</span><img alt='StumbleUpon' src='http://lh3.ggpht.com/_gQTW6AzEt50/TAixJ6FDkNI/AAAAAAAAAMI/uMuTI_9gjJY/s400/101544-red-white-pearl-icon-social-media-logos-stumbleupon.png'/></a><br />
<a class='fisheye-item2' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:blog.url' target='_blank'><span>Technorati</span><img alt='Technorati' src='http://lh5.ggpht.com/_gQTW6AzEt50/TAixLarz8ZI/AAAAAAAAAMQ/g8huhtCqhbc/s400/101550-red-white-pearl-icon-social-media-logos-technorati-logo2.png'/></a><br />
<a class='fisheye-item2' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><span>Twitter</span><img alt='Twitter' src='http://lh5.ggpht.com/_gQTW6AzEt50/TAixM4Txq6I/AAAAAAAAAMY/5BAA92q-CGs/s400/101556-red-white-pearl-icon-social-media-logos-twitter.png'/></a><br />
</div><br />
</div><br />
<script type='text/javascript'><br />
jQuery(document).ready(<br />
function()<br />
{<br />
jQuery(&#39;#fisheye2&#39;).Fisheye(<br />
{<br />
maxWidth: 64,<br />
items: &#39;a&#39;,<br />
itemsText: &#39;span&#39;,<br />
<span class="IL_AD" id="IL_AD12">container</span>: &#39;.fisheye-container2&#39;,<br />
itemWidth: 60,<br />
proximity: 80,<br />
<span class="IL_AD" id="IL_AD7">alignment</span> : &#39;left&#39;,<br />
valign: &#39;bottom&#39;,<br />
halign : &#39;center&#39;<br />
}<br />
)<br />
}<br />
);<br />
</script><br />
</b:if><br />
<!--Social Bookmarking Widget Ends--></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">ADD Woven Fabric SOCIAL NETWORK BUTTONS TO BLOGGER </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLBirBahlDAPrwKRTc_IngMRLLfF6lv_eyi8RwBQWInBuk6ohtJminEPfrrSNdOyq_pKDcyG1oVGxj81bJcBqZC77ZTH325htA0bSwpxkZdC-sHQxPwYuXIhzlVkRfC7aemDR1q82BfOC/s1600/ADD+Woven+Fabric+SOCIAL+NETWORK+BUTTONS+TO+BLOGGER.png" width="320" /></a></div>
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">after</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<div class='post-footer-line post-footer-line-0'><br />
<br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<br />
Share This:<br />
<br />
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://i42.tinypic.com/29bjz1g_th.png'/></a><br />
<br />
<br />
<br />
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' rel='external nofollow'><img alt='Digg' src='http://i43.tinypic.com/2h6g8hu_th.png' /></a><br />
<br />
<br />
<br />
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://i40.tinypic.com/352m1xf_th.png'/></a><br />
<br />
<br />
<br />
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://i43.tinypic.com/9gwqo3_th.png'/></a><br />
<br />
<br />
<br />
<a expr:href='&quot;http://twitter.com/home?status=Check this Out: &quot; + data:post.url + &quot; | &quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://i43.tinypic.com/30v2bg7_th.png'/></a><br />
<br />
</b:if><br />
<br />
</div><br />
<br /></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Add Burnt Wood Social Network Buttons To Blogger </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fzOxbI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd9gwImsrrbX-82jH7LYGCZLFpCYMggcCukwTQhObulI5wuKB-fjtMiDxVwf1TzGt8O2ukuno_VGErcevsH4kX6gjQ2ANj794_Lo_ww6Z9jUoTxt2nygoroGn4WuXqJST_VtIYNb-L4a73/s1600/Add+Burnt+Wood+Social+Network+Buttons+To+Blogger.png" width="320" /></a></div>
<br />
<br />
Instructions To Follow:<br />
STEP #1<br />
Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>,go to Design -> Edit HTML<br />
and mark the tick box "Expand Widget Templates"<br />
<br />
<br />
STEP #2<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
And immediately <span class="Apple-style-span" style="color: blue;">after</span> it, paste this code:<br />
<br />
<br />
<div class="code">
<div class='post-footer-line post-footer-line-0'><br />
<br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<br />
Share This:<br />
<br />
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://i39.tinypic.com/2dr71pj_th.png'/></a><br />
<br />
<br />
<br />
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' rel='external nofollow'><img alt='Digg' src='http://i44.tinypic.com/1g5fyv_th.png' /></a><br />
<br />
<br />
<br />
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://i39.tinypic.com/11me0x5_th.png'/></a><br />
<br />
<br />
<br />
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://i39.tinypic.com/35bwj0y_th.png'/></a><br />
<br />
<br />
<br />
<a expr:href='&quot;http://twitter.com/home?status=Check this Out: &quot; + data:post.url + &quot; | &quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://i44.tinypic.com/k18iv_th.png'/></a><br />
<br />
</b:if><br />
<br />
</div></div>
<br />
<br />
<br />
Now Click <span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 20px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span></div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com5tag:blogger.com,1999:blog-404186049558999833.post-60007094037483638092010-12-21T03:11:00.000-08:002013-02-05T22:04:44.497-08:00Add Meta Tags to Blogger (blogspot) blogs for Better SEO<div dir="ltr" style="text-align: left;" trbidi="on">
Adding meta tags you can get get more traffic from search engines like google,yahoo,msn,etc,especially the meta description is the most important one.Meta tags allows search engines to index your web pages more accurately. In other words,Meta tags communicate with the search engines and tells more information about your site and make it index correctly and accurately.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fcLG5t" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPp0s4J2p16Ub0AIL_UQuFEQDVhL86jXA45MJZnurH2QskJwdWpAQajYQo_rIPv1W6hSPx7rAE1iVVoIHBygaUJUlzRI1OxWSYOp57O1TN3UYF1UFQVgG1TmjJidRv4X8H6BMqbcTLH_z/s1600/Add+Meta+Tags+to+Blogger+%2528blogspot%2529+blogs+for+Better+SEO.gif" width="320" /></a></div>
<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<div>
<br /></div>
<div>
<br /></div>
Meta search tags may not be as popular as they once were, but they are still important. Especially if you are running a website or blog and want to make sure that search engines can easily find your site and give it a good indexing. Though it's true that meta search tags are not the only factor in high search engine optimization, they still play a vital role. However, many people who utilize a Blogger blog find it difficult to add meta search tags.Here's how to add them to your Blogger blog.<br />
<a name='more'></a><br />
<br />
<br />
1.Sign in to your blogger dashboard-->click the 'Design' button[see the screenshot below]<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s320/Image+5.png" width="320" /></a></div>
<br />
3.Find this code:<br />
<div class="code">
<b:include data='blog' name='all-head-content'/></div>
<br />
4.Now add below code just <span style="color: red;">after</span> the above code.Look at below:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fcLG5t" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2TE_wW_HCxNPEN55NoShJgUaNeiZDBSI-p8cMoybjLh0WwkqDX5RVEd97_E8Kj6a853Ubh3Tr3MVkKOrDTo3YKW-lj_GJ0DxYneISmsokpkhiJTHdy9TvIDxRGVRP7CvO-_wWJeSYXqV/s1600/how-add.jpg" width="320" /></a></div>
<br />
<div class="code">
<meta content='<span style="color: red;">DESCRIPTION HERE</span>' name='description'/><br />
<meta content='<span style="color: red;">KEYWORDS HERE</span>' name='keywords'/><br />
<meta content='<span style="color: red;">AUTHOR NAME HERE</span>' name='author'/></div>
<br />
<br />
<div style="color: blue;">
<b>Replace,</b></div>
<br />
<b>DESCRIPTION HERE</b>:Write your blog description<br />
<b>KEYWORDS</b>:Write the keywords of your blog<br />
<b>AUTHOR NAME</b>:Write the author's name(Your name)<br />
<br />
<br />
<span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 13px; line-height: 20px; text-align: justify;"><span class="Apple-style-span" style="color: black; line-height: 16px;">Now click<span class="Apple-converted-space"> </span></span><span class="Apple-style-span" style="line-height: 16px;"><b style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; margin: 2px; outline-style: none; padding: 2px; vertical-align: baseline;">Save Template</b></span></span></span></div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com7tag:blogger.com,1999:blog-404186049558999833.post-58731671104168347742010-12-20T06:26:00.000-08:002013-02-05T22:07:42.416-08:00How To Add Tooltip in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/h8dzqk" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-44qACH9-vd3SVMyJyY8fGsUpKsp7KWIGTFqlp5Z51h6DbgkYP325a-2yqVLH-RGXKuUbFIkVLDeAy7L6xWPPBN_QC26p0XUSpx2957c6NPrfx7oT1YaTCjhawYD7vX8zpfAG_qfJzsgl/s1600/How+To+Add+Tooltip+in+Blogger.gif" width="320" /></a></div>
<br />
Tooltip in simple terms is a text-box which is displayed over a hyperlink, when you hover your mouse cursor on the link.These tooltips are used to briefly give the information about the target page.you can easily customize the default tooltips on your blog. His version of tooltip is pretty nice to look at. Moreover, the easiest to install in blogger.Now you can add to your blog this creative tooltip. So, let's start.<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How To Create CSS Bubble Tooltip in blogger </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/h8dzqk" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8qrunPT9uJGvo8cSCexmRMnaHCqZ1E8HLF-UGZBTF15cSazijD88tmpy5UTZtxMhHeAlywZBUMAY7QB7Hp5UwOV2wD66rP1awlmquR1di0ZbL6u53pV4qIfffEEy1lCBo8ESwBUYFikPY/s1600/How+To+Create+CSS+Bubble+Tooltip+in+blogger.png" /></a></div>
<br />
<br />
<br />
Instructions To Follow:<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 22px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 22px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Log in to <a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #365d95; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a>, go to <b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Design</b> -> <b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML</b><br />
and mark the tick box "<b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b>"</b></span><br />
<div style="color: initial; font-family: Arial, Verdana; font-size: 14px; line-height: 22px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; outline-style: none; outline-width: initial; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s320/Image+5.png" width="320" /></a></div>
<span class="Apple-style-span" style="color: initial; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
<br />
<b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #2</b><br />
Now find (CTRL+F) this code in the template:</span></div>
<br />
<div class="code">
</head></div>
<br />
And immediately <span class="Apple-style-span" style="color: red;">before</span> it, paste this code:<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style type='text/css'><br />
a.tt{<br />
position:relative;<br />
z-index:24;<br />
color:#3CA3FF;<br />
font-weight:bold;<br />
text-decoration:none;<br />
}<br />
a.tt span{ display: none; }<br />
<br />
/*background:; ie hack, something must be changed in a for ie to execute it*/<br />
a.tt:hover{ z-index:25; color: #aaaaff; background:;}<br />
a.tt:hover span.tooltip{<br />
display:block;<br />
position:absolute;<br />
top:0px; left:0;<br />
padding: 15px 0 0 0;<br />
width:200px;<br />
color: #993300;<br />
text-align: center;<br />
filter: alpha(opacity:90);<br />
KHTMLOpacity: 0.90;<br />
MozOpacity: 0.90;<br />
opacity: 0.90;<br />
}<br />
a.tt:hover span.top{<br />
display: block;<br />
padding: 30px 8px 0;<br />
background: url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QEPI5vptXtvzU4sssflVME5e6i60-3Zutzp5QVvgLH6wVigpgw0t3z4nCd-nHFBml3ItUr0meXZFxGrBYf-cs9m4tiIK1JBBIT6PxvVjAyC9DCqP353D02GkmDNgp1uV_GbctAqPVbjj/</span>) no-repeat top;<br />
}<br />
a.tt:hover span.middle{ /* different middle bg for stretch */<br />
display: block;<br />
padding: 0 8px;<br />
background: url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIQX2BNf9F-XoifaEhfRaCpBkpq7Hwh4l5ofopJjS7E-1n_yAtPMalHMSZXjgtVSbbV6CfRB44ai8YcjV-OhPJb2fWcSX9hf5zzd_27j_4Lr97uM6YzJFou56H7bZb81gfti5qqYFPMpt7/</span>) repeat bottom;<br />
}<br />
a.tt:hover span.bottom{<br />
display: block;<br />
padding:3px 8px 10px;<br />
color: #548912;<br />
background: url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QEPI5vptXtvzU4sssflVME5e6i60-3Zutzp5QVvgLH6wVigpgw0t3z4nCd-nHFBml3ItUr0meXZFxGrBYf-cs9m4tiIK1JBBIT6PxvVjAyC9DCqP353D02GkmDNgp1uV_GbctAqPVbjj/</span>) no-repeat bottom;<br />
}<br />
</style></div>
<br />
<br />
Now when you add a link use the below structure:<br />
<br />
<br />
<div class="code">
<a href="<span style="color: red;">YOUR-LINK</span>" class="tt"><span style="color: red;">LINK-NAME</span><span class="tooltip"><span class="top"></span><span class="middle"><span style="color: #3333ff; font-weight: bold;">YOUR-TOOLTIP-MESSAGE</span></span><span class="bottom"></span></span></a></div>
<br />
Look at the example below.<br />
<br />
<br />
<div class="code">
<a href="<span style="color: red;">http://bdlab.blogspot.com/</span>" class="tt"><span style="color: red;">Premium Blogger Templates</span><span class="tooltip"><span class="top"></span><span class="middle"><span style="color: #3333ff; font-weight: bold;">Download Free Premium Templates Free</span></span><span class="bottom"></span></span></a></div>
<br />
CSS Bubble Tooltips<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How To Add jQuery Tooltips to Blogger </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/h8dzqk" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhyphenhyphenh-6E8V3tvZAeBeroJcwhSA-HqigG-TPsCsL7jCDBWbeviQJ1f4mYWRoP-qKwG-HtWuFHBeJxw-T_vGAdOl7AnLtx-QcvJsMql2JFmDWOLstG4YM6zcDf8Pjw_TamKFLXELknq1PB2Y/s1600/How+To+Add+jQuery+Tooltips+to+Blogger.png" /></a></div>
<br />
<br />
1.Login to your blogger dashboard--> Design- -> Edit HTML<br />
<br />
2.Scroll down to where you see <span style="color: red; font-weight: bold;"></head></span> tag .<br />
<br />
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span style="color: red;"></head></span> tag .<br />
<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type='text/javascript'><br />
//<![CDATA[<br />
<br />
/*<br />
* jQuery 1.2.3 - New Wave Javascript<br />
*<br />
* Copyright (c) 2008 John Resig (jquery.com)<br />
* Dual licensed under the MIT (MIT-LICENSE.txt)<br />
* and GPL (GPL-LICENSE.txt) licenses.<br />
*<br />
* $Date: 2008-02-06 00:21:25 -0500 (Wed, 06 Feb 2008) $<br />
* $Rev: 4663 $<br />
*/<br />
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(J(){7(1e.3N)L w=1e.3N;L E=1e.3N=J(a,b){K 1B E.2l.4T(a,b)};7(1e.$)L D=1e.$;1e.$=E;L u=/^[^<]*(<(.|\\s)+>)[^>]*$|^#(\\w+)$/;L G=/^.[^:#\\[\\.]*$/;E.1n=E.2l={4T:J(d,b){d=d||T;7(d.15){6[0]=d;6.M=1;K 6}N 7(1o d=="25"){L c=u.2O(d);7(c&&(c[1]||!b)){7(c[1])d=E.4a([c[1]],b);N{L a=T.5J(c[3]);7(a)7(a.2w!=c[3])K E().2s(d);N{6[0]=a;6.M=1;K 6}N d=[]}}N K 1B E(b).2s(d)}N 7(E.1q(d))K 1B E(T)[E.1n.21?"21":"3U"](d);K 6.6E(d.1k==1M&&d||(d.5h||d.M&&d!=1e&&!d.15&&d[0]!=10&&d[0].15)&&E.2I(d)||[d])},5h:"1.2.3",87:J(){K 6.M},M:0,22:J(a){K a==10?E.2I(6):6[a]},2F:J(b){L a=E(b);a.54=6;K a},6E:J(a){6.M=0;1M.2l.1g.1i(6,a);K 6},R:J(a,b){K E.R(6,a,b)},4X:J(b){L a=-1;6.R(J(i){7(6==b)a=i});K a},1J:J(c,a,b){L d=c;7(c.1k==4e)7(a==10)K 6.M&&E[b||"1J"](6[0],c)||10;N{d={};d[c]=a}K 6.R(J(i){Q(c 1p d)E.1J(b?6.W:6,c,E.1l(6,d[c],b,i,c))})},1j:J(b,a){7((b==\'27\'||b==\'1R\')&&2M(a)<0)a=10;K 6.1J(b,a,"2o")},1u:J(b){7(1o b!="3V"&&b!=V)K 6.4x().3t((6[0]&&6[0].2i||T).5r(b));L a="";E.R(b||6,J(){E.R(6.3p,J(){7(6.15!=8)a+=6.15!=1?6.6K:E.1n.1u([6])})});K a},5m:J(b){7(6[0])E(b,6[0].2i).5k().3o(6[0]).2c(J(){L a=6;2b(a.1C)a=a.1C;K a}).3t(6);K 6},8w:J(a){K 6.R(J(){E(6).6z().5m(a)})},8p:J(a){K 6.R(J(){E(6).5m(a)})},3t:J(){K 6.3O(18,P,S,J(a){7(6.15==1)6.38(a)})},6q:J(){K 6.3O(18,P,P,J(a){7(6.15==1)6.3o(a,6.1C)})},6o:J(){K 6.3O(18,S,S,J(a){6.1a.3o(a,6)})},5a:J(){K 6.3O(18,S,P,J(a){6.1a.3o(a,6.2B)})},3h:J(){K 6.54||E([])},2s:J(b){L c=E.2c(6,J(a){K E.2s(b,a)});K 6.2F(/[^+>] [^+>]/.17(b)||b.1f("..")>-1?E.57(c):c)},5k:J(e){L f=6.2c(J(){7(E.14.1d&&!E.3E(6)){L a=6.69(P),4Y=T.3s("1x");4Y.38(a);K E.4a([4Y.3d])[0]}N K 6.69(P)});L d=f.2s("*").4R().R(J(){7(6[F]!=10)6[F]=V});7(e===P)6.2s("*").4R().R(J(i){7(6.15==3)K;L c=E.O(6,"2R");Q(L a 1p c)Q(L b 1p c[a])E.16.1b(d[i],a,c[a][b],c[a][b].O)});K f},1E:J(b){K 6.2F(E.1q(b)&&E.3y(6,J(a,i){K b.1P(a,i)})||E.3e(b,6))},56:J(b){7(b.1k==4e)7(G.17(b))K 6.2F(E.3e(b,6,P));N b=E.3e(b,6);L a=b.M&&b[b.M-1]!==10&&!b.15;K 6.1E(J(){K a?E.33(6,b)<0:6!=b})},1b:J(a){K!a?6:6.2F(E.37(6.22(),a.1k==4e?E(a).22():a.M!=10&&(!a.12||E.12(a,"3u"))?a:[a]))},3H:J(a){K a?E.3e(a,6).M>0:S},7j:J(a){K 6.3H("."+a)},5O:J(b){7(b==10){7(6.M){L c=6[0];7(E.12(c,"2k")){L e=c.3T,5I=[],11=c.11,2X=c.U=="2k-2X";7(e<0)K V;Q(L i=2X?e:0,2f=2X?e+1:11.M;i<2f;i++){L d=11[i];7(d.2p){b=E.14.1d&&!d.9J.1A.9y?d.1u:d.1A;7(2X)K b;5I.1g(b)}}K 5I}N K(6[0].1A||"").1r(/\\r/g,"")}K 10}K 6.R(J(){7(6.15!=1)K;7(b.1k==1M&&/5u|5t/.17(6.U))6.3k=(E.33(6.1A,b)>=0||E.33(6.31,b)>=0);N 7(E.12(6,"2k")){L a=b.1k==1M?b:[b];E("98",6).R(J(){6.2p=(E.33(6.1A,a)>=0||E.33(6.1u,a)>=0)});7(!a.M)6.3T=-1}N 6.1A=b})},3q:J(a){K a==10?(6.M?6[0].3d:V):6.4x().3t(a)},6S:J(a){K 6.5a(a).1V()},6Z:J(i){K 6.2K(i,i+1)},2K:J(){K 6.2F(1M.2l.2K.1i(6,18))},2c:J(b){K 6.2F(E.2c(6,J(a,i){K b.1P(a,i,a)}))},4R:J(){K 6.1b(6.54)},O:J(d,b){L a=d.23(".");a[1]=a[1]?"."+a[1]:"";7(b==V){L c=6.5n("8P"+a[1]+"!",[a[0]]);7(c==10&&6.M)c=E.O(6[0],d);K c==V&&a[1]?6.O(a[0]):c}N K 6.1N("8K"+a[1]+"!",[a[0],b]).R(J(){E.O(6,d,b)})},35:J(a){K 6.R(J(){E.35(6,a)})},3O:J(g,f,h,d){L e=6.M>1,3n;K 6.R(J(){7(!3n){3n=E.4a(g,6.2i);7(h)3n.8D()}L b=6;7(f&&E.12(6,"1O")&&E.12(3n[0],"4v"))b=6.3S("1U")[0]||6.38(6.2i.3s("1U"));L c=E([]);E.R(3n,J(){L a=e?E(6).5k(P)[0]:6;7(E.12(a,"1m")){c=c.1b(a)}N{7(a.15==1)c=c.1b(E("1m",a).1V());d.1P(b,a)}});c.R(6A)})}};E.2l.4T.2l=E.2l;J 6A(i,a){7(a.3Q)E.3P({1c:a.3Q,3l:S,1H:"1m"});N E.5g(a.1u||a.6x||a.3d||"");7(a.1a)a.1a.34(a)}E.1s=E.1n.1s=J(){L b=18[0]||{},i=1,M=18.M,5c=S,11;7(b.1k==8d){5c=b;b=18[1]||{};i=2}7(1o b!="3V"&&1o b!="J")b={};7(M==1){b=6;i=0}Q(;i<M;i++)7((11=18[i])!=V)Q(L a 1p 11){7(b===11[a])6w;7(5c&&11[a]&&1o 11[a]=="3V"&&b[a]&&!11[a].15)b[a]=E.1s(b[a],11[a]);N 7(11[a]!=10)b[a]=11[a]}K b};L F="3N"+(1B 3v()).3L(),6t=0,5b={};L H=/z-?4X|86-?84|1w|6k|7Z-?1R/i;E.1s({7Y:J(a){1e.$=D;7(a)1e.3N=w;K E},1q:J(a){K!!a&&1o a!="25"&&!a.12&&a.1k!=1M&&/J/i.17(a+"")},3E:J(a){K a.1F&&!a.1h||a.28&&a.2i&&!a.2i.1h},5g:J(a){a=E.3g(a);7(a){L b=T.3S("6f")[0]||T.1F,1m=T.3s("1m");1m.U="1u/4m";7(E.14.1d)1m.1u=a;N 1m.38(T.5r(a));b.38(1m);b.34(1m)}},12:J(b,a){K b.12&&b.12.2E()==a.2E()},1T:{},O:J(c,d,b){c=c==1e?5b:c;L a=c[F];7(!a)a=c[F]=++6t;7(d&&!E.1T[a])E.1T[a]={};7(b!=10)E.1T[a][d]=b;K d?E.1T[a][d]:a},35:J(c,b){c=c==1e?5b:c;L a=c[F];7(b){7(E.1T[a]){2V E.1T[a][b];b="";Q(b 1p E.1T[a])1Q;7(!b)E.35(c)}}N{1S{2V c[F]}1X(e){7(c.52)c.52(F)}2V E.1T[a]}},R:J(c,a,b){7(b){7(c.M==10){Q(L d 1p c)7(a.1i(c[d],b)===S)1Q}N Q(L i=0,M=c.M;i<M;i++)7(a.1i(c[i],b)===S)1Q}N{7(c.M==10){Q(L d 1p c)7(a.1P(c[d],d,c[d])===S)1Q}N Q(L i=0,M=c.M,1A=c[0];i<M&&a.1P(1A,i,1A)!==S;1A=c[++i]){}}K c},1l:J(b,a,c,i,d){7(E.1q(a))a=a.1P(b,i);K a&&a.1k==51&&c=="2o"&&!H.17(d)?a+"2S":a},1t:{1b:J(c,b){E.R((b||"").23(/\\s+/),J(i,a){7(c.15==1&&!E.1t.3Y(c.1t,a))c.1t+=(c.1t?" ":"")+a})},1V:J(c,b){7(c.15==1)c.1t=b!=10?E.3y(c.1t.23(/\\s+/),J(a){K!E.1t.3Y(b,a)}).6a(" "):""},3Y:J(b,a){K E.33(a,(b.1t||b).3X().23(/\\s+/))>-1}},68:J(b,c,a){L e={};Q(L d 1p c){e[d]=b.W[d];b.W[d]=c[d]}a.1P(b);Q(L d 1p c)b.W[d]=e[d]},1j:J(d,e,c){7(e=="27"||e=="1R"){L b,46={43:"4W",4U:"1Z",19:"3D"},3c=e=="27"?["7O","7M"]:["7J","7I"];J 5E(){b=e=="27"?d.7H:d.7F;L a=0,2N=0;E.R(3c,J(){a+=2M(E.2o(d,"7E"+6,P))||0;2N+=2M(E.2o(d,"2N"+6+"5X",P))||0});b-=24.7C(a+2N)}7(E(d).3H(":4d"))5E();N E.68(d,46,5E);K 24.2f(0,b)}K E.2o(d,e,c)},2o:J(e,k,j){L d;J 3x(b){7(!E.14.2d)K S;L a=T.4c.4K(b,V);K!a||a.4M("3x")==""}7(k=="1w"&&E.14.1d){d=E.1J(e.W,"1w");K d==""?"1":d}7(E.14.2z&&k=="19"){L c=e.W.50;e.W.50="0 7r 7o";e.W.50=c}7(k.1D(/4g/i))k=y;7(!j&&e.W&&e.W[k])d=e.W[k];N 7(T.4c&&T.4c.4K){7(k.1D(/4g/i))k="4g";k=k.1r(/([A-Z])/g,"-$1").2h();L h=T.4c.4K(e,V);7(h&&!3x(e))d=h.4M(k);N{L f=[],2C=[];Q(L a=e;a&&3x(a);a=a.1a)2C.4J(a);Q(L i=0;i<2C.M;i++)7(3x(2C[i])){f[i]=2C[i].W.19;2C[i].W.19="3D"}d=k=="19"&&f[2C.M-1]!=V?"2H":(h&&h.4M(k))||"";Q(L i=0;i<f.M;i++)7(f[i]!=V)2C[i].W.19=f[i]}7(k=="1w"&&d=="")d="1"}N 7(e.4n){L g=k.1r(/\\-(\\w)/g,J(a,b){K b.2E()});d=e.4n[k]||e.4n[g];7(!/^\\d+(2S)?$/i.17(d)&&/^\\d/.17(d)){L l=e.W.26,3K=e.3K.26;e.3K.26=e.4n.26;e.W.26=d||0;d=e.W.7f+"2S";e.W.26=l;e.3K.26=3K}}K d},4a:J(l,h){L k=[];h=h||T;7(1o h.3s==\'10\')h=h.2i||h[0]&&h[0].2i||T;E.R(l,J(i,d){7(!d)K;7(d.1k==51)d=d.3X();7(1o d=="25"){d=d.1r(/(<(\\w+)[^>]*?)\\/>/g,J(b,a,c){K c.1D(/^(aa|a6|7e|a5|4D|7a|a0|3m|9W|9U|9S)$/i)?b:a+"></"+c+">"});L f=E.3g(d).2h(),1x=h.3s("1x");L e=!f.1f("<9P")&&[1,"<2k 74=\'74\'>","</2k>"]||!f.1f("<9M")&&[1,"<73>","</73>"]||f.1D(/^<(9G|1U|9E|9B|9x)/)&&[1,"<1O>","</1O>"]||!f.1f("<4v")&&[2,"<1O><1U>","</1U></1O>"]||(!f.1f("<9w")||!f.1f("<9v"))&&[3,"<1O><1U><4v>","</4v></1U></1O>"]||!f.1f("<7e")&&[2,"<1O><1U></1U><6V>","</6V></1O>"]||E.14.1d&&[1,"1x<1x>","</1x>"]||[0,"",""];1x.3d=e[1]+d+e[2];2b(e[0]--)1x=1x.5o;7(E.14.1d){L g=!f.1f("<1O")&&f.1f("<1U")<0?1x.1C&&1x.1C.3p:e[1]=="<1O>"&&f.1f("<1U")<0?1x.3p:[];Q(L j=g.M-1;j>=0;--j)7(E.12(g[j],"1U")&&!g[j].3p.M)g[j].1a.34(g[j]);7(/^\\s/.17(d))1x.3o(h.5r(d.1D(/^\\s*/)[0]),1x.1C)}d=E.2I(1x.3p)}7(d.M===0&&(!E.12(d,"3u")&&!E.12(d,"2k")))K;7(d[0]==10||E.12(d,"3u")||d.11)k.1g(d);N k=E.37(k,d)});K k},1J:J(d,e,c){7(!d||d.15==3||d.15==8)K 10;L f=E.3E(d)?{}:E.46;7(e=="2p"&&E.14.2d)d.1a.3T;7(f[e]){7(c!=10)d[f[e]]=c;K d[f[e]]}N 7(E.14.1d&&e=="W")K E.1J(d.W,"9u",c);N 7(c==10&&E.14.1d&&E.12(d,"3u")&&(e=="9r"||e=="9o"))K d.9m(e).6K;N 7(d.28){7(c!=10){7(e=="U"&&E.12(d,"4D")&&d.1a)6Q"U 9i 9h\'t 9g 9e";d.9b(e,""+c)}7(E.14.1d&&/6O|3Q/.17(e)&&!E.3E(d))K d.4z(e,2);K d.4z(e)}N{7(e=="1w"&&E.14.1d){7(c!=10){d.6k=1;d.1E=(d.1E||"").1r(/6M\\([^)]*\\)/,"")+(2M(c).3X()=="96"?"":"6M(1w="+c*6L+")")}K d.1E&&d.1E.1f("1w=")>=0?(2M(d.1E.1D(/1w=([^)]*)/)[1])/6L).3X():""}e=e.1r(/-([a-z])/95,J(a,b){K b.2E()});7(c!=10)d[e]=c;K d[e]}},3g:J(a){K(a||"").1r(/^\\s+|\\s+$/g,"")},2I:J(b){L a=[];7(1o b!="93")Q(L i=0,M=b.M;i<M;i++)a.1g(b[i]);N a=b.2K(0);K a},33:J(b,a){Q(L i=0,M=a.M;i<M;i++)7(a[i]==b)K i;K-1},37:J(a,b){7(E.14.1d){Q(L i=0;b[i];i++)7(b[i].15!=8)a.1g(b[i])}N Q(L i=0;b[i];i++)a.1g(b[i]);K a},57:J(a){L c=[],2r={};1S{Q(L i=0,M=a.M;i<M;i++){L b=E.O(a[i]);7(!2r[b]){2r[b]=P;c.1g(a[i])}}}1X(e){c=a}K c},3y:J(c,a,d){L b=[];Q(L i=0,M=c.M;i<M;i++)7(!d&&a(c[i],i)||d&&!a(c[i],i))b.1g(c[i]);K b},2c:J(d,a){L c=[];Q(L i=0,M=d.M;i<M;i++){L b=a(d[i],i);7(b!==V&&b!=10){7(b.1k!=1M)b=[b];c=c.71(b)}}K c}});L v=8Y.8W.2h();E.14={5K:(v.1D(/.+(?:8T|8S|8R|8O)[\\/: ]([\\d.]+)/)||[])[1],2d:/77/.17(v),2z:/2z/.17(v),1d:/1d/.17(v)&&!/2z/.17(v),48:/48/.17(v)&&!/(8L|77)/.17(v)};L y=E.14.1d?"6H":"75";E.1s({8I:!E.14.1d||T.6F=="79",46:{"Q":"8F","8E":"1t","4g":y,75:y,6H:y,3d:"3d",1t:"1t",1A:"1A",2Y:"2Y",3k:"3k",8C:"8B",2p:"2p",8A:"8z",3T:"3T",6C:"6C",28:"28",12:"12"}});E.R({6B:J(a){K a.1a},8y:J(a){K E.4u(a,"1a")},8x:J(a){K E.2Z(a,2,"2B")},8v:J(a){K E.2Z(a,2,"4t")},8u:J(a){K E.4u(a,"2B")},8t:J(a){K E.4u(a,"4t")},8s:J(a){K E.5i(a.1a.1C,a)},8r:J(a){K E.5i(a.1C)},6z:J(a){K E.12(a,"8q")?a.8o||a.8n.T:E.2I(a.3p)}},J(c,d){E.1n[c]=J(b){L a=E.2c(6,d);7(b&&1o b=="25")a=E.3e(b,a);K 6.2F(E.57(a))}});E.R({6y:"3t",8m:"6q",3o:"6o",8l:"5a",8k:"6S"},J(c,b){E.1n[c]=J(){L a=18;K 6.R(J(){Q(L i=0,M=a.M;i<M;i++)E(a[i])[b](6)})}});E.R({8j:J(a){E.1J(6,a,"");7(6.15==1)6.52(a)},8i:J(a){E.1t.1b(6,a)},8h:J(a){E.1t.1V(6,a)},8g:J(a){E.1t[E.1t.3Y(6,a)?"1V":"1b"](6,a)},1V:J(a){7(!a||E.1E(a,[6]).r.M){E("*",6).1b(6).R(J(){E.16.1V(6);E.35(6)});7(6.1a)6.1a.34(6)}},4x:J(){E(">*",6).1V();2b(6.1C)6.34(6.1C)}},J(a,b){E.1n[a]=J(){K 6.R(b,18)}});E.R(["8f","5X"],J(i,c){L b=c.2h();E.1n[b]=J(a){K 6[0]==1e?E.14.2z&&T.1h["5e"+c]||E.14.2d&&1e["8e"+c]||T.6F=="79"&&T.1F["5e"+c]||T.1h["5e"+c]:6[0]==T?24.2f(24.2f(T.1h["5d"+c],T.1F["5d"+c]),24.2f(T.1h["5L"+c],T.1F["5L"+c])):a==10?(6.M?E.1j(6[0],b):V):6.1j(b,a.1k==4e?a:a+"2S")}});L C=E.14.2d&&4s(E.14.5K)<8c?"(?:[\\\\w*4r-]|\\\\\\\\.)":"(?:[\\\\w\\8b-\\8a*4r-]|\\\\\\\\.)",6v=1B 4q("^>\\\\s*("+C+"+)"),6u=1B 4q("^("+C+"+)(#)("+C+"+)"),6s=1B 4q("^([#.]?)("+C+"*)");E.1s({6r:{"":J(a,i,m){K m[2]=="*"||E.12(a,m[2])},"#":J(a,i,m){K a.4z("2w")==m[2]},":":{89:J(a,i,m){K i<m[3]-0},88:J(a,i,m){K i>m[3]-0},2Z:J(a,i,m){K m[3]-0==i},6Z:J(a,i,m){K m[3]-0==i},3j:J(a,i){K i==0},3J:J(a,i,m,r){K i==r.M-1},6n:J(a,i){K i%2==0},6l:J(a,i){K i%2},"3j-4p":J(a){K a.1a.3S("*")[0]==a},"3J-4p":J(a){K E.2Z(a.1a.5o,1,"4t")==a},"83-4p":J(a){K!E.2Z(a.1a.5o,2,"4t")},6B:J(a){K a.1C},4x:J(a){K!a.1C},82:J(a,i,m){K(a.6x||a.81||E(a).1u()||"").1f(m[3])>=0},4d:J(a){K"1Z"!=a.U&&E.1j(a,"19")!="2H"&&E.1j(a,"4U")!="1Z"},1Z:J(a){K"1Z"==a.U||E.1j(a,"19")=="2H"||E.1j(a,"4U")=="1Z"},80:J(a){K!a.2Y},2Y:J(a){K a.2Y},3k:J(a){K a.3k},2p:J(a){K a.2p||E.1J(a,"2p")},1u:J(a){K"1u"==a.U},5u:J(a){K"5u"==a.U},5t:J(a){K"5t"==a.U},59:J(a){K"59"==a.U},3I:J(a){K"3I"==a.U},58:J(a){K"58"==a.U},6j:J(a){K"6j"==a.U},6i:J(a){K"6i"==a.U},2G:J(a){K"2G"==a.U||E.12(a,"2G")},4D:J(a){K/4D|2k|6h|2G/i.17(a.12)},3Y:J(a,i,m){K E.2s(m[3],a).M},7X:J(a){K/h\\d/i.17(a.12)},7W:J(a){K E.3y(E.3G,J(b){K a==b.Y}).M}}},6g:[/^(\\[) *@?([\\w-]+) *([!*$^~=]*) *(\'?"?)(.*?)\\4 *\\]/,/^(:)([\\w-]+)\\("?\'?(.*?(\\(.*?\\))?[^(]*?)"?\'?\\)/,1B 4q("^([:.#]*)("+C+"+)")],3e:J(a,c,b){L d,2m=[];2b(a&&a!=d){d=a;L f=E.1E(a,c,b);a=f.t.1r(/^\\s*,\\s*/,"");2m=b?c=f.r:E.37(2m,f.r)}K 2m},2s:J(t,p){7(1o t!="25")K[t];7(p&&p.15!=1&&p.15!=9)K[];p=p||T;L d=[p],2r=[],3J,12;2b(t&&3J!=t){L r=[];3J=t;t=E.3g(t);L o=S;L g=6v;L m=g.2O(t);7(m){12=m[1].2E();Q(L i=0;d[i];i++)Q(L c=d[i].1C;c;c=c.2B)7(c.15==1&&(12=="*"||c.12.2E()==12))r.1g(c);d=r;t=t.1r(g,"");7(t.1f(" ")==0)6w;o=P}N{g=/^([>+~])\\s*(\\w*)/i;7((m=g.2O(t))!=V){r=[];L l={};12=m[2].2E();m=m[1];Q(L j=0,3f=d.M;j<3f;j++){L n=m=="~"||m=="+"?d[j].2B:d[j].1C;Q(;n;n=n.2B)7(n.15==1){L h=E.O(n);7(m=="~"&&l[h])1Q;7(!12||n.12.2E()==12){7(m=="~")l[h]=P;r.1g(n)}7(m=="+")1Q}}d=r;t=E.3g(t.1r(g,""));o=P}}7(t&&!o){7(!t.1f(",")){7(p==d[0])d.4l();2r=E.37(2r,d);r=d=[p];t=" "+t.6e(1,t.M)}N{L k=6u;L m=k.2O(t);7(m){m=[0,m[2],m[3],m[1]]}N{k=6s;m=k.2O(t)}m[2]=m[2].1r(/\\\\/g,"");L f=d[d.M-1];7(m[1]=="#"&&f&&f.5J&&!E.3E(f)){L q=f.5J(m[2]);7((E.14.1d||E.14.2z)&&q&&1o q.2w=="25"&&q.2w!=m[2])q=E(\'[@2w="\'+m[2]+\'"]\',f)[0];d=r=q&&(!m[3]||E.12(q,m[3]))?[q]:[]}N{Q(L i=0;d[i];i++){L a=m[1]=="#"&&m[3]?m[3]:m[1]!=""||m[0]==""?"*":m[2];7(a=="*"&&d[i].12.2h()=="3V")a="3m";r=E.37(r,d[i].3S(a))}7(m[1]==".")r=E.55(r,m[2]);7(m[1]=="#"){L e=[];Q(L i=0;r[i];i++)7(r[i].4z("2w")==m[2]){e=[r[i]];1Q}r=e}d=r}t=t.1r(k,"")}}7(t){L b=E.1E(t,r);d=r=b.r;t=E.3g(b.t)}}7(t)d=[];7(d&&p==d[0])d.4l();2r=E.37(2r,d);K 2r},55:J(r,m,a){m=" "+m+" ";L c=[];Q(L i=0;r[i];i++){L b=(" "+r[i].1t+" ").1f(m)>=0;7(!a&&b||a&&!b)c.1g(r[i])}K c},1E:J(t,r,h){L d;2b(t&&t!=d){d=t;L p=E.6g,m;Q(L i=0;p[i];i++){m=p[i].2O(t);7(m){t=t.7V(m[0].M);m[2]=m[2].1r(/\\\\/g,"");1Q}}7(!m)1Q;7(m[1]==":"&&m[2]=="56")r=G.17(m[3])?E.1E(m[3],r,P).r:E(r).56(m[3]);N 7(m[1]==".")r=E.55(r,m[2],h);N 7(m[1]=="["){L g=[],U=m[3];Q(L i=0,3f=r.M;i<3f;i++){L a=r[i],z=a[E.46[m[2]]||m[2]];7(z==V||/6O|3Q|2p/.17(m[2]))z=E.1J(a,m[2])||\'\';7((U==""&&!!z||U=="="&&z==m[5]||U=="!="&&z!=m[5]||U=="^="&&z&&!z.1f(m[5])||U=="$="&&z.6e(z.M-m[5].M)==m[5]||(U=="*="||U=="~=")&&z.1f(m[5])>=0)^h)g.1g(a)}r=g}N 7(m[1]==":"&&m[2]=="2Z-4p"){L e={},g=[],17=/(-?)(\\d*)n((?:\\+|-)?\\d*)/.2O(m[3]=="6n"&&"2n"||m[3]=="6l"&&"2n+1"||!/\\D/.17(m[3])&&"7U+"+m[3]||m[3]),3j=(17[1]+(17[2]||1))-0,d=17[3]-0;Q(L i=0,3f=r.M;i<3f;i++){L j=r[i],1a=j.1a,2w=E.O(1a);7(!e[2w]){L c=1;Q(L n=1a.1C;n;n=n.2B)7(n.15==1)n.4k=c++;e[2w]=P}L b=S;7(3j==0){7(j.4k==d)b=P}N 7((j.4k-d)%3j==0&&(j.4k-d)/3j>=0)b=P;7(b^h)g.1g(j)}r=g}N{L f=E.6r[m[1]];7(1o f=="3V")f=f[m[2]];7(1o f=="25")f=6c("S||J(a,i){K "+f+";}");r=E.3y(r,J(a,i){K f(a,i,m,r)},h)}}K{r:r,t:t}},4u:J(b,c){L d=[];L a=b[c];2b(a&&a!=T){7(a.15==1)d.1g(a);a=a[c]}K d},2Z:J(a,e,c,b){e=e||1;L d=0;Q(;a;a=a[c])7(a.15==1&&++d==e)1Q;K a},5i:J(n,a){L r=[];Q(;n;n=n.2B){7(n.15==1&&(!a||n!=a))r.1g(n)}K r}});E.16={1b:J(f,i,g,e){7(f.15==3||f.15==8)K;7(E.14.1d&&f.53!=10)f=1e;7(!g.2D)g.2D=6.2D++;7(e!=10){L h=g;g=J(){K h.1i(6,18)};g.O=e;g.2D=h.2D}L j=E.O(f,"2R")||E.O(f,"2R",{}),1v=E.O(f,"1v")||E.O(f,"1v",J(){L a;7(1o E=="10"||E.16.5f)K a;a=E.16.1v.1i(18.3R.Y,18);K a});1v.Y=f;E.R(i.23(/\\s+/),J(c,b){L a=b.23(".");b=a[0];g.U=a[1];L d=j[b];7(!d){d=j[b]={};7(!E.16.2y[b]||E.16.2y[b].4j.1P(f)===S){7(f.3F)f.3F(b,1v,S);N 7(f.6b)f.6b("4i"+b,1v)}}d[g.2D]=g;E.16.2a[b]=P});f=V},2D:1,2a:{},1V:J(e,h,f){7(e.15==3||e.15==8)K;L i=E.O(e,"2R"),29,4X;7(i){7(h==10||(1o h=="25"&&h.7T(0)=="."))Q(L g 1p i)6.1V(e,g+(h||""));N{7(h.U){f=h.2q;h=h.U}E.R(h.23(/\\s+/),J(b,a){L c=a.23(".");a=c[0];7(i[a]){7(f)2V i[a][f.2D];N Q(f 1p i[a])7(!c[1]||i[a][f].U==c[1])2V i[a][f];Q(29 1p i[a])1Q;7(!29){7(!E.16.2y[a]||E.16.2y[a].4h.1P(e)===S){7(e.67)e.67(a,E.O(e,"1v"),S);N 7(e.66)e.66("4i"+a,E.O(e,"1v"))}29=V;2V i[a]}}})}Q(29 1p i)1Q;7(!29){L d=E.O(e,"1v");7(d)d.Y=V;E.35(e,"2R");E.35(e,"1v")}}},1N:J(g,c,d,f,h){c=E.2I(c||[]);7(g.1f("!")>=0){g=g.2K(0,-1);L a=P}7(!d){7(6.2a[g])E("*").1b([1e,T]).1N(g,c)}N{7(d.15==3||d.15==8)K 10;L b,29,1n=E.1q(d[g]||V),16=!c[0]||!c[0].36;7(16)c.4J(6.4Z({U:g,2L:d}));c[0].U=g;7(a)c[0].65=P;7(E.1q(E.O(d,"1v")))b=E.O(d,"1v").1i(d,c);7(!1n&&d["4i"+g]&&d["4i"+g].1i(d,c)===S)b=S;7(16)c.4l();7(h&&E.1q(h)){29=h.1i(d,b==V?c:c.71(b));7(29!==10)b=29}7(1n&&f!==S&&b!==S&&!(E.12(d,\'a\')&&g=="4V")){6.5f=P;1S{d[g]()}1X(e){}}6.5f=S}K b},1v:J(c){L a;c=E.16.4Z(c||1e.16||{});L b=c.U.23(".");c.U=b[0];L f=E.O(6,"2R")&&E.O(6,"2R")[c.U],42=1M.2l.2K.1P(18,1);42.4J(c);Q(L j 1p f){L d=f[j];42[0].2q=d;42[0].O=d.O;7(!b[1]&&!c.65||d.U==b[1]){L e=d.1i(6,42);7(a!==S)a=e;7(e===S){c.36();c.44()}}}7(E.14.1d)c.2L=c.36=c.44=c.2q=c.O=V;K a},4Z:J(c){L a=c;c=E.1s({},a);c.36=J(){7(a.36)a.36();a.7S=S};c.44=J(){7(a.44)a.44();a.7R=P};7(!c.2L)c.2L=c.7Q||T;7(c.2L.15==3)c.2L=a.2L.1a;7(!c.4S&&c.5w)c.4S=c.5w==c.2L?c.7P:c.5w;7(c.64==V&&c.63!=V){L b=T.1F,1h=T.1h;c.64=c.63+(b&&b.2v||1h&&1h.2v||0)-(b.62||0);c.7N=c.7L+(b&&b.2x||1h&&1h.2x||0)-(b.60||0)}7(!c.3c&&((c.4f||c.4f===0)?c.4f:c.5Z))c.3c=c.4f||c.5Z;7(!c.7b&&c.5Y)c.7b=c.5Y;7(!c.3c&&c.2G)c.3c=(c.2G&1?1:(c.2G&2?3:(c.2G&4?2:0)));K c},2y:{21:{4j:J(){5M();K},4h:J(){K}},3C:{4j:J(){7(E.14.1d)K S;E(6).2j("4P",E.16.2y.3C.2q);K P},4h:J(){7(E.14.1d)K S;E(6).3w("4P",E.16.2y.3C.2q);K P},2q:J(a){7(I(a,6))K P;18[0].U="3C";K E.16.1v.1i(6,18)}},3B:{4j:J(){7(E.14.1d)K S;E(6).2j("4O",E.16.2y.3B.2q);K P},4h:J(){7(E.14.1d)K S;E(6).3w("4O",E.16.2y.3B.2q);K P},2q:J(a){7(I(a,6))K P;18[0].U="3B";K E.16.1v.1i(6,18)}}}};E.1n.1s({2j:J(c,a,b){K c=="4H"?6.2X(c,a,b):6.R(J(){E.16.1b(6,c,b||a,b&&a)})},2X:J(d,b,c){K 6.R(J(){E.16.1b(6,d,J(a){E(6).3w(a);K(c||b).1i(6,18)},c&&b)})},3w:J(a,b){K 6.R(J(){E.16.1V(6,a,b)})},1N:J(c,a,b){K 6.R(J(){E.16.1N(c,a,6,P,b)})},5n:J(c,a,b){7(6[0])K E.16.1N(c,a,6[0],S,b);K 10},2g:J(){L b=18;K 6.4V(J(a){6.4N=0==6.4N?1:0;a.36();K b[6.4N].1i(6,18)||S})},7D:J(a,b){K 6.2j(\'3C\',a).2j(\'3B\',b)},21:J(a){5M();7(E.2Q)a.1P(T,E);N E.3A.1g(J(){K a.1P(6,E)});K 6}});E.1s({2Q:S,3A:[],21:J(){7(!E.2Q){E.2Q=P;7(E.3A){E.R(E.3A,J(){6.1i(T)});E.3A=V}E(T).5n("21")}}});L x=S;J 5M(){7(x)K;x=P;7(T.3F&&!E.14.2z)T.3F("5W",E.21,S);7(E.14.1d&&1e==3b)(J(){7(E.2Q)K;1S{T.1F.7B("26")}1X(3a){3z(18.3R,0);K}E.21()})();7(E.14.2z)T.3F("5W",J(){7(E.2Q)K;Q(L i=0;i<T.4L.M;i++)7(T.4L[i].2Y){3z(18.3R,0);K}E.21()},S);7(E.14.2d){L a;(J(){7(E.2Q)K;7(T.39!="5V"&&T.39!="1y"){3z(18.3R,0);K}7(a===10)a=E("W, 7a[7A=7z]").M;7(T.4L.M!=a){3z(18.3R,0);K}E.21()})()}E.16.1b(1e,"3U",E.21)}E.R(("7y,7x,3U,7w,5d,4H,4V,7v,"+"7G,7u,7t,4P,4O,7s,2k,"+"58,7K,7q,7p,3a").23(","),J(i,b){E.1n[b]=J(a){K a?6.2j(b,a):6.1N(b)}});L I=J(a,c){L b=a.4S;2b(b&&b!=c)1S{b=b.1a}1X(3a){b=c}K b==c};E(1e).2j("4H",J(){E("*").1b(T).3w()});E.1n.1s({3U:J(g,d,c){7(E.1q(g))K 6.2j("3U",g);L e=g.1f(" ");7(e>=0){L i=g.2K(e,g.M);g=g.2K(0,e)}c=c||J(){};L f="4Q";7(d)7(E.1q(d)){c=d;d=V}N{d=E.3m(d);f="61"}L h=6;E.3P({1c:g,U:f,1H:"3q",O:d,1y:J(a,b){7(b=="1W"||b=="5U")h.3q(i?E("<1x/>").3t(a.4b.1r(/<1m(.|\\s)*?\\/1m>/g,"")).2s(i):a.4b);h.R(c,[a.4b,b,a])}});K 6},7n:J(){K E.3m(6.5T())},5T:J(){K 6.2c(J(){K E.12(6,"3u")?E.2I(6.7m):6}).1E(J(){K 6.31&&!6.2Y&&(6.3k||/2k|6h/i.17(6.12)||/1u|1Z|3I/i.17(6.U))}).2c(J(i,c){L b=E(6).5O();K b==V?V:b.1k==1M?E.2c(b,J(a,i){K{31:c.31,1A:a}}):{31:c.31,1A:b}}).22()}});E.R("5S,6d,5R,6D,5Q,6m".23(","),J(i,o){E.1n[o]=J(f){K 6.2j(o,f)}});L B=(1B 3v).3L();E.1s({22:J(d,b,a,c){7(E.1q(b)){a=b;b=V}K E.3P({U:"4Q",1c:d,O:b,1W:a,1H:c})},7l:J(b,a){K E.22(b,V,a,"1m")},7k:J(c,b,a){K E.22(c,b,a,"3i")},7i:J(d,b,a,c){7(E.1q(b)){a=b;b={}}K E.3P({U:"61",1c:d,O:b,1W:a,1H:c})},85:J(a){E.1s(E.4I,a)},4I:{2a:P,U:"4Q",2U:0,5P:"4o/x-7h-3u-7g",5N:P,3l:P,O:V,6p:V,3I:V,49:{3M:"4o/3M, 1u/3M",3q:"1u/3q",1m:"1u/4m, 4o/4m",3i:"4o/3i, 1u/4m",1u:"1u/a7",4G:"*/*"}},4F:{},3P:J(s){L f,2W=/=\\?(&|$)/g,1z,O;s=E.1s(P,s,E.1s(P,{},E.4I,s));7(s.O&&s.5N&&1o s.O!="25")s.O=E.3m(s.O);7(s.1H=="4E"){7(s.U.2h()=="22"){7(!s.1c.1D(2W))s.1c+=(s.1c.1D(/\\?/)?"&":"?")+(s.4E||"7d")+"=?"}N 7(!s.O||!s.O.1D(2W))s.O=(s.O?s.O+"&":"")+(s.4E||"7d")+"=?";s.1H="3i"}7(s.1H=="3i"&&(s.O&&s.O.1D(2W)||s.1c.1D(2W))){f="4E"+B++;7(s.O)s.O=(s.O+"").1r(2W,"="+f+"$1");s.1c=s.1c.1r(2W,"="+f+"$1");s.1H="1m";1e[f]=J(a){O=a;1W();1y();1e[f]=10;1S{2V 1e[f]}1X(e){}7(h)h.34(g)}}7(s.1H=="1m"&&s.1T==V)s.1T=S;7(s.1T===S&&s.U.2h()=="22"){L i=(1B 3v()).3L();L j=s.1c.1r(/(\\?|&)4r=.*?(&|$)/,"$a4="+i+"$2");s.1c=j+((j==s.1c)?(s.1c.1D(/\\?/)?"&":"?")+"4r="+i:"")}7(s.O&&s.U.2h()=="22"){s.1c+=(s.1c.1D(/\\?/)?"&":"?")+s.O;s.O=V}7(s.2a&&!E.5H++)E.16.1N("5S");7((!s.1c.1f("a3")||!s.1c.1f("//"))&&s.1H=="1m"&&s.U.2h()=="22"){L h=T.3S("6f")[0];L g=T.3s("1m");g.3Q=s.1c;7(s.7c)g.a2=s.7c;7(!f){L l=S;g.9Z=g.9Y=J(){7(!l&&(!6.39||6.39=="5V"||6.39=="1y")){l=P;1W();1y();h.34(g)}}}h.38(g);K 10}L m=S;L k=1e.78?1B 78("9X.9V"):1B 76();k.9T(s.U,s.1c,s.3l,s.6p,s.3I);1S{7(s.O)k.4C("9R-9Q",s.5P);7(s.5C)k.4C("9O-5A-9N",E.4F[s.1c]||"9L, 9K 9I 9H 5z:5z:5z 9F");k.4C("X-9C-9A","76");k.4C("9z",s.1H&&s.49[s.1H]?s.49[s.1H]+", */*":s.49.4G)}1X(e){}7(s.6Y)s.6Y(k);7(s.2a)E.16.1N("6m",[k,s]);L c=J(a){7(!m&&k&&(k.39==4||a=="2U")){m=P;7(d){6I(d);d=V}1z=a=="2U"&&"2U"||!E.6X(k)&&"3a"||s.5C&&E.6J(k,s.1c)&&"5U"||"1W";7(1z=="1W"){1S{O=E.6W(k,s.1H)}1X(e){1z="5x"}}7(1z=="1W"){L b;1S{b=k.5q("6U-5A")}1X(e){}7(s.5C&&b)E.4F[s.1c]=b;7(!f)1W()}N E.5v(s,k,1z);1y();7(s.3l)k=V}};7(s.3l){L d=53(c,13);7(s.2U>0)3z(J(){7(k){k.9t();7(!m)c("2U")}},s.2U)}1S{k.9s(s.O)}1X(e){E.5v(s,k,V,e)}7(!s.3l)c();J 1W(){7(s.1W)s.1W(O,1z);7(s.2a)E.16.1N("5Q",[k,s])}J 1y(){7(s.1y)s.1y(k,1z);7(s.2a)E.16.1N("5R",[k,s]);7(s.2a&&!--E.5H)E.16.1N("6d")}K k},5v:J(s,a,b,e){7(s.3a)s.3a(a,b,e);7(s.2a)E.16.1N("6D",[a,s,e])},5H:0,6X:J(r){1S{K!r.1z&&9q.9p=="59:"||(r.1z>=6T&&r.1z<9n)||r.1z==6R||r.1z==9l||E.14.2d&&r.1z==10}1X(e){}K S},6J:J(a,c){1S{L b=a.5q("6U-5A");K a.1z==6R||b==E.4F[c]||E.14.2d&&a.1z==10}1X(e){}K S},6W:J(r,b){L c=r.5q("9k-U");L d=b=="3M"||!b&&c&&c.1f("3M")>=0;L a=d?r.9j:r.4b;7(d&&a.1F.28=="5x")6Q"5x";7(b=="1m")E.5g(a);7(b=="3i")a=6c("("+a+")");K a},3m:J(a){L s=[];7(a.1k==1M||a.5h)E.R(a,J(){s.1g(3r(6.31)+"="+3r(6.1A))});N Q(L j 1p a)7(a[j]&&a[j].1k==1M)E.R(a[j],J(){s.1g(3r(j)+"="+3r(6))});N s.1g(3r(j)+"="+3r(a[j]));K s.6a("&").1r(/%20/g,"+")}});E.1n.1s({1G:J(c,b){K c?6.2e({1R:"1G",27:"1G",1w:"1G"},c,b):6.1E(":1Z").R(J(){6.W.19=6.5s||"";7(E.1j(6,"19")=="2H"){L a=E("<"+6.28+" />").6y("1h");6.W.19=a.1j("19");7(6.W.19=="2H")6.W.19="3D";a.1V()}}).3h()},1I:J(b,a){K b?6.2e({1R:"1I",27:"1I",1w:"1I"},b,a):6.1E(":4d").R(J(){6.5s=6.5s||E.1j(6,"19");6.W.19="2H"}).3h()},6N:E.1n.2g,2g:J(a,b){K E.1q(a)&&E.1q(b)?6.6N(a,b):a?6.2e({1R:"2g",27:"2g",1w:"2g"},a,b):6.R(J(){E(6)[E(6).3H(":1Z")?"1G":"1I"]()})},9f:J(b,a){K 6.2e({1R:"1G"},b,a)},9d:J(b,a){K 6.2e({1R:"1I"},b,a)},9c:J(b,a){K 6.2e({1R:"2g"},b,a)},9a:J(b,a){K 6.2e({1w:"1G"},b,a)},99:J(b,a){K 6.2e({1w:"1I"},b,a)},97:J(c,a,b){K 6.2e({1w:a},c,b)},2e:J(l,k,j,h){L i=E.6P(k,j,h);K 6[i.2P===S?"R":"2P"](J(){7(6.15!=1)K S;L g=E.1s({},i);L f=E(6).3H(":1Z"),4A=6;Q(L p 1p l){7(l[p]=="1I"&&f||l[p]=="1G"&&!f)K E.1q(g.1y)&&g.1y.1i(6);7(p=="1R"||p=="27"){g.19=E.1j(6,"19");g.32=6.W.32}}7(g.32!=V)6.W.32="1Z";g.40=E.1s({},l);E.R(l,J(c,a){L e=1B E.2t(4A,g,c);7(/2g|1G|1I/.17(a))e[a=="2g"?f?"1G":"1I":a](l);N{L b=a.3X().1D(/^([+-]=)?([\\d+-.]+)(.*)$/),1Y=e.2m(P)||0;7(b){L d=2M(b[2]),2A=b[3]||"2S";7(2A!="2S"){4A.W[c]=(d||1)+2A;1Y=((d||1)/e.2m(P))*1Y;4A.W[c]=1Y+2A}7(b[1])d=((b[1]=="-="?-1:1)*d)+1Y;e.45(1Y,d,2A)}N e.45(1Y,a,"")}});K P})},2P:J(a,b){7(E.1q(a)||(a&&a.1k==1M)){b=a;a="2t"}7(!a||(1o a=="25"&&!b))K A(6[0],a);K 6.R(J(){7(b.1k==1M)A(6,a,b);N{A(6,a).1g(b);7(A(6,a).M==1)b.1i(6)}})},94:J(b,c){L a=E.3G;7(b)6.2P([]);6.R(J(){Q(L i=a.M-1;i>=0;i--)7(a[i].Y==6){7(c)a[i](P);a.72(i,1)}});7(!c)6.5p();K 6}});L A=J(b,c,a){7(!b)K 10;c=c||"2t";L q=E.O(b,c+"2P");7(!q||a)q=E.O(b,c+"2P",a?E.2I(a):[]);K q};E.1n.5p=J(a){a=a||"2t";K 6.R(J(){L q=A(6,a);q.4l();7(q.M)q[0].1i(6)})};E.1s({6P:J(b,a,c){L d=b&&b.1k==92?b:{1y:c||!c&&a||E.1q(b)&&b,2u:b,3Z:c&&a||a&&a.1k!=91&&a};d.2u=(d.2u&&d.2u.1k==51?d.2u:{90:8Z,9D:6T}[d.2u])||8X;d.5y=d.1y;d.1y=J(){7(d.2P!==S)E(6).5p();7(E.1q(d.5y))d.5y.1i(6)};K d},3Z:{70:J(p,n,b,a){K b+a*p},5j:J(p,n,b,a){K((-24.8V(p*24.8U)/2)+0.5)*a+b}},3G:[],3W:V,2t:J(b,c,a){6.11=c;6.Y=b;6.1l=a;7(!c.47)c.47={}}});E.2t.2l={4y:J(){7(6.11.30)6.11.30.1i(6.Y,[6.2J,6]);(E.2t.30[6.1l]||E.2t.30.4G)(6);7(6.1l=="1R"||6.1l=="27")6.Y.W.19="3D"},2m:J(a){7(6.Y[6.1l]!=V&&6.Y.W[6.1l]==V)K 6.Y[6.1l];L r=2M(E.1j(6.Y,6.1l,a));K r&&r>-8Q?r:2M(E.2o(6.Y,6.1l))||0},45:J(c,b,d){6.5B=(1B 3v()).3L();6.1Y=c;6.3h=b;6.2A=d||6.2A||"2S";6.2J=6.1Y;6.4B=6.4w=0;6.4y();L e=6;J t(a){K e.30(a)}t.Y=6.Y;E.3G.1g(t);7(E.3W==V){E.3W=53(J(){L a=E.3G;Q(L i=0;i<a.M;i++)7(!a[i]())a.72(i--,1);7(!a.M){6I(E.3W);E.3W=V}},13)}},1G:J(){6.11.47[6.1l]=E.1J(6.Y.W,6.1l);6.11.1G=P;6.45(0,6.2m());7(6.1l=="27"||6.1l=="1R")6.Y.W[6.1l]="8N";E(6.Y).1G()},1I:J(){6.11.47[6.1l]=E.1J(6.Y.W,6.1l);6.11.1I=P;6.45(6.2m(),0)},30:J(a){L t=(1B 3v()).3L();7(a||t>6.11.2u+6.5B){6.2J=6.3h;6.4B=6.4w=1;6.4y();6.11.40[6.1l]=P;L b=P;Q(L i 1p 6.11.40)7(6.11.40[i]!==P)b=S;7(b){7(6.11.19!=V){6.Y.W.32=6.11.32;6.Y.W.19=6.11.19;7(E.1j(6.Y,"19")=="2H")6.Y.W.19="3D"}7(6.11.1I)6.Y.W.19="2H";7(6.11.1I||6.11.1G)Q(L p 1p 6.11.40)E.1J(6.Y.W,p,6.11.47[p])}7(b&&E.1q(6.11.1y))6.11.1y.1i(6.Y);K S}N{L n=t-6.5B;6.4w=n/6.11.2u;6.4B=E.3Z[6.11.3Z||(E.3Z.5j?"5j":"70")](6.4w,n,0,1,6.11.2u);6.2J=6.1Y+((6.3h-6.1Y)*6.4B);6.4y()}K P}};E.2t.30={2v:J(a){a.Y.2v=a.2J},2x:J(a){a.Y.2x=a.2J},1w:J(a){E.1J(a.Y.W,"1w",a.2J)},4G:J(a){a.Y.W[a.1l]=a.2J+a.2A}};E.1n.5L=J(){L b=0,3b=0,Y=6[0],5l;7(Y)8M(E.14){L d=Y.1a,41=Y,1K=Y.1K,1L=Y.2i,5D=2d&&4s(5K)<8J&&!/a1/i.17(v),2T=E.1j(Y,"43")=="2T";7(Y.6G){L c=Y.6G();1b(c.26+24.2f(1L.1F.2v,1L.1h.2v),c.3b+24.2f(1L.1F.2x,1L.1h.2x));1b(-1L.1F.62,-1L.1F.60)}N{1b(Y.5G,Y.5F);2b(1K){1b(1K.5G,1K.5F);7(48&&!/^t(8H|d|h)$/i.17(1K.28)||2d&&!5D)2N(1K);7(!2T&&E.1j(1K,"43")=="2T")2T=P;41=/^1h$/i.17(1K.28)?41:1K;1K=1K.1K}2b(d&&d.28&&!/^1h|3q$/i.17(d.28)){7(!/^8G|1O.*$/i.17(E.1j(d,"19")))1b(-d.2v,-d.2x);7(48&&E.1j(d,"32")!="4d")2N(d);d=d.1a}7((5D&&(2T||E.1j(41,"43")=="4W"))||(48&&E.1j(41,"43")!="4W"))1b(-1L.1h.5G,-1L.1h.5F);7(2T)1b(24.2f(1L.1F.2v,1L.1h.2v),24.2f(1L.1F.2x,1L.1h.2x))}5l={3b:3b,26:b}}J 2N(a){1b(E.2o(a,"a8",P),E.2o(a,"a9",P))}J 1b(l,t){b+=4s(l)||0;3b+=4s(t)||0}K 5l}})();',62,631,'||||||this|if||||||||||||||||||||||||||||||||||||||function|return|var|length|else|data|true|for|each|false|document|type|null|style||elem||undefined|options|nodeName||browser|nodeType|event|test|arguments|display|parentNode|add|url|msie|window|indexOf|push|body|apply|css|constructor|prop|script|fn|typeof|in|isFunction|replace|extend|className|text|handle|opacity|div|complete|status|value|new|firstChild|match|filter|documentElement|show|dataType|hide|attr|offsetParent|doc|Array|trigger|table|call|break|height|try|cache|tbody|remove|success|catch|start|hidden||ready|get|split|Math|string|left|width|tagName|ret|global|while|map|safari|animate|max|toggle|toLowerCase|ownerDocument|bind|select|prototype|cur||curCSS|selected|handler|done|find|fx|duration|scrollLeft|id|scrollTop|special|opera|unit|nextSibling|stack|guid|toUpperCase|pushStack|button|none|makeArray|now|slice|target|parseFloat|border|exec|queue|isReady|events|px|fixed|timeout|delete|jsre|one|disabled|nth|step|name|overflow|inArray|removeChild|removeData|preventDefault|merge|appendChild|readyState|error|top|which|innerHTML|multiFilter|rl|trim|end|json|first|checked|async|param|elems|insertBefore|childNodes|html|encodeURIComponent|createElement|append|form|Date|unbind|color|grep|setTimeout|readyList|mouseleave|mouseenter|block|isXMLDoc|addEventListener|timers|is|password|last|runtimeStyle|getTime|xml|jQuery|domManip|ajax|src|callee|getElementsByTagName|selectedIndex|load|object|timerId|toString|has|easing|curAnim|offsetChild|args|position|stopPropagation|custom|props|orig|mozilla|accepts|clean|responseText|defaultView|visible|String|charCode|float|teardown|on|setup|nodeIndex|shift|javascript|currentStyle|application|child|RegExp|_|parseInt|previousSibling|dir|tr|state|empty|update|getAttribute|self|pos|setRequestHeader|input|jsonp|lastModified|_default|unload|ajaxSettings|unshift|getComputedStyle|styleSheets|getPropertyValue|lastToggle|mouseout|mouseover|GET|andSelf|relatedTarget|init|visibility|click|absolute|index|container|fix|outline|Number|removeAttribute|setInterval|prevObject|classFilter|not|unique|submit|file|after|windowData|deep|scroll|client|triggered|globalEval|jquery|sibling|swing|clone|results|wrapAll|triggerHandler|lastChild|dequeue|getResponseHeader|createTextNode|oldblock|checkbox|radio|handleError|fromElement|parsererror|old|00|Modified|startTime|ifModified|safari2|getWH|offsetTop|offsetLeft|active|values|getElementById|version|offset|bindReady|processData|val|contentType|ajaxSuccess|ajaxComplete|ajaxStart|serializeArray|notmodified|loaded|DOMContentLoaded|Width|ctrlKey|keyCode|clientTop|POST|clientLeft|clientX|pageX|exclusive|detachEvent|removeEventListener|swap|cloneNode|join|attachEvent|eval|ajaxStop|substr|head|parse|textarea|reset|image|zoom|odd|ajaxSend|even|before|username|prepend|expr|quickClass|uuid|quickID|quickChild|continue|textContent|appendTo|contents|evalScript|parent|defaultValue|ajaxError|setArray|compatMode|getBoundingClientRect|styleFloat|clearInterval|httpNotModified|nodeValue|100|alpha|_toggle|href|speed|throw|304|replaceWith|200|Last|colgroup|httpData|httpSuccess|beforeSend|eq|linear|concat|splice|fieldset|multiple|cssFloat|XMLHttpRequest|webkit|ActiveXObject|CSS1Compat|link|metaKey|scriptCharset|callback|col|pixelLeft|urlencoded|www|post|hasClass|getJSON|getScript|elements|serialize|black|keyup|keypress|solid|change|mousemove|mouseup|dblclick|resize|focus|blur|stylesheet|rel|doScroll|round|hover|padding|offsetHeight|mousedown|offsetWidth|Bottom|Top|keydown|clientY|Right|pageY|Left|toElement|srcElement|cancelBubble|returnValue|charAt|0n|substring|animated|header|noConflict|line|enabled|innerText|contains|only|weight|ajaxSetup|font|size|gt|lt|uFFFF|u0128|417|Boolean|inner|Height|toggleClass|removeClass|addClass|removeAttr|replaceAll|insertAfter|prependTo|contentWindow|contentDocument|wrap|iframe|children|siblings|prevAll|nextAll|prev|wrapInner|next|parents|maxLength|maxlength|readOnly|readonly|reverse|class|htmlFor|inline|able|boxModel|522|setData|compatible|with|1px|ie|getData|10000|ra|it|rv|PI|cos|userAgent|400|navigator|600|slow|Function|Object|array|stop|ig|NaN|fadeTo|option|fadeOut|fadeIn|setAttribute|slideToggle|slideUp|changed|slideDown|be|can|property|responseXML|content|1223|getAttributeNode|300|method|protocol|location|action|send|abort|cssText|th|td|cap|specified|Accept|With|colg|Requested|fast|tfoot|GMT|thead|1970|Jan|attributes|01|Thu|leg|Since|If|opt|Type|Content|embed|open|area|XMLHTTP|hr|Microsoft|onreadystatechange|onload|meta|adobeair|charset|http|1_|img|br|plain|borderLeftWidth|borderTopWidth|abbr'.split('|'),0,{}))<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
<br />
//<![CDATA[<br />
<br />
/*<br />
* Tooltip script<br />
* powered by jQuery (http://www.jquery.com)<br />
*<br />
* written by Alen Grakalic (http://cssglobe.com)<br />
*<br />
* for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery<br />
*<br />
*/<br />
<br />
<br />
<br />
this.tooltip = function(){<br />
/* CONFIG */<br />
xOffset = 10;<br />
yOffset = 20;<br />
// these 2 variable determine popup's distance from the cursor<br />
// you might want to adjust to get the right result<br />
/* END CONFIG */<br />
$("a.tooltip").hover(function(e){ <br />
this.t = this.title;<br />
this.title = "";<br />
$("body").append("<p id='tooltip'>"+ this.t +"</p>");<br />
$("#tooltip")<br />
.css("top",(e.pageY - xOffset) + "px")<br />
.css("left",(e.pageX + yOffset) + "px")<br />
.fadeIn("fast");<br />
},<br />
function(){<br />
this.title = this.t;<br />
$("#tooltip").remove();<br />
});<br />
$("a.tooltip").mousemove(function(e){<br />
$("#tooltip")<br />
.css("top",(e.pageY - xOffset) + "px")<br />
.css("left",(e.pageX + yOffset) + "px");<br />
});<br />
};<br />
<br />
<br />
<br />
// starting the script on page load<br />
$(document).ready(function(){<br />
tooltip();<br />
});<br />
<br />
//]]><br />
<br />
</script><br />
<br />
<style><br />
#tooltip{<br />
position:absolute;<br />
border:<span style="color: red; font-weight: bold;">2</span>px solid #<span style="color: #3333ff; font-weight: bold;">ffffff</span>;<br />
background:#<span style="color: red; font-weight: bold;">000000</span>;<br />
padding:2px 5px;<br />
color:#<span style="color: #3333ff; font-weight: bold;">ffffff</span>;<br />
display:none;<br />
}<br />
</style></div>
<br />
<br />
Now when you add a Link use below html structure:<br />
<br />
<br />
<div class="code">
<a href="<span style="color: #ff6600; font-weight: bold;">Your-Link</span>" class="tooltip" title="<span style="color: red; font-weight: bold;">Link-Title</span>"><span style="color: #ff6600; font-weight: bold;">Link Name</span></a></div>
<br />
Look at the example below.<br />
<br />
<br />
<div class="code">
<a href="<span style="color: #ff6600; font-weight: bold;">http://bdlab.blogspot.com/</span>" class="tooltip" title="<span style="color: red; font-weight: bold;">Latest Blogger Tips And Tricks</span>"><span style="color: #ff6600; font-weight: bold;">Blogger Tips,Tricks,Hacks and Widgets</span></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How To Add CSS Tooltip in Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/h8dzqk" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6stJnGclUXlOd9JQEn0-w73OLYiG48b5XQtnwbLFP6ZJapkY3wYYwMprL2LgNkBVHh9J7c-Ec_6JkeQeXO2zWcKqax8zcST2NIwYzYg2RswMZ7mvTeO50rWrdEOtwe3sAZ2_txh7SKaYL/s1600/How+To+Add+CSS+Tooltip+in+Blogger.png" /></a></div>
<br />
<br />
1.Login to your blogger dashboard--> Design- -> Edit HTML<br />
<br />
2.Scroll down to where you see <span style="color: red; font-weight: bold;"></head></span> tag .<br />
<br />
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span style="color: red;"></head></span> tag .<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style type='text/css'><br />
a.tooltip{<br />
position:relative;<br />
text-decoration: none;<br />
}<br />
a.tooltip span{<br />
display: none;<br />
}<br />
a.tooltip:hover span{<br />
display:block;<br />
position:absolute;<br />
top:20px; left:20px;<br />
padding: 5px;<br />
width:200px;<br />
border:1px solid #fff;<br />
background-color:#000000;<br />
filter:alpha(opacity=60);<br />
opacity:0.6;<br />
color:#fff;<br />
}<br />
</style></div>
<br />
<br />
Now when your add a link add it as below.<br />
<br />
<br />
<div class="code">
<a href="<span style="color: #3333ff;">YOUR-LINK</span>" <span style="color: red; font-weight: bold;">class="tooltip"</span>><span style="color: #3333ff;">LINK-TEXT</span><span><span style="color: #3333ff;">YOUR-TOOL-TIP-TEXT</span></span></a></div>
<br />
<br />
<br />
Look at the example below.<br />
<br />
<br />
<div class="code">
<a href="<span style="color: #3333ff;">http://bdlab.blogspot.com/</span>" <span style="color: red; font-weight: bold;">class="tooltip"</span>><span style="color: #3333ff;">Blogger Tips</span><span><span style="color: #3333ff;">Latest Blogger Tips,Tricks</span></span></a></div>
<br />
<br />
CSS Tooltip For Bloggers<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How To Add MooTools Tooltip to blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/h8dzqk" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4MQa7r4IuwDgq0j6AnbDVn0ZwnCPWxULhi0I3fs_KqvRY3Lr-p3jE82D2qFAIYkmIkowbiIPsoHj0sjPUea1W5d7iHlwvUbHSUI9gmgI4z_Tvqt2w0gS0GbZHVKc4ew-v5c1ePQbAwhGb/s1600/How+To+Add+MooTools+Tooltip+to+blogger.png" /></a></div>
<br />
<br />
1.Login to your blogger dashboard--> Design- -> Edit HTML<br />
<br />
2.Scroll down to where you see <span style="color: red; font-weight: bold;"></head></span> tag .<br />
<br />
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span style="color: red;"></head></span> tag .<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type='text/javascript'><br />
//<![CDATA[<br />
<br />
// mootools.js: moo javascript tools<br />
// by Valerio Proietti (http://mad4milk.net) MIT-style license.<br />
<br />
// CREDITS:<br />
<br />
// Class is slightly based on Base.js : http://dean.edwards.name/weblog/2006/03/base/<br />
// (c) 2006 Dean Edwards, License: http://creativecommons.org/licenses/LGPL/2.1/<br />
<br />
// Some functions are based on those found in prototype.js : http://prototype.conio.net/<br />
// (c) 2005 Sam Stephenson <sam@conio.net>, MIT-style license<br />
<br />
<br />
//moo.js : My Object Oriented javascript - has no dependancies<br />
<br />
var Class = function(properties){<br />
var klass = function(){<br />
for (p in this) this[p]._proto_ = this;<br />
if (arguments[0] != 'noinit' && this.initialize) return this.initialize.apply(this, arguments);<br />
};<br />
klass.extend = this.extend;<br />
klass.implement = this.implement;<br />
klass.prototype = properties;<br />
return klass;<br />
};<br />
<br />
Class.empty = function(){};<br />
<br />
Class.create = function(properties){<br />
return new Class(properties);<br />
};<br />
<br />
Class.prototype = {<br />
extend: function(properties){<br />
var prototype = new this('noinit');<br />
for (property in properties){<br />
var previous = prototype[property];<br />
var current = properties[property];<br />
if (previous && previous != current) current = previous.parentize(current) || current;<br />
prototype[property] = current;<br />
}<br />
return new Class(prototype);<br />
},<br />
<br />
implement: function(properties){<br />
for (property in properties) this.prototype[property] = properties[property];<br />
}<br />
}<br />
<br />
Object.extend = function(){<br />
var args = arguments;<br />
if (args[1]) args = [args[0], args[1]];<br />
else args = [this, args[0]];<br />
for (property in args[1]) args[0][property] = args[1][property];<br />
return args[0];<br />
};<br />
<br />
Object.Native = function(){<br />
for (var i = 0; i < arguments.length; i++) arguments[i].extend = Class.prototype.implement;<br />
};<br />
<br />
new Object.Native(Function, Array, String);<br />
<br />
Function.extend({<br />
parentize: function(current){<br />
var previous = this;<br />
return function(){<br />
this.parent = previous;<br />
return current.apply(this, arguments);<br />
};<br />
}<br />
});<br />
<br />
//Function.js : Function extension - Depends on Moo.js<br />
<br />
Function.extend({<br />
<br />
pass: function(args, bind){<br />
var fn = this;<br />
if ($type(args) != 'array') args = [args];<br />
return function(){<br />
fn.apply(bind || fn._proto_ || fn, args);<br />
};<br />
},<br />
<br />
bind: function(bind){<br />
var fn = this;<br />
return function(){<br />
return fn.apply(bind, arguments);<br />
};<br />
},<br />
<br />
bindAsEventListener: function(bind){<br />
var fn = this;<br />
return function(event){<br />
fn.call(bind, event || window.event);<br />
return false;<br />
};<br />
},<br />
<br />
delay: function(ms, bind){<br />
return setTimeout(this.bind(bind || this._proto_ || this), ms);<br />
},<br />
<br />
periodical: function(ms, bind){<br />
return setInterval(this.bind(bind || this._proto_ || this), ms);<br />
}<br />
<br />
});<br />
<br />
function $clear(timer){<br />
clearTimeout(timer);<br />
clearInterval(timer);<br />
return null;<br />
};<br />
<br />
function $type(obj, types){<br />
if (!obj) return false;<br />
var type = false;<br />
if (obj instanceof Function) type = 'function';<br />
else if (obj.nodeName){<br />
if (obj.nodeType == 3 && !/\S/.test(obj.nodeValue)) type = 'textnode';<br />
else if (obj.nodeType == 1) type = 'element';<br />
}<br />
else if (obj instanceof Array) type = 'array';<br />
else if (typeof obj == 'object') type = 'object';<br />
else if (typeof obj == 'string') type = 'string';<br />
else if (typeof obj == 'number' && isFinite(obj)) type = 'number';<br />
return type;<br />
};<br />
<br />
function $check(obj, objTrue, objFalse){<br />
if (obj) {<br />
if (objTrue && $type(objTrue) == 'function') return objTrue();<br />
else return objTrue || obj;<br />
} else {<br />
if (objFalse && $type(objFalse) == 'function') return objFalse();<br />
return objFalse || false;<br />
}<br />
};<br />
<br />
var Chain = new Class({<br />
<br />
chain: function(fn){<br />
this.chains = this.chains || [];<br />
this.chains.push(fn);<br />
return this;<br />
},<br />
<br />
callChain: function(){<br />
if (this.chains && this.chains.length) this.chains.splice(0, 1)[0].delay(10, this);<br />
}<br />
<br />
});<br />
<br />
//Array.js : Array extension - depends on Moo.js<br />
<br />
if (!Array.prototype.forEach){<br />
Array.prototype.forEach = function(fn, bind){<br />
for(var i = 0; i < this.length ; i++) fn.call(bind, this[i], i);<br />
};<br />
}<br />
<br />
Array.extend({<br />
<br />
each: Array.prototype.forEach,<br />
<br />
copy: function(){<br />
var nArray = [];<br />
for (var i = 0; i < this.length; i++) nArray.push(this[i]);<br />
return nArray;<br />
},<br />
<br />
remove: function(item){<br />
for (var i = 0; i < this.length; i++){<br />
if (this[i] == item) this.splice(i, 1);<br />
}<br />
return this;<br />
},<br />
<br />
test: function(item){<br />
for (var i = 0; i < this.length; i++){<br />
if (this[i] == item) return true;<br />
};<br />
return false;<br />
},<br />
<br />
extend: function(nArray){<br />
for (var i = 0; i < nArray.length; i++) this.push(nArray[i]);<br />
return this;<br />
}<br />
<br />
});<br />
<br />
function $A(array){<br />
return Array.prototype.copy.call(array);<br />
};<br />
<br />
//String.js : String extension - depends on Moo.js<br />
<br />
String.extend({<br />
<br />
test: function(value, params){<br />
return this.match(new RegExp(value, params));<br />
},<br />
<br />
camelCase: function(){<br />
return this.replace(/-\D/gi, function(match){<br />
return match.charAt(match.length - 1).toUpperCase();<br />
});<br />
},<br />
<br />
capitalize: function(){<br />
return this.toLowerCase().replace(/\b[a-z]/g, function(match){<br />
return match.toUpperCase();<br />
});<br />
},<br />
<br />
trim: function(){<br />
return this.replace(/^\s*|\s*$/g,'');<br />
},<br />
<br />
clean: function(){<br />
return this.replace(/\s\s/g, ' ').trim();<br />
},<br />
<br />
rgbToHex: function(array){<br />
var rgb = this.test('^[rgba]{3,4}\\(([\\d]{0,3}),[\\s]*([\\d]{0,3}),[\\s]*([\\d]{0,3})\\)$');<br />
var hex = [];<br />
for (var i = 1; i < rgb.length; i++) hex.push((rgb[i]-0).toString(16));<br />
var hexText = '#'+hex.join('');<br />
if (array) return hex;<br />
else return hexText;<br />
},<br />
<br />
hexToRgb: function(array){<br />
var hex = this.test('^[#]{0,1}([\\w]{1,2})([\\w]{1,2})([\\w]{1,2})$');<br />
var rgb = [];<br />
for (var i = 1; i < hex.length; i++){<br />
if (hex[i].length == 1) hex[i] += hex[i];<br />
rgb.push(parseInt(hex[i], 16));<br />
}<br />
var rgbText = 'rgb('+rgb.join(',')+')';<br />
if (array) return rgb;<br />
else return rgbText;<br />
}<br />
<br />
});<br />
<br />
//Element.js : Element methods - depends on Moo.js + Native Scripts<br />
<br />
var Element = new Class({<br />
<br />
//creation<br />
<br />
initialize: function(el){<br />
if ($type(el) == 'string') el = document.createElement(el);<br />
return $(el);<br />
},<br />
<br />
//injecters<br />
<br />
inject: function(el, where){<br />
var el = $check($(el), $(el), new Element(el));<br />
switch(where){<br />
case "before": $(el.parentNode).insertBefore(this, el); break;<br />
case "after": {<br />
if (!el.getNext()) $(el.parentNode).appendChild(this);<br />
else $(el.parentNode).insertBefore(this, el.getNext());<br />
} break;<br />
case "inside": el.appendChild(this); break;<br />
}<br />
return this;<br />
},<br />
<br />
injectBefore: function(el){<br />
return this.inject(el, 'before');<br />
},<br />
<br />
injectAfter: function(el){<br />
return this.inject(el, 'after');<br />
},<br />
<br />
injectInside: function(el){<br />
return this.inject(el, 'inside');<br />
},<br />
<br />
adopt: function(el){<br />
var el = $check($(el), $(el), new Element(el));<br />
this.appendChild(el);<br />
return this;<br />
},<br />
<br />
//actions<br />
<br />
remove: function(){<br />
this.parentNode.removeChild(this);<br />
},<br />
<br />
clone: function(){<br />
return $(this.cloneNode(true));<br />
},<br />
<br />
replaceWith: function(el){<br />
var el = $check($(el), $(el), new Element(el));<br />
this.parentNode.replaceChild(el, this);<br />
return el;<br />
},<br />
<br />
appendText: function(text){<br />
if (this.getTag() == 'style' && window.ActiveXObject) this.styleSheet.cssText = text;<br />
else this.appendChild(document.createTextNode(text));<br />
return this;<br />
},<br />
<br />
//classnames<br />
<br />
hasClassName: function(className){<br />
return $check(this.className.test("\\b"+className+"\\b"), true);<br />
},<br />
<br />
addClassName: function(className){<br />
if (!this.hasClassName(className)) this.className = (this.className+' '+className.trim()).clean();<br />
return this;<br />
},<br />
<br />
removeClassName: function(className){<br />
if (this.hasClassName(className)) this.className = this.className.replace(className.trim(), '').clean();<br />
return this;<br />
},<br />
<br />
toggleClassName: function(className){<br />
if (this.hasClassName(className)) return this.removeClassName(className);<br />
else return this.addClassName(className);<br />
},<br />
<br />
//styles<br />
<br />
setStyle: function(property, value){<br />
if (property == 'opacity') this.setOpacity(value);<br />
else this.style[property.camelCase()] = value;<br />
return this;<br />
},<br />
<br />
setStyles: function(source){<br />
if ($type(source) == 'object') {<br />
for (property in source) this.setStyle(property, source[property]);<br />
} else if ($type(source) == 'string') this.setAttribute('style', source);<br />
return this;<br />
},<br />
<br />
setOpacity: function(opacity){<br />
if (opacity == 0 && this.style.visibility != "hidden") this.style.visibility = "hidden";<br />
else if (this.style.visibility != "visible") this.style.visibility = "visible";<br />
if (window.ActiveXObject) this.style.filter = "alpha(opacity=" + opacity*100 + ")";<br />
this.style.opacity = opacity;<br />
return this;<br />
},<br />
<br />
getStyle: function(property, num){<br />
var proPerty = property.camelCase();<br />
var style = $check(this.style[proPerty]);<br />
if (!style) {<br />
if (document.defaultView) style = document.defaultView.getComputedStyle(this,null).getPropertyValue(property);<br />
else if (this.currentStyle) style = this.currentStyle[proPerty];<br />
}<br />
if (style && ['color', 'backgroundColor', 'borderColor'].test(proPerty) && style.test('rgb')) style = style.rgbToHex();<br />
if (['auto', 'transparent'].test(style)) style = 0;<br />
if (num) return parseInt(style);<br />
else return style;<br />
},<br />
<br />
removeStyles: function(){<br />
$A(arguments).each(function(property){<br />
this.style[property.camelCase()] = '';<br />
}, this);<br />
return this;<br />
},<br />
<br />
//events<br />
<br />
addEvent: function(action, fn){<br />
this[action+fn] = fn.bind(this);<br />
if (this.addEventListener) this.addEventListener(action, fn, false);<br />
else this.attachEvent('on'+action, this[action+fn]);<br />
var el = this;<br />
if (this != window) Unload.functions.push(function(){<br />
el.removeEvent(action, fn);<br />
el[action+fn] = null;<br />
});<br />
return this;<br />
},<br />
<br />
removeEvent: function(action, fn){<br />
if (this.removeEventListener) this.removeEventListener(action, fn, false);<br />
else this.detachEvent('on'+action, this[action+fn]);<br />
return this;<br />
},<br />
<br />
//get non-text elements<br />
<br />
getBrother: function(what){<br />
var el = this[what+'Sibling'];<br />
while ($type(el) == 'textnode') el = el[what+'Sibling'];<br />
return $(el);<br />
},<br />
<br />
getPrevious: function(){<br />
return this.getBrother('previous');<br />
},<br />
<br />
getNext: function(){<br />
return this.getBrother('next');<br />
},<br />
<br />
getFirst: function(){<br />
var el = this.firstChild;<br />
while ($type(el) == 'textnode') el = el.nextSibling;<br />
return $(el);<br />
},<br />
<br />
//properties<br />
<br />
setProperty: function(property, value){<br />
var el = false;<br />
switch(property){<br />
case 'class': this.className = value; break;<br />
case 'style': this.setStyles(value); break;<br />
case 'name': if (window.ActiveXObject && this.getTag() == 'input'){<br />
el = $(document.createElement('<input name="'+value+'" />'));<br />
$A(this.attributes).each(function(attribute){<br />
if (attribute.name != 'name') el.setProperty(attribute.name, attribute.value);<br />
<br />
});<br />
if (this.parentNode) this.replaceWith(el);<br />
};<br />
default: this.setAttribute(property, value);<br />
}<br />
return el || this;<br />
},<br />
<br />
setProperties: function(source){<br />
for (property in source) this.setProperty(property, source[property]);<br />
return this;<br />
},<br />
<br />
setHTML: function(html){<br />
this.innerHTML = html;<br />
return this;<br />
},<br />
<br />
getProperty: function(property){<br />
return this.getAttribute(property);<br />
},<br />
<br />
getTag: function(){<br />
return this.tagName.toLowerCase();<br />
},<br />
<br />
//position<br />
<br />
getOffset: function(what){<br />
what = what.capitalize();<br />
var el = this;<br />
var offset = 0;<br />
do {<br />
offset += el['offset'+what] || 0;<br />
el = el.offsetParent;<br />
} while (el);<br />
return offset;<br />
},<br />
<br />
getTop: function(){<br />
return this.getOffset('top');<br />
},<br />
<br />
getLeft: function(){<br />
return this.getOffset('left');<br />
}<br />
<br />
});<br />
<br />
function $Element(el, method, args){<br />
if ($type(args) != 'array') args = [args];<br />
return Element.prototype[method].apply(el, args);<br />
};<br />
<br />
new Object.Native(Element);<br />
<br />
function $(el){<br />
if ($type(el) == 'string') el = document.getElementById(el);<br />
if ($type(el) == 'element'){<br />
if (!el.extend){<br />
Unload.elements.push(el);<br />
el.extend = Object.extend;<br />
el.extend(Element.prototype);<br />
}<br />
return el;<br />
} else return false;<br />
};<br />
<br />
//garbage collector<br />
<br />
window.addEvent = Element.prototype.addEvent;<br />
window.removeEvent = Element.prototype.removeEvent;<br />
<br />
var Unload = {<br />
<br />
elements: [], functions: [], vars: [],<br />
<br />
unload: function(){<br />
Unload.functions.each(function(fn){<br />
fn();<br />
});<br />
<br />
window.removeEvent('unload', window.removeFunction);<br />
<br />
Unload.elements.each(function(el){<br />
for(p in Element.prototype){<br />
window[p] = null;<br />
document[p] = null;<br />
el[p] = null;<br />
}<br />
el.extend = null;<br />
});<br />
}<br />
<br />
};<br />
window.removeFunction = Unload.unload;<br />
window.addEvent('unload', window.removeFunction);<br />
<br />
//Fx.js - depends on Moo.js + Native Scripts<br />
<br />
var Fx = fx = {};<br />
<br />
Fx.Base = new Class({<br />
<br />
setOptions: function(options){<br />
this.options = Object.extend({<br />
duration: 500,<br />
onComplete: Class.empty,<br />
onStart: Class.empty,<br />
unit: 'px',<br />
wait: true,<br />
transition: Fx.sinoidal,<br />
fps: 30<br />
}, options || {});<br />
},<br />
<br />
step: function(){<br />
var currentTime = (new Date).getTime();<br />
if (currentTime >= this.options.duration+this.startTime){<br />
this.clearTimer();<br />
this.now = this.to;<br />
this.options.onComplete.pass(this.el, this).delay(10);<br />
this.callChain();<br />
} else {<br />
this.tPos = (currentTime - this.startTime) / this.options.duration;<br />
this.setNow();<br />
}<br />
this.increase();<br />
},<br />
<br />
setNow: function(){<br />
this.now = this.compute(this.from, this.to);<br />
},<br />
<br />
compute: function(from, to){<br />
return this.options.transition(this.tPos) * (to-from) + from;<br />
},<br />
<br />
custom: function(from, to){<br />
if(!this.options.wait) this.clearTimer();<br />
if (this.timer) return;<br />
this.options.onStart.pass(this.el, this).delay(10);<br />
this.from = from;<br />
this.to = to;<br />
this.startTime = (new Date).getTime();<br />
this.timer = this.step.periodical(Math.round(1000/this.options.fps), this);<br />
return this;<br />
},<br />
<br />
set: function(to){<br />
this.now = to;<br />
this.increase();<br />
return this;<br />
},<br />
<br />
clearTimer: function(){<br />
this.timer = $clear(this.timer);<br />
return this;<br />
},<br />
<br />
setStyle: function(el, property, value){<br />
if (property == 'opacity'){<br />
if (value == 1 && navigator.userAgent.test('Firefox')) value = 0.9999;<br />
el.setOpacity(value);<br />
} else el.setStyle(property, value+this.options.unit);<br />
}<br />
<br />
});<br />
<br />
Fx.Base.implement(new Chain);<br />
<br />
Fx.Style = Fx.Base.extend({<br />
<br />
initialize: function(el, property, options){<br />
this.el = $(el);<br />
this.setOptions(options);<br />
this.property = property.camelCase();<br />
},<br />
<br />
hide: function(){<br />
return this.set(0);<br />
},<br />
<br />
goTo: function(val){<br />
return this.custom(this.now || 0, val);<br />
},<br />
<br />
increase: function(){<br />
this.setStyle(this.el, this.property, this.now);<br />
}<br />
<br />
});<br />
<br />
Fx.Layout = Fx.Style.extend({<br />
<br />
initialize: function(el, layout, options){<br />
this.parent(el, layout, options);<br />
this.layout = layout.capitalize();<br />
this.el.setStyle('overflow', 'hidden');<br />
},<br />
<br />
toggle: function(){<br />
if (this.el['offset'+this.layout] > 0) return this.custom(this.el['offset'+this.layout], 0);<br />
else return this.custom(0, this.el['scroll'+this.layout]);<br />
},<br />
<br />
show: function(){<br />
return this.set(this.el['scroll'+this.layout]);<br />
}<br />
<br />
});<br />
<br />
Fx.Height = Fx.Layout.extend({<br />
<br />
initialize: function(el, options){<br />
this.parent(el, 'height', options);<br />
}<br />
<br />
});<br />
<br />
Fx.Width = Fx.Layout.extend({<br />
<br />
initialize: function(el, options){<br />
this.parent(el, 'width', options);<br />
}<br />
<br />
});<br />
<br />
Fx.Opacity = Fx.Style.extend({<br />
<br />
initialize: function(el, options){<br />
this.parent(el, 'opacity', options);<br />
this.now = 1;<br />
},<br />
<br />
toggle: function(){<br />
if (this.now > 0) return this.custom(1, 0);<br />
else return this.custom(0, 1);<br />
},<br />
<br />
show: function(){<br />
this.set(1);<br />
}<br />
<br />
});<br />
<br />
Element.extend({<br />
<br />
effect: function(property, options){<br />
return new Fx.Style(this, property, options);<br />
}<br />
<br />
});<br />
<br />
Fx.sinoidal = function(pos){return ((-Math.cos(pos*Math.PI)/2) + 0.5);}; //this transition is from script.aculo.us<br />
<br />
Fx.linear = function(pos){return pos;};<br />
<br />
Fx.cubic = function(pos){return Math.pow(pos, 3);};<br />
<br />
Fx.circ = function(pos){return Math.sqrt(pos);};<br />
<br />
//SuperDom.js - depends on Moo.js + Native Scripts<br />
<br />
function $S(){<br />
var els = [];<br />
$A(arguments).each(function(sel){<br />
if ($type(sel) == 'string') els.extend(document.getElementsBySelector(sel));<br />
else if ($type(sel) == 'element') els.push($(sel));<br />
});<br />
return $$(els);<br />
};<br />
<br />
function $E(selector, filter){<br />
return ($(filter) || document).getElement(selector);<br />
};<br />
<br />
function $$(elements){<br />
return Object.extend(elements, new Elements);<br />
};<br />
<br />
Element.extend({<br />
<br />
getElements: function(selector){<br />
var filters = [];<br />
selector.clean().split(' ').each(function(sel, i){<br />
var bits = [];<br />
var param = [];<br />
var attr = [];<br />
if (bits = sel.test('^([\\w]*)')) param['tag'] = bits[1] || '*';<br />
if (bits = sel.test('([.#]{1})([\\w-]*)$')){<br />
if (bits[1] == '.') param['class'] = bits[2];<br />
else param['id'] = bits[2];<br />
}<br />
if (bits = sel.test('\\[["\'\\s]{0,1}([\\w-]*)["\'\\s]{0,1}([\\W]{0,1}=){0,2}["\'\\s]{0,1}([\\w-]*)["\'\\s]{0,1}\\]$')){<br />
attr['name'] = bits[1];<br />
attr['operator'] = bits[2];<br />
attr['value'] = bits[3];<br />
}<br />
if (i == 0){<br />
if (param['id']){<br />
var el = this.getElementById(param['id']);<br />
if (el && (param['tag'] == '*' || $(el).getTag() == param['tag'])) filters = [el];<br />
else return false;<br />
} else {<br />
filters = $A(this.getElementsByTagName(param['tag']));<br />
}<br />
} else {<br />
filters = $$(filters).filterByTagName(param['tag']);<br />
if (param['id']) filters = $$(filters).filterById(param['id']);<br />
}<br />
if (param['class']) filters = $$(filters).filterByClassName(param['class']);<br />
if (attr['name']) filters = $$(filters).filterByAttribute(attr['name'], attr['value'], attr['operator']);<br />
<br />
}, this);<br />
filters.each(function(el){<br />
$(el);<br />
});<br />
return $$(filters);<br />
},<br />
<br />
getElement: function(selector){<br />
return this.getElementsBySelector(selector)[0];<br />
},<br />
<br />
getElementsBySelector: function(selector){<br />
var els = [];<br />
selector.split(',').each(function(sel){<br />
els.extend(this.getElements(sel));<br />
}, this);<br />
return $$(els);<br />
}<br />
<br />
});<br />
<br />
document.extend = Object.extend;<br />
<br />
document.extend({<br />
<br />
getElementsByClassName: function(className){<br />
return document.getElements('.'+className);<br />
},<br />
getElement: Element.prototype.getElement,<br />
getElements: Element.prototype.getElements,<br />
getElementsBySelector: Element.prototype.getElementsBySelector<br />
<br />
});<br />
<br />
var Elements = new Class({<br />
<br />
action: function(actions){<br />
this.each(function(el){<br />
el = $(el);<br />
if (actions.initialize) actions.initialize.apply(el);<br />
for(action in actions){<br />
var evt = false;<br />
if (action.test('^on[\\w]{1,}')) el[action] = actions[action];<br />
else if (evt = action.test('([\\w-]{1,})event$')) el.addEvent(evt[1], actions[action]);<br />
}<br />
});<br />
},<br />
<br />
filterById: function(id){<br />
var found = [];<br />
this.each(function(el){<br />
if (el.id == id) found.push(el);<br />
});<br />
return found;<br />
},<br />
<br />
filterByClassName: function(className){<br />
var found = [];<br />
this.each(function(el){<br />
if ($Element(el, 'hasClassName', className)) found.push(el);<br />
});<br />
return found;<br />
},<br />
<br />
filterByTagName: function(tagName){<br />
var found = [];<br />
this.each(function(el){<br />
found.extend($A(el.getElementsByTagName(tagName)));<br />
});<br />
return found;<br />
},<br />
<br />
filterByAttribute: function(name, value, operator){<br />
var found = [];<br />
this.each(function(el){<br />
var att = el.getAttribute(name);<br />
if(!att) return;<br />
if (!operator) return found.push(el);<br />
<br />
switch(operator){<br />
case '*=': if (att.test(value)) found.push(el); break;<br />
case '=': if (att == value) found.push(el); break;<br />
case '^=': if (att.test('^'+value)) found.push(el); break;<br />
case '$=': if (att.test(value+'$')) found.push(el);<br />
}<br />
<br />
});<br />
return found;<br />
}<br />
<br />
});<br />
<br />
new Object.Native(Elements);<br />
<br />
//Ajax.js - depends on Moo.js + Native Scripts<br />
<br />
var Ajax = ajax = new Class({<br />
<br />
setOptions: function(options){<br />
this.options = {<br />
method: 'post',<br />
postBody: '',<br />
async: true,<br />
onComplete: Class.empty,<br />
update: null,<br />
evalScripts: false<br />
};<br />
Object.extend(this.options, options || {});<br />
},<br />
<br />
initialize: function(url, options){<br />
this.setOptions(options);<br />
this.url = url;<br />
this.transport = this.getTransport();<br />
},<br />
<br />
request: function(){<br />
this.transport.open(this.options.method, this.url, this.options.async);<br />
this.transport.onreadystatechange = this.onStateChange.bind(this);<br />
if (this.options.method == 'post'){<br />
this.transport.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');<br />
if (this.transport.overrideMimeType) this.transport.setRequestHeader('Connection', 'close');<br />
}<br />
switch($type(this.options.postBody)){<br />
case 'element': this.options.postBody = $(this.options.postBody).toQueryString(); break;<br />
case 'object': this.options.postBody = Object.toQueryString(this.options.postBody);<br />
}<br />
if($type(this.options.postBody) == 'string') this.transport.send(this.options.postBody);<br />
else this.transport.send();<br />
return this;<br />
},<br />
<br />
onStateChange: function(){<br />
if (this.transport.readyState == 4 && this.transport.status == 200){<br />
if (this.options.update) $(this.options.update).setHTML(this.transport.responseText);<br />
this.options.onComplete.pass([this.transport.responseText, this.transport.responseXML], this).delay(20);<br />
if (this.options.evalScripts) this.evalScripts.delay(30, this);<br />
this.transport.onreadystatechange = Class.empty;<br />
this.callChain();<br />
}<br />
},<br />
<br />
evalScripts: function(){<br />
if(scripts = this.transport.responseText.match(/<script[^>]*?>.*?<\/script>/g)){<br />
scripts.each(function(script){<br />
eval(script.replace(/^<script[^>]*?>/, '').replace(/<\/script>$/, ''));<br />
});<br />
}<br />
},<br />
<br />
getTransport: function(){<br />
if (window.XMLHttpRequest) return new XMLHttpRequest();<br />
else if (window.ActiveXObject) return new ActiveXObject('Microsoft.XMLHTTP');<br />
}<br />
<br />
});<br />
<br />
Ajax.implement(new Chain);<br />
<br />
Object.toQueryString = function(source){<br />
var queryString = [];<br />
for (property in source) queryString.push(encodeURIComponent(property)+'='+encodeURIComponent(source[property]));<br />
return queryString.join('&');<br />
};<br />
<br />
Element.extend({<br />
<br />
send: function(options){<br />
options = Object.extend(options, {postBody: this.toQueryString(), method: 'post'});<br />
return new Ajax(this.getProperty('action'), options).request();<br />
},<br />
<br />
toQueryString: function(){<br />
var queryString = [];<br />
$A(this.getElementsByTagName('*')).each(function(el){<br />
$(el);<br />
var name = $check(el.name);<br />
if (!name) return;<br />
var value = false;<br />
switch(el.getTag()){<br />
case 'select': value = el.getElementsByTagName('option')[el.selectedIndex].value; break;<br />
case 'input': if ( (el.checked && ['checkbox', 'radio'].test(el.type)) || (['hidden', 'text', 'password'].test(el.type)) )<br />
value = el.value; break;<br />
case 'textarea': value = el.value;<br />
}<br />
if (value) queryString.push(encodeURIComponent(name)+'='+encodeURIComponent(value));<br />
});<br />
return queryString.join('&');<br />
}<br />
<br />
});<br />
<br />
//DragDrop.js - depends on Moo.js + Native Scripts<br />
<br />
var Drag = {};<br />
<br />
Drag.Base = new Class({<br />
<br />
setOptions: function(options){<br />
this.options = Object.extend({<br />
handle: false,<br />
unit: 'px',<br />
onStart: Class.empty,<br />
onComplete: Class.empty,<br />
onDrag: Class.empty<br />
}, options || {});<br />
},<br />
<br />
initialize: function(el, xModifier, yModifier, options){<br />
this.setOptions(options);<br />
this.el = $(el);<br />
this.handle = $(this.options.handle) || el;<br />
if (xModifier) this.xp = xModifier.camelCase();<br />
if (yModifier) this.yp = yModifier.camelCase();<br />
this.handle.onmousedown = this.start.bind(this);<br />
},<br />
<br />
start: function(evt){<br />
evt = evt || window.event;<br />
this.startX = evt.clientX;<br />
this.startY = evt.clientY;<br />
this.options.onStart.pass(this.el, this).delay(10);<br />
document.onmousemove = this.drag.bind(this);<br />
document.onmouseup = this.end.bind(this);<br />
return false;<br />
},<br />
<br />
addStyles: function(x, y){<br />
if (this.xp) this.el.setStyle(this.xp, (this.el.getStyle(this.xp, true)+x)+this.options.unit);<br />
if (this.yp) this.el.setStyle(this.yp, (this.el.getStyle(this.yp, true)+y)+this.options.unit);<br />
},<br />
<br />
drag: function(evt){<br />
evt = evt || window.event;<br />
this.clientX = evt.clientX;<br />
this.clientY = evt.clientY;<br />
this.options.onDrag.pass(this.el, this).delay(5);<br />
this.addStyles((this.clientX-this.lastMouseX), (this.clientY-this.lastMouseY));<br />
this.set(evt);<br />
return false;<br />
},<br />
<br />
pause: function(){<br />
this.handle.onmousedown = null;<br />
},<br />
<br />
resume: function(){<br />
this.handle.onmousedown = this.start.bind(this);<br />
},<br />
<br />
set: function(evt){<br />
this.lastMouseX = evt.clientX;<br />
this.lastMouseY = evt.clientY;<br />
return false;<br />
},<br />
<br />
end: function(){<br />
document.onmousemove = null;<br />
document.onmouseup = null;<br />
this.options.onComplete.pass(this.el, this).delay(10);<br />
}<br />
<br />
});<br />
<br />
Drag.Move = Drag.Base.extend({<br />
<br />
extendOptions: function(options){<br />
this.options = Object.extend(this.options || {}, Object.extend({<br />
onSnap: Class.empty,<br />
droppables: [],<br />
snapDistance: 8,<br />
snap: true,<br />
xModifier: 'left',<br />
yModifier: 'top'<br />
}, options || {}));<br />
},<br />
<br />
initialize: function(el, options){<br />
this.extendOptions(options);<br />
this.parent(el, this.options.xModifier, this.options.yModifier, this.options);<br />
},<br />
<br />
start: function(evt){<br />
this.parent(evt);<br />
if (this.options.snap){<br />
document.onmousemove = this.checkAndDrag.bind(this);<br />
} else {<br />
this.set(evt);<br />
document.onmousemove = this.drag.bind(this);<br />
}<br />
return false;<br />
},<br />
<br />
drag: function(evt){<br />
this.parent(evt);<br />
this.options.droppables.each(function(drop){<br />
if (this.checkAgainst(drop)){<br />
if (drop.onOver && !drop.dropping) drop.onOver.pass([this.el, this], drop).delay(10);<br />
drop.dropping = true;<br />
} else {<br />
if (drop.onLeave && drop.dropping) drop.onLeave.pass([this.el, this], drop).delay(10);<br />
drop.dropping = false;<br />
}<br />
}, this);<br />
return false;<br />
},<br />
<br />
checkAndDrag: function(evt){<br />
evt = evt || window.event;<br />
var distance = Math.round(Math.sqrt(Math.pow(evt.clientX - this.startX, 2)+Math.pow(evt.clientY - this.startY, 2)));<br />
if (distance > this.options.snapDistance){<br />
this.set(evt);<br />
this.options.onSnap.pass(this.el, this).delay(10);<br />
document.onmousemove = this.drag.bind(this);<br />
this.addStyles(-(this.startX-evt.clientX), -(this.startY-evt.clientY));<br />
}<br />
return false;<br />
},<br />
<br />
checkAgainst: function(drop){<br />
x = this.clientX+Window.getScrollLeft();<br />
y = this.clientY+Window.getScrollTop();<br />
drop = $(drop);<br />
var h = drop.offsetHeight;<br />
var w = drop.offsetWidth;<br />
var t = drop.getTop();<br />
var l = drop.getLeft();<br />
return $check((x > l && x < l+w && y < t+h && y > t));<br />
},<br />
<br />
end: function(){<br />
this.parent();<br />
this.options.droppables.each(function(drop){<br />
if (drop.onDrop && this.checkAgainst(drop)) drop.onDrop.pass([this.el, this], drop).delay(10);<br />
}, this);<br />
}<br />
<br />
});<br />
<br />
Element.extend({<br />
<br />
makeDraggable: function(options){<br />
return new Drag.Move(this, options);<br />
},<br />
<br />
makeResizable: function(options){<br />
return new Drag.Base(this, 'width', 'height', options);<br />
}<br />
<br />
});<br />
<br />
//Window.js : additional Window methods - depends on Moo.js + Function.js<br />
<br />
var Window = {<br />
<br />
extend: Object.extend,<br />
<br />
getWidth: function(){<br />
return window.innerWidth || document.documentElement.clientWidth || 0;<br />
},<br />
<br />
getHeight: function(){<br />
return window.innerHeight || document.documentElement.clientHeight || 0;<br />
},<br />
<br />
getScrollHeight: function(){<br />
return document.documentElement.scrollHeight;<br />
},<br />
<br />
getScrollWidth: function(){<br />
return document.documentElement.scrollWidth;<br />
},<br />
<br />
getScrollTop: function(){<br />
return document.documentElement.scrollTop || window.pageYOffset || 0;<br />
},<br />
<br />
getScrollLeft: function(){<br />
return document.documentElement.scrollLeft || window.pageXOffset || 0;<br />
},<br />
<br />
onLoad: function(fn){<br />
if (!document.body) return Window.onLoad.pass(fn).delay(50);<br />
else return fn();<br />
}<br />
};<br />
<br />
//Cookie.js : Cookie creator. yummy! - depends on Moo.js + Function.js<br />
//Credits: based on the functions by Peter-Paul Koch (http://quirksmode.org)<br />
<br />
var Cookie = {<br />
<br />
set: function(key, value, duration){<br />
var date = new Date();<br />
date.setTime(date.getTime()+((duration || 365)*86400000));<br />
document.cookie = key+"="+value+"; expires="+date.toGMTString()+"; path=/";<br />
},<br />
<br />
get: function(key){<br />
var myValue, myVal;<br />
document.cookie.split(';').each(function(cookie){<br />
if(myVal = cookie.trim().test(key+'=(.*)')) myValue = myVal[1];<br />
});<br />
return myValue;<br />
},<br />
<br />
remove: function(key){<br />
this.set(key, '', -1);<br />
}<br />
<br />
};<br />
<br />
//Json.js - depends on Moo.js + Native Scripts<br />
<br />
var Json = {<br />
toString: function(el){<br />
var string = [];<br />
<br />
var isArray = function(array){<br />
var string = [];<br />
array.each(function(ar){<br />
string.push(Json.toString(ar));<br />
});<br />
return string.join(',');<br />
};<br />
<br />
var isObject = function(object){<br />
var string = [];<br />
for (property in object) string.push('"'+property+'":'+Json.toString(object[property]));<br />
return string.join(',');<br />
};<br />
<br />
switch($type(el)){<br />
case 'string': string.push('"'+el+'"'); break;<br />
case 'function': string.push(el); break;<br />
case 'object': string.push('{'+isObject(el)+'}'); break;<br />
case 'array': string.push('['+isArray(el)+']');<br />
}<br />
<br />
return string.join(',');<br />
},<br />
<br />
evaluate: function(str){<br />
return eval('(' + str + ')');<br />
}<br />
};<br />
<br />
//Sortables.js : Make any list sortable. Depends on Moo.js + Native Scripts + DragDrop.js + Fx.js<br />
<br />
var Sortables = new Class({<br />
<br />
setOptions: function(options) {<br />
this.options = {<br />
handles: false,<br />
fxDuration: 250,<br />
fxTransition: Fx.sinoidal,<br />
maxOpacity: 0.5<br />
};<br />
Object.extend(this.options, options || {});<br />
},<br />
<br />
initialize: function(elements, options){<br />
this.setOptions(options);<br />
this.options.handles = this.options.handles || elements;<br />
var trash = new Element('div').injectInside($(document.body));<br />
$A(elements).each(function(el, i){<br />
var copy = $(el).clone().setStyles({<br />
'position': 'absolute',<br />
'opacity': '0',<br />
'display': 'none'<br />
}).injectInside(trash);<br />
var elEffect = el.effect('opacity', {duration: this.options.fxDuration, wait: false, transition: this.options.fxTransition}).set(1);<br />
var copyEffects = copy.effects({<br />
duration: this.options.fxDuration,<br />
wait: false,<br />
transition: this.options.fxTransition,<br />
onComplete: function(){<br />
copy.setStyle('display', 'none');<br />
}<br />
});<br />
var dragger = new Drag.Move(copy, {<br />
xModifier: false,<br />
onStart: function(){<br />
copy.setHTML(el.innerHTML).setStyles({<br />
'display': 'block',<br />
'opacity': this.options.maxOpacity,<br />
'top': el.getTop()+'px',<br />
'left': el.getLeft()+'px'<br />
});<br />
elEffect.custom(elEffect.now, this.options.maxOpacity);<br />
}.bind(this),<br />
onComplete: function(){<br />
copyEffects.custom({'opacity': [this.options.maxOpacity, 0], 'top': [copy.getTop(), el.getTop()]});<br />
elEffect.custom(elEffect.now, 1);<br />
}.bind(this),<br />
onDrag: function(){<br />
if ( el.getPrevious() && copy.getTop() < (el.getPrevious().getTop()) ) el.injectBefore(el.getPrevious());<br />
else if ( el.getNext() && copy.getTop() > (el.getNext().getTop()) ) el.injectAfter(el.getNext());<br />
}<br />
});<br />
this.options.handles[i].onmousedown = dragger.start.bind(dragger);<br />
}, this);<br />
}<br />
<br />
});<br />
<br />
//FxPack.js - depends on Moo.js + Native Scripts + Fx.js<br />
<br />
Fx.Styles = Fx.Base.extend({<br />
<br />
initialize: function(el, options){<br />
this.el = $(el);<br />
this.setOptions(options);<br />
this.now = {};<br />
},<br />
<br />
setNow: function(){<br />
for (p in this.from) this.now[p] = this.compute(this.from[p], this.to[p]);<br />
},<br />
<br />
custom: function(objFromTo){<br />
var from = {};<br />
var to = {};<br />
for (p in objFromTo){<br />
from[p] = objFromTo[p][0];<br />
to[p] = objFromTo[p][1];<br />
}<br />
return this.parent(from, to);<br />
},<br />
<br />
resizeTo: function(hto, wto){<br />
return this.custom({'height': [this.el.offsetHeight, hto], 'width': [this.el.offsetWidth, wto]});<br />
},<br />
<br />
resizeBy: function(hby, wby){<br />
return this.custom({'height': [this.el.offsetHeight, this.el.offsetHeight+hby], 'width': [this.el.offsetWidth, this.el.offsetWidth+wby]});<br />
},<br />
<br />
increase: function(){<br />
for (p in this.now) this.setStyle(this.el, p, this.now[p]);<br />
}<br />
<br />
});<br />
<br />
//fx.Color, originally by Tom Jensen (http://neuemusic.com) MIT-style LICENSE.<br />
<br />
Fx.Color = Fx.Base.extend({<br />
<br />
initialize: function(el, property, options){<br />
this.el = $(el);<br />
this.setOptions(options);<br />
this.property = property.camelCase();<br />
this.now = [];<br />
},<br />
<br />
custom: function(from, to){<br />
return this.parent(from.hexToRgb(true), to.hexToRgb(true));<br />
},<br />
<br />
setNow: function(){<br />
[0,1,2].each(function(i){<br />
this.now[i] = Math.round(this.compute(this.from[i], this.to[i]));<br />
}, this);<br />
},<br />
<br />
increase: function(){<br />
this.el.setStyle(this.property, "rgb("+this.now[0]+","+this.now[1]+","+this.now[2]+")");<br />
},<br />
<br />
fromColor: function(color){<br />
return this.custom(color, this.el.getStyle(this.property));<br />
},<br />
<br />
toColor: function(color){<br />
return this.custom(this.el.getStyle(this.property), color);<br />
}<br />
<br />
});<br />
<br />
Element.extend({<br />
<br />
effects: function(options){<br />
return new Fx.Styles(this, options);<br />
}<br />
<br />
});<br />
<br />
//Easing Equations (c) 2003 Robert Penner, all rights reserved.<br />
//This work is subject to the terms in http://www.robertpenner.com/easing_terms_of_use.html.<br />
<br />
Fx.expoIn = function(pos){return Math.pow(2, 10 * (pos - 1))};<br />
Fx.expoOut = function(pos){return (-Math.pow(2, -10 * pos) + 1)};<br />
<br />
Fx.quadIn = function(pos){return Math.pow(pos, 2)};<br />
Fx.quadOut = function(pos){return -(pos)*(pos-2)};<br />
<br />
Fx.circOut = function(pos){return Math.sqrt(1 - Math.pow(pos-1,2))};<br />
Fx.circIn = function(pos){return -(Math.sqrt(1 - Math.pow(pos, 2)) - 1)};<br />
<br />
Fx.backIn = function(pos){return (pos)*pos*((2.7)*pos - 1.7)};<br />
Fx.backOut = function(pos){return ((pos-1)*(pos-1)*((2.7)*(pos-1) + 1.7) + 1)};<br />
<br />
Fx.sineOut = function(pos){return Math.sin(pos * (Math.PI/2))};<br />
Fx.sineIn = function(pos){return -Math.cos(pos * (Math.PI/2)) + 1};<br />
Fx.sineInOut = function(pos){return -(Math.cos(Math.PI*pos) - 1)/2};<br />
<br />
//scriptaculous transitions<br />
Fx.wobble = function(pos){return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5};<br />
Fx.pulse = function(pos){return (Math.floor(pos*10) % 2 == 0 ? (pos*10-Math.floor(pos*10)) : 1-(pos*10-Math.floor(pos*10)))};<br />
<br />
//Tips.js : Display a tip on any element with a title and/or href - depends on Moo.js + Native Scripts + Fx.js<br />
//Credits : Tips.js is based on Bubble Tooltips (http://web-graphics.com/mtarchive/001717.php) by Alessandro Fulcitiniti (http://web-graphics.com)<br />
<br />
var Tips = new Class({<br />
<br />
setOptions: function(options){<br />
this.options = {<br />
transitionStart: fx.sinoidal,<br />
transitionEnd: fx.sinoidal,<br />
maxTitleChars: 30,<br />
fxDuration: 150,<br />
maxOpacity: 1,<br />
timeOut: 100,<br />
className: 'tooltip'<br />
}<br />
Object.extend(this.options, options || {});<br />
},<br />
<br />
initialize: function(elements, options){<br />
this.elements = elements;<br />
this.setOptions(options);<br />
this.toolTip = new Element('div').addClassName(this.options.className).setStyle('position', 'absolute').injectInside(document.body);<br />
this.toolTitle = new Element('H4').injectInside(this.toolTip);<br />
this.toolText = new Element('p').injectInside(this.toolTip);<br />
this.fx = new fx.Style(this.toolTip, 'opacity', {duration: this.options.fxDuration, wait: false}).hide();<br />
$A(elements).each(function(el){<br />
$(el).myText = $check(el.title);<br />
if (el.myText) el.removeAttribute('title');<br />
if (el.href){<br />
if (el.href.test('http://')) el.myTitle = el.href.replace('http://', '');<br />
if (el.href.length > this.options.maxTitleChars) el.myTitle = el.href.substr(0,this.options.maxTitleChars-3)+"...";<br />
}<br />
if (el.myText && el.myText.test('::')){<br />
var dual = el.myText.split('::');<br />
el.myTitle = dual[0].trim();<br />
el.myText = dual[1].trim();<br />
}<br />
el.onmouseover = function(){<br />
this.show(el);<br />
return false;<br />
}.bind(this);<br />
el.onmousemove = this.locate.bindAsEventListener(this);<br />
el.onmouseout = function(){<br />
this.timer = $clear(this.timer);<br />
this.disappear();<br />
}.bind(this);<br />
}, this);<br />
},<br />
<br />
show: function(el){<br />
this.toolTitle.innerHTML = el.myTitle;<br />
this.toolText.innerHTML = el.myText;<br />
this.timer = $clear(this.timer);<br />
this.fx.options.transition = this.options.transitionStart;<br />
this.timer = this.appear.delay(this.options.timeOut, this);<br />
},<br />
<br />
appear: function(){<br />
this.fx.custom(this.fx.now, this.options.maxOpacity);<br />
},<br />
<br />
locate: function(evt){<br />
var doc = document.documentElement;<br />
this.toolTip.setStyles({'top': evt.clientY + doc.scrollTop + 15 + 'px', 'left': evt.clientX + doc.scrollLeft - 30 + 'px'});<br />
},<br />
<br />
disappear: function(){<br />
this.fx.options.transition = this.options.transitionEnd;<br />
this.fx.custom(this.fx.now, 0);<br />
}<br />
<br />
});<br />
<br />
//Accordion.js - depends on Moo.js + Native Scripts + Fx.js<br />
<br />
Fx.Elements = Fx.Base.extend({<br />
<br />
initialize: function(elements, options){<br />
this.elements = [];<br />
elements.each(function(el){<br />
this.elements.push($(el));<br />
}, this);<br />
this.setOptions(options);<br />
this.now = {};<br />
},<br />
<br />
setNow: function(){<br />
for (i in this.from){<br />
var iFrom = this.from[i];<br />
var iTo = this.to[i];<br />
var iNow = this.now[i] = {};<br />
for (p in iFrom) iNow[p] = this.compute(iFrom[p], iTo[p]);<br />
}<br />
},<br />
<br />
custom: function(objObjs){<br />
var from = {};<br />
var to = {};<br />
for (i in objObjs){<br />
var iProps = objObjs[i];<br />
var iFrom = from[i] = {};<br />
var iTo = to[i] = {};<br />
for (prop in iProps){<br />
iFrom[prop] = iProps[prop][0];<br />
iTo[prop] = iProps[prop][1];<br />
}<br />
}<br />
return this.parent(from, to);<br />
},<br />
<br />
increase: function(){<br />
for (i in this.now){<br />
var iNow = this.now[i];<br />
for (p in iNow) this.setStyle(this.elements[parseInt(i)-1], p, iNow[p]);<br />
}<br />
}<br />
<br />
});<br />
<br />
Fx.Accordion = Fx.Elements.extend({<br />
<br />
extendOptions: function(options){<br />
Object.extend(this.options, Object.extend({<br />
start: 'open-first',<br />
fixedHeight: false,<br />
fixedWidth: false,<br />
alwaysHide: false,<br />
wait: false,<br />
onActive: Class.empty,<br />
onBackground: Class.empty,<br />
height: true,<br />
opacity: true,<br />
width: false<br />
}, options || {}));<br />
},<br />
<br />
initialize: function(togglers, elements, options){<br />
this.parent(elements, options);<br />
this.extendOptions(options);<br />
this.previousClick = 'nan';<br />
togglers.each(function(tog, i){<br />
$(tog).addEvent('click', function(){this.showThisHideOpen(i)}.bind(this));<br />
}, this);<br />
this.togglers = togglers;<br />
this.h = {}; this.w = {}; this.o = {};<br />
this.elements.each(function(el, i){<br />
this.now[i+1] = {};<br />
$(el).setStyles({'height': 0, 'overflow': 'hidden'});<br />
}, this);<br />
switch(this.options.start){<br />
case 'first-open': this.elements[0].setStyle('height', this.elements[0].scrollHeight); break;<br />
case 'open-first': this.showThisHideOpen(0); break;<br />
}<br />
},<br />
<br />
hideThis: function(i){<br />
if (this.options.height) this.h = {'height': [this.elements[i].offsetHeight, 0]};<br />
if (this.options.width) this.w = {'width': [this.elements[i].offsetWidth, 0]};<br />
if (this.options.opacity) this.o = {'opacity': [this.now[i+1]['opacity'] || 1, 0]};<br />
},<br />
<br />
showThis: function(i){<br />
if (this.options.height) this.h = {'height': [this.elements[i].offsetHeight, this.options.fixedHeight || this.elements[i].scrollHeight]};<br />
if (this.options.width) this.w = {'width': [this.elements[i].offsetWidth, this.options.fixedWidth || this.elements[i].scrollWidth]};<br />
if (this.options.opacity) this.o = {'opacity': [this.now[i+1]['opacity'] || 0, 1]};<br />
},<br />
<br />
showThisHideOpen: function(iToShow){<br />
if (iToShow != this.previousClick || this.options.alwaysHide){<br />
this.previousClick = iToShow;<br />
var objObjs = {};<br />
var err = false;<br />
var madeInactive = false;<br />
this.elements.each(function(el, i){<br />
this.now[i] = this.now[i] || {};<br />
if (i != iToShow){<br />
this.hideThis(i);<br />
} else if (this.options.alwaysHide){<br />
if (el.offsetHeight == el.scrollHeight){<br />
this.hideThis(i);<br />
madeInactive = true;<br />
} else if (el.offsetHeight == 0){<br />
this.showThis(i);<br />
} else {<br />
err = true;<br />
}<br />
} else if (this.options.wait && this.timer){<br />
this.previousClick = 'nan';<br />
err = true;<br />
} else {<br />
this.showThis(i);<br />
}<br />
objObjs[i+1] = Object.extend(this.h, Object.extend(this.o, this.w));<br />
}, this);<br />
if (err) return;<br />
if (!madeInactive) this.options.onActive.call(this, this.togglers[iToShow]);<br />
this.togglers.each(function(tog, i){<br />
if (i != iToShow || madeInactive) this.options.onBackground.call(this, tog);<br />
}, this);<br />
return this.custom(objObjs);<br />
}<br />
}<br />
<br />
});<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
<br />
<br />
<br />
window.onload=function()<br />
{<br />
<br />
<br />
/* setup tooltips */<br />
var as = [];<br />
<br />
$S(&#39;a&#39;).each(function(a){<br />
if (a.getAttribute(&#39;title&#39;)) as.push(a);<br />
});<br />
<br />
new Tips(as, {maxOpacity: 0.9, maxTitleChars: 25});<br />
<br />
}<br />
</script><br />
<br />
<style type='text/css'><br />
div.tooltip {<br />
width: 200px;<br />
color: #fff;<br />
text-align: center;<br />
}<br />
div.tooltip h4 {<br />
color: #fff;<br />
font-weight: bold;<br />
text-shadow: 2px 2px 1px #222;<br />
margin: 0;<br />
padding: 13px 10px 5px;<br />
background: url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtbp_lNzffRWLFCb-R-HZ3hdJjNeu8Eq2IKJzcddoWiM-sgdLhSQvaG0Y2bNBbwIIFBy_eyyEL2Mcu4YrgqR30XDO-zbshb8onbjRds_IRzlJiv3CSDKpNlzQOGYaMT2Je2Y_tDFqqd8/</span>) top left no-repeat !important;<br />
background: url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtbp_lNzffRWLFCb-R-HZ3hdJjNeu8Eq2IKJzcddoWiM-sgdLhSQvaG0Y2bNBbwIIFBy_eyyEL2Mcu4YrgqR30XDO-zbshb8onbjRds_IRzlJiv3CSDKpNlzQOGYaMT2Je2Y_tDFqqd8/</span>) top left no-repeat;<br />
font-size: 11px;<br />
}<br />
div.tooltip p {<br />
margin: 0;<br />
padding: 0 10px 15px;<br />
text-shadow: 2px 2px 1px #222;<br />
background: url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtbp_lNzffRWLFCb-R-HZ3hdJjNeu8Eq2IKJzcddoWiM-sgdLhSQvaG0Y2bNBbwIIFBy_eyyEL2Mcu4YrgqR30XDO-zbshb8onbjRds_IRzlJiv3CSDKpNlzQOGYaMT2Je2Y_tDFqqd8/</span>) bottom left no-repeat !important;<br />
background: url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtbp_lNzffRWLFCb-R-HZ3hdJjNeu8Eq2IKJzcddoWiM-sgdLhSQvaG0Y2bNBbwIIFBy_eyyEL2Mcu4YrgqR30XDO-zbshb8onbjRds_IRzlJiv3CSDKpNlzQOGYaMT2Je2Y_tDFqqd8/</span>) bottom left no-repeat;<br />
font-size: 10px;<br />
}<br />
</style><br />
<br /></div>
<br />
<br />
<br />
Now when your add a link add it as below.<br />
<br />
<div class="code">
<span style="font-size: 130%;"><a href="<span style="color: red;">YOUR-LINK</span>" title="<span style="color: #3333ff;">YOUR-TOOLTIP-TEXT</span>"><span style="color: red;">LINK-NAME</span></a></span></div>
<br />
<br />
Look at the example below.<br />
<br />
<div class="code">
<a href="<span style="color: red;">http://bdlab.blogspot.com</span>" title="<span style="color: #3333ff;">Blogspot tutoria</span>"><span style="color: red;">Latest Blogger Tips</span></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">How To Add jQuery Image Preview With Caption to Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/h8dzqk" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1OLwOtaVUin3oh8bJmIXoqs4X7OOiR6EQYQOWMkZVVOqnaOCqcusaqfmxeY6FutiXvJBMOhTbP6llU4e4RBR0GBO-KWsVlSid-8d_D_g4GioIl6wwxnfp285q293zrTnZp2usHntP2ksC/s1600/How+To+Add+jQuery+Image+Preview+With+Caption+to+Blogger.jpg" width="320" /></a></div>
<br />
<br />
1.Login to your blogger dashboard--> Design- -> Edit HTML<br />
<br />
2.Scroll down to where you see <span style="color: red; font-weight: bold;"></head></span> tag .<br />
<br />
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span style="color: red;"></head></span> tag .<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type='text/javascript'><br />
//<![CDATA[<br />
<br />
/*<br />
* jQuery 1.2.3 - New Wave Javascript<br />
*<br />
* Copyright (c) 2008 John Resig (jquery.com)<br />
* Dual licensed under the MIT (MIT-LICENSE.txt)<br />
* and GPL (GPL-LICENSE.txt) licenses.<br />
*<br />
* $Date: 2008-02-06 00:21:25 -0500 (Wed, 06 Feb 2008) $<br />
* $Rev: 4663 $<br />
*/<br />
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(J(){7(1e.3N)L w=1e.3N;L E=1e.3N=J(a,b){K 1B E.2l.4T(a,b)};7(1e.$)L D=1e.$;1e.$=E;L u=/^[^<]*(<(.|\\s)+>)[^>]*$|^#(\\w+)$/;L G=/^.[^:#\\[\\.]*$/;E.1n=E.2l={4T:J(d,b){d=d||T;7(d.15){6[0]=d;6.M=1;K 6}N 7(1o d=="25"){L c=u.2O(d);7(c&&(c[1]||!b)){7(c[1])d=E.4a([c[1]],b);N{L a=T.5J(c[3]);7(a)7(a.2w!=c[3])K E().2s(d);N{6[0]=a;6.M=1;K 6}N d=[]}}N K 1B E(b).2s(d)}N 7(E.1q(d))K 1B E(T)[E.1n.21?"21":"3U"](d);K 6.6E(d.1k==1M&&d||(d.5h||d.M&&d!=1e&&!d.15&&d[0]!=10&&d[0].15)&&E.2I(d)||[d])},5h:"1.2.3",87:J(){K 6.M},M:0,22:J(a){K a==10?E.2I(6):6[a]},2F:J(b){L a=E(b);a.54=6;K a},6E:J(a){6.M=0;1M.2l.1g.1i(6,a);K 6},R:J(a,b){K E.R(6,a,b)},4X:J(b){L a=-1;6.R(J(i){7(6==b)a=i});K a},1J:J(c,a,b){L d=c;7(c.1k==4e)7(a==10)K 6.M&&E[b||"1J"](6[0],c)||10;N{d={};d[c]=a}K 6.R(J(i){Q(c 1p d)E.1J(b?6.W:6,c,E.1l(6,d[c],b,i,c))})},1j:J(b,a){7((b==\'27\'||b==\'1R\')&&2M(a)<0)a=10;K 6.1J(b,a,"2o")},1u:J(b){7(1o b!="3V"&&b!=V)K 6.4x().3t((6[0]&&6[0].2i||T).5r(b));L a="";E.R(b||6,J(){E.R(6.3p,J(){7(6.15!=8)a+=6.15!=1?6.6K:E.1n.1u([6])})});K a},5m:J(b){7(6[0])E(b,6[0].2i).5k().3o(6[0]).2c(J(){L a=6;2b(a.1C)a=a.1C;K a}).3t(6);K 6},8w:J(a){K 6.R(J(){E(6).6z().5m(a)})},8p:J(a){K 6.R(J(){E(6).5m(a)})},3t:J(){K 6.3O(18,P,S,J(a){7(6.15==1)6.38(a)})},6q:J(){K 6.3O(18,P,P,J(a){7(6.15==1)6.3o(a,6.1C)})},6o:J(){K 6.3O(18,S,S,J(a){6.1a.3o(a,6)})},5a:J(){K 6.3O(18,S,P,J(a){6.1a.3o(a,6.2B)})},3h:J(){K 6.54||E([])},2s:J(b){L c=E.2c(6,J(a){K E.2s(b,a)});K 6.2F(/[^+>] [^+>]/.17(b)||b.1f("..")>-1?E.57(c):c)},5k:J(e){L f=6.2c(J(){7(E.14.1d&&!E.3E(6)){L a=6.69(P),4Y=T.3s("1x");4Y.38(a);K E.4a([4Y.3d])[0]}N K 6.69(P)});L d=f.2s("*").4R().R(J(){7(6[F]!=10)6[F]=V});7(e===P)6.2s("*").4R().R(J(i){7(6.15==3)K;L c=E.O(6,"2R");Q(L a 1p c)Q(L b 1p c[a])E.16.1b(d[i],a,c[a][b],c[a][b].O)});K f},1E:J(b){K 6.2F(E.1q(b)&&E.3y(6,J(a,i){K b.1P(a,i)})||E.3e(b,6))},56:J(b){7(b.1k==4e)7(G.17(b))K 6.2F(E.3e(b,6,P));N b=E.3e(b,6);L a=b.M&&b[b.M-1]!==10&&!b.15;K 6.1E(J(){K a?E.33(6,b)<0:6!=b})},1b:J(a){K!a?6:6.2F(E.37(6.22(),a.1k==4e?E(a).22():a.M!=10&&(!a.12||E.12(a,"3u"))?a:[a]))},3H:J(a){K a?E.3e(a,6).M>0:S},7j:J(a){K 6.3H("."+a)},5O:J(b){7(b==10){7(6.M){L c=6[0];7(E.12(c,"2k")){L e=c.3T,5I=[],11=c.11,2X=c.U=="2k-2X";7(e<0)K V;Q(L i=2X?e:0,2f=2X?e+1:11.M;i<2f;i++){L d=11[i];7(d.2p){b=E.14.1d&&!d.9J.1A.9y?d.1u:d.1A;7(2X)K b;5I.1g(b)}}K 5I}N K(6[0].1A||"").1r(/\\r/g,"")}K 10}K 6.R(J(){7(6.15!=1)K;7(b.1k==1M&&/5u|5t/.17(6.U))6.3k=(E.33(6.1A,b)>=0||E.33(6.31,b)>=0);N 7(E.12(6,"2k")){L a=b.1k==1M?b:[b];E("98",6).R(J(){6.2p=(E.33(6.1A,a)>=0||E.33(6.1u,a)>=0)});7(!a.M)6.3T=-1}N 6.1A=b})},3q:J(a){K a==10?(6.M?6[0].3d:V):6.4x().3t(a)},6S:J(a){K 6.5a(a).1V()},6Z:J(i){K 6.2K(i,i+1)},2K:J(){K 6.2F(1M.2l.2K.1i(6,18))},2c:J(b){K 6.2F(E.2c(6,J(a,i){K b.1P(a,i,a)}))},4R:J(){K 6.1b(6.54)},O:J(d,b){L a=d.23(".");a[1]=a[1]?"."+a[1]:"";7(b==V){L c=6.5n("8P"+a[1]+"!",[a[0]]);7(c==10&&6.M)c=E.O(6[0],d);K c==V&&a[1]?6.O(a[0]):c}N K 6.1N("8K"+a[1]+"!",[a[0],b]).R(J(){E.O(6,d,b)})},35:J(a){K 6.R(J(){E.35(6,a)})},3O:J(g,f,h,d){L e=6.M>1,3n;K 6.R(J(){7(!3n){3n=E.4a(g,6.2i);7(h)3n.8D()}L b=6;7(f&&E.12(6,"1O")&&E.12(3n[0],"4v"))b=6.3S("1U")[0]||6.38(6.2i.3s("1U"));L c=E([]);E.R(3n,J(){L a=e?E(6).5k(P)[0]:6;7(E.12(a,"1m")){c=c.1b(a)}N{7(a.15==1)c=c.1b(E("1m",a).1V());d.1P(b,a)}});c.R(6A)})}};E.2l.4T.2l=E.2l;J 6A(i,a){7(a.3Q)E.3P({1c:a.3Q,3l:S,1H:"1m"});N E.5g(a.1u||a.6x||a.3d||"");7(a.1a)a.1a.34(a)}E.1s=E.1n.1s=J(){L b=18[0]||{},i=1,M=18.M,5c=S,11;7(b.1k==8d){5c=b;b=18[1]||{};i=2}7(1o b!="3V"&&1o b!="J")b={};7(M==1){b=6;i=0}Q(;i<M;i++)7((11=18[i])!=V)Q(L a 1p 11){7(b===11[a])6w;7(5c&&11[a]&&1o 11[a]=="3V"&&b[a]&&!11[a].15)b[a]=E.1s(b[a],11[a]);N 7(11[a]!=10)b[a]=11[a]}K b};L F="3N"+(1B 3v()).3L(),6t=0,5b={};L H=/z-?4X|86-?84|1w|6k|7Z-?1R/i;E.1s({7Y:J(a){1e.$=D;7(a)1e.3N=w;K E},1q:J(a){K!!a&&1o a!="25"&&!a.12&&a.1k!=1M&&/J/i.17(a+"")},3E:J(a){K a.1F&&!a.1h||a.28&&a.2i&&!a.2i.1h},5g:J(a){a=E.3g(a);7(a){L b=T.3S("6f")[0]||T.1F,1m=T.3s("1m");1m.U="1u/4m";7(E.14.1d)1m.1u=a;N 1m.38(T.5r(a));b.38(1m);b.34(1m)}},12:J(b,a){K b.12&&b.12.2E()==a.2E()},1T:{},O:J(c,d,b){c=c==1e?5b:c;L a=c[F];7(!a)a=c[F]=++6t;7(d&&!E.1T[a])E.1T[a]={};7(b!=10)E.1T[a][d]=b;K d?E.1T[a][d]:a},35:J(c,b){c=c==1e?5b:c;L a=c[F];7(b){7(E.1T[a]){2V E.1T[a][b];b="";Q(b 1p E.1T[a])1Q;7(!b)E.35(c)}}N{1S{2V c[F]}1X(e){7(c.52)c.52(F)}2V E.1T[a]}},R:J(c,a,b){7(b){7(c.M==10){Q(L d 1p c)7(a.1i(c[d],b)===S)1Q}N Q(L i=0,M=c.M;i<M;i++)7(a.1i(c[i],b)===S)1Q}N{7(c.M==10){Q(L d 1p c)7(a.1P(c[d],d,c[d])===S)1Q}N Q(L i=0,M=c.M,1A=c[0];i<M&&a.1P(1A,i,1A)!==S;1A=c[++i]){}}K c},1l:J(b,a,c,i,d){7(E.1q(a))a=a.1P(b,i);K a&&a.1k==51&&c=="2o"&&!H.17(d)?a+"2S":a},1t:{1b:J(c,b){E.R((b||"").23(/\\s+/),J(i,a){7(c.15==1&&!E.1t.3Y(c.1t,a))c.1t+=(c.1t?" ":"")+a})},1V:J(c,b){7(c.15==1)c.1t=b!=10?E.3y(c.1t.23(/\\s+/),J(a){K!E.1t.3Y(b,a)}).6a(" "):""},3Y:J(b,a){K E.33(a,(b.1t||b).3X().23(/\\s+/))>-1}},68:J(b,c,a){L e={};Q(L d 1p c){e[d]=b.W[d];b.W[d]=c[d]}a.1P(b);Q(L d 1p c)b.W[d]=e[d]},1j:J(d,e,c){7(e=="27"||e=="1R"){L b,46={43:"4W",4U:"1Z",19:"3D"},3c=e=="27"?["7O","7M"]:["7J","7I"];J 5E(){b=e=="27"?d.7H:d.7F;L a=0,2N=0;E.R(3c,J(){a+=2M(E.2o(d,"7E"+6,P))||0;2N+=2M(E.2o(d,"2N"+6+"5X",P))||0});b-=24.7C(a+2N)}7(E(d).3H(":4d"))5E();N E.68(d,46,5E);K 24.2f(0,b)}K E.2o(d,e,c)},2o:J(e,k,j){L d;J 3x(b){7(!E.14.2d)K S;L a=T.4c.4K(b,V);K!a||a.4M("3x")==""}7(k=="1w"&&E.14.1d){d=E.1J(e.W,"1w");K d==""?"1":d}7(E.14.2z&&k=="19"){L c=e.W.50;e.W.50="0 7r 7o";e.W.50=c}7(k.1D(/4g/i))k=y;7(!j&&e.W&&e.W[k])d=e.W[k];N 7(T.4c&&T.4c.4K){7(k.1D(/4g/i))k="4g";k=k.1r(/([A-Z])/g,"-$1").2h();L h=T.4c.4K(e,V);7(h&&!3x(e))d=h.4M(k);N{L f=[],2C=[];Q(L a=e;a&&3x(a);a=a.1a)2C.4J(a);Q(L i=0;i<2C.M;i++)7(3x(2C[i])){f[i]=2C[i].W.19;2C[i].W.19="3D"}d=k=="19"&&f[2C.M-1]!=V?"2H":(h&&h.4M(k))||"";Q(L i=0;i<f.M;i++)7(f[i]!=V)2C[i].W.19=f[i]}7(k=="1w"&&d=="")d="1"}N 7(e.4n){L g=k.1r(/\\-(\\w)/g,J(a,b){K b.2E()});d=e.4n[k]||e.4n[g];7(!/^\\d+(2S)?$/i.17(d)&&/^\\d/.17(d)){L l=e.W.26,3K=e.3K.26;e.3K.26=e.4n.26;e.W.26=d||0;d=e.W.7f+"2S";e.W.26=l;e.3K.26=3K}}K d},4a:J(l,h){L k=[];h=h||T;7(1o h.3s==\'10\')h=h.2i||h[0]&&h[0].2i||T;E.R(l,J(i,d){7(!d)K;7(d.1k==51)d=d.3X();7(1o d=="25"){d=d.1r(/(<(\\w+)[^>]*?)\\/>/g,J(b,a,c){K c.1D(/^(aa|a6|7e|a5|4D|7a|a0|3m|9W|9U|9S)$/i)?b:a+"></"+c+">"});L f=E.3g(d).2h(),1x=h.3s("1x");L e=!f.1f("<9P")&&[1,"<2k 74=\'74\'>","</2k>"]||!f.1f("<9M")&&[1,"<73>","</73>"]||f.1D(/^<(9G|1U|9E|9B|9x)/)&&[1,"<1O>","</1O>"]||!f.1f("<4v")&&[2,"<1O><1U>","</1U></1O>"]||(!f.1f("<9w")||!f.1f("<9v"))&&[3,"<1O><1U><4v>","</4v></1U></1O>"]||!f.1f("<7e")&&[2,"<1O><1U></1U><6V>","</6V></1O>"]||E.14.1d&&[1,"1x<1x>","</1x>"]||[0,"",""];1x.3d=e[1]+d+e[2];2b(e[0]--)1x=1x.5o;7(E.14.1d){L g=!f.1f("<1O")&&f.1f("<1U")<0?1x.1C&&1x.1C.3p:e[1]=="<1O>"&&f.1f("<1U")<0?1x.3p:[];Q(L j=g.M-1;j>=0;--j)7(E.12(g[j],"1U")&&!g[j].3p.M)g[j].1a.34(g[j]);7(/^\\s/.17(d))1x.3o(h.5r(d.1D(/^\\s*/)[0]),1x.1C)}d=E.2I(1x.3p)}7(d.M===0&&(!E.12(d,"3u")&&!E.12(d,"2k")))K;7(d[0]==10||E.12(d,"3u")||d.11)k.1g(d);N k=E.37(k,d)});K k},1J:J(d,e,c){7(!d||d.15==3||d.15==8)K 10;L f=E.3E(d)?{}:E.46;7(e=="2p"&&E.14.2d)d.1a.3T;7(f[e]){7(c!=10)d[f[e]]=c;K d[f[e]]}N 7(E.14.1d&&e=="W")K E.1J(d.W,"9u",c);N 7(c==10&&E.14.1d&&E.12(d,"3u")&&(e=="9r"||e=="9o"))K d.9m(e).6K;N 7(d.28){7(c!=10){7(e=="U"&&E.12(d,"4D")&&d.1a)6Q"U 9i 9h\'t 9g 9e";d.9b(e,""+c)}7(E.14.1d&&/6O|3Q/.17(e)&&!E.3E(d))K d.4z(e,2);K d.4z(e)}N{7(e=="1w"&&E.14.1d){7(c!=10){d.6k=1;d.1E=(d.1E||"").1r(/6M\\([^)]*\\)/,"")+(2M(c).3X()=="96"?"":"6M(1w="+c*6L+")")}K d.1E&&d.1E.1f("1w=")>=0?(2M(d.1E.1D(/1w=([^)]*)/)[1])/6L).3X():""}e=e.1r(/-([a-z])/95,J(a,b){K b.2E()});7(c!=10)d[e]=c;K d[e]}},3g:J(a){K(a||"").1r(/^\\s+|\\s+$/g,"")},2I:J(b){L a=[];7(1o b!="93")Q(L i=0,M=b.M;i<M;i++)a.1g(b[i]);N a=b.2K(0);K a},33:J(b,a){Q(L i=0,M=a.M;i<M;i++)7(a[i]==b)K i;K-1},37:J(a,b){7(E.14.1d){Q(L i=0;b[i];i++)7(b[i].15!=8)a.1g(b[i])}N Q(L i=0;b[i];i++)a.1g(b[i]);K a},57:J(a){L c=[],2r={};1S{Q(L i=0,M=a.M;i<M;i++){L b=E.O(a[i]);7(!2r[b]){2r[b]=P;c.1g(a[i])}}}1X(e){c=a}K c},3y:J(c,a,d){L b=[];Q(L i=0,M=c.M;i<M;i++)7(!d&&a(c[i],i)||d&&!a(c[i],i))b.1g(c[i]);K b},2c:J(d,a){L c=[];Q(L i=0,M=d.M;i<M;i++){L b=a(d[i],i);7(b!==V&&b!=10){7(b.1k!=1M)b=[b];c=c.71(b)}}K c}});L v=8Y.8W.2h();E.14={5K:(v.1D(/.+(?:8T|8S|8R|8O)[\\/: ]([\\d.]+)/)||[])[1],2d:/77/.17(v),2z:/2z/.17(v),1d:/1d/.17(v)&&!/2z/.17(v),48:/48/.17(v)&&!/(8L|77)/.17(v)};L y=E.14.1d?"6H":"75";E.1s({8I:!E.14.1d||T.6F=="79",46:{"Q":"8F","8E":"1t","4g":y,75:y,6H:y,3d:"3d",1t:"1t",1A:"1A",2Y:"2Y",3k:"3k",8C:"8B",2p:"2p",8A:"8z",3T:"3T",6C:"6C",28:"28",12:"12"}});E.R({6B:J(a){K a.1a},8y:J(a){K E.4u(a,"1a")},8x:J(a){K E.2Z(a,2,"2B")},8v:J(a){K E.2Z(a,2,"4t")},8u:J(a){K E.4u(a,"2B")},8t:J(a){K E.4u(a,"4t")},8s:J(a){K E.5i(a.1a.1C,a)},8r:J(a){K E.5i(a.1C)},6z:J(a){K E.12(a,"8q")?a.8o||a.8n.T:E.2I(a.3p)}},J(c,d){E.1n[c]=J(b){L a=E.2c(6,d);7(b&&1o b=="25")a=E.3e(b,a);K 6.2F(E.57(a))}});E.R({6y:"3t",8m:"6q",3o:"6o",8l:"5a",8k:"6S"},J(c,b){E.1n[c]=J(){L a=18;K 6.R(J(){Q(L i=0,M=a.M;i<M;i++)E(a[i])[b](6)})}});E.R({8j:J(a){E.1J(6,a,"");7(6.15==1)6.52(a)},8i:J(a){E.1t.1b(6,a)},8h:J(a){E.1t.1V(6,a)},8g:J(a){E.1t[E.1t.3Y(6,a)?"1V":"1b"](6,a)},1V:J(a){7(!a||E.1E(a,[6]).r.M){E("*",6).1b(6).R(J(){E.16.1V(6);E.35(6)});7(6.1a)6.1a.34(6)}},4x:J(){E(">*",6).1V();2b(6.1C)6.34(6.1C)}},J(a,b){E.1n[a]=J(){K 6.R(b,18)}});E.R(["8f","5X"],J(i,c){L b=c.2h();E.1n[b]=J(a){K 6[0]==1e?E.14.2z&&T.1h["5e"+c]||E.14.2d&&1e["8e"+c]||T.6F=="79"&&T.1F["5e"+c]||T.1h["5e"+c]:6[0]==T?24.2f(24.2f(T.1h["5d"+c],T.1F["5d"+c]),24.2f(T.1h["5L"+c],T.1F["5L"+c])):a==10?(6.M?E.1j(6[0],b):V):6.1j(b,a.1k==4e?a:a+"2S")}});L C=E.14.2d&&4s(E.14.5K)<8c?"(?:[\\\\w*4r-]|\\\\\\\\.)":"(?:[\\\\w\\8b-\\8a*4r-]|\\\\\\\\.)",6v=1B 4q("^>\\\\s*("+C+"+)"),6u=1B 4q("^("+C+"+)(#)("+C+"+)"),6s=1B 4q("^([#.]?)("+C+"*)");E.1s({6r:{"":J(a,i,m){K m[2]=="*"||E.12(a,m[2])},"#":J(a,i,m){K a.4z("2w")==m[2]},":":{89:J(a,i,m){K i<m[3]-0},88:J(a,i,m){K i>m[3]-0},2Z:J(a,i,m){K m[3]-0==i},6Z:J(a,i,m){K m[3]-0==i},3j:J(a,i){K i==0},3J:J(a,i,m,r){K i==r.M-1},6n:J(a,i){K i%2==0},6l:J(a,i){K i%2},"3j-4p":J(a){K a.1a.3S("*")[0]==a},"3J-4p":J(a){K E.2Z(a.1a.5o,1,"4t")==a},"83-4p":J(a){K!E.2Z(a.1a.5o,2,"4t")},6B:J(a){K a.1C},4x:J(a){K!a.1C},82:J(a,i,m){K(a.6x||a.81||E(a).1u()||"").1f(m[3])>=0},4d:J(a){K"1Z"!=a.U&&E.1j(a,"19")!="2H"&&E.1j(a,"4U")!="1Z"},1Z:J(a){K"1Z"==a.U||E.1j(a,"19")=="2H"||E.1j(a,"4U")=="1Z"},80:J(a){K!a.2Y},2Y:J(a){K a.2Y},3k:J(a){K a.3k},2p:J(a){K a.2p||E.1J(a,"2p")},1u:J(a){K"1u"==a.U},5u:J(a){K"5u"==a.U},5t:J(a){K"5t"==a.U},59:J(a){K"59"==a.U},3I:J(a){K"3I"==a.U},58:J(a){K"58"==a.U},6j:J(a){K"6j"==a.U},6i:J(a){K"6i"==a.U},2G:J(a){K"2G"==a.U||E.12(a,"2G")},4D:J(a){K/4D|2k|6h|2G/i.17(a.12)},3Y:J(a,i,m){K E.2s(m[3],a).M},7X:J(a){K/h\\d/i.17(a.12)},7W:J(a){K E.3y(E.3G,J(b){K a==b.Y}).M}}},6g:[/^(\\[) *@?([\\w-]+) *([!*$^~=]*) *(\'?"?)(.*?)\\4 *\\]/,/^(:)([\\w-]+)\\("?\'?(.*?(\\(.*?\\))?[^(]*?)"?\'?\\)/,1B 4q("^([:.#]*)("+C+"+)")],3e:J(a,c,b){L d,2m=[];2b(a&&a!=d){d=a;L f=E.1E(a,c,b);a=f.t.1r(/^\\s*,\\s*/,"");2m=b?c=f.r:E.37(2m,f.r)}K 2m},2s:J(t,p){7(1o t!="25")K[t];7(p&&p.15!=1&&p.15!=9)K[];p=p||T;L d=[p],2r=[],3J,12;2b(t&&3J!=t){L r=[];3J=t;t=E.3g(t);L o=S;L g=6v;L m=g.2O(t);7(m){12=m[1].2E();Q(L i=0;d[i];i++)Q(L c=d[i].1C;c;c=c.2B)7(c.15==1&&(12=="*"||c.12.2E()==12))r.1g(c);d=r;t=t.1r(g,"");7(t.1f(" ")==0)6w;o=P}N{g=/^([>+~])\\s*(\\w*)/i;7((m=g.2O(t))!=V){r=[];L l={};12=m[2].2E();m=m[1];Q(L j=0,3f=d.M;j<3f;j++){L n=m=="~"||m=="+"?d[j].2B:d[j].1C;Q(;n;n=n.2B)7(n.15==1){L h=E.O(n);7(m=="~"&&l[h])1Q;7(!12||n.12.2E()==12){7(m=="~")l[h]=P;r.1g(n)}7(m=="+")1Q}}d=r;t=E.3g(t.1r(g,""));o=P}}7(t&&!o){7(!t.1f(",")){7(p==d[0])d.4l();2r=E.37(2r,d);r=d=[p];t=" "+t.6e(1,t.M)}N{L k=6u;L m=k.2O(t);7(m){m=[0,m[2],m[3],m[1]]}N{k=6s;m=k.2O(t)}m[2]=m[2].1r(/\\\\/g,"");L f=d[d.M-1];7(m[1]=="#"&&f&&f.5J&&!E.3E(f)){L q=f.5J(m[2]);7((E.14.1d||E.14.2z)&&q&&1o q.2w=="25"&&q.2w!=m[2])q=E(\'[@2w="\'+m[2]+\'"]\',f)[0];d=r=q&&(!m[3]||E.12(q,m[3]))?[q]:[]}N{Q(L i=0;d[i];i++){L a=m[1]=="#"&&m[3]?m[3]:m[1]!=""||m[0]==""?"*":m[2];7(a=="*"&&d[i].12.2h()=="3V")a="3m";r=E.37(r,d[i].3S(a))}7(m[1]==".")r=E.55(r,m[2]);7(m[1]=="#"){L e=[];Q(L i=0;r[i];i++)7(r[i].4z("2w")==m[2]){e=[r[i]];1Q}r=e}d=r}t=t.1r(k,"")}}7(t){L b=E.1E(t,r);d=r=b.r;t=E.3g(b.t)}}7(t)d=[];7(d&&p==d[0])d.4l();2r=E.37(2r,d);K 2r},55:J(r,m,a){m=" "+m+" ";L c=[];Q(L i=0;r[i];i++){L b=(" "+r[i].1t+" ").1f(m)>=0;7(!a&&b||a&&!b)c.1g(r[i])}K c},1E:J(t,r,h){L d;2b(t&&t!=d){d=t;L p=E.6g,m;Q(L i=0;p[i];i++){m=p[i].2O(t);7(m){t=t.7V(m[0].M);m[2]=m[2].1r(/\\\\/g,"");1Q}}7(!m)1Q;7(m[1]==":"&&m[2]=="56")r=G.17(m[3])?E.1E(m[3],r,P).r:E(r).56(m[3]);N 7(m[1]==".")r=E.55(r,m[2],h);N 7(m[1]=="["){L g=[],U=m[3];Q(L i=0,3f=r.M;i<3f;i++){L a=r[i],z=a[E.46[m[2]]||m[2]];7(z==V||/6O|3Q|2p/.17(m[2]))z=E.1J(a,m[2])||\'\';7((U==""&&!!z||U=="="&&z==m[5]||U=="!="&&z!=m[5]||U=="^="&&z&&!z.1f(m[5])||U=="$="&&z.6e(z.M-m[5].M)==m[5]||(U=="*="||U=="~=")&&z.1f(m[5])>=0)^h)g.1g(a)}r=g}N 7(m[1]==":"&&m[2]=="2Z-4p"){L e={},g=[],17=/(-?)(\\d*)n((?:\\+|-)?\\d*)/.2O(m[3]=="6n"&&"2n"||m[3]=="6l"&&"2n+1"||!/\\D/.17(m[3])&&"7U+"+m[3]||m[3]),3j=(17[1]+(17[2]||1))-0,d=17[3]-0;Q(L i=0,3f=r.M;i<3f;i++){L j=r[i],1a=j.1a,2w=E.O(1a);7(!e[2w]){L c=1;Q(L n=1a.1C;n;n=n.2B)7(n.15==1)n.4k=c++;e[2w]=P}L b=S;7(3j==0){7(j.4k==d)b=P}N 7((j.4k-d)%3j==0&&(j.4k-d)/3j>=0)b=P;7(b^h)g.1g(j)}r=g}N{L f=E.6r[m[1]];7(1o f=="3V")f=f[m[2]];7(1o f=="25")f=6c("S||J(a,i){K "+f+";}");r=E.3y(r,J(a,i){K f(a,i,m,r)},h)}}K{r:r,t:t}},4u:J(b,c){L d=[];L a=b[c];2b(a&&a!=T){7(a.15==1)d.1g(a);a=a[c]}K d},2Z:J(a,e,c,b){e=e||1;L d=0;Q(;a;a=a[c])7(a.15==1&&++d==e)1Q;K a},5i:J(n,a){L r=[];Q(;n;n=n.2B){7(n.15==1&&(!a||n!=a))r.1g(n)}K r}});E.16={1b:J(f,i,g,e){7(f.15==3||f.15==8)K;7(E.14.1d&&f.53!=10)f=1e;7(!g.2D)g.2D=6.2D++;7(e!=10){L h=g;g=J(){K h.1i(6,18)};g.O=e;g.2D=h.2D}L j=E.O(f,"2R")||E.O(f,"2R",{}),1v=E.O(f,"1v")||E.O(f,"1v",J(){L a;7(1o E=="10"||E.16.5f)K a;a=E.16.1v.1i(18.3R.Y,18);K a});1v.Y=f;E.R(i.23(/\\s+/),J(c,b){L a=b.23(".");b=a[0];g.U=a[1];L d=j[b];7(!d){d=j[b]={};7(!E.16.2y[b]||E.16.2y[b].4j.1P(f)===S){7(f.3F)f.3F(b,1v,S);N 7(f.6b)f.6b("4i"+b,1v)}}d[g.2D]=g;E.16.2a[b]=P});f=V},2D:1,2a:{},1V:J(e,h,f){7(e.15==3||e.15==8)K;L i=E.O(e,"2R"),29,4X;7(i){7(h==10||(1o h=="25"&&h.7T(0)=="."))Q(L g 1p i)6.1V(e,g+(h||""));N{7(h.U){f=h.2q;h=h.U}E.R(h.23(/\\s+/),J(b,a){L c=a.23(".");a=c[0];7(i[a]){7(f)2V i[a][f.2D];N Q(f 1p i[a])7(!c[1]||i[a][f].U==c[1])2V i[a][f];Q(29 1p i[a])1Q;7(!29){7(!E.16.2y[a]||E.16.2y[a].4h.1P(e)===S){7(e.67)e.67(a,E.O(e,"1v"),S);N 7(e.66)e.66("4i"+a,E.O(e,"1v"))}29=V;2V i[a]}}})}Q(29 1p i)1Q;7(!29){L d=E.O(e,"1v");7(d)d.Y=V;E.35(e,"2R");E.35(e,"1v")}}},1N:J(g,c,d,f,h){c=E.2I(c||[]);7(g.1f("!")>=0){g=g.2K(0,-1);L a=P}7(!d){7(6.2a[g])E("*").1b([1e,T]).1N(g,c)}N{7(d.15==3||d.15==8)K 10;L b,29,1n=E.1q(d[g]||V),16=!c[0]||!c[0].36;7(16)c.4J(6.4Z({U:g,2L:d}));c[0].U=g;7(a)c[0].65=P;7(E.1q(E.O(d,"1v")))b=E.O(d,"1v").1i(d,c);7(!1n&&d["4i"+g]&&d["4i"+g].1i(d,c)===S)b=S;7(16)c.4l();7(h&&E.1q(h)){29=h.1i(d,b==V?c:c.71(b));7(29!==10)b=29}7(1n&&f!==S&&b!==S&&!(E.12(d,\'a\')&&g=="4V")){6.5f=P;1S{d[g]()}1X(e){}}6.5f=S}K b},1v:J(c){L a;c=E.16.4Z(c||1e.16||{});L b=c.U.23(".");c.U=b[0];L f=E.O(6,"2R")&&E.O(6,"2R")[c.U],42=1M.2l.2K.1P(18,1);42.4J(c);Q(L j 1p f){L d=f[j];42[0].2q=d;42[0].O=d.O;7(!b[1]&&!c.65||d.U==b[1]){L e=d.1i(6,42);7(a!==S)a=e;7(e===S){c.36();c.44()}}}7(E.14.1d)c.2L=c.36=c.44=c.2q=c.O=V;K a},4Z:J(c){L a=c;c=E.1s({},a);c.36=J(){7(a.36)a.36();a.7S=S};c.44=J(){7(a.44)a.44();a.7R=P};7(!c.2L)c.2L=c.7Q||T;7(c.2L.15==3)c.2L=a.2L.1a;7(!c.4S&&c.5w)c.4S=c.5w==c.2L?c.7P:c.5w;7(c.64==V&&c.63!=V){L b=T.1F,1h=T.1h;c.64=c.63+(b&&b.2v||1h&&1h.2v||0)-(b.62||0);c.7N=c.7L+(b&&b.2x||1h&&1h.2x||0)-(b.60||0)}7(!c.3c&&((c.4f||c.4f===0)?c.4f:c.5Z))c.3c=c.4f||c.5Z;7(!c.7b&&c.5Y)c.7b=c.5Y;7(!c.3c&&c.2G)c.3c=(c.2G&1?1:(c.2G&2?3:(c.2G&4?2:0)));K c},2y:{21:{4j:J(){5M();K},4h:J(){K}},3C:{4j:J(){7(E.14.1d)K S;E(6).2j("4P",E.16.2y.3C.2q);K P},4h:J(){7(E.14.1d)K S;E(6).3w("4P",E.16.2y.3C.2q);K P},2q:J(a){7(I(a,6))K P;18[0].U="3C";K E.16.1v.1i(6,18)}},3B:{4j:J(){7(E.14.1d)K S;E(6).2j("4O",E.16.2y.3B.2q);K P},4h:J(){7(E.14.1d)K S;E(6).3w("4O",E.16.2y.3B.2q);K P},2q:J(a){7(I(a,6))K P;18[0].U="3B";K E.16.1v.1i(6,18)}}}};E.1n.1s({2j:J(c,a,b){K c=="4H"?6.2X(c,a,b):6.R(J(){E.16.1b(6,c,b||a,b&&a)})},2X:J(d,b,c){K 6.R(J(){E.16.1b(6,d,J(a){E(6).3w(a);K(c||b).1i(6,18)},c&&b)})},3w:J(a,b){K 6.R(J(){E.16.1V(6,a,b)})},1N:J(c,a,b){K 6.R(J(){E.16.1N(c,a,6,P,b)})},5n:J(c,a,b){7(6[0])K E.16.1N(c,a,6[0],S,b);K 10},2g:J(){L b=18;K 6.4V(J(a){6.4N=0==6.4N?1:0;a.36();K b[6.4N].1i(6,18)||S})},7D:J(a,b){K 6.2j(\'3C\',a).2j(\'3B\',b)},21:J(a){5M();7(E.2Q)a.1P(T,E);N E.3A.1g(J(){K a.1P(6,E)});K 6}});E.1s({2Q:S,3A:[],21:J(){7(!E.2Q){E.2Q=P;7(E.3A){E.R(E.3A,J(){6.1i(T)});E.3A=V}E(T).5n("21")}}});L x=S;J 5M(){7(x)K;x=P;7(T.3F&&!E.14.2z)T.3F("5W",E.21,S);7(E.14.1d&&1e==3b)(J(){7(E.2Q)K;1S{T.1F.7B("26")}1X(3a){3z(18.3R,0);K}E.21()})();7(E.14.2z)T.3F("5W",J(){7(E.2Q)K;Q(L i=0;i<T.4L.M;i++)7(T.4L[i].2Y){3z(18.3R,0);K}E.21()},S);7(E.14.2d){L a;(J(){7(E.2Q)K;7(T.39!="5V"&&T.39!="1y"){3z(18.3R,0);K}7(a===10)a=E("W, 7a[7A=7z]").M;7(T.4L.M!=a){3z(18.3R,0);K}E.21()})()}E.16.1b(1e,"3U",E.21)}E.R(("7y,7x,3U,7w,5d,4H,4V,7v,"+"7G,7u,7t,4P,4O,7s,2k,"+"58,7K,7q,7p,3a").23(","),J(i,b){E.1n[b]=J(a){K a?6.2j(b,a):6.1N(b)}});L I=J(a,c){L b=a.4S;2b(b&&b!=c)1S{b=b.1a}1X(3a){b=c}K b==c};E(1e).2j("4H",J(){E("*").1b(T).3w()});E.1n.1s({3U:J(g,d,c){7(E.1q(g))K 6.2j("3U",g);L e=g.1f(" ");7(e>=0){L i=g.2K(e,g.M);g=g.2K(0,e)}c=c||J(){};L f="4Q";7(d)7(E.1q(d)){c=d;d=V}N{d=E.3m(d);f="61"}L h=6;E.3P({1c:g,U:f,1H:"3q",O:d,1y:J(a,b){7(b=="1W"||b=="5U")h.3q(i?E("<1x/>").3t(a.4b.1r(/<1m(.|\\s)*?\\/1m>/g,"")).2s(i):a.4b);h.R(c,[a.4b,b,a])}});K 6},7n:J(){K E.3m(6.5T())},5T:J(){K 6.2c(J(){K E.12(6,"3u")?E.2I(6.7m):6}).1E(J(){K 6.31&&!6.2Y&&(6.3k||/2k|6h/i.17(6.12)||/1u|1Z|3I/i.17(6.U))}).2c(J(i,c){L b=E(6).5O();K b==V?V:b.1k==1M?E.2c(b,J(a,i){K{31:c.31,1A:a}}):{31:c.31,1A:b}}).22()}});E.R("5S,6d,5R,6D,5Q,6m".23(","),J(i,o){E.1n[o]=J(f){K 6.2j(o,f)}});L B=(1B 3v).3L();E.1s({22:J(d,b,a,c){7(E.1q(b)){a=b;b=V}K E.3P({U:"4Q",1c:d,O:b,1W:a,1H:c})},7l:J(b,a){K E.22(b,V,a,"1m")},7k:J(c,b,a){K E.22(c,b,a,"3i")},7i:J(d,b,a,c){7(E.1q(b)){a=b;b={}}K E.3P({U:"61",1c:d,O:b,1W:a,1H:c})},85:J(a){E.1s(E.4I,a)},4I:{2a:P,U:"4Q",2U:0,5P:"4o/x-7h-3u-7g",5N:P,3l:P,O:V,6p:V,3I:V,49:{3M:"4o/3M, 1u/3M",3q:"1u/3q",1m:"1u/4m, 4o/4m",3i:"4o/3i, 1u/4m",1u:"1u/a7",4G:"*/*"}},4F:{},3P:J(s){L f,2W=/=\\?(&|$)/g,1z,O;s=E.1s(P,s,E.1s(P,{},E.4I,s));7(s.O&&s.5N&&1o s.O!="25")s.O=E.3m(s.O);7(s.1H=="4E"){7(s.U.2h()=="22"){7(!s.1c.1D(2W))s.1c+=(s.1c.1D(/\\?/)?"&":"?")+(s.4E||"7d")+"=?"}N 7(!s.O||!s.O.1D(2W))s.O=(s.O?s.O+"&":"")+(s.4E||"7d")+"=?";s.1H="3i"}7(s.1H=="3i"&&(s.O&&s.O.1D(2W)||s.1c.1D(2W))){f="4E"+B++;7(s.O)s.O=(s.O+"").1r(2W,"="+f+"$1");s.1c=s.1c.1r(2W,"="+f+"$1");s.1H="1m";1e[f]=J(a){O=a;1W();1y();1e[f]=10;1S{2V 1e[f]}1X(e){}7(h)h.34(g)}}7(s.1H=="1m"&&s.1T==V)s.1T=S;7(s.1T===S&&s.U.2h()=="22"){L i=(1B 3v()).3L();L j=s.1c.1r(/(\\?|&)4r=.*?(&|$)/,"$a4="+i+"$2");s.1c=j+((j==s.1c)?(s.1c.1D(/\\?/)?"&":"?")+"4r="+i:"")}7(s.O&&s.U.2h()=="22"){s.1c+=(s.1c.1D(/\\?/)?"&":"?")+s.O;s.O=V}7(s.2a&&!E.5H++)E.16.1N("5S");7((!s.1c.1f("a3")||!s.1c.1f("//"))&&s.1H=="1m"&&s.U.2h()=="22"){L h=T.3S("6f")[0];L g=T.3s("1m");g.3Q=s.1c;7(s.7c)g.a2=s.7c;7(!f){L l=S;g.9Z=g.9Y=J(){7(!l&&(!6.39||6.39=="5V"||6.39=="1y")){l=P;1W();1y();h.34(g)}}}h.38(g);K 10}L m=S;L k=1e.78?1B 78("9X.9V"):1B 76();k.9T(s.U,s.1c,s.3l,s.6p,s.3I);1S{7(s.O)k.4C("9R-9Q",s.5P);7(s.5C)k.4C("9O-5A-9N",E.4F[s.1c]||"9L, 9K 9I 9H 5z:5z:5z 9F");k.4C("X-9C-9A","76");k.4C("9z",s.1H&&s.49[s.1H]?s.49[s.1H]+", */*":s.49.4G)}1X(e){}7(s.6Y)s.6Y(k);7(s.2a)E.16.1N("6m",[k,s]);L c=J(a){7(!m&&k&&(k.39==4||a=="2U")){m=P;7(d){6I(d);d=V}1z=a=="2U"&&"2U"||!E.6X(k)&&"3a"||s.5C&&E.6J(k,s.1c)&&"5U"||"1W";7(1z=="1W"){1S{O=E.6W(k,s.1H)}1X(e){1z="5x"}}7(1z=="1W"){L b;1S{b=k.5q("6U-5A")}1X(e){}7(s.5C&&b)E.4F[s.1c]=b;7(!f)1W()}N E.5v(s,k,1z);1y();7(s.3l)k=V}};7(s.3l){L d=53(c,13);7(s.2U>0)3z(J(){7(k){k.9t();7(!m)c("2U")}},s.2U)}1S{k.9s(s.O)}1X(e){E.5v(s,k,V,e)}7(!s.3l)c();J 1W(){7(s.1W)s.1W(O,1z);7(s.2a)E.16.1N("5Q",[k,s])}J 1y(){7(s.1y)s.1y(k,1z);7(s.2a)E.16.1N("5R",[k,s]);7(s.2a&&!--E.5H)E.16.1N("6d")}K k},5v:J(s,a,b,e){7(s.3a)s.3a(a,b,e);7(s.2a)E.16.1N("6D",[a,s,e])},5H:0,6X:J(r){1S{K!r.1z&&9q.9p=="59:"||(r.1z>=6T&&r.1z<9n)||r.1z==6R||r.1z==9l||E.14.2d&&r.1z==10}1X(e){}K S},6J:J(a,c){1S{L b=a.5q("6U-5A");K a.1z==6R||b==E.4F[c]||E.14.2d&&a.1z==10}1X(e){}K S},6W:J(r,b){L c=r.5q("9k-U");L d=b=="3M"||!b&&c&&c.1f("3M")>=0;L a=d?r.9j:r.4b;7(d&&a.1F.28=="5x")6Q"5x";7(b=="1m")E.5g(a);7(b=="3i")a=6c("("+a+")");K a},3m:J(a){L s=[];7(a.1k==1M||a.5h)E.R(a,J(){s.1g(3r(6.31)+"="+3r(6.1A))});N Q(L j 1p a)7(a[j]&&a[j].1k==1M)E.R(a[j],J(){s.1g(3r(j)+"="+3r(6))});N s.1g(3r(j)+"="+3r(a[j]));K s.6a("&").1r(/%20/g,"+")}});E.1n.1s({1G:J(c,b){K c?6.2e({1R:"1G",27:"1G",1w:"1G"},c,b):6.1E(":1Z").R(J(){6.W.19=6.5s||"";7(E.1j(6,"19")=="2H"){L a=E("<"+6.28+" />").6y("1h");6.W.19=a.1j("19");7(6.W.19=="2H")6.W.19="3D";a.1V()}}).3h()},1I:J(b,a){K b?6.2e({1R:"1I",27:"1I",1w:"1I"},b,a):6.1E(":4d").R(J(){6.5s=6.5s||E.1j(6,"19");6.W.19="2H"}).3h()},6N:E.1n.2g,2g:J(a,b){K E.1q(a)&&E.1q(b)?6.6N(a,b):a?6.2e({1R:"2g",27:"2g",1w:"2g"},a,b):6.R(J(){E(6)[E(6).3H(":1Z")?"1G":"1I"]()})},9f:J(b,a){K 6.2e({1R:"1G"},b,a)},9d:J(b,a){K 6.2e({1R:"1I"},b,a)},9c:J(b,a){K 6.2e({1R:"2g"},b,a)},9a:J(b,a){K 6.2e({1w:"1G"},b,a)},99:J(b,a){K 6.2e({1w:"1I"},b,a)},97:J(c,a,b){K 6.2e({1w:a},c,b)},2e:J(l,k,j,h){L i=E.6P(k,j,h);K 6[i.2P===S?"R":"2P"](J(){7(6.15!=1)K S;L g=E.1s({},i);L f=E(6).3H(":1Z"),4A=6;Q(L p 1p l){7(l[p]=="1I"&&f||l[p]=="1G"&&!f)K E.1q(g.1y)&&g.1y.1i(6);7(p=="1R"||p=="27"){g.19=E.1j(6,"19");g.32=6.W.32}}7(g.32!=V)6.W.32="1Z";g.40=E.1s({},l);E.R(l,J(c,a){L e=1B E.2t(4A,g,c);7(/2g|1G|1I/.17(a))e[a=="2g"?f?"1G":"1I":a](l);N{L b=a.3X().1D(/^([+-]=)?([\\d+-.]+)(.*)$/),1Y=e.2m(P)||0;7(b){L d=2M(b[2]),2A=b[3]||"2S";7(2A!="2S"){4A.W[c]=(d||1)+2A;1Y=((d||1)/e.2m(P))*1Y;4A.W[c]=1Y+2A}7(b[1])d=((b[1]=="-="?-1:1)*d)+1Y;e.45(1Y,d,2A)}N e.45(1Y,a,"")}});K P})},2P:J(a,b){7(E.1q(a)||(a&&a.1k==1M)){b=a;a="2t"}7(!a||(1o a=="25"&&!b))K A(6[0],a);K 6.R(J(){7(b.1k==1M)A(6,a,b);N{A(6,a).1g(b);7(A(6,a).M==1)b.1i(6)}})},94:J(b,c){L a=E.3G;7(b)6.2P([]);6.R(J(){Q(L i=a.M-1;i>=0;i--)7(a[i].Y==6){7(c)a[i](P);a.72(i,1)}});7(!c)6.5p();K 6}});L A=J(b,c,a){7(!b)K 10;c=c||"2t";L q=E.O(b,c+"2P");7(!q||a)q=E.O(b,c+"2P",a?E.2I(a):[]);K q};E.1n.5p=J(a){a=a||"2t";K 6.R(J(){L q=A(6,a);q.4l();7(q.M)q[0].1i(6)})};E.1s({6P:J(b,a,c){L d=b&&b.1k==92?b:{1y:c||!c&&a||E.1q(b)&&b,2u:b,3Z:c&&a||a&&a.1k!=91&&a};d.2u=(d.2u&&d.2u.1k==51?d.2u:{90:8Z,9D:6T}[d.2u])||8X;d.5y=d.1y;d.1y=J(){7(d.2P!==S)E(6).5p();7(E.1q(d.5y))d.5y.1i(6)};K d},3Z:{70:J(p,n,b,a){K b+a*p},5j:J(p,n,b,a){K((-24.8V(p*24.8U)/2)+0.5)*a+b}},3G:[],3W:V,2t:J(b,c,a){6.11=c;6.Y=b;6.1l=a;7(!c.47)c.47={}}});E.2t.2l={4y:J(){7(6.11.30)6.11.30.1i(6.Y,[6.2J,6]);(E.2t.30[6.1l]||E.2t.30.4G)(6);7(6.1l=="1R"||6.1l=="27")6.Y.W.19="3D"},2m:J(a){7(6.Y[6.1l]!=V&&6.Y.W[6.1l]==V)K 6.Y[6.1l];L r=2M(E.1j(6.Y,6.1l,a));K r&&r>-8Q?r:2M(E.2o(6.Y,6.1l))||0},45:J(c,b,d){6.5B=(1B 3v()).3L();6.1Y=c;6.3h=b;6.2A=d||6.2A||"2S";6.2J=6.1Y;6.4B=6.4w=0;6.4y();L e=6;J t(a){K e.30(a)}t.Y=6.Y;E.3G.1g(t);7(E.3W==V){E.3W=53(J(){L a=E.3G;Q(L i=0;i<a.M;i++)7(!a[i]())a.72(i--,1);7(!a.M){6I(E.3W);E.3W=V}},13)}},1G:J(){6.11.47[6.1l]=E.1J(6.Y.W,6.1l);6.11.1G=P;6.45(0,6.2m());7(6.1l=="27"||6.1l=="1R")6.Y.W[6.1l]="8N";E(6.Y).1G()},1I:J(){6.11.47[6.1l]=E.1J(6.Y.W,6.1l);6.11.1I=P;6.45(6.2m(),0)},30:J(a){L t=(1B 3v()).3L();7(a||t>6.11.2u+6.5B){6.2J=6.3h;6.4B=6.4w=1;6.4y();6.11.40[6.1l]=P;L b=P;Q(L i 1p 6.11.40)7(6.11.40[i]!==P)b=S;7(b){7(6.11.19!=V){6.Y.W.32=6.11.32;6.Y.W.19=6.11.19;7(E.1j(6.Y,"19")=="2H")6.Y.W.19="3D"}7(6.11.1I)6.Y.W.19="2H";7(6.11.1I||6.11.1G)Q(L p 1p 6.11.40)E.1J(6.Y.W,p,6.11.47[p])}7(b&&E.1q(6.11.1y))6.11.1y.1i(6.Y);K S}N{L n=t-6.5B;6.4w=n/6.11.2u;6.4B=E.3Z[6.11.3Z||(E.3Z.5j?"5j":"70")](6.4w,n,0,1,6.11.2u);6.2J=6.1Y+((6.3h-6.1Y)*6.4B);6.4y()}K P}};E.2t.30={2v:J(a){a.Y.2v=a.2J},2x:J(a){a.Y.2x=a.2J},1w:J(a){E.1J(a.Y.W,"1w",a.2J)},4G:J(a){a.Y.W[a.1l]=a.2J+a.2A}};E.1n.5L=J(){L b=0,3b=0,Y=6[0],5l;7(Y)8M(E.14){L d=Y.1a,41=Y,1K=Y.1K,1L=Y.2i,5D=2d&&4s(5K)<8J&&!/a1/i.17(v),2T=E.1j(Y,"43")=="2T";7(Y.6G){L c=Y.6G();1b(c.26+24.2f(1L.1F.2v,1L.1h.2v),c.3b+24.2f(1L.1F.2x,1L.1h.2x));1b(-1L.1F.62,-1L.1F.60)}N{1b(Y.5G,Y.5F);2b(1K){1b(1K.5G,1K.5F);7(48&&!/^t(8H|d|h)$/i.17(1K.28)||2d&&!5D)2N(1K);7(!2T&&E.1j(1K,"43")=="2T")2T=P;41=/^1h$/i.17(1K.28)?41:1K;1K=1K.1K}2b(d&&d.28&&!/^1h|3q$/i.17(d.28)){7(!/^8G|1O.*$/i.17(E.1j(d,"19")))1b(-d.2v,-d.2x);7(48&&E.1j(d,"32")!="4d")2N(d);d=d.1a}7((5D&&(2T||E.1j(41,"43")=="4W"))||(48&&E.1j(41,"43")!="4W"))1b(-1L.1h.5G,-1L.1h.5F);7(2T)1b(24.2f(1L.1F.2v,1L.1h.2v),24.2f(1L.1F.2x,1L.1h.2x))}5l={3b:3b,26:b}}J 2N(a){1b(E.2o(a,"a8",P),E.2o(a,"a9",P))}J 1b(l,t){b+=4s(l)||0;3b+=4s(t)||0}K 5l}})();',62,631,'||||||this|if||||||||||||||||||||||||||||||||||||||function|return|var|length|else|data|true|for|each|false|document|type|null|style||elem||undefined|options|nodeName||browser|nodeType|event|test|arguments|display|parentNode|add|url|msie|window|indexOf|push|body|apply|css|constructor|prop|script|fn|typeof|in|isFunction|replace|extend|className|text|handle|opacity|div|complete|status|value|new|firstChild|match|filter|documentElement|show|dataType|hide|attr|offsetParent|doc|Array|trigger|table|call|break|height|try|cache|tbody|remove|success|catch|start|hidden||ready|get|split|Math|string|left|width|tagName|ret|global|while|map|safari|animate|max|toggle|toLowerCase|ownerDocument|bind|select|prototype|cur||curCSS|selected|handler|done|find|fx|duration|scrollLeft|id|scrollTop|special|opera|unit|nextSibling|stack|guid|toUpperCase|pushStack|button|none|makeArray|now|slice|target|parseFloat|border|exec|queue|isReady|events|px|fixed|timeout|delete|jsre|one|disabled|nth|step|name|overflow|inArray|removeChild|removeData|preventDefault|merge|appendChild|readyState|error|top|which|innerHTML|multiFilter|rl|trim|end|json|first|checked|async|param|elems|insertBefore|childNodes|html|encodeURIComponent|createElement|append|form|Date|unbind|color|grep|setTimeout|readyList|mouseleave|mouseenter|block|isXMLDoc|addEventListener|timers|is|password|last|runtimeStyle|getTime|xml|jQuery|domManip|ajax|src|callee|getElementsByTagName|selectedIndex|load|object|timerId|toString|has|easing|curAnim|offsetChild|args|position|stopPropagation|custom|props|orig|mozilla|accepts|clean|responseText|defaultView|visible|String|charCode|float|teardown|on|setup|nodeIndex|shift|javascript|currentStyle|application|child|RegExp|_|parseInt|previousSibling|dir|tr|state|empty|update|getAttribute|self|pos|setRequestHeader|input|jsonp|lastModified|_default|unload|ajaxSettings|unshift|getComputedStyle|styleSheets|getPropertyValue|lastToggle|mouseout|mouseover|GET|andSelf|relatedTarget|init|visibility|click|absolute|index|container|fix|outline|Number|removeAttribute|setInterval|prevObject|classFilter|not|unique|submit|file|after|windowData|deep|scroll|client|triggered|globalEval|jquery|sibling|swing|clone|results|wrapAll|triggerHandler|lastChild|dequeue|getResponseHeader|createTextNode|oldblock|checkbox|radio|handleError|fromElement|parsererror|old|00|Modified|startTime|ifModified|safari2|getWH|offsetTop|offsetLeft|active|values|getElementById|version|offset|bindReady|processData|val|contentType|ajaxSuccess|ajaxComplete|ajaxStart|serializeArray|notmodified|loaded|DOMContentLoaded|Width|ctrlKey|keyCode|clientTop|POST|clientLeft|clientX|pageX|exclusive|detachEvent|removeEventListener|swap|cloneNode|join|attachEvent|eval|ajaxStop|substr|head|parse|textarea|reset|image|zoom|odd|ajaxSend|even|before|username|prepend|expr|quickClass|uuid|quickID|quickChild|continue|textContent|appendTo|contents|evalScript|parent|defaultValue|ajaxError|setArray|compatMode|getBoundingClientRect|styleFloat|clearInterval|httpNotModified|nodeValue|100|alpha|_toggle|href|speed|throw|304|replaceWith|200|Last|colgroup|httpData|httpSuccess|beforeSend|eq|linear|concat|splice|fieldset|multiple|cssFloat|XMLHttpRequest|webkit|ActiveXObject|CSS1Compat|link|metaKey|scriptCharset|callback|col|pixelLeft|urlencoded|www|post|hasClass|getJSON|getScript|elements|serialize|black|keyup|keypress|solid|change|mousemove|mouseup|dblclick|resize|focus|blur|stylesheet|rel|doScroll|round|hover|padding|offsetHeight|mousedown|offsetWidth|Bottom|Top|keydown|clientY|Right|pageY|Left|toElement|srcElement|cancelBubble|returnValue|charAt|0n|substring|animated|header|noConflict|line|enabled|innerText|contains|only|weight|ajaxSetup|font|size|gt|lt|uFFFF|u0128|417|Boolean|inner|Height|toggleClass|removeClass|addClass|removeAttr|replaceAll|insertAfter|prependTo|contentWindow|contentDocument|wrap|iframe|children|siblings|prevAll|nextAll|prev|wrapInner|next|parents|maxLength|maxlength|readOnly|readonly|reverse|class|htmlFor|inline|able|boxModel|522|setData|compatible|with|1px|ie|getData|10000|ra|it|rv|PI|cos|userAgent|400|navigator|600|slow|Function|Object|array|stop|ig|NaN|fadeTo|option|fadeOut|fadeIn|setAttribute|slideToggle|slideUp|changed|slideDown|be|can|property|responseXML|content|1223|getAttributeNode|300|method|protocol|location|action|send|abort|cssText|th|td|cap|specified|Accept|With|colg|Requested|fast|tfoot|GMT|thead|1970|Jan|attributes|01|Thu|leg|Since|If|opt|Type|Content|embed|open|area|XMLHTTP|hr|Microsoft|onreadystatechange|onload|meta|adobeair|charset|http|1_|img|br|plain|borderLeftWidth|borderTopWidth|abbr'.split('|'),0,{}))<br />
<br />
//]]><br />
</script><br />
<br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
/*<br />
* Image preview script<br />
* powered by jQuery (http://www.jquery.com)<br />
*<br />
* written by Alen Grakalic (http://cssglobe.com)<br />
*<br />
* for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery<br />
*<br />
*/<br />
<br />
this.imagePreview = function(){<br />
/* CONFIG */<br />
<br />
xOffset = 10;<br />
yOffset = 30;<br />
<br />
// these 2 variable determine popup's distance from the cursor<br />
// you might want to adjust to get the right result<br />
<br />
/* END CONFIG */<br />
$("a.preview").hover(function(e){<br />
this.t = this.title;<br />
this.title = "";<br />
var c = (this.t != "") ? "<br/>" + this.t : "";<br />
$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>"); <br />
$("#preview")<br />
.css("top",(e.pageY - xOffset) + "px")<br />
.css("left",(e.pageX + yOffset) + "px")<br />
.fadeIn("fast"); <br />
},<br />
function(){<br />
this.title = this.t;<br />
$("#preview").remove();<br />
});<br />
$("a.preview").mousemove(function(e){<br />
$("#preview")<br />
.css("top",(e.pageY - xOffset) + "px")<br />
.css("left",(e.pageX + yOffset) + "px");<br />
});<br />
};<br />
<br />
<br />
// starting the script on page load<br />
$(document).ready(function(){<br />
imagePreview();<br />
});<br />
<br />
//]]><br />
</script><br />
<br />
<style><br />
#preview{<br />
position:absolute;<br />
border:1px solid #ccc;<br />
background:#333;<br />
padding:5px;<br />
display:none;<br />
color:#fff;<br />
}<br />
</style></div>
<br />
<br />
<br />
<br />
Now when you add a image use below html structure:<br />
<br />
<div class="code">
<span style="font-size: 130%;"><a href="<span style="color: #ff6600; font-weight: bold;">Large-Image-Address</span>" class="preview" title="<span style="color: #3333ff; font-weight: bold;">Image-Title</span>"><img src="<span style="color: #ff6600; font-weight: bold;">Small-Image-Address</span>" alt="gallery thumbnail" /></a></span></div>
<br />
<br />
<br />
Look at the example below:<br />
<br />
<div class="code">
<a href="<span style="color: #ff6600; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipupmxTXOHtMJDuAVPfPgonvhs0nV28PWfsmVP6Ze2WrpGRhouiU00hiSZdUSV-Y9uNvRhh4_Rwubg4IvXpPSxLIsdy8OWqOc0tcH33onNnz-HdQNTZPqKZWbDEczrnxmvGYozh7oAx9hS/+large.jpg</span>" class="preview" title="<span style="color: #3333ff; font-weight: bold;">Beautiful Lonely Beach</span>"><img src="<span style="color: #ff6600; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtJFV6JM7CErJZubcQPFpYiPSl9CN9HD-Xq2lZOJhcw3KEXHfwuhICGbh7uzCpetJjHsndYx35xrgT45xNyHWUF4tHJQ2w2aVhSIro8FqlvrKt5NabjHtNeT-RjMRFzVerizxLNGqvmzaX/+small.jpg</span>" alt="gallery thumbnail" /></a></div>
<br />
<br />
<br />
<b>Note</b>: If you want to <span class="Apple-style-span" style="color: blue;">remove caption</span>, remove the <span class="Apple-style-span" style="color: red;">title attribute</span> from above code.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Add ToolTip (On Hover Text) To Your Blog/Website </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/h8dzqk" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfpRMRKE6FsVhoovmsy2_rljDSHXN_TLBtgF_LgK05Wm6WAnzxfNKs5-KtQF6XknUfqF322PC-foMZZkWb_Zdv3yCAb4dV3US0phUiKobMuqstm6BXmP0GPtl6x9X6jfESyk_bXXENbKn/s1600/Css-tooltip.jpg" /></a></div>
<br />
<br />
1.Login to your blogger dashboard--> Design- -> Edit HTML<br />
<br />
2.Scroll down to where you see <span style="color: red; font-weight: bold;"></head></span> tag .<br />
<br />
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span style="color: red;"></head></span> tag .<br />
<br />
<div class="code">
<!--TOOLTIP-STARTS--><br />
<br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style type='text/css'><br />
<br />
a{<br />
<br />
z-index:10;<br />
<br />
}<br />
<br />
a:hover{<br />
<br />
position:relative;<br />
<br />
z-index:100;<br />
<br />
} <br />
<br />
a span{<br />
<br />
display:none;<br />
<br />
}<br />
<br />
a:hover span{<br />
<br />
display:block;<br />
<br />
<div style="color: red;">
position:absolute;</div>
<div style="color: red;">
float:left;</div>
<div style="color: red;">
white-space:nowrap;</div>
<div style="color: red;">
top:-2.2em;</div>
<div style="color: red;">
left:.5em;</div>
<div style="color: red;">
background:#fffcd1;</div>
<div style="color: red;">
border:1px solid #444;</div>
<div style="color: red;">
color:#444;</div>
<div style="color: red;">
padding:1px 5px;</div>
<div style="color: red;">
z-index:10;</div>
}<br />
<br />
</style><br />
<br />
<!--TOOLTIP-STOPS-http://24works.blogspot.com--></div>
<br />
<br />
<br />
You may modify the code in red as per your wish and then save the template.<br />
<br />
And now onwards, add code similar to this to any link, if you want to display tooltip over it.<br />
<br />
<div class="code">
<a href="#"><span style="color: blue;">Link-Title</span> <span><span style="color: red;">Hidden-Tooltip</span></span></a></div>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com2tag:blogger.com,1999:blog-404186049558999833.post-10460302211703486142010-12-19T12:39:00.000-08:002013-02-05T22:10:02.887-08:00Animated Recent posts for blogger with thumbnails and Simple Spy<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/fQknQ5" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggqR9NSIsHhD6nMjxg71kLxPjHPlOhokqzwp58VQNqTWYc2H9FzhSHKn4ONUifyP9LLicPs2IFNdaPflnOtdzhlcGflPUBK-iu8cRX2O7fOlXMnzobvcIgjcGQuuA7uFMO4nNn5JaY4C5D/s1600/Animated+Recent+posts+for+blogger-24works.gif" width="214" /></a></div>
<br />
Post this time I will teach you how to make a recent post with a thumbnail and simple spy. And certainly recent post that I made this time different from the others, because of recent post that I make the thumbnail appear in these widgets.Examples of recent post can be seen here Interest to make this widget. Please follow this instruction below :<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><br /></b></span>
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to Design</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="420" /></a></div>
<br />
<br />
Add a Gadget of HTML/JavaScript type.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" imageanchor="1" style="color: #af2d10; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></a></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script></span></b><br />
<br />
<br />
<br />
<style type="text/css" media="screen"><br />
<br />
<br />
<br />
<!--<br />
<br />
<br />
#spylist {<br />
<br />
<br />
<br />
overflow:hidden;<br />
<br />
<br />
<br />
margin-top:5px;<br />
<br />
<br />
<br />
padding:0px 0px;<br />
<br />
<br />
<br />
height:350px;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
#spylist ul{<br />
<br />
<br />
<br />
width:220px;<br />
<br />
<br />
<br />
overflow:hidden;<br />
<br />
<br />
<br />
list-style-type: none;<br />
<br />
<br />
<br />
padding: 0px 0px;<br />
<br />
<br />
<br />
margin:0px 0px;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
#spylist li {<br />
<br />
<br />
<br />
width:208px;<br />
<br />
<br />
<br />
padding: 5px 5px;<br />
<br />
<br />
<br />
margin:0px 0px 5px 0px;<br />
<br />
<br />
<br />
list-style-type:none;<br />
<br />
<br />
<br />
float:none;<br />
<br />
<br />
<br />
height:70px;<br />
<br />
<br />
<br />
overflow: hidden;<br />
<br />
<br />
<br />
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNP3QKbQWDqbs_8pqcXq-sVdS_xPu674AzjCvU7ganbQHipKO-DIIJn9Aj4NzhHHrjpPl5Gn56py9DxTHaURvot0A4335IuJUFdEVGaejNU4A6Oers9g-Z10IukJKtpMtZbdVPOTWMfFuH/s1600/bdlab-blogspot-com.jpg) repeat-x;<br />
<br />
<br />
<br />
border:1px solid #ddd;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
#spylist li a {<br />
<br />
<br />
<br />
text-decoration:none;<br />
<br />
<br />
<br />
color:#4B545B;<br />
<br />
<br />
<br />
font-size:11px;<br />
<br />
<br />
<br />
height:18px;<br />
<br />
<br />
<br />
overflow:hidden;<br />
<br />
<br />
<br />
margin:0px 0px;<br />
<br />
<br />
<br />
padding:0px 0px 2px 0px;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
#spylist li img {<br />
<br />
<br />
<br />
float:left;<br />
<br />
<br />
<br />
margin-right:5px;<br />
<br />
<br />
<br />
background:#EFEFEF;<br />
<br />
<br />
<br />
border:0;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
.spydate{<br />
<br />
<br />
<br />
overflow:hidden;<br />
<br />
<br />
<br />
font-size:10px;<br />
<br />
<br />
<br />
color:#0284C2;<br />
<br />
<br />
<br />
padding:2px 0px;<br />
<br />
<br />
<br />
margin:1px 0px 0px 0px;<br />
<br />
<br />
<br />
height:15px;<br />
<br />
<br />
<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
.spycomment{<br />
<br />
<br />
<br />
overflow:hidden;<br />
<br />
<br />
<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
<br />
<br />
<br />
font-size:10px;<br />
<br />
<br />
<br />
color:#262B2F;<br />
<br />
<br />
<br />
padding:0px 0px;<br />
<br />
<br />
<br />
margin:0px 0px;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
--><br />
<br />
<br />
<br />
</style><br />
<br />
<br />
<script language='JavaScript'> <br />
<br />
<br />
imgr = new Array();<br />
<br />
<br />
<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
<br />
<br />
showRandomImg = true;<br />
<br />
<br />
<br />
boxwidth = 255;<br />
<br />
<br />
cellspacing = 6;<br />
<br />
<br />
<br />
borderColor = "#232c35";<br />
<br />
<br />
<br />
bgTD = "#000000";<br />
<br />
<br />
<br />
thumbwidth = 70;<br />
<br />
<br />
<br />
thumbheight = 70;<br />
<br />
<br />
<br />
fntsize = 12;<br />
<br />
<br />
acolor = "#666";<br />
<br />
<br />
<br />
aBold = true;<br />
<br />
<br />
<br />
icon = " ";<br />
<br />
<br />
text = "comments";<br />
<br />
<br />
<br />
showPostDate = true;<br />
<br />
<br />
<br />
summaryPost = 40;<br />
<br />
<br />
summaryFontsize = 10;<br />
<br />
<br />
summaryColor = "#666";<br />
<br />
<br />
icon2 = " ";<br />
<br />
<br />
numposts = 10;<br />
<br />
<br />
<br />
<span style="color: red;"><b>home_page = "http://24works.blogspot.com/";</b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
limitspy=4<br />
<br />
<br />
<br />
intervalspy=4000<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</script><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div id="spylist"><br />
<br />
<br />
<br />
<script src='http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/animated_recent_posts.js' type='text/javascript'></script><br />
<br />
<br />
<br />
</div><br />
<br />
<span style="font-size:5px;position:absolute;"><a title='Blogger Widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span></div>
<br />
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red;"><b>Note :If your template already have a jquery do not put again, just copy after it</b></span><br />
Html from above a few things could be replaced :<br />
<br />
1. homepage address<br />
<b><span style="color: red;">home_page = “http://24works.blogspot.com/”;</span></b><br />
<br />
2. Style<br />
<br />
from above style/css, you can change :<br />
<br />
width : 220px;<br />
width:208px:<br />
<br />
customize base on your template<br />
and<br />
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;<br />
or background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNP3QKbQWDqbs_8pqcXq-sVdS_xPu674AzjCvU7ganbQHipKO-DIIJn9Aj4NzhHHrjpPl5Gn56py9DxTHaURvot0A4335IuJUFdEVGaejNU4A6Oers9g-Z10IukJKtpMtZbdVPOTWMfFuH/s1600/bdlab-blogspot-com.jpg) repeat-x;<br />
<br />
Customize the colors of backuground<br />
<br />
3. image size<br />
thumbwidth = 70;<br />
thumbheight = 70;<br />
<br />
Match your needs<br />
<br />
4. How many post you will show<br />
numposts = 10;<br />
<br />
Base on what you need to show<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="et-box et-info" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(206, 203, 142); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(206, 203, 142); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 203, 142); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(206, 203, 142); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<div class="et-box-content" style="background-attachment: initial; background-clip: initial; background-color: #f7f4b4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCowLM3dMqNjrJVxIG29O3-T_9JPuYBL9gsYiqbPb3jdVwM62AmV7n9i48N35OgtDGuwLDdCyJpnlC8UE_dDDoCTBfZHSoKhyqu9_YCN-eWzuB6qY_brdQ3y5FQ0ZGwFWps5GAcM3P974/s1600/update.png); background-origin: initial; background-position: 18px 13px; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(255, 255, 234); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(255, 255, 234); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(255, 255, 234); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(255, 255, 234); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; color: #8c8a64; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-height: 35px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 8px; padding-left: 75px; padding-right: 20px; padding-top: 16px; text-shadow: rgb(255, 255, 255) 1px 1px 1px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">UPDATE:</strong> I updated some of my posts, this post I update <a href="http://bit.ly/vGLd4R" target="_blank">Animated Recent posts for Blogger / Blogspot with thumbnails - Simple Spy</a>........ </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote>
<span class="Apple-style-span" style="font-family: Georgia, serif; font-size: 12px; line-height: 18px;">Thanks to <span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a 0px="" 12px="" background-attachment:="" background-clip:="" background-color:="" background-image:="" background-origin:="" baseline="" border-bottom-width:="" border-color:="" border-left-width:="" border-right-width:="" border-style:="" border-top-width:="" font-size:="" href="http://www.abu-farhan.com/" initial="" margin-bottom:="" margin-left:="" margin-right:="" margin-top:="" none="" outline-color:="" outline-style:="" outline-width:="" padding-bottom:="" padding-left:="" padding-right:="" padding-top:="" rel="nofollow" target="_blank" text-decoration:="" transparent="" vertical-align:=""><span class="Apple-style-span" style="color: orange;"> abu-farhan</span></a></span><span class="Apple-style-span" style="color: orange;"> </span>because this widget has been combined with simple animation Spy.</span></blockquote>
</div>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com9tag:blogger.com,1999:blog-404186049558999833.post-942444330617281542010-12-19T10:41:00.000-08:002013-02-05T22:12:53.537-08:00Recent Posts with Thumbnails Widget for Blogger (blogspot)<div dir="ltr" style="text-align: left;" trbidi="on">
Displaying small thumbnail images adjacent to post titles in the recent post widget on blogs not only looks nice, but also entice visitors to click on your posts. So how to do it in Blogger? This post explains how to add Recent Posts widget in Blogger with image thumbnails.this Gadget will help you to display the most Recent Posts on your Blog’s Sidebar. The Gadget has an options panel and can be configured to meet your needs. <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/ijgcAK" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh25I6eDgB5qR9ziTOcqB0zMQOiuWLSpru_wTIhdGVNXuT3C21ELF_bz20Ri-pZIHI6Q6bO524l_-iOwFM5QhrzQTSQ-MMrfcqrtXOsIqZCRuEz4A0BZAj1-RL94vhaTG8eNUBysIq358FA/s1600/RECENT+POSTS-2.gif" width="288" /></a></div>
<br />
<a name='more'></a>So, let's see how to install this cool widget in your blog..<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<div>
<br /></div>
<div>
<br /></div>
1. Sign into Blogger dashboard<br />
2. Go to Design » Add a gadget » html/javascript<br />
<br />
3. Just copy and paste this code..<br />
<br />
<br />
<div class="code">
<div id="24work"><br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script language="JavaScript"> <br />
imgr = new Array();<br />
<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
<br />
showRandomImg = true;<br />
<br />
<div style="color: red;">
tablewidth <span style="color: black;">= 298; </span></div>
<span style="color: blue;">cellspacing</span> = 8; <br />
<span style="color: lime;">borderColor</span> = "#ffffff"; <br />
bgTD = "#ffffff";<br />
<br />
<span style="color: orange;">imgwidth</span> = 80; <br />
<span style="color: orange;">imgheight</span> = 80;<br />
<br />
<span style="color: magenta;">fntsize</span> = 12; <br />
<span style="color: cyan;">acolor</span> = "#666"; <br />
aBold = true; <br />
icon = " ";<br />
<br />
text = "no";<br />
<br />
showPostDate = false;<br />
<br />
summaryPost = 50; <br />
summaryFontsize = 11; <br />
summaryColor = "#666"; <br />
icon2 = " ";<br />
<br />
numposts = 5;<br />
<br />
<b>home_page = "<span style="color: red;">http://24works.blogspot.com/</span>";</b><br />
<br />
</script> <br />
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentposts_thumbnail-1.js"></script><br />
<span style="font-size:5px;position:absolute;"><a title='blogger widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span></div></div>
<br />
<br />
<br />
<br />
<br />
<h3 style="font-family: Arial, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 3px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<span class="Apple-style-span" style="color: red;">Explanation:</span></h3>
<span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;">(Edit the values to fit your blog)</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small;"><span class="Apple-style-span" style="color: red;">tablewidth</span></span><span class="Apple-style-span" style="color: red;"> - </span><span style="color: black;">Width of the widget</span></span><br />
<span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span style="color: black;"></span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: blue;">cellspacing - </span><span style="color: black;">Space between cells (default one is good)</span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: lime;">borderColor -</span><span class="Apple-style-span" style="color: #009900;"> </span><span style="color: #333333;">Border color (add the background color of your template to perfectly blend it in the template)</span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: orange;">thumbwidth & </span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: orange;">thumbheight -</span><span class="Apple-style-span" style="color: #3333ff;"> </span><span style="color: black;">Width and Height of the thumbnail (default are good)</span></span><br />
<span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span style="color: black;"></span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: magenta;">fntsize -</span><span class="Apple-style-span" style="color: #993399;"> </span><span style="color: #333333;">Font size of the title</span></span><br />
<span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span style="color: #333333;"></span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: cyan;">acolor -</span><span class="Apple-style-span" style="color: #ff6600;"> </span><span style="color: #333333;">Color of the title</span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span style="font-weight: bold;">aBold </span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;">-</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span style="font-weight: bold;"> </span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;">you want bold titles? (true or false)</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: #274e13;"><span style="font-weight: bold;">numposts</span><span style="font-weight: bold;"> </span></span><span style="color: #999900; font-weight: bold;">- </span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span style="color: black;">How many posts you want to show?</span></span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;">home_page :</span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"> </span><span class="Apple-style-span" style="font-family: Arial, sans-serif; font-size: 12px;"><span style="color: red; font-weight: bold;">http://24works.blogspot.com/ <span style="color: black;">(change this to your blog url)</span></span></span><br />
<br />
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</b></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
this widget was made by [ http://www.instantfundas.com ]<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">you might like the Recent Posts with Thumbnails Widget 2 </span></span><br />
<br />
<br />
<br />
This post explains how to add Recent Posts widget in Blogger with image thumbnails:<br />
<br />
well they are many hacks up there on the net for RECENT POSTS BLOGGER !<br />
<br />
and actually i have tried many of them ! and while i was surfing the net than i found this amazing hack !<br />
<br />
finally i have got what i want ! this widget was made by the legend <a href="http://bloggertricks.com/" rel="nofollow" separator="" target="_blank">“bloggertricks”</a>we thanks him for this amazing widget ,very simple recent posts …bravo for the great job !<br />
<br />
<a href="http://bit.ly/ijgcAK" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD4lipvN3gNMkTMv-oCfV8Nchqp1MSt5SGhreQYacleeipqy9FJJUWeftYFGCGvenhYIcwrBMcNPB3BsLWwW_n1DhHdaGc7qKYGcrmaQgx9jVj7ufol9P1H6KZ0M_HC5iPi0oOU-adMWLL/s1600/RECENT+POSTS-1.png" width="288" /></a><br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
So, let's see how to install this cool widget 2 in your blog..</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
1. Sign into Blogger dashboard</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
2. Go to Design » Add a gadget » html/javascript</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
3. Just copy and paste this code..</div>
<div>
<br /></div>
<br />
<br />
<div class="code">
<div id="24work"><br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script language="JavaScript"><br />
<br />
imgr = new Array();<br />
<br />
<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGdu1UPq99UbbByesU32XxYcDCWndSYN-8XoRLT2ozgE-4FG-Cm9s_uLvGke6drEln10scFmuhfCkaD3KKS0kAJ43dbFxeUDXBTfh-KfDGRtUVaBW4rSoAWyuy3lb5jj0XV1tgMynCvU/s400/noimage.png";<br />
showRandomImg = true;<br />
<br />
boxwidth = 298;<br />
<br />
cellspacing = 8;<br />
<br />
borderColor = "#ffffff";<br />
<br />
bgTD = "#000000";<br />
<br />
thumbwidth = 80;<br />
<br />
thumbheight = 80;<br />
<br />
fntsize = 12;<br />
<br />
acolor = "#666";<br />
<br />
aBold = true;<br />
<br />
icon = " ";<br />
<br />
text = "comments";<br />
<br />
showPostDate = false;<br />
<br />
summaryPost = 40;<br />
<br />
summaryFontsize = 10;<br />
<br />
summaryColor = "#666";<br />
<br />
icon2 = " ";<br />
<br />
numposts = 5;<br />
<br />
<div style="color: red;">
<b>home_page = "http://24works.blogspot.com/";</b></div>
<br />
</script><br />
<br />
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentposts_thumbnail-2.js" type="text/javascript"></script><br />
<span style="font-size:5px;position:absolute;"><a title='blogger widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span></div></div>
<br />
<br />
<br />
<br />
There are many variables in this script that you need to adjust to blend the widget’s look with that of your blog template. Most of them are self explanatory.<br />
<br />
<br />
4. In the code, look for the line…<br />
<br />
<div class="code">
<b><span style="color: red;">home_page = "http://24works.blogspot.com/";</span></b></div>
<br />
and replace the blog address with your own blog address<br />
<br />
<br />
5. How to change the number of posts<br />
By default, this widget is set to display a maximum of 5 recent posts. To change this number, <br />
<div class="code">
numposts = 5;</div>
edit line in the code and replace the number 5 with the number of posts desired:<br />
<br />
6. How to change thumbwidth & thumbheight<br />
<div class="code">
thumbwidth = 80;<br />
<br />
thumbheight = 80;</div>
<br />
Width and Height of the thumbnail (default are good)<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</b></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Recent Posts Widget with Thumbnails for Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/ijgcAK" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT-VRtOg6Lcn9TMZjy0yjWVrrijzP7IS83kV6N7paeFD3bDR3V48QwI2wc1FfjEVfr0p8Wkji-lvDkDQ9ToxFAe9_FW5TfpWdxIFXMthK4R3Qm2tYQutILPbOCpv01xszhm7NZsHwyhIDt/s1600/Recent+Posts+Widget+with+Thumbnails+for+Blogger.gif" width="320" /></a></div>
<br />
<span class="Apple-style-span" style="font-family: 'Lithos Pro', tahoma, Verdana, Arial, sans-serif; font-size: 12px; line-height: 22px; text-align: left;">You are surely familiar with the<span class="Apple-converted-space"> </span><b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Recent posts widget for blogger</b><span class="Apple-converted-space"> </span>and you can integrate easily into blogger in few steps.But now, Its time to show recent posts widget with image thumbnails in blogger as it will shows your post images with the recent posts in your blog sidebar.Its so easy to implement it into your<span class="Apple-converted-space"> </span>blogger templates<span class="Apple-converted-space"> </span>just like the typical recent posts widget.Thansk to<span class="Apple-converted-space"> </span></span><a 0px="" aaa="" baseline="" border-style:="" color:="" href="http://www.bloggerplugins.org/" list-style-type:="" margin:="" none="" outline-style:="" padding:="" rel="nofollow" target="_blank" text-decoration:="" vertical-align:="">Aneesh</a><span class="Apple-converted-space"> </span>for this awesome widget!<span class="Apple-converted-space"> </span>The main features of this widget are:<br />
<br />
*It shows the latest posts with tiny thumbnails images (size 75 x 75).<br />
*It shows a bold title of the posts with summary.<br />
*It shows the number of comments, date and ofcourse, a Read more link.<br />
*And its highly customizable (don't worry, i will tell you how to customize).<br />
<br />
This widget can be seen live in my blog sidebar.Anyways step ahead to know how to add it in your blogspot blogs.<br />
<br />
<span style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-size: medium; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">How to Add Recent Posts Widget with Thumbnails to blogger:</b></span><br />
<br />
<b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Step 1</b>.Login to your blogger dashboard and go to layout.<br />
<b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Step 2</b>.Now click "Add a Gadget" on your desired sidebar and select "HTML/ Javascript".<br />
<b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Step 3</b>.Now copy the below code and paste it in the "HTML/ Javascript" box:<span style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;" /></span><br />
<br />
<div class="code">
<div id="24work"><br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;<br />
<br />
<br />
<br />
float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><br />
<br />
<br />
<br />
<script style='text/javascript' src='http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentpostswiththumbnailsv3.js'></script><br />
<br />
<br />
<br />
<script style='text/javascript'><br />
<br />
<br />
<br />
<div style="color: red;">
var numposts = 5;</div>
<div style="color: red;">
<br /></div>
<div style="color: red;">
var showpostthumbnails = true;</div>
<div style="color: red;">
<br /></div>
<div style="color: red;">
var displaymore = true;</div>
<div style="color: red;">
<br /></div>
<div style="color: red;">
var displayseparator = true;</div>
<div style="color: red;">
<br /></div>
<div style="color: red;">
var showcommentnum = true;</div>
<div style="color: red;">
<br /></div>
<div style="color: red;">
var showpostdate = true;</div>
<div style="color: red;">
<br /></div>
<div style="color: red;">
var showpostsummary = true;</div>
<div style="color: red;">
<br /></div>
<div style="color: red;">
var numchars = 100;</script></div>
<br />
<br />
<br />
<script src='<b><span style="color: red;">http://24works.blogspot.com</span>/feeds/</b>posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script><br />
<br />
<br />
<br />
<a href='http://24work.blogspot.com'><img style="border: 0" alt="Blogger Widgets" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbWdETP4hNaZYHLVsiiQVPQU0UYV1e_MMQ87ICI1kslyimVhDYDeR5_6Pt5tGl1qqMEpduclTDImWTES1W5C8zRvKxtVf6ylQzb6Wlvqr6INJ82mLAlTjpJCHPAawcMi9uRKvUtI1PRhd6/s1600/blogger-widgets-recent-posts.png" /></a><span style="font-size:5px;position:absolute;"><a title='blogger widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span></div></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: small; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: 'Lithos Pro', tahoma, Verdana, Arial, sans-serif; font-size: 12px; line-height: 22px; text-align: left;"><b style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-weight: normal; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Step 4</b>.Now Replace<span class="Apple-converted-space" style="font-weight: normal;"> </span><code style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; color: red; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b>24works.blogspot.com</b></span></code><span class="Apple-converted-space" style="font-weight: normal;"> </span>with you desired blog URL and save the widget and you are done.<br style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;" /><br style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;" /><span style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-size: medium; font-weight: normal; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Customization:</b></span><br style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;" /><br style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;" />Now its easy to customize this widget, just have a glimpse on the above code and you will see some code colored in "<span style="color: red; font-weight: normal;">Red</span>".You can play with this code to customize it.You can change the number of posts to show or you can change other options to True/ False to customize it!<span style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-weight: normal; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;" /><br />
</span></span></span><br />
<br />
<br />
<br />
<br />
<div class="et-box et-info" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(206, 203, 142); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(206, 203, 142); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(206, 203, 142); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(206, 203, 142); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; font-size: 14px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<div class="et-box-content" style="background-attachment: initial; background-clip: initial; background-color: #f7f4b4; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCowLM3dMqNjrJVxIG29O3-T_9JPuYBL9gsYiqbPb3jdVwM62AmV7n9i48N35OgtDGuwLDdCyJpnlC8UE_dDDoCTBfZHSoKhyqu9_YCN-eWzuB6qY_brdQ3y5FQ0ZGwFWps5GAcM3P974/s1600/update.png); background-origin: initial; background-position: 18px 13px; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(255, 255, 234); border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(255, 255, 234); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(255, 255, 234); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(255, 255, 234); border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-top-style: solid; border-top-width: 1px; color: #8c8a64; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; min-height: 35px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 8px; padding-left: 75px; padding-right: 20px; padding-top: 16px; text-shadow: rgb(255, 255, 255) 1px 1px 1px; vertical-align: baseline;">
<strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; font-size: 14px; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">UPDATE:</strong> I updated some of my posts, this post I update <a href="http://bit.ly/uCEoJI" target="_blank">Recent Posts with Thumbnails Widget for Blogger / Blogspot</a>........ </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com10tag:blogger.com,1999:blog-404186049558999833.post-79018239247639748542010-12-17T12:12:00.000-08:002013-02-05T22:14:27.773-08:00Marquee Scrolling text and link hacks For Bloggers and Web<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/hQFdrD" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizxcm2KPs2-2WkTv9VCEjkC42Ku4rRXmp-3oQgtVKVzeLC8LNePaQECLxB7PgsnaIKad0O2-xEpnBhRKc63Y8w1Q3EmuGpsTZDScl9-p4whwCI70YcVtRBMmu4zpuZfg2GynwJHlvp_LU6/s1600/24works+Serooling+Text+Demo.gif" width="320" /></a></div>
<br />
Another way to attract the visitors is adding some decoration to the site like scrolling text,etc.But,don't decorate it too much,particularly if your site contains too much text as it irritates and spoils the concentration of the reader.They are good to use because they add a lot of effect and are simple to use.The myspace scrolling text codes can be used in any profile section.The myspace scrolling text codes listed below scroll in many different directions and have different behaviors.You can add scroll bars to tell your visitors what will be your next updates,popular posts,advertisements,etc.<br />
<br />
<br />
So,how to add the scrolling text in your blog,let me explain it:<br />
<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<span class="Apple-style-span" style="font-size: 19px; font-weight: bold;"><br /></span>
<span class="Apple-style-span" style="font-size: 19px; font-weight: bold;"><br /></span>
<span class="Apple-style-span" style="font-size: 19px; font-weight: bold;">Continuous scrolling text:</span><br />
<br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee></textarea><br />
<br />
This code results in:<br />
<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<br />
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee><br />
<br /></div>
<br />
<br />
<h3>
Text bouncing back and forth:</h3>
<br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="alternate">Your bouncing text goes here</marquee></textarea><br />
<br />
<br />
<br />
This code results in:<br />
<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<br />
<marquee behavior="alternate">Your bouncing text goes here</marquee><br />
<br /></div>
<br />
<br />
<h3>
Text Scrolling Upwards:</h3>
<br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee></textarea><br />
<br />
This code results in:<br />
<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<br />
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee><br />
<br /></div>
<br />
<br />
<h3>
Change the Scrolling Speed:</h3>
<br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee></textarea><br />
<br />
This code results in:<br />
<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<br />
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><br />
<br />
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><br />
<br />
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee><br />
<br /></div>
<br />
<br />
<h3>
Scrolling Images:</h3>
<br />
Simply replace the <code>src="...</code> part with the location of your own image.<br />
<br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="scroll" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrK7qowY2luzI3ILQOHvXdjKl3i6NKkbRousXE1lLu_vZ4wwyJAeKIDjiOoxdfImcch4f36QZVDfc6AMvzgglMBhAu1OiUFCTaGfcNpZS8_47eklQfl2MpdeNlza3HFoeLAHiB9QyQxrwT/s1600/butterfly-1-dance.gif" width="100" height="100" alt="smile" /></marquee></textarea><br />
<br />
This code results in:<br />
<br />
<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<br />
<marquee behavior="scroll" direction="left"><img alt="smile" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrK7qowY2luzI3ILQOHvXdjKl3i6NKkbRousXE1lLu_vZ4wwyJAeKIDjiOoxdfImcch4f36QZVDfc6AMvzgglMBhAu1OiUFCTaGfcNpZS8_47eklQfl2MpdeNlza3HFoeLAHiB9QyQxrwT/s1600/butterfly-1-dance.gif" width="100" /></marquee><br />
<br /></div>
<br />
<br />
<h3>
Images & Text (Both Scrolling):</h3>
<br />
Simply add your text under the image tag (but still within the marquee tags).<br />
<br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="scroll" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrK7qowY2luzI3ILQOHvXdjKl3i6NKkbRousXE1lLu_vZ4wwyJAeKIDjiOoxdfImcch4f36QZVDfc6AMvzgglMBhAu1OiUFCTaGfcNpZS8_47eklQfl2MpdeNlza3HFoeLAHiB9QyQxrwT/s1600/butterfly-1-dance.gif" width="100" height="100" alt="smile" /><br /> <p>
Sample text under a <a href="http://24works.blogspot.com">Marquee image</a>.</p>
</marquee></textarea><br />
<br />
<br />
This code results in:<br />
<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee behavior="scroll" direction="left"><img alt="smile" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrK7qowY2luzI3ILQOHvXdjKl3i6NKkbRousXE1lLu_vZ4wwyJAeKIDjiOoxdfImcch4f36QZVDfc6AMvzgglMBhAu1OiUFCTaGfcNpZS8_47eklQfl2MpdeNlza3HFoeLAHiB9QyQxrwT/s1600/butterfly-1-dance.gif" width="100" /><br />
Sample text under a <a href="http://24works.blogspot.com/">Marquee image</a>.</marquee><br />
<br /></div>
<br />
<br />
<br />
<br />
<h3>
Marquee Scrolling Text Codes</h3>
<br />
<br />
<br />
<b>Right to Left</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee direction="left"> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="left">Right to Left</marquee></div>
<br />
<br />
<br />
<b>Left to Right</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee direction="right"> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="right">Left to Right</marquee></div>
<br />
<br />
<b>Back and Forth</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><marquee behavior="alternate"> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee behavior="alternate">Back and Forth</marquee></div>
<br />
<br />
<br />
<b>Up</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee direction="up"> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="up" height="100">Up Up Up</marquee></div>
<br />
<br />
<br />
<b>Down</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee direction="down"> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="down" height="100">Down Down Down</marquee></div>
<br />
<br />
<br />
<b>Up and Down</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="alternate" direction="up"> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee behavior="alternate" direction="up" height="100">Up and Down</marquee></div>
<br />
<br />
<br />
<br />
<b>Angle Down</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee><marquee direction="down"> TEXT </marquee></marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee><marquee direction="down" style="height: 100px;">Angle Down</marquee></marquee></div>
<br />
<br />
<br />
<br />
<b>Angle Up</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee><marquee direction="up"> TEXT </marquee></marquee></textarea><br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee><marquee direction="up" style="height: 100px;">Angle Up</marquee></marquee></div>
<br />
<br />
<br />
<br />
<b>Angle Up Back and Forth</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee direction="up"><marquee behavior="alternate"> TEXT </marquee></marquee></textarea><br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="up" height="100"><marquee behavior="alternate">Angle Up Back and Forth</marquee></marquee></div>
<br />
<br />
<br />
<br />
<b>Bounce Around Back and Forth</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="alternate" direction="down"><marquee behavior="alternate"> TEXT </marquee></marquee></textarea><br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee behavior="alternate" direction="down" height="150"><marquee behavior="alternate">Bounce Around Back and Forth</marquee></marquee></div>
<br />
<br />
<br />
<br />
<b>Multiple Lines</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee direction="right"> TEXT <br> TEXT <br> TEXT <br> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="right">Multiple Lines<br />
Multiple Lines<br />
Multiple Lines<br />
Multiple Lines</marquee></div>
<br />
<br />
<br />
<br />
<br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee bgcolor=" COLOR " style="color: COLOR "> TEXT </marquee></textarea><br />
<br />
<b>Colored Background</b> <a href="http://bdlab.blogspot.com/2010/04/color-charts.html" target="_blank">Color Codes</a> Pick 2 different colors so you can read the text.<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee bgcolor="#ff0000" style="color: white;">Colored Background</marquee></div>
<br />
<br />
<br />
<br />
<br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee direction="left"><blink> TEXT </blink></marquee></textarea><br />
<br />
<b>Right to Left Blinking</b>* Blinks in Firefox, Mozilla and Netscape only.<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="left"><blink>Right to Left Blinking</blink></marquee></div>
<br />
<br />
<br />
<br />
<b>Opposing Marqee's</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee> TEXT </marquee> <marquee direction="right"> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="left">Right to Left</marquee><marquee direction="right">Left to Right</marquee></div>
<br />
<br />
<br />
<br />
<b>Change Text Size</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee style="font-size: NUMBERpx "> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="left" style="font-size: 32px;">Change Text Size</marquee></div>
<br />
<br />
<br />
<b>Change Width</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee width=" NUMBER% "> TEXT </marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee direction="left" width="50%">Change Width</marquee></div>
<br />
<br />
<br />
<br />
<br />
<br />
<b>Adding hyperlinks(open in the same window):</b><br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="scroll" align="middle" direction="left" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" style="color:#99FFFF;"><a href="#">your link</a> <a href="#">Colour chart</a> <a href="http://bdlab.blogspot.com">Blogspot Tutorial</a></marquee></textarea><br />
<br />
This code results in:<br />
<div style="-moz-background-inline-policy: continuous; background: none repeat scroll right top rgb(255, 255, 255); border: 1px inset; padding: 5px;">
<marquee align="middle" behavior="scroll" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4" style="color: #99ffff;"><a href="http://24work.blogspot.com/">your link</a> <a href="http://24work.blogspot.com/">Colour chart</a> <a href="http://bdlab.blogspot.com/">Blogspot Tutorial</a></marquee></div>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com7tag:blogger.com,1999:blog-404186049558999833.post-88037138656755176062010-12-17T07:15:00.003-08:002013-02-05T22:16:25.545-08:0017+ Drop Down Menu Widget in Blogger - "Horizontal" Menus With CSS & HTML Codes<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/eFk13g" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEyccEsOSAASiEF6OXb8029eYav_iEsKCTfKDn74ROOA3IkO0gdk2F28YEITT7Y-0dXdBt606_2_QBJleapopoLJxxzz1eX9d2DkCOo3huzuIAl36VcLjEAQikjM-t7NfOD0quQi0T3RwM/s1600/17%252B+Drop+Down+Menu+Widget+%25E2%2580%259CHorizontal%25E2%2580%259D++Menus+For+Blogger+With+CSS+%2526+HTML+Codes.png" width="480" /></a></div>
<br />
Before that I never post how to create a horizontal Drop Down Menu Widget . May exist between blogger friends who find difficulty in putting the CSS code in the template editing stages,for it to post this time I tried to give a mild solution of horizontal CSS drop down menus.Here is a list of 17+ horizontal CSS drop down menus, adding drop down menus in blogger can benefit your readers to find out the intended posts of the blog with ease. There is nothing like widget for blogger menus, you suppose to add the menu with your own. To add drop down menu in blogger you need is just a little bit of CSS and HTML code and put that code at the right place in your blog and done.<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<br />
<blockquote>
<b>Note:</b> Simply follow these steps carefully,All Navigation Menus below uses two pieces of codes.One is The HTML code which is responsible for positioning the menus and the second is the CSS code which is responsible for the look and feel of the menus.Paste the CSS code for your selected Menu just above <b><span class="Apple-style-span" style="color: red;">]]></b:skin></span></b> and the HTML code Go To Design > Page Elements > Click Add a Gadget or Add a Page element > Choose HTML/JavaScript widget >Simple Paste Your HTML code inside <b><span class="Apple-style-span" style="color: red;">HTML/JavaScript widget</span></b> and Click Save.</blockquote>
<br />
<br />
<br />
<h4 align="center" style="font-family: Arial, Verdana;">
<span class="Apple-style-span" style="font-size: large; font-weight: normal; line-height: 20px;">Here's the code <strong>17+ Drop Down Menu</strong></span></h4>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">1. Massive Blue Drop Down menu </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4O03bVaqiabUPDnNimOn-ez23RJLY0_VcU4odl3QR_1cLwEEu3TfbrMEJioKXEvUSS2giAnDUp1OpjFXZB64xJR_MJ8JOG57Y_NBIjXRdtVhe-eIpzsg6pklf1m_g8LNizSB6CWozX2fQ/s320/Massive+Blue+Drop+Down.png" width="320" /></div>
<br />
HTML CODE:<br />
<br />
<div class="code">
<div class="menu"><br />
<ul><br />
<li><a href="#" >Home</a></li><br />
<li><a href="#" id="current">Products</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/faq.php">FAQ</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/contact/contact.php">Contact</a></li><br />
</ul><br />
</div><br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE:<br />
<br />
<div class="code">
.menu{<br />
border:none;<br />
border:0px;<br />
margin:0px;<br />
padding:0px;<br />
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;<br />
font-size:14px;<br />
font-weight:bold;<br />
}<br />
.menu ul{<br />
background:#333333;<br />
height:35px;<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
}<br />
.menu li{<br />
float:left;<br />
padding:0px;<br />
}<br />
.menu li a{<br />
background:#333333 url("<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMiIB8ObIOkyqJuwvnKQ5rRcBBn7Z0EdboTVFMyVX4i31OATSmVsmDWB0xRoDNmcCv0V57jlUDGRzXU49aVHBtNCOYat1IpxO7fSZvQI_p0k86yIakF1Q_fDwIuW7qwjpyYS4_pBTqMFd/s1600/seperator.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMiIB8ObIOkyqJuwvnKQ5rRcBBn7Z0EdboTVFMyVX4i31OATSmVsmDWB0xRoDNmcCv0V57jlUDGRzXU49aVHBtNCOYat1IpxO7fSZvQI_p0k86yIakF1Q_fDwIuW7qwjpyYS4_pBTqMFd/s1600/seperator.gif</a>") bottom right no-repeat;<br />
color:#cccccc;<br />
display:block;<br />
font-weight:normal;<br />
line-height:35px;<br />
margin:0px;<br />
padding:0px 25px;<br />
text-align:center;<br />
text-decoration:none;<br />
}<br />
.menu li a:hover, .menu ul li:hover a{<br />
background: #2580a2 url("<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZB1OjDw15tj-YNQRK3jYDzjS_qYeybpfWbkXCnZgMdoq6N1rDAH0Jl3jlzFxaPaxgLAglhU9TsTOxNC-LOCh1RSM-jAb6CXy665nyHYrAmsk1JOY4TGS2OU-QI1Yu5S8B_d8YtSjGqrAr/s1600/hover.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZB1OjDw15tj-YNQRK3jYDzjS_qYeybpfWbkXCnZgMdoq6N1rDAH0Jl3jlzFxaPaxgLAglhU9TsTOxNC-LOCh1RSM-jAb6CXy665nyHYrAmsk1JOY4TGS2OU-QI1Yu5S8B_d8YtSjGqrAr/s1600/hover.gif</a>") bottom center no-repeat;<br />
color:#FFFFFF;<br />
text-decoration:none;<br />
}<br />
.menu li ul{<br />
background:#333333;<br />
display:none;<br />
height:auto;<br />
padding:0px;<br />
margin:0px;<br />
border:0px;<br />
position:absolute;<br />
width:225px;<br />
z-index:200;<br />
/*top:1em;<br />
/*left:0;*/<br />
}<br />
.menu li:hover ul{<br />
display:block;<br />
<br />
}<br />
.menu li li {<br />
background:url('<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5R2sSQg9Zr3W9Hm6P-_038MvYP3KB6t27actJB9UKk8yN5tyoOuS6uVQLYUnLB67OYZJVm6x8IEiV1xfnHs0RBFwL0xyYafxrC1KX2d41vcBVhWk8VyD0O0NXgkAGzIsvoSVD0KCwOB5I/s1600/sub_sep.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5R2sSQg9Zr3W9Hm6P-_038MvYP3KB6t27actJB9UKk8yN5tyoOuS6uVQLYUnLB67OYZJVm6x8IEiV1xfnHs0RBFwL0xyYafxrC1KX2d41vcBVhWk8VyD0O0NXgkAGzIsvoSVD0KCwOB5I/s1600/sub_sep.gif</a>') bottom left no-repeat;<br />
display:block;<br />
float:none;<br />
margin:0px;<br />
padding:0px;<br />
width:225px;<br />
}<br />
.menu li:hover li a{<br />
background:none;<br />
<br />
}<br />
.menu li ul a{<br />
display:block;<br />
height:35px;<br />
font-size:12px;<br />
font-style:normal;<br />
margin:0px;<br />
padding:0px 10px 0px 15px;<br />
text-align:left;<br />
}<br />
.menu li ul a:hover, .menu li ul li:hover a{<br />
background:#2580a2 url('<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfkl2juzLolr9N7AVgnm8vH2SYo7WwN4Aj9KsK0LIyZbgMIo6GYwtLC1o0krsvMY1Xdjbe4is9g2sxFlAFnScGhNo0oFd-fl1qEtP5lGDiIsSjLAzbjlpqtflwz2V9BykDAo1JCn1fkWA/s1600/hover_sub.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfkl2juzLolr9N7AVgnm8vH2SYo7WwN4Aj9KsK0LIyZbgMIo6GYwtLC1o0krsvMY1Xdjbe4is9g2sxFlAFnScGhNo0oFd-fl1qEtP5lGDiIsSjLAzbjlpqtflwz2V9BykDAo1JCn1fkWA/s1600/hover_sub.gif</a>') center left no-repeat;<br />
border:0px;<br />
color:#ffffff;<br />
text-decoration:none;<br />
}<br />
.menu p{<br />
clear:left;<br />
} <br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">2. Sunrise Gloss Drop Down Menus </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEkyAb3qL3eqzqB0nxOTnXJw2onA9YjMrVZRsyBmqcVtBPjdr0fDDqW709FJny2VloaKm4hXYMZQChBM2JQWoZkYO2K2PkBdH4P4c46jyxVrumuyjkZb3nN6V8ojDftso16wVvHDbAIlwS/s320/Sunrise+Gloss.png" width="320" /></div>
<br />
<br />
HTML CODE: <br />
<br />
<div class="code">
<div class="nav-container-outer"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48NiKLvPG4VLrhFbu9MdjFFyDqMMfiZW1yQvUViVZyHKyXUqA3YA70ta9DJCE6b59yJRcJTUxSQ6Rab5q66cFK-SCVfHYoY_zXz9B6SaMFm9IxUw_R5jNqUFYooz8httMPWV1kfzVAWSf/s1600/nav-bg-l.jpg" alt="" class="float-left" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2UUgDRn0Qz0STZylbZratK8TuCDZhk9F4_CdMBZ-pVeE1pQIGGOKGzu2vI5PgtHGQY6PCjV8vmoYHG03eJXQtqUNhRNgAfGaIlnPzeoFzHSdfS1NmZfuI1EGXikAsjMKcBHoU6APj4nxx/s1600/nav-bg-r.jpg" alt="" class="float-right" /><br />
<ul id="nav-container" class="nav-container"><br />
<li><a class="item-primary" href="#">HOME</a><br />
</li><br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<li><a class="item-primary" href="#">Products</a><br />
<br />
<ul style="width:150px;"><br />
<li><a href="#">SoftwarePlus</a></li><br />
<li><a href="#">MagicDriver</a></li><br />
<li><a href="#">GreatFX</a></li><br />
<li><a href="#">SampleSoft</a></li><br />
<li><a href="#">UnDoIt</a></li><br />
<li><a href="#">100% CSS Menu</a></li><br />
<li><a href="#;">With Cross-Browser</a></li><br />
<li><a href="#;">Dropdowns</a></li><br />
<li><a href="#;">Absolutely NO Javascript</a></li><br />
<li><a href="#;">Being Used On</a></li><br />
<li><a href="#;">These Menus</a></li><br />
<li><span class="divider divider-horiz" ></span></li><br />
<li><a href="#;">Example Of a Divider</a></li><br />
<li><a href="#;">With No Title</a></li><br />
</ul></li><br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<li><a class="item-primary" href="#">Quality</a><br />
<br />
<ul style="width:150px;"><br />
<li><a href="#">SoftwarePlus</a></li><br />
<li><a href="#">MagicDriver</a></li><br />
<li><a href="#">GreatFX</a></li><br />
<li><a href="#">SampleSoft</a></li><br />
<li><a href="#">UnDoIt</a></li><br />
<li><a href="#">100% CSS Menu</a></li><br />
<li><a href="#;">With Cross-Browser</a></li><br />
<li><a href="#;">Dropdowns</a></li><br />
<li><a href="#;">Absolutely NO Javascript</a></li><br />
<li><a href="#;">Being Used On</a></li><br />
<li><a href="#;">These Menus</a></li><br />
<li><span class="divider divider-horiz" ></span></li><br />
<li><a href="#;">Example Of a Divider</a></li><br />
<li><a href="#;">With No Title</a></li><br />
</ul></li><br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<li><a class="item-primary" href="#">Services</a><br />
<br />
<ul style="width:150px;"><br />
<li><span class="item-secondary-title" >Title For Links</span></li><br />
<li><a href="#">These Links Still Appear</a></li><br />
<li><a href="#">Just Like The Others</a></li><br />
<li><a href="#">Even When Under A Title</a></li><br />
<li><span class="divider divider-horiz" ></span></li><br />
<li><span class="item-secondary-title" >Title After Divider</span></li><br />
<li><a href="#">Once Again...</a></li><br />
<li><a href="#">These Links Still Appear</a></li><br />
<li><a href="#">Just Like The Others</a></li><br />
<li><a href="#">Even When Under A Title</a></li><br />
</ul></li><br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<li><a class="item-primary" href="#;">Very Long Item</a><br />
<br />
<ul style="width:150px;"><br />
<li><span class="item-secondary-title" >Title For Links</span></li><br />
<li><a href="#">These Links Still Appear</a></li><br />
<li><a href="#">Just Like The Others</a></li><br />
<li><a href="#">Even When Under A Title</a></li><br />
<li><span class="divider divider-horiz" ></span></li><br />
<li><span class="item-secondary-title" >Title After Divider</span></li><br />
<li><a href="#">Once Again...</a></li><br />
<li><a href="#">These Links Still Appear</a></li><br />
<li><a href="#">Just Like The Others</a></li><br />
<li><a href="#">Even When Under A Title</a></li><br />
</ul></li><br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<li><a class="item-primary" href="#;">Fully Flexible</a><br />
<br />
<ul style="width:150px;"><br />
<li><span class="item-secondary-title" >Title For Links</span></li><br />
<li><a href="#">These Links Still Appear</a></li><br />
<li><a href="#">Just Like The Others</a></li><br />
<li><a href="#">Even When Under A Title</a></li><br />
<li><span class="divider divider-horiz" ></span></li><br />
<li><span class="item-secondary-title" >Title After Divider</span></li><br />
<li><a href="#">Once Again...</a></li><br />
<li><a href="#">These Links Still Appear</a></li><br />
<li><a href="#">Just Like The Others</a></li><br />
<li><a href="#">Even When Under A Title</a></li><br />
</ul></li><br />
<li class="clear">&nbsp;</li></ul><br />
</div><br />
<br /></div>
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
@charset "utf-8";<br />
/* CSS Document */<br />
<br />
body{<br />
padding: 25px;<br />
}<br />
<br />
/*^'^ Navigation Structure ^'^*/<br />
.nav-container-outer{<br />
background: #990000;<br />
padding: 0px;<br />
height: 74px;<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDmTfGNTC5CizY6caDLjzAQZ7f9ZUzCaK2Oq6EP-mFRFihNjWN0y60TsKYjUyLf1nZ8wVgYA1CkjcCnFFf9fxP9zB4roT7_BarvALDQj13xrzv4IBhyfJJ_TjtY3UBtdIJfMKg4I9oURUN/s1600/nav-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDmTfGNTC5CizY6caDLjzAQZ7f9ZUzCaK2Oq6EP-mFRFihNjWN0y60TsKYjUyLf1nZ8wVgYA1CkjcCnFFf9fxP9zB4roT7_BarvALDQj13xrzv4IBhyfJJ_TjtY3UBtdIJfMKg4I9oURUN/s1600/nav-bg.jpg</a>);<br />
}<br />
.float-left{<br />
float: left;<br />
}<br />
.float-right{<br />
float: right;<br />
}<br />
.nav-container .divider{<br />
display:block;<br />
font-size:1px;<br />
border-width:0px;<br />
border-style:solid;<br />
}<br />
.nav-container .divider-vert{<br />
float:left;<br />
width:0px;<br />
display: none;<br />
}<br />
.nav-container .item-secondary-title{<br />
display:block;<br />
cursor:default;<br />
white-space:nowrap;<br />
}<br />
.clear{<br />
font-size:1px;<br />
height:0px;<br />
width:0px;<br />
clear:left;<br />
line-height:0px;<br />
display:block;<br />
float:none;<br />
}<br />
.nav-container{<br />
position:relative;<br />
zoom:1;<br />
margin: 0 auto;<br />
}<br />
.nav-container a, .nav-container li{<br />
float:left;<br />
display:block;<br />
white-space:nowrap;<br />
}<br />
.nav-container div a, .nav-container ul a, .nav-container ul li{<br />
float:none;<br />
}<br />
.nav-container ul{<br />
left:-10000px;<br />
position:absolute;<br />
}<br />
.nav-container, .nav-container ul{<br />
list-style:none;<br />
padding:0px;<br />
margin:0px;<br />
}<br />
.nav-container li a{<br />
float:none<br />
}<br />
.nav-container li{<br />
position:relative;<br />
}<br />
.nav-container ul{<br />
z-index:10;<br />
}<br />
.nav-container ul ul{<br />
z-index:20;<br />
}<br />
.nav-container ul ul ul{<br />
z-index:30;<br />
}<br />
.nav-container ul ul ul ul{<br />
z-index:40;<br />
}<br />
.nav-container ul ul ul ul ul{<br />
z-index:50;<br />
}<br />
li:hover>ul{<br />
left:auto;<br />
}<br />
#nav-container ul {<br />
top:100%;<br />
}<br />
#nav-container ul li:hover>ul{<br />
top:0px;<br />
left:100%;<br />
}<br />
<br />
/*^'^ Primary Items ^'^*/ <br />
#nav-container a{ <br />
padding:7px 17px 7px 18px;<br />
margin: 10px 0px 0px 0px;<br />
color: #FFFFFF;<br />
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;<br />
font-size:14px;<br />
text-decoration:none;<br />
font-weight: bold;<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6XBhr3OMOWCdfwBsUE7ki8TS3zC_1SES-I3xS2cailqUica3hpjP-Pa2dHRL_5DuIIJJW_fgBgPZ1oy2Xv0AJnDhNFKj96w1nGi-89GmJn_fBitX1QB2mMhCJcQgDpgUX7xXxajSHY2M/s1600/item-primary-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6XBhr3OMOWCdfwBsUE7ki8TS3zC_1SES-I3xS2cailqUica3hpjP-Pa2dHRL_5DuIIJJW_fgBgPZ1oy2Xv0AJnDhNFKj96w1nGi-89GmJn_fBitX1QB2mMhCJcQgDpgUX7xXxajSHY2M/s1600/item-primary-bg.gif</a>);<br />
background-repeat: no-repeat;<br />
background-position: top;<br />
}<br />
<br />
#nav-container a:hover{<br />
color: #6C3600;<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6XBhr3OMOWCdfwBsUE7ki8TS3zC_1SES-I3xS2cailqUica3hpjP-Pa2dHRL_5DuIIJJW_fgBgPZ1oy2Xv0AJnDhNFKj96w1nGi-89GmJn_fBitX1QB2mMhCJcQgDpgUX7xXxajSHY2M/s1600/item-primary-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6XBhr3OMOWCdfwBsUE7ki8TS3zC_1SES-I3xS2cailqUica3hpjP-Pa2dHRL_5DuIIJJW_fgBgPZ1oy2Xv0AJnDhNFKj96w1nGi-89GmJn_fBitX1QB2mMhCJcQgDpgUX7xXxajSHY2M/s1600/item-primary-bg.gif</a>);<br />
background-repeat: no-repeat;<br />
background-position: center;<br />
}<br />
<br />
/*^'^ Secondary Items Container ^'^*/ <br />
#nav-container div, #nav-container ul{ <br />
padding:10px 4px 10px 4px;<br />
margin:0px 0px 0px 0px;<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyX8OP61jrdt-85-LuZk_wQjh95ZvpYgfwmU7wA9HOIyzGnQ4s-hDIIOdAAK8aSg2SfQM-y181JADRW97EQGByJnn46ASmTynDYdjpKw4a_4-plr6aBFpVCagF0N3xwr9BUfQnFpGQMhQD/s1600/item-secondary-container-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyX8OP61jrdt-85-LuZk_wQjh95ZvpYgfwmU7wA9HOIyzGnQ4s-hDIIOdAAK8aSg2SfQM-y181JADRW97EQGByJnn46ASmTynDYdjpKw4a_4-plr6aBFpVCagF0N3xwr9BUfQnFpGQMhQD/s1600/item-secondary-container-bg.jpg</a>);<br />
background-repeat: repeat-x;<br />
background-color: #FF9900;<br />
border-bottom: 1px solid #CA6500;<br />
}<br />
<br />
/*^'^ Secondary Items ^'^*/ <br />
#nav-container div a, #nav-container ul a{ <br />
padding:3px 10px 3px 6px;<br />
background-color: #FFFFFF;<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJuSn8TLt_J012q07erKqXY2mAgEMO14vol0jJzJGQLMjT24BfgtBvhhyphenhyphennutNgSqoY7RoXDZLB9sWlQvQcVDTxFIggZZlBAtjt-bIjPD6AAvEFhz1ReT6NjZ5e5mF5chxMh9aWr0L6lTV/s1600/item-secondary-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJuSn8TLt_J012q07erKqXY2mAgEMO14vol0jJzJGQLMjT24BfgtBvhhyphenhyphennutNgSqoY7RoXDZLB9sWlQvQcVDTxFIggZZlBAtjt-bIjPD6AAvEFhz1ReT6NjZ5e5mF5chxMh9aWr0L6lTV/s1600/item-secondary-bg.jpg</a>);<br />
background-repeat: no-repeat;<br />
background-position: 0px 22px;<br />
font-size:11px;<br />
border-width:0px;<br />
border-style:none;<br />
margin: 0px 0px 0px 0px;<br />
width: 149px;<br />
}<br />
<br />
/*^'^ Secondary Items Hover State ^'^*/ <br />
#nav-container div a:hover, #nav-container ul a:hover{ <br />
background-color: #FFFFFF;<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJuSn8TLt_J012q07erKqXY2mAgEMO14vol0jJzJGQLMjT24BfgtBvhhyphenhyphennutNgSqoY7RoXDZLB9sWlQvQcVDTxFIggZZlBAtjt-bIjPD6AAvEFhz1ReT6NjZ5e5mF5chxMh9aWr0L6lTV/s1600/item-secondary-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJuSn8TLt_J012q07erKqXY2mAgEMO14vol0jJzJGQLMjT24BfgtBvhhyphenhyphennutNgSqoY7RoXDZLB9sWlQvQcVDTxFIggZZlBAtjt-bIjPD6AAvEFhz1ReT6NjZ5e5mF5chxMh9aWr0L6lTV/s1600/item-secondary-bg.jpg</a>);<br />
background-repeat: no-repeat;<br />
color:#CC0000;<br />
}<br />
<br />
/*^'^ Secondary Item Titles ^'^*/ <br />
#nav-container .item-secondary-title{ <br />
cursor:default;<br />
padding:4px 0px 3px 7px;<br />
color: #6C3600;<br />
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;<br />
font-size:11px;<br />
/* background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAybCIZvqtENxuXtj4Z_atOiFxFM5OUNLEitn9BcIG9gdtRfZhy03lSIyC-MRDAql6rOrQScWFS3ZahQWRBq6GxHoIc9iLGjYmFoAgxtXqRM47fbnqg-R7eTD7goxBJTAg7ET462wt6Ud/s1600/item-secondary-title-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAybCIZvqtENxuXtj4Z_atOiFxFM5OUNLEitn9BcIG9gdtRfZhy03lSIyC-MRDAql6rOrQScWFS3ZahQWRBq6GxHoIc9iLGjYmFoAgxtXqRM47fbnqg-R7eTD7goxBJTAg7ET462wt6Ud/s1600/item-secondary-title-bg.jpg</a>); */<br />
background-repeat: no-repeat;<br />
font-weight:bold;<br />
}<br />
<br />
/*^'^ Horizontal Dividers ^'^*/ <br />
#nav-container .divider-horiz{ <br />
border-top-width:1px;<br />
margin:5px 5px;<br />
border-color: #C16100;<br />
}<br />
<br />
/*^'^ Vertical Dividers ^'^*/ <br />
#nav-container .divider-vert{ <br />
border-left-width:1px;<br />
height:15px;<br />
margin:4px 2px 0px 2px;<br />
border-color:#AAAAAA;<br />
}</div>
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">3. Blue Dawn Drop Down </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRSCorp6S1QTkS5pyz3VVN5ISl-IW2o721eMeN0f-LTdAS3YaXH-OQ6TfyD7VnRngcekplz-aDGIdOa8lBoH1guZHZj3tVi9Bk7j8_re-K9uhIAgi6f5IoDAMB9RGZNzr2pELXk2TWfoKY/s320/Blue+Dawn+Drop+Down.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<div class="wrapper1"><br />
<div class="wrapper"><br />
<div class="nav-wrapper"><br />
<div class="nav-left"></div><br />
<div class="nav"><br />
<ul id="navigation"><br />
<li class="active"><br />
<a href="#"><br />
<span class="menu-left"></span><br />
<span class="menu-mid">Home</span><br />
<span class="menu-right"></span><br />
</a><br />
</li><br />
<li class=""><br />
<a href="#"><br />
<span class="menu-left"></span><br />
<span class="menu-mid">Blog</span><br />
<span class="menu-right"></span><br />
</a><br />
<div class="sub"><br />
<ul><br />
<li><br />
<a href="#">Archives</a><br />
</li><br />
<li><br />
<a href="#">Categories</a><br />
</li><br />
<li><br />
<a href="#">Top-rated Posts</a><br />
</li><br />
<li><br />
<a href="#">Most-viewed Entries</a><br />
</li><br />
</ul><br />
<div class="btm-bg"></div><br />
</div><br />
</li><br />
<li class=""><br />
<a href="#"><br />
<span class="menu-left"></span><br />
<span class="menu-mid">Development</span><br />
<span class="menu-right"></span><br />
</a><br />
<div class="sub"><br />
<ul><br />
<li><br />
<a href="#">Wordpress Themes</a><br />
</li><br />
<li><br />
<a href="#">Wordpress Plugins</a><br />
</li><br />
<li><br />
<a href="#">Mac OS X</a><br />
</li><br />
</ul><br />
<div class="btm-bg"></div><br />
</div><br />
</li><br />
<li class=""><br />
<a href="#"><br />
<span class="menu-left"></span><br />
<span class="menu-mid">Tutorials</span><br />
<span class="menu-right"></span><br />
</a><br />
<div class="sub"><br />
<ul><br />
<li><br />
<a href="#">Photoshop</a><br />
</li><br />
<li><br />
<a href="#">Illustrator</a><br />
</li><br />
<li><br />
<a href="#">Css, Html</a><br />
</li><br />
<li><br />
<a href="#">Post Your Tutorial!</a><br />
</li><br />
</ul><br />
<div class="btm-bg"></div><br />
</div><br />
</li><br />
<li class=""><br />
<a href="#"><br />
<span class="menu-left"></span><br />
<span class="menu-mid">Gallery</span><br />
<span class="menu-right"></span><br />
</a><br />
<div class="sub"><br />
<ul><br />
<li><br />
<a href="#">Personal Photos</a><br />
</li><br />
<li><br />
<a href="#">My Friends</a><br />
</li><br />
<li><br />
<a href="#">Tech</a><br />
</li><br />
</ul><br />
<div class="btm-bg"></div><br />
</div><br />
</li><br />
<li class=""><br />
<a href="#"><br />
<span class="menu-left"></span><br />
<span class="menu-mid">Portfolio</span><br />
<span class="menu-right"></span><br />
</a><br />
<div class="sub"><br />
<ul><br />
<li><br />
<a href="#">My Works</a><br />
</li><br />
</ul><br />
<div class="btm-bg"></div><br />
</div><br />
</li><br />
<li class="last"><br />
<a href=""><br />
<span class="menu-left"></span><br />
<span class="menu-mid">Contact</span><br />
<span class="menu-right"></span><br />
</a><br />
</li><br />
</ul><br />
</div><br />
<div class="nav-right"></div><br />
</div><br />
<div class="content"><br />
<p>&nbsp;</p><br />
<p>&nbsp;</p><br />
<br />
</div><br />
<div class="content-bottom"></div><br />
</div><br />
</div><br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.wrapper1{<br />
color: #44433f; <br />
font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;<br />
margin: 0;<br />
padding: 4px 0 0;<br />
}<br />
.wrapper1 a{<br />
color: #E5F2FB;<br />
text-decoration: none;<br />
}<br />
.wrapper1 a:hover {<br />
color: #09548B;<br />
}<br />
.wrapper1 p {<br />
margin: 0 0 17px;<br />
padding: 0;<br />
line-height: 18px;<br />
}<br />
.wrapper {<br />
/*width: 710px;*/<br />
margin: 20px auto;<br />
}<br />
.nav {<br />
background: #fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUu40JWnlfMowDz1C_IYXXaEQji3qD0tyNg7c0hPE6H9yWmP1ekGuY0tHkwqP-iA1NPxU8dUBAH9ez1MycNg21GgDOQsznASckbXKaOm2jb63YJakdaVuU6hO6-xPesLFip4GZz_Oa2-Wd/s1600/nav_bg.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUu40JWnlfMowDz1C_IYXXaEQji3qD0tyNg7c0hPE6H9yWmP1ekGuY0tHkwqP-iA1NPxU8dUBAH9ez1MycNg21GgDOQsznASckbXKaOm2jb63YJakdaVuU6hO6-xPesLFip4GZz_Oa2-Wd/s1600/nav_bg.png</a>) repeat-x;<br />
float: left;<br />
}<br />
.nev-wrapper {<br />
clear: both;<br />
float: left;<br />
}<br />
.nav-left {<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibBFZvIZGExi7K1l-u_eWfz_fVvtlE_s5NYB_M9OaKjYhkH1ymPMa_lsoEFwKUfqZ9fnHXwkrEJjNMop7NLrU_oQprrPqtVR7naRjRaM9MwZkB5Zn1IUF-fjQzYfpRJJtiZdpntNCNlLmw/s1600/nav_left.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibBFZvIZGExi7K1l-u_eWfz_fVvtlE_s5NYB_M9OaKjYhkH1ymPMa_lsoEFwKUfqZ9fnHXwkrEJjNMop7NLrU_oQprrPqtVR7naRjRaM9MwZkB5Zn1IUF-fjQzYfpRJJtiZdpntNCNlLmw/s1600/nav_left.png</a>) no-repeat top left;<br />
float: left;<br />
width: 11px;<br />
height: 41px;<br />
}<br />
.nav-right {<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5mEFndFEEnDFjXYMaU-YHWz3RezOeqIdM1jevz6pVmgivvVVqW_mMAX_8Gnwd3WEZ4caIrJjLV8CTl4atjyywZY2m5BSLPPP4jF3na-UchCNX6-DyEYXX9mH5-q2gEr6ipu51gcSF0moG/s1600/nav_right.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5mEFndFEEnDFjXYMaU-YHWz3RezOeqIdM1jevz6pVmgivvVVqW_mMAX_8Gnwd3WEZ4caIrJjLV8CTl4atjyywZY2m5BSLPPP4jF3na-UchCNX6-DyEYXX9mH5-q2gEr6ipu51gcSF0moG/s1600/nav_right.png</a>) no-repeat top right;<br />
float: left;<br />
width: 11px;<br />
height: 41px;<br />
}<br />
.nav ul {<br />
/*width: 648px;*/<br />
height: 38px;<br />
float: left;<br />
margin: 0;<br />
padding-top: 3px;<br />
list-style: none;<br />
font-size: 15px;<br />
}<br />
.nav li {<br />
float: left;<br />
padding: 0 7px;<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdq0T8nqw0PsWxRxh6DTSAHfAGkoYKGexQCFvie3tpxpGU1sSXS-PTSLuomiBKjOQyoESsJRZNhwHtkdQo-WY75asfuqgqF6FpkyK7HTYcCskQIrNBBnw4ZBjoWIZfTQcqpr6xG_yTrVB/s1600/split.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdq0T8nqw0PsWxRxh6DTSAHfAGkoYKGexQCFvie3tpxpGU1sSXS-PTSLuomiBKjOQyoESsJRZNhwHtkdQo-WY75asfuqgqF6FpkyK7HTYcCskQIrNBBnw4ZBjoWIZfTQcqpr6xG_yTrVB/s1600/split.png</a>) no-repeat right center;<br />
position: relative;<br />
z-index: 1;<br />
}<br />
.nav li.last {<br />
background:none;<br />
}<br />
.nav li:hover {<br />
z-index:2;<br />
}<br />
.nav li a {<br />
display: block;<br />
line-height: 38px;<br />
overflow: hidden;<br />
float: left;<br />
}<br />
a .menu-left {<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghgMo-F-zm_SwddEwwqMBTjjMgBk7KIYa8NxjZ7luKZG_OXPKFMr81m2dIPlBiSwaTkzkQyoYhqdJs6lPS_QjjFWgOGQxgLxdrjI53rmpK5XqnLhjPSLFXmyaA_rYPGgKuG1_okDDN2TGV/s1600/menu_left.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghgMo-F-zm_SwddEwwqMBTjjMgBk7KIYa8NxjZ7luKZG_OXPKFMr81m2dIPlBiSwaTkzkQyoYhqdJs6lPS_QjjFWgOGQxgLxdrjI53rmpK5XqnLhjPSLFXmyaA_rYPGgKuG1_okDDN2TGV/s1600/menu_left.gif</a>) no-repeat left top;<br />
width: 8px;<br />
height: 32px;<br />
line-height: 35px;<br />
display: block;<br />
float: left;<br />
}<br />
a .menu-mid {<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipCiL5mg8dxv3kf7WosjTKsIs2IkM0R_Ryajbd4lxNrVLhLyiBiqJrx9vS2KZo0aj049FHXeg6cCA2m9vTpPSceyuCWGroCFfpdK_vbnt4ZOEkZmL0kT0zyFoLu1zRmwNZyTioB0vHIUVv/s1600/menu_mid.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipCiL5mg8dxv3kf7WosjTKsIs2IkM0R_Ryajbd4lxNrVLhLyiBiqJrx9vS2KZo0aj049FHXeg6cCA2m9vTpPSceyuCWGroCFfpdK_vbnt4ZOEkZmL0kT0zyFoLu1zRmwNZyTioB0vHIUVv/s1600/menu_mid.gif</a>) repeat-x top left;<br />
height: 32px;<br />
line-height: 35px;<br />
display: block;<br />
float: left;<br />
}<br />
a .menu-right {<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd-W9rskV-F8SRkbHXxPIod-79A3d3-7-UMPWAHc-HgE6B4VXrRXi7f_LsEXmP_dMGpUbIVtxDySjy-dB-ihDzonKvDYH83PSkZ08R7AlW9KEiRSWyodQ5M48wmjnB2i4onO8DEde-G2j3/s1600/menu_right.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd-W9rskV-F8SRkbHXxPIod-79A3d3-7-UMPWAHc-HgE6B4VXrRXi7f_LsEXmP_dMGpUbIVtxDySjy-dB-ihDzonKvDYH83PSkZ08R7AlW9KEiRSWyodQ5M48wmjnB2i4onO8DEde-G2j3/s1600/menu_right.gif</a>) no-repeat top left;<br />
width: 8px;<br />
height: 32px;<br />
line-height: 35px;<br />
display: block;<br />
float: left;<br />
}<br />
.nav li a:hover .menu-left,<br />
.nav li.active a .menu-left,<br />
.nav li:hover a .menu-left,<br />
.nav li a:hover .menu-mid,<br />
.nav li.active a .menu-mid,<br />
.nav li:hover a .menu-mid,<br />
.nav li a:hover .menu-right,<br />
.nav li.active a .menu-right,<br />
.nav li:hover a .menu-right {<br />
background-position: 0 -37px;<br />
line-height: 35px;<br />
}<br />
.nav li a:hover,<br />
.nav li.active a,<br />
.nav li.hover a,<br />
.nav li:hover a {<br />
color: #09548B;<br />
}<br />
.nav li:hover .sub,<br />
.nav li.hover .sub {<br />
display:block;<br />
}<br />
.nav li .sub {<br />
display: none;<br />
position: absolute;<br />
top: 27px;<br />
left: 6px;<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDh8eQWEG7qqUPS8wTQ5F5xvAUDfkBHQPEIVb2T3DJulOO5oPBPR5S5R2fiOVzAm5Eo-HGLpxv4X7wRdbBkpKjxAdgoKS7SZlAu1P6FQr0jgnlMao2L_bLNqYEUUUpdrRgLvqor_je3P1N/s1600/submenu_top.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDh8eQWEG7qqUPS8wTQ5F5xvAUDfkBHQPEIVb2T3DJulOO5oPBPR5S5R2fiOVzAm5Eo-HGLpxv4X7wRdbBkpKjxAdgoKS7SZlAu1P6FQr0jgnlMao2L_bLNqYEUUUpdrRgLvqor_je3P1N/s1600/submenu_top.png</a>) no-repeat;<br />
width: 186px;<br />
padding-top: 9px;<br />
}<br />
.nav li ul {<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYq-Z3VVVVwKOmxwQL_L3E5jilo7NNWxuOxnN5m5cy5pmDm1qKz2CH1Mslbk2qJdg1Y_iWh4Ic-H67kSHNQfq3iZf9NtaRMT72u7NpyB2hT4BqyvVLdrgG5C9vM9_GdnbtwMEoYRiHTsnq/s1600/submenu_bg.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYq-Z3VVVVwKOmxwQL_L3E5jilo7NNWxuOxnN5m5cy5pmDm1qKz2CH1Mslbk2qJdg1Y_iWh4Ic-H67kSHNQfq3iZf9NtaRMT72u7NpyB2hT4BqyvVLdrgG5C9vM9_GdnbtwMEoYRiHTsnq/s1600/submenu_bg.png</a>) repeat-y;<br />
width: 162px;<br />
height: auto;<br />
margin: 0;<br />
padding: 0 12px 10px;<br />
list-style: none;<br />
font-size: 14px;<br />
}<br />
<br />
.nav li:hover li,<br />
.nav li.active li {<br />
width: 100%;<br />
padding: 1px 0 2px;<br />
border-bottom: 1px #C1D9F0 dashed;<br />
background: none !important;<br />
}<br />
.nav li:hover li a,<br />
.nav li.active li a {<br />
color: #09548B;<br />
background: none !important;<br />
line-height: normal;<br />
width: 156px;<br />
padding: 8px 3px 3px;<br />
text-indent: 1px;<br />
}<br />
.nav li:hover li a:hover,<br />
.nav li.active li a:hover {<br />
color: #fff;<br />
background: #165B9F !important;<br />
text-decoration: none;<br />
line-height: normal;<br />
}<br />
/*IE*/<br />
.nav li li a:hover,<br />
.nav li li a:hover {<br />
color: #fff;<br />
background: #165B9F !important;<br />
text-decoration: none;<br />
line-height: normal;<br />
}<br />
/**/<br />
.nav .btm-bg {<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioXn9JLTTPA3ZywLBKvUpvCVkHxZzYEk7Q0duyPASjaVREZu_RWqFSq3LrllpKFZRG7XrAqqFTpO0mc9JTsEdXHwGIWnffZrkyG9C8lDfzEWDFkNSR35H0Fx6bs2yT04FqYcwKb8XVmXWL/s1600/submenu_bottom.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioXn9JLTTPA3ZywLBKvUpvCVkHxZzYEk7Q0duyPASjaVREZu_RWqFSq3LrllpKFZRG7XrAqqFTpO0mc9JTsEdXHwGIWnffZrkyG9C8lDfzEWDFkNSR35H0Fx6bs2yT04FqYcwKb8XVmXWL/s1600/submenu_bottom.png</a>) no-repeat;<br />
width: 205px;<br />
height: 9px;<br />
overflow: hidden;<br />
clear: both;<br />
}<br />
.content {<br />
width: 670px;<br />
background: transparent url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDoNX_Ap-n0l_QsvUd2IG02yOiLPSqut0UwnhD3vUjEWDnH1sIMdmwOM49eJx9psP-WSIDDBhD9opd4Vi87Pau3Z2cMTlhyO0HkwfXud-9hxZ5nteOGr1XE3WVOJcFYHsdPG_MC45EDD9R/s1600/content_bg.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDoNX_Ap-n0l_QsvUd2IG02yOiLPSqut0UwnhD3vUjEWDnH1sIMdmwOM49eJx9psP-WSIDDBhD9opd4Vi87Pau3Z2cMTlhyO0HkwfXud-9hxZ5nteOGr1XE3WVOJcFYHsdPG_MC45EDD9R/s1600/content_bg.png</a>) repeat-y;<br />
float: left;<br />
padding: 10px 20px;<br />
}<br />
.content h1 {<br />
color: #333;<br />
font-weight: 400;<br />
text-transform: uppercase;<br />
font-size: 18px;<br />
border-bottom: 1px dashed #C1D9F0;<br />
}<br />
.content h2 {<br />
font-weight: 400;<br />
text-transform: uppercase;<br />
font-size: 14px;<br />
padding-left: 10px;<br />
margin-bottom: -5px;<br />
}<br />
.content p {<br />
padding: 0 15px;<br />
text-align: justify; <br />
}<br />
.content-bottom {<br />
width: 710px;<br />
background: transparent url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfehhqL_Dyq_QeRhmPurMbg03lxR5SNT1naBkbG4WFJRB_6zFHnBjy16tNo8boRwOfyYIbRjJgsXkk-kj_i_nFym3ehlZHFycBULoBHHl05nPrwSV_veFiYcqq0xHRAzoqHUFPoVh7YHKf/s1600/content_bottom.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfehhqL_Dyq_QeRhmPurMbg03lxR5SNT1naBkbG4WFJRB_6zFHnBjy16tNo8boRwOfyYIbRjJgsXkk-kj_i_nFym3ehlZHFycBULoBHHl05nPrwSV_veFiYcqq0xHRAzoqHUFPoVh7YHKf/s1600/content_bottom.png</a>) no-repeat;<br />
height: 13px;<br />
float: left;<br />
}</div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">4. Blue Center Drop Bar </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgixVKPo1yBUUzBLK-D_3BUW74I0wa85ZSUEJJiuwiFhHkoPOy_POIDtcPmLeUfhUT_Vgr9_EGwyRm782RsLtCzirsbHSPZi6swTZrBqSQvnV8-AMG5O58fCoEi0Sw4tGr9I84cAXZZm-mt/s320/Blue+Center+Drop+Bar.png" width="320" /></div>
<br />
<br />
HTML CODE: <br />
<br />
<div class="code">
<div class="nav"><br />
<div class="table"><br />
<br />
<ul class="select"><li><a href="#"><b>Sample</b></a></li></ul><br />
<br />
<ul class="select"><li><a href="#"><b>Sample Menu</b></a><br />
<div class="select_sub"><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
</ul><br />
</div><br />
</li><br />
</ul><br />
<br />
<ul class="select"><li><a href="#"><b>Sample Menu</b></a><br />
<div class="select_sub"><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu 2</a></li><br />
<li><a href="#">Sample Menu 2</a></li><br />
<li><a href="#">Sample Menu 2</a></li><br />
<li><a href="#">Sample Menu 2</a></li><br />
<li><a href="#">Sample Menu 2</a></li><br />
</ul><br />
</div><br />
</li><br />
</ul><br />
<br />
<br />
<ul class="select"><li><a href="#"><b>Sample Menu</b></a><br />
<div class="select_sub"><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu 3</a></li><br />
<li><a href="#">Sample Menu 3</a></li><br />
<li><a href="#">Sample Menu 3</a></li><br />
<li><a href="#">Sample Menu 3</a></li><br />
<li><a href="#">Sample Menu 3</a></li><br />
</ul><br />
</div><br />
</li><br />
</ul><br />
<br />
<br />
<ul class="select"><li><a href="#"><b>Sample Menu</b></a><br />
<div class="select_sub"><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu 4</a></li><br />
<li><a href="#">Sample Menu 4</a></li><br />
<li><a href="#">Sample Menu 4</a></li><br />
<li><a href="#">Sample Menu 4</a></li><br />
<li><a href="#">Sample Menu 4</a></li><br />
</ul><br />
</div><br />
</li><br />
</ul><br />
<br />
</div><br />
</div><br />
<br />
<br /><br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.nav {<br />
height:35px; <br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHVceHi3oxoy-kGDRkJfmNAfGLaio5QlKoRhQOSlAUcy0lptVAOaqZv7ise-MVQSteqxgThMlPkuKnK23f_x6FE79RUQhZpMg4q1384jb3VDR3X1FdruKKZIvUr99x1lXD6XmnNNeMfg0d/s1600/bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHVceHi3oxoy-kGDRkJfmNAfGLaio5QlKoRhQOSlAUcy0lptVAOaqZv7ise-MVQSteqxgThMlPkuKnK23f_x6FE79RUQhZpMg4q1384jb3VDR3X1FdruKKZIvUr99x1lXD6XmnNNeMfg0d/s1600/bg.gif</a>) repeat-x; <br />
position:relative; <br />
font-family:arial, verdana, sans-serif; <br />
font-size:11px; <br />
width:100%; <br />
z-index:100;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
.nav .table {<br />
display:table; <br />
margin:0 auto;<br />
}<br />
<br />
.nav .select,<br />
.nav .current {<br />
margin:0; <br />
padding:0; <br />
list-style:none; <br />
display:table-cell; <br />
white-space:nowrap;<br />
}<br />
<br />
.nav li {<br />
margin:0; <br />
padding:0; <br />
height:auto; <br />
float:left;<br />
}<br />
<br />
.nav .select a {<br />
display:block; <br />
height:35px; <br />
float:left; <br />
font-weight:bold;<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHVceHi3oxoy-kGDRkJfmNAfGLaio5QlKoRhQOSlAUcy0lptVAOaqZv7ise-MVQSteqxgThMlPkuKnK23f_x6FE79RUQhZpMg4q1384jb3VDR3X1FdruKKZIvUr99x1lXD6XmnNNeMfg0d/s1600/bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHVceHi3oxoy-kGDRkJfmNAfGLaio5QlKoRhQOSlAUcy0lptVAOaqZv7ise-MVQSteqxgThMlPkuKnK23f_x6FE79RUQhZpMg4q1384jb3VDR3X1FdruKKZIvUr99x1lXD6XmnNNeMfg0d/s1600/bg.gif</a>); <br />
padding:0 30px 0 30px; <br />
text-decoration:none; <br />
line-height:35px; <br />
white-space:nowrap; <br />
color:#2b3238;<br />
}<br />
<br />
<br />
.nav .select a:hover, <br />
.nav .select li:hover a {<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYt0rKX8tZ3OqPYkqXJT0jMgX-k9fiM97z6BOSxWamoDqm14NhzDX_k1JKGA7uBslZelxTlAGRxoUeQ8Zv1abm045mh2GuNZWa9BQ_Y9ia5AqxJY65YRjW-WlwIR604FBEoz4qKVAOrja/s1600/hover.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYt0rKX8tZ3OqPYkqXJT0jMgX-k9fiM97z6BOSxWamoDqm14NhzDX_k1JKGA7uBslZelxTlAGRxoUeQ8Zv1abm045mh2GuNZWa9BQ_Y9ia5AqxJY65YRjW-WlwIR604FBEoz4qKVAOrja/s1600/hover.gif</a>); <br />
padding:0 0 0 15px; <br />
cursor:pointer; <br />
color:#2b3238;<br />
}<br />
<br />
.nav .select a b{<br />
font-weight:bold;<br />
}<br />
<br />
.nav .select a:hover b, <br />
.nav .select li:hover a b {<br />
display:block; <br />
float:left; <br />
padding:0 30px 0 15px; <br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYt0rKX8tZ3OqPYkqXJT0jMgX-k9fiM97z6BOSxWamoDqm14NhzDX_k1JKGA7uBslZelxTlAGRxoUeQ8Zv1abm045mh2GuNZWa9BQ_Y9ia5AqxJY65YRjW-WlwIR604FBEoz4qKVAOrja/s1600/hover.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYt0rKX8tZ3OqPYkqXJT0jMgX-k9fiM97z6BOSxWamoDqm14NhzDX_k1JKGA7uBslZelxTlAGRxoUeQ8Zv1abm045mh2GuNZWa9BQ_Y9ia5AqxJY65YRjW-WlwIR604FBEoz4qKVAOrja/s1600/hover.gif</a>) right top; <br />
cursor:pointer;<br />
}<br />
<br />
.nav .select_sub {<br />
display:none;<br />
}<br />
<br />
/* IE6 only */<br />
.nav table {<br />
border-collapse:collapse; <br />
margin:-1px; <br />
font-size:1em; <br />
width:0; <br />
height:0;<br />
}<br />
<br />
.nav .sub {<br />
display:table; <br />
margin:0 auto; <br />
padding:0; <br />
list-style:none;<br />
}<br />
<br />
.nav .sub_active .current_sub a, <br />
.nav .sub_active a:hover {<br />
background:transparent; <br />
color:#2b3238;<br />
}<br />
<br />
.nav .select :hover .select_sub, <br />
.nav .current .show {<br />
display:block; <br />
position:absolute; <br />
width:100%; <br />
top:35px; <br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdoZ6gVg6SSOzU3TW2gvvWI8VfIbB42k35ZF_A4O8hJmLPkgWUJ7V-d4DJ-kVs4Aw0ILUXR9HWzBAlsJLSaAyvHVyTvM4vmngtXxTFt7N3iyA-8O1wk8AN0arnw1EMPKBixArel-jYmIG/s1600/back.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdoZ6gVg6SSOzU3TW2gvvWI8VfIbB42k35ZF_A4O8hJmLPkgWUJ7V-d4DJ-kVs4Aw0ILUXR9HWzBAlsJLSaAyvHVyTvM4vmngtXxTFt7N3iyA-8O1wk8AN0arnw1EMPKBixArel-jYmIG/s1600/back.gif</a>); <br />
padding:0; <br />
z-index:100; <br />
left:0; <br />
text-align:center;<br />
}<br />
<br />
.nav .current .show {<br />
z-index:10;<br />
}<br />
<br />
.nav .select :hover .sub li a, <br />
.nav .current .show .sub li a {<br />
display:block; <br />
float:left; <br />
background:transparent; <br />
padding:0 10px 0 10px; <br />
margin:0; <br />
white-space:nowrap; <br />
border:0; <br />
color:#2b3238;<br />
}<br />
<br />
.nav .current .sub li.sub_show a {<br />
color:#2b3238; <br />
cursor:default; <br />
}<br />
<br />
.nav .select .sub li a {<br />
font-weight:normal;<br />
}<br />
<br />
.nav .select :hover .sub li a:hover, <br />
.nav .current .sub li a:hover {<br />
visibility:visible; <br />
color:#73a0d2; <br />
}</div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">5. Blue Impression Drop Down Menu </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1hPnqBF6UoUAlizGRZN7yTNElD6czzoilF383ujGpeUuxNl1MPhS2gX2uQ4TzPX0-aQtFJlAO1PiPNnIQEiOcO6onX0fen3To4lZZF61eis5Ue8Yegx4oK_Yn1kO6Nm5v4or-ZNlsksDw/s1600/Blue+Impression+Drop+Down+Menu.png" width="320" /></div>
<br />
<br />
HTML CODE: <br />
<br />
<div class="code">
<ul class="menu"><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu This is some longer text</span></a><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
</ul><br />
</li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
</ul><br />
</li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
</ul><br />
<br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.bg {background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif</a>);}<br />
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdbdxPX8NY1XewuNsxe3QwOkYxElyIOJQXaoHl7-aPou-3ZlkDKOxRpd1gsjEPBFCsKMndJNfFfCyxubdG4Vn3rMnqYC5k_HDEtvRuy8Z8AvnLG57L-sYPcnRnBCpky6gpsSxWPUwoTkff/s1600/button1a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdbdxPX8NY1XewuNsxe3QwOkYxElyIOJQXaoHl7-aPou-3ZlkDKOxRpd1gsjEPBFCsKMndJNfFfCyxubdG4Vn3rMnqYC5k_HDEtvRuy8Z8AvnLG57L-sYPcnRnBCpky6gpsSxWPUwoTkff/s1600/button1a.gif</a>) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }<br />
.menu li.top {display:block; float:left; position:relative;}<br />
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}<br />
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}<br />
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPRkzJ1_74VmRODWChXTYHoEh68ZAKl0RN6xucgmH6ovIfzmphiswzG0oU3jZAo3uHzUlXid0g2iRKLF7_l7CR2ic-GBdhWS65DuyCOIafemTkK8UyuLg2OJ3bACPZ_bm5FFe3K6SoPHxF/s1600/down.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPRkzJ1_74VmRODWChXTYHoEh68ZAKl0RN6xucgmH6ovIfzmphiswzG0oU3jZAo3uHzUlXid0g2iRKLF7_l7CR2ic-GBdhWS65DuyCOIafemTkK8UyuLg2OJ3bACPZ_bm5FFe3K6SoPHxF/s1600/down.gif</a>) no-repeat right top;}<br />
.menu li a.top_link:hover {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif</a>) no-repeat;}<br />
.menu li a.top_link:hover span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif</a>) no-repeat right top;}<br />
.menu li a.top_link:hover span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTreHxYH_5nwk4oj_T6Y7W6SdwTqBGK1Cr8Zs_feG9FlXH-pY0mEtHo8G6eYlFK-0krMknXRGNZXjAVy_KzBbqQKvU3gCTPtEemtvkeRWnJlISMa-jljSDkoDKcSKP3omICewDtm6LWGP/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTreHxYH_5nwk4oj_T6Y7W6SdwTqBGK1Cr8Zs_feG9FlXH-pY0mEtHo8G6eYlFK-0krMknXRGNZXjAVy_KzBbqQKvU3gCTPtEemtvkeRWnJlISMa-jljSDkoDKcSKP3omICewDtm6LWGP/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
.menu li:hover > a.top_link {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif</a>) no-repeat;}<br />
.menu li:hover > a.top_link span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwVQ_DojnCaQxCjmzEUBzgxDJVkX_JScUZaqlgHk46JD2HpgxEujt8f9wg34_sroVIvKVt7R3l7pnjnC3g7sdlBdfUKGtqkb1HZJF3zib8rEZctn9Av_lVEokUcCi3Pn0JLiR8SXRkJFv/s1600/button4.gif</a>) no-repeat right top;}<br />
.menu li:hover > a.top_link span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTreHxYH_5nwk4oj_T6Y7W6SdwTqBGK1Cr8Zs_feG9FlXH-pY0mEtHo8G6eYlFK-0krMknXRGNZXjAVy_KzBbqQKvU3gCTPtEemtvkeRWnJlISMa-jljSDkoDKcSKP3omICewDtm6LWGP/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTreHxYH_5nwk4oj_T6Y7W6SdwTqBGK1Cr8Zs_feG9FlXH-pY0mEtHo8G6eYlFK-0krMknXRGNZXjAVy_KzBbqQKvU3gCTPtEemtvkeRWnJlISMa-jljSDkoDKcSKP3omICewDtm6LWGP/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}<br />
<br />
.menu a:hover {visibility:visible;}<br />
.menu li:hover {position:relative; z-index:200;}<br />
<br />
.menu ul, <br />
.menu :hover ul ul, <br />
.menu :hover ul :hover ul ul,<br />
.menu :hover ul :hover ul :hover ul ul,<br />
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}<br />
<br />
.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #95d2ee; white-space:nowrap; width:200px; height:auto;}<br />
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}<br />
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}<br />
.menu :hover ul.sub li a.fly {background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZCzUp_lYZwi4GCOqld0jm0DuUqprcaZed8oFSp-KxsYdC_uj442qxKTG6jzn1o3IRnBPxZ1IA2MjmReS8cV3Z__-iCj8DL2cZxlZ_QDQxRbqmhONLjKo5cqvNrgwinOfcKthld0v9YwMy/s1600/arrow.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZCzUp_lYZwi4GCOqld0jm0DuUqprcaZed8oFSp-KxsYdC_uj442qxKTG6jzn1o3IRnBPxZ1IA2MjmReS8cV3Z__-iCj8DL2cZxlZ_QDQxRbqmhONLjKo5cqvNrgwinOfcKthld0v9YwMy/s1600/arrow.gif</a>) 80px 7px no-repeat;}<br />
.menu :hover ul.sub li a:hover {background:#95d2ee; color:#fff;}<br />
.menu :hover ul.sub li a.fly:hover {background:#95d2ee url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja8XnzgNFCQSE86q0KrNXu9Zo5yy6zN9WQaaqKoE3_043j4-uLFrqU4ZYx0cI7TyweuWgFODcq8M6Hr-woqMCeYBZUPCxRo9wdYfhkcqCgi1LScfDNchNL6yYe0QJ9xMJHuivAmdqhwJAk/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja8XnzgNFCQSE86q0KrNXu9Zo5yy6zN9WQaaqKoE3_043j4-uLFrqU4ZYx0cI7TyweuWgFODcq8M6Hr-woqMCeYBZUPCxRo9wdYfhkcqCgi1LScfDNchNL6yYe0QJ9xMJHuivAmdqhwJAk/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;}<br />
.menu :hover ul li:hover > a.fly {background:#95d2ee url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja8XnzgNFCQSE86q0KrNXu9Zo5yy6zN9WQaaqKoE3_043j4-uLFrqU4ZYx0cI7TyweuWgFODcq8M6Hr-woqMCeYBZUPCxRo9wdYfhkcqCgi1LScfDNchNL6yYe0QJ9xMJHuivAmdqhwJAk/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja8XnzgNFCQSE86q0KrNXu9Zo5yy6zN9WQaaqKoE3_043j4-uLFrqU4ZYx0cI7TyweuWgFODcq8M6Hr-woqMCeYBZUPCxRo9wdYfhkcqCgi1LScfDNchNL6yYe0QJ9xMJHuivAmdqhwJAk/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;} <br />
<br />
.menu :hover ul :hover ul,<br />
.menu :hover ul :hover ul :hover ul,<br />
.menu :hover ul :hover ul :hover ul :hover ul,<br />
.menu :hover ul :hover ul :hover ul :hover ul :hover ul<br />
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 95d2ee; white-space:nowrap; width:93px; z-index:200; height:auto;}</div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">6. Green Impression Drop Down Menu </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9YTrMiqk2hOyfveqa7P29Lahq-wuzJOASSTyfOTNYp5xFV5evV6HHUpoRfrqo_8CQ7hs0LWAM4SQdag9Zx2rIVpiWBRzozNQK_zlabiMpMko2KBmIKdZU0ZYCI2jvpSLaW4uFbZL70sWB/s1600/Green+Impression+Drop+Down+Menu.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<ul class="menu"><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu This is some longer text</span></a><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
</ul><br />
</li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
</ul><br />
</li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
</ul><br />
<br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.bg {background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif</a>);}<br />
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVCZM0HmrZBk1Sz2c92MDSt2bWPJmIzurwE_gzEd4HE9n_VdbuqGUgRGYUzR-IgmIIJoZ0xPpCdKUe2N395YhY8lClrklMYOkqxR8dj1IgBVKCtrzkj7Ck_xZo4JVIIdyHpeERfxs3VReF/s1600/button1a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVCZM0HmrZBk1Sz2c92MDSt2bWPJmIzurwE_gzEd4HE9n_VdbuqGUgRGYUzR-IgmIIJoZ0xPpCdKUe2N395YhY8lClrklMYOkqxR8dj1IgBVKCtrzkj7Ck_xZo4JVIIdyHpeERfxs3VReF/s1600/button1a.gif</a>) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }<br />
.menu li.top {display:block; float:left; position:relative;}<br />
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}<br />
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}<br />
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ukEdFMfmb2QQxnWxn_5r_lDuO4SoTyau8rSigMEKU6gE8fR9ULNw-Jj9QwYwtEIRc7CmzQ-9zdjmFHKkLUUadeiPoZeVYdSJpflITgS6GKXwANuwegGhcr_Kt9nonPK6ZETkXRHEcAlO/s1600/down.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ukEdFMfmb2QQxnWxn_5r_lDuO4SoTyau8rSigMEKU6gE8fR9ULNw-Jj9QwYwtEIRc7CmzQ-9zdjmFHKkLUUadeiPoZeVYdSJpflITgS6GKXwANuwegGhcr_Kt9nonPK6ZETkXRHEcAlO/s1600/down.gif</a>) no-repeat right top;}<br />
.menu li a.top_link:hover {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif</a>) no-repeat;}<br />
.menu li a.top_link:hover span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif</a>) no-repeat right top;}<br />
.menu li a.top_link:hover span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBFVFC0TP_dRhhZSRxZsl6MdKRQOG166m4PpO2UpvAXCIQN-IbNHUqL7JF2NM_R7IX5_DesWHLin-xfnUyXSx-3opvpcSQIfkB9QfJzqdzozshaSJ0gsKXSAQ7b7cw80l4_gdxIHHdUejx/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBFVFC0TP_dRhhZSRxZsl6MdKRQOG166m4PpO2UpvAXCIQN-IbNHUqL7JF2NM_R7IX5_DesWHLin-xfnUyXSx-3opvpcSQIfkB9QfJzqdzozshaSJ0gsKXSAQ7b7cw80l4_gdxIHHdUejx/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
.menu li:hover > a.top_link {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif</a>) no-repeat;}<br />
.menu li:hover > a.top_link span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdKwsdDQQ7xW3Y37MBUpSHM7vSLtrDN4vCe0RbtaeyM6t0cB1X_Ui_IePKuwrY8QvgWmM9k0pgVg2wvc-l3LFyPSMqLmDpUeOc4yoDLma2eLIqhAvFF3MydqnGeki8tU_jT99lQI2uJXR/s1600/button4.gif</a>) no-repeat right top;}<br />
.menu li:hover > a.top_link span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBFVFC0TP_dRhhZSRxZsl6MdKRQOG166m4PpO2UpvAXCIQN-IbNHUqL7JF2NM_R7IX5_DesWHLin-xfnUyXSx-3opvpcSQIfkB9QfJzqdzozshaSJ0gsKXSAQ7b7cw80l4_gdxIHHdUejx/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBFVFC0TP_dRhhZSRxZsl6MdKRQOG166m4PpO2UpvAXCIQN-IbNHUqL7JF2NM_R7IX5_DesWHLin-xfnUyXSx-3opvpcSQIfkB9QfJzqdzozshaSJ0gsKXSAQ7b7cw80l4_gdxIHHdUejx/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}<br />
<br />
.menu a:hover {visibility:visible;}<br />
.menu li:hover {position:relative; z-index:200;}<br />
<br />
.menu ul, <br />
.menu :hover ul ul, <br />
.menu :hover ul :hover ul ul,<br />
.menu :hover ul :hover ul :hover ul ul,<br />
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}<br />
<br />
.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #009900; white-space:nowrap; width:200px; height:auto;}<br />
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}<br />
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}<br />
.menu :hover ul.sub li a.fly {background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS2hi4fCvjitoE8HuBSntjhSO6JiVpq4R-B4LXIMbm6gMecCrFIlzeR_ZbxCG-XVpWy3zxeKUMRK9jNCvjMnJeB1VvYosm90jWDDyLUiaLQNtWY1YXnHKxED5sQwOZxYnA8OyTjZvRVKEx/s1600/arrow.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS2hi4fCvjitoE8HuBSntjhSO6JiVpq4R-B4LXIMbm6gMecCrFIlzeR_ZbxCG-XVpWy3zxeKUMRK9jNCvjMnJeB1VvYosm90jWDDyLUiaLQNtWY1YXnHKxED5sQwOZxYnA8OyTjZvRVKEx/s1600/arrow.gif</a>) 80px 7px no-repeat;}<br />
.menu :hover ul.sub li a:hover {background:#42c555; color:#fff;}<br />
.menu :hover ul.sub li a.fly:hover {background:#42c555 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV23k-9KeoRgtHfd1E4uGcsMwex6KC7old8oIeacuoS1IHRwgVYPEFNruj9HQeR-PSBuELjNwo_AWr65kCfzgOv5NUWlx9Nea_eM4yGUa73LXFCE9nk3B3vBjGTC0IoFtgQvLxR9NlNBWk/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV23k-9KeoRgtHfd1E4uGcsMwex6KC7old8oIeacuoS1IHRwgVYPEFNruj9HQeR-PSBuELjNwo_AWr65kCfzgOv5NUWlx9Nea_eM4yGUa73LXFCE9nk3B3vBjGTC0IoFtgQvLxR9NlNBWk/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;}<br />
.menu :hover ul li:hover > a.fly {background:#42c555 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV23k-9KeoRgtHfd1E4uGcsMwex6KC7old8oIeacuoS1IHRwgVYPEFNruj9HQeR-PSBuELjNwo_AWr65kCfzgOv5NUWlx9Nea_eM4yGUa73LXFCE9nk3B3vBjGTC0IoFtgQvLxR9NlNBWk/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV23k-9KeoRgtHfd1E4uGcsMwex6KC7old8oIeacuoS1IHRwgVYPEFNruj9HQeR-PSBuELjNwo_AWr65kCfzgOv5NUWlx9Nea_eM4yGUa73LXFCE9nk3B3vBjGTC0IoFtgQvLxR9NlNBWk/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;} <br />
<br />
.menu :hover ul :hover ul,<br />
.menu :hover ul :hover ul :hover ul,<br />
.menu :hover ul :hover ul :hover ul :hover ul,<br />
.menu :hover ul :hover ul :hover ul :hover ul :hover ul<br />
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 95d2ee; white-space:nowrap; width:93px; z-index:200; height:auto;}</div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">7. Grey Impression Drop Down Menu </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJM0L6bjKRIWsiY8Yp0VY9W5bHIBF4tC-a9eBd32zatFOA_WPhUtB9BRkQmcLWlAuPm0msbmDu_Iol1uslqIYF0ntZg_T0I8nANCWvIz4h_kE4vth6kxaAprfvUI2hkixEIrge8nyomFbU/s320/Grey+Impression+Drop+Down+Menu.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<ul class="menu"><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu This is some longer text</span></a><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
</ul><br />
</li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a><br />
<ul class="sub"><br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
<li><a href="#">Sample Menu</a></li><br />
</ul><br />
</li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
</ul><br />
<br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.bg {background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif</a>);}<br />
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM8ADyZ1IAP_6XZmsoOTUtwM4O6PNRc1OBl9oOoBPcFhDv6wxvNJNd-n0fmJnuIhgg8IACXp4ZQ7FrZ63aQJZ56sypHEuM-H-sEy90JVDqoNWf5h9pOJB_fbknay2OrE0azCz_cOEPXYlZ/s1600/button1a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM8ADyZ1IAP_6XZmsoOTUtwM4O6PNRc1OBl9oOoBPcFhDv6wxvNJNd-n0fmJnuIhgg8IACXp4ZQ7FrZ63aQJZ56sypHEuM-H-sEy90JVDqoNWf5h9pOJB_fbknay2OrE0azCz_cOEPXYlZ/s1600/button1a.gif</a>) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }<br />
.menu li.top {display:block; float:left; position:relative;}<br />
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}<br />
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}<br />
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT6WyoIEEpXrEPza3AQTnhU68hT5SwlT9T4J8Z1c3uV0g3BRTnMy0-8p2CfD4ch8Q0UPtKQjNFIeih22FBbhm_9fBubFEesSbqUE-53MxA9Zezf_0r8hhtcePa7ojX4x1IS5ueJfS8hG2H/s1600/down.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT6WyoIEEpXrEPza3AQTnhU68hT5SwlT9T4J8Z1c3uV0g3BRTnMy0-8p2CfD4ch8Q0UPtKQjNFIeih22FBbhm_9fBubFEesSbqUE-53MxA9Zezf_0r8hhtcePa7ojX4x1IS5ueJfS8hG2H/s1600/down.gif</a>) no-repeat right top;}<br />
.menu li a.top_link:hover {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif</a>) no-repeat;}<br />
.menu li a.top_link:hover span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif</a>) no-repeat right top;}<br />
.menu li a.top_link:hover span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbCH5nbBDwkrC7KCjroDYKWhWpBKwhEcj377TnpBDdQeGNfmJYCvchEVgX0Rnu_4JwIRKorp4AoFL-2_L8GfIEYk7MeEeRjXyTaGUmELnT9WCe-m7T870afUmIWBjSchwmfIMiNGoGgjZ0/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbCH5nbBDwkrC7KCjroDYKWhWpBKwhEcj377TnpBDdQeGNfmJYCvchEVgX0Rnu_4JwIRKorp4AoFL-2_L8GfIEYk7MeEeRjXyTaGUmELnT9WCe-m7T870afUmIWBjSchwmfIMiNGoGgjZ0/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
.menu li:hover > a.top_link {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif</a>) no-repeat;}<br />
.menu li:hover > a.top_link span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir88GtMSBfRKMK77dyssVx-5u4gOWuFFcO0XAlF19JOCMX_XqcHHUsU057nxXoaBZnDOjuT6USnnBT9euatleMB8mgGzJybfX7_SYWZ6cQyW-61BH6alKybzKYfv1RaAvhWKlkV1q7Y6a3/s1600/button4.gif</a>) no-repeat right top;}<br />
.menu li:hover > a.top_link span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbCH5nbBDwkrC7KCjroDYKWhWpBKwhEcj377TnpBDdQeGNfmJYCvchEVgX0Rnu_4JwIRKorp4AoFL-2_L8GfIEYk7MeEeRjXyTaGUmELnT9WCe-m7T870afUmIWBjSchwmfIMiNGoGgjZ0/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbCH5nbBDwkrC7KCjroDYKWhWpBKwhEcj377TnpBDdQeGNfmJYCvchEVgX0Rnu_4JwIRKorp4AoFL-2_L8GfIEYk7MeEeRjXyTaGUmELnT9WCe-m7T870afUmIWBjSchwmfIMiNGoGgjZ0/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}<br />
<br />
.menu a:hover {visibility:visible;}<br />
.menu li:hover {position:relative; z-index:200;}<br />
<br />
.menu ul, <br />
.menu :hover ul ul, <br />
.menu :hover ul :hover ul ul,<br />
.menu :hover ul :hover ul :hover ul ul,<br />
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}<br />
<br />
.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}<br />
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}<br />
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}<br />
.menu :hover ul.sub li a.fly {background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrxQxmBF3i7oMaxUX9UB2wxwZYfPHAoOA6768DkVAF1f-SQLSdPyeqvF-GIgm5juf2VMDa6J8mmbSupbIW8MeMv3XvVLm1Q_hSCShuyt3-_tZRzkySmzdSpZvoPezyLzWK4kCTxwHeBLDL/s1600/arrow.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrxQxmBF3i7oMaxUX9UB2wxwZYfPHAoOA6768DkVAF1f-SQLSdPyeqvF-GIgm5juf2VMDa6J8mmbSupbIW8MeMv3XvVLm1Q_hSCShuyt3-_tZRzkySmzdSpZvoPezyLzWK4kCTxwHeBLDL/s1600/arrow.gif</a>) 80px 7px no-repeat;}<br />
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}<br />
.menu :hover ul.sub li a.fly:hover {background:#999999 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSEExCqOA1nhnMO2mJdHMe8bdXLTu6NcZdSOi29TqzN3FGxRkuD1rZCrwTh-n2d-bj9IhRy5CJgV3jrHRWNxfBJk4N4azR_k2xAYkJMXQ19_-od2Br9q8bhU4F4PpeG6yxRUU4HJTCbyo/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSEExCqOA1nhnMO2mJdHMe8bdXLTu6NcZdSOi29TqzN3FGxRkuD1rZCrwTh-n2d-bj9IhRy5CJgV3jrHRWNxfBJk4N4azR_k2xAYkJMXQ19_-od2Br9q8bhU4F4PpeG6yxRUU4HJTCbyo/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;}<br />
.menu :hover ul li:hover > a.fly {background:#999999 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSEExCqOA1nhnMO2mJdHMe8bdXLTu6NcZdSOi29TqzN3FGxRkuD1rZCrwTh-n2d-bj9IhRy5CJgV3jrHRWNxfBJk4N4azR_k2xAYkJMXQ19_-od2Br9q8bhU4F4PpeG6yxRUU4HJTCbyo/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSEExCqOA1nhnMO2mJdHMe8bdXLTu6NcZdSOi29TqzN3FGxRkuD1rZCrwTh-n2d-bj9IhRy5CJgV3jrHRWNxfBJk4N4azR_k2xAYkJMXQ19_-od2Br9q8bhU4F4PpeG6yxRUU4HJTCbyo/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;} <br />
<br />
.menu :hover ul :hover ul,<br />
.menu :hover ul :hover ul :hover ul,<br />
.menu :hover ul :hover ul :hover ul :hover ul,<br />
.menu :hover ul :hover ul :hover ul :hover ul :hover ul<br />
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}</div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">8. Blue Tabbed Drop Down </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Pplx2sU1e_i_9ityjqfcQX5IkVJ3LeZpcNMJSwC2VwioeY6GEB_AtG-ZXcdxTSDZrQ_BFRnYxHqj8QaWNfviApVhXtjED-kwbP8pa8PEd9wbyzJIE-XEe1SDRruCrFn-IrvkVVxVguwQ/s320/Blue+Tabbed+Drop+Down.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<div class="menu"><br />
<ul><br />
<li><a href="#" >Home</a></li><br />
<li><a href="#" id="current">Products</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/faq.php">FAQ</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/contact/contact.php">Contact</a></li><br />
</ul><br />
</div><br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.menu{<br />
border:none;<br />
border:0px;<br />
margin:0px;<br />
padding:0px;<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
font-size:14px;<br />
font-weight:bold;<br />
color:8e8e8e;<br />
}<br />
.menu ul{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5dcpRoR0k_W_KOYLVEMxXoumyz9DkLUjN-lPwbpagOM9mrbYOuPRTjUEZyi6yqgi0PDaRbYXLdvhro5QBusOaRvJnidshqH3kcRBglntM6LGJVPPiSPdQ-DaUlMGUYLWeRTzAdorqLI7/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI5dcpRoR0k_W_KOYLVEMxXoumyz9DkLUjN-lPwbpagOM9mrbYOuPRTjUEZyi6yqgi0PDaRbYXLdvhro5QBusOaRvJnidshqH3kcRBglntM6LGJVPPiSPdQ-DaUlMGUYLWeRTzAdorqLI7/s1600/menu-bg.gif</a>) top left repeat-x;<br />
height:43px;<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
}<br />
.menu li{<br />
float:left;<br />
}<br />
.menu li a{<br />
color:#666666;<br />
display:block;<br />
font-weight:bold;<br />
line-height:43px;<br />
padding:0px 25px;<br />
text-align:center;<br />
text-decoration:none;<br />
}<br />
.menu li a:hover{<br />
color:#000000;<br />
text-decoration:none;<br />
}<br />
.menu li ul{<br />
background:#e0e0e0;<br />
border-left:2px solid #0079b2;<br />
border-right:2px solid #0079b2;<br />
border-bottom:2px solid #0079b2;<br />
display:none;<br />
height:auto;<br />
filter:alpha(opacity=95);<br />
opacity:0.95;<br />
position:absolute;<br />
width:225px;<br />
z-index:200;<br />
/*top:1em;<br />
/*left:0;*/<br />
}<br />
.menu li:hover ul{<br />
display:block;<br />
}<br />
.menu li li {<br />
display:block;<br />
float:none;<br />
width:225px;<br />
}<br />
.menu li ul a{<br />
display:block;<br />
font-size:12px;<br />
font-style:normal;<br />
padding:0px 10px 0px 15px;<br />
text-align:left;<br />
}<br />
.menu li ul a:hover{<br />
background:#949494;<br />
color:#000000;<br />
opacity:1.0;<br />
filter:alpha(opacity=100);<br />
}<br />
.menu p{<br />
clear:left;<br />
} <br />
.menu #current{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_OAFf8SVK51taTRZ-e1GsfTTCkIhCSdy1AHoi5izvVtw_3tNmTVwhMfAnBlNc-NCQVILziiqenS66ECnyiOjNy59mhpw_0gihmuIR945zzjYfl4kAjhOVcTfeRB2NkoHc2y9D_YXFeYwn/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_OAFf8SVK51taTRZ-e1GsfTTCkIhCSdy1AHoi5izvVtw_3tNmTVwhMfAnBlNc-NCQVILziiqenS66ECnyiOjNy59mhpw_0gihmuIR945zzjYfl4kAjhOVcTfeRB2NkoHc2y9D_YXFeYwn/s1600/current-bg.gif</a>) top left repeat-x;<br />
color:#ffffff;<br />
}<br />
<br /></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">9. Yellow Tabbed Drop Down Menu </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjq1ZhgrCy9BEcUuw5YOGBZqElPa76GpS1jU7URbNB1DIOdWGRBBDKPpxEuYbr60n_o7oI0l5e3sEWa43zikJTbvjL9nLblC_xM5utu5Di64avHYNBj14x5HZPmBzagadIUxcuWb70MMJj/s320/Yellow+Tabbed+Drop+Down+Menu.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<div class="menu"><br />
<ul><br />
<li><a href="#" >Home</a></li><br />
<li><a href="#" id="current">Products</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/faq.php">FAQ</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/contact/contact.php">Contact</a></li><br />
</ul><br />
</div><br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.menu{<br />
border:none;<br />
border:0px;<br />
margin:0px;<br />
padding:0px;<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
font-size:14px;<br />
font-weight:bold;<br />
color:8e8e8e;<br />
}<br />
.menu ul{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixRB0U8gONRpneQeM7E4hyphenhyphenv74xz0brxn40zEM37aWSJeXcwDKi9n3HIvy8dj5svLU2oD8UW_69Lq2FOv93R-v52hRFb2DFAQiZocO_g3EbpSTwSEhwEt7fc-r5Z17bZ-iaZ3qfr1HCEm1R/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7BwEgdVOBE1llMjcGMznak0Fpfe5RH5Cada5oksCMFxpUVwekVJ55avcCngyk_8TeRBWFmoIKhZ1ys5QA6rjHyRsWpI05QCz25zaCwx5uaPlTap4EzHSYdhiYbSCtieTO3In28_A8gcfT/s1600/menu-bg.gif</a>) top left repeat-x;<br />
height:43px;<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
}<br />
.menu li{<br />
float:left;<br />
}<br />
.menu li a{<br />
color:#666666;<br />
display:block;<br />
font-weight:bold;<br />
line-height:43px;<br />
padding:0px 25px;<br />
text-align:center;<br />
text-decoration:none;<br />
}<br />
.menu li a:hover{<br />
color:#000000;<br />
text-decoration:none;<br />
}<br />
.menu li ul{<br />
background:#e0e0e0;<br />
border-left:2px solid #0079b2;<br />
border-right:2px solid #0079b2;<br />
border-bottom:2px solid #0079b2;<br />
display:none;<br />
height:auto;<br />
filter:alpha(opacity=95);<br />
opacity:0.95;<br />
position:absolute;<br />
width:225px;<br />
z-index:200;<br />
/*top:1em;<br />
/*left:0;*/<br />
}<br />
.menu li:hover ul{<br />
display:block;<br />
}<br />
.menu li li {<br />
display:block;<br />
float:none;<br />
width:225px;<br />
}<br />
.menu li ul a{<br />
display:block;<br />
font-size:12px;<br />
font-style:normal;<br />
padding:0px 10px 0px 15px;<br />
text-align:left;<br />
}<br />
.menu li ul a:hover{<br />
background:#949494;<br />
color:#000000;<br />
opacity:1.0;<br />
filter:alpha(opacity=100);<br />
}<br />
.menu p{<br />
clear:left;<br />
} <br />
.menu #current{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqpkafJoJ3RY_VmT246gD-b9XG901odlLBbY_2SZO9tMjlUOSSGyjgq7S72LrGaKpFXseDDAin57T-Yn_AseZFcosIKwF0KORsCYKPgIlS3wsTHuHHnvg2BtcrBZCcd9MB_Hn4N_Tyj9uE/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr6gZ0Ah9rC969DH6ZooNIvvVkyPG4zZx73maASg7XAtfjrOM67s1UIsk5hWx9RbmIdPru_PD78xGUOiPDkOiMrusahZbRWc6Cn4yHUqbeCDZDNb_LpmwvfAechMwmhra8acaIDfU1F_my/s1600/current-bg.gif</a>) top left repeat-x;<br />
color:#ffffff;<br />
}<br />
<br /></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">10. Tabbed Grey Drop Down </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWp46AsfmJ8T2s3o-pthK5RyX3lCYbtu8MXWdFeaKfIdQnZ1WWoQw8hnWkARvefGxuFsX1lbpoHAbIq0PdA25zYpI_78E23VR8eRO9rfH6NFKwrsWAcs0hpaJfUGuAH0Uxyep8idTq8zY_/s320/Tabbed+Grey+Drop+Down.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<div class="menu"><br />
<ul><br />
<li><a href="#" >Home</a></li><br />
<li><a href="#" id="current">Products</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/faq.php">FAQ</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/contact/contact.php">Contact</a></li><br />
</ul><br />
</div><br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.menu{<br />
border:none;<br />
border:0px;<br />
margin:0px;<br />
padding:0px;<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
font-size:14px;<br />
font-weight:bold;<br />
color:8e8e8e;<br />
}<br />
.menu ul{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilvb7miPO-qL6SThWWhDT9Zt1ivJvNjuU7kvaM4wOI_4FvbwrXMopVNBNV5IwfeKPYWg47P_aaY2COb6W-mZiw5s-Ju-EObz8A3wwHwztg4J77Ga-B3acLspyJ_ZMvLt1zN_-3IkdKsp9Z/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilvb7miPO-qL6SThWWhDT9Zt1ivJvNjuU7kvaM4wOI_4FvbwrXMopVNBNV5IwfeKPYWg47P_aaY2COb6W-mZiw5s-Ju-EObz8A3wwHwztg4J77Ga-B3acLspyJ_ZMvLt1zN_-3IkdKsp9Z/s1600/menu-bg.gif</a>) top left repeat-x;<br />
height:43px;<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
}<br />
.menu li{<br />
float:left;<br />
padding:0px 8px 0px 8px;<br />
}<br />
.menu li a{<br />
color:#666666;<br />
display:block;<br />
font-weight:bold;<br />
line-height:43px;<br />
padding:0px 25px;<br />
text-align:center;<br />
text-decoration:none;<br />
}<br />
.menu li a:hover{<br />
color:#000000;<br />
text-decoration:none;<br />
}<br />
.menu li ul{<br />
background:#e0e0e0;<br />
border-left:2px solid #9f9f9f;<br />
border-right:2px solid #9f9f9f;<br />
border-bottom:2px solid #9f9f9f;<br />
display:none;<br />
height:auto;<br />
filter:alpha(opacity=95);<br />
opacity:0.95;<br />
position:absolute;<br />
width:225px;<br />
z-index:200;<br />
/*top:1em;<br />
/*left:0;*/<br />
}<br />
.menu li:hover ul{<br />
display:block;<br />
}<br />
.menu li li {<br />
display:block;<br />
float:none;<br />
padding:0px;<br />
width:225px;<br />
}<br />
.menu li ul a{<br />
display:block;<br />
font-size:12px;<br />
font-style:normal;<br />
padding:0px 10px 0px 15px;<br />
text-align:left;<br />
}<br />
.menu li ul a:hover{<br />
background:#949494;<br />
color:#000000;<br />
opacity:1.0;<br />
filter:alpha(opacity=100);<br />
}<br />
.menu p{<br />
clear:left;<br />
} <br />
.menu #current{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG2O5uh1Oq6STaVNvz1hoT7ND-6XZeNaROiKo72FESWOXlSvTfWf1f5BUIzUhygf2iqhWf5XkXbKie1u3MdXqJ5N5Unj5dmogxzOAghZ1xE_KaHCUPrf9hxvF161cn4oZPX8FQsL2a-xL7/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG2O5uh1Oq6STaVNvz1hoT7ND-6XZeNaROiKo72FESWOXlSvTfWf1f5BUIzUhygf2iqhWf5XkXbKie1u3MdXqJ5N5Unj5dmogxzOAghZ1xE_KaHCUPrf9hxvF161cn4oZPX8FQsL2a-xL7/s1600/current-bg.gif</a>) top left repeat-x;<br />
color:#ffffff;<br />
}<br />
<br /></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">11. Red Tabbed Drop Down </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUMNYkoi3SfYuZEgWIJ5Kse9VwQs5N3hLRMDvb9R1GUIPHd0sfBy0L1fiBKEC9qMhgKj-mrzOIqI0ndA90Gve9D_IIuJ2uthICqkj5_tuScX_Q1dlZbH2RbaEPCsKEeIDGFvXeHVz5IsR-/s320/Red+Tabbed+Drop+Down.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<div class="menu"><br />
<ul><br />
<li><a href="#" >Home</a></li><br />
<li><a href="#" id="current">Products</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/faq.php">FAQ</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/contact/contact.php">Contact</a></li><br />
</ul><br />
</div><br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.menu{<br />
border:none;<br />
border:0px;<br />
margin:0px;<br />
padding:0px;<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
font-size:14px;<br />
font-weight:bold;<br />
color:8e8e8e;<br />
}<br />
.menu ul{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggGZFoa7Rdw4o87U3-ofsY6L7yRApTVwdf3ItvT1FhnZxhR0Ue8QuSBtHXk-4S4RHwJFdv1UuEa4KzX5gzOHcgVBlcGjz43C4JV4dHAkeH5g6ebvJ55XXffsJhjxwH0UIn3Fzgl2LGA0Sr/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggGZFoa7Rdw4o87U3-ofsY6L7yRApTVwdf3ItvT1FhnZxhR0Ue8QuSBtHXk-4S4RHwJFdv1UuEa4KzX5gzOHcgVBlcGjz43C4JV4dHAkeH5g6ebvJ55XXffsJhjxwH0UIn3Fzgl2LGA0Sr/s1600/menu-bg.gif</a>) top left repeat-x;<br />
height:43px;<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
}<br />
.menu li{<br />
float:left;<br />
padding:0px 8px 0px 8px;<br />
}<br />
.menu li a{<br />
color:#666666;<br />
display:block;<br />
font-weight:bold;<br />
line-height:43px;<br />
padding:0px 25px;<br />
text-align:center;<br />
text-decoration:none;<br />
}<br />
.menu li a:hover{<br />
color:#000000;<br />
text-decoration:none;<br />
}<br />
.menu li ul{<br />
background:#e0e0e0;<br />
border-left:2px solid #a80329;<br />
border-right:2px solid #a80329;<br />
border-bottom:2px solid #a80329;<br />
display:none;<br />
height:auto;<br />
filter:alpha(opacity=95);<br />
opacity:0.95;<br />
position:absolute;<br />
width:225px;<br />
z-index:200;<br />
/*top:1em;<br />
/*left:0;*/<br />
}<br />
.menu li:hover ul{<br />
display:block;<br />
}<br />
.menu li li {<br />
display:block;<br />
float:none;<br />
padding:0px;<br />
width:225px;<br />
}<br />
.menu li ul a{<br />
display:block;<br />
font-size:12px;<br />
font-style:normal;<br />
padding:0px 10px 0px 15px;<br />
text-align:left;<br />
}<br />
.menu li ul a:hover{<br />
background:#949494;<br />
color:#000000;<br />
opacity:1.0;<br />
filter:alpha(opacity=100);<br />
}<br />
.menu p{<br />
clear:left;<br />
} <br />
.menu #current{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJdqI25oA9WXfzWAiTm67g0q2dHmmD-kKNpfJN7fhlIncwKcFaU0s8dT9bP4t7cjwTKQZiCV-oQodbhaNy_fIX5snWChDHsudh0mKOh6wQrcb5O4b7hpS7MOgzvco24rYndOAXsgTnH8c_/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJdqI25oA9WXfzWAiTm67g0q2dHmmD-kKNpfJN7fhlIncwKcFaU0s8dT9bP4t7cjwTKQZiCV-oQodbhaNy_fIX5snWChDHsudh0mKOh6wQrcb5O4b7hpS7MOgzvco24rYndOAXsgTnH8c_/s1600/current-bg.gif</a>) top left repeat-x;<br />
color:#ffffff;<br />
}<br />
<br /></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">12. Black Tabbed Drop Down </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZQ5lcK1Fcm1EIAU5OgA_ziYwmi1MSt9u_QLOLS5evZZTUt6NXHX8k_NSpA_lsQknGopNlbYzZLsUBy5M8lFebsl8yr12elCQvKjdxIRRX-b5bk9eIh06kMoK45jg8zwGsOKjpG-JvC8Up/s320/Black+Tabbed+Drop+Down.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<div class="menu"><br />
<ul><br />
<li><a href="#" >Home</a></li><br />
<li><a href="#" id="current">Products</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/faq.php">FAQ</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/contact/contact.php">Contact</a></li><br />
</ul><br />
</div><br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.menu{<br />
border:none;<br />
border:0px;<br />
margin:0px;<br />
padding:0px;<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
font-size:14px;<br />
font-weight:bold;<br />
color:8e8e8e;<br />
}<br />
.menu ul{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZXPc-HDNDB_Im4A1wB8b_Sx4inOtk9P4c4rhAwzjcZREjf1F6BTMdzxO95Y40zHw4ZWbncidXten-oqhFy7LSV8Zvomf55rxJi0g1H2uKV2Hd2kUSj-hyh-Q8FdLx9ir_tU63Mbf8bYVU/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZXPc-HDNDB_Im4A1wB8b_Sx4inOtk9P4c4rhAwzjcZREjf1F6BTMdzxO95Y40zHw4ZWbncidXten-oqhFy7LSV8Zvomf55rxJi0g1H2uKV2Hd2kUSj-hyh-Q8FdLx9ir_tU63Mbf8bYVU/s1600/menu-bg.gif</a>) top left repeat-x;<br />
height:43px;<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
}<br />
.menu li{<br />
float:left;<br />
padding:0px 8px 0px 8px;<br />
}<br />
.menu li a{<br />
color:#666666;<br />
display:block;<br />
font-weight:bold;<br />
line-height:43px;<br />
padding:0px 25px;<br />
text-align:center;<br />
text-decoration:none;<br />
}<br />
.menu li a:hover{<br />
color:#000000;<br />
text-decoration:none;<br />
}<br />
.menu li ul{<br />
background:#e0e0e0;<br />
border-left:2px solid #000000;<br />
border-right:2px solid #000000;<br />
border-bottom:2px solid #000000;<br />
display:none;<br />
height:auto;<br />
filter:alpha(opacity=95);<br />
opacity:0.95;<br />
position:absolute;<br />
width:225px;<br />
z-index:200;<br />
/*top:1em;<br />
/*left:0;*/<br />
}<br />
.menu li:hover ul{<br />
display:block;<br />
}<br />
.menu li li {<br />
display:block;<br />
float:none;<br />
padding:0px;<br />
width:225px;<br />
}<br />
.menu li ul a{<br />
display:block;<br />
font-size:12px;<br />
font-style:normal;<br />
padding:0px 10px 0px 15px;<br />
text-align:left;<br />
}<br />
.menu li ul a:hover{<br />
background:#949494;<br />
color:#000000;<br />
opacity:1.0;<br />
filter:alpha(opacity=100);<br />
}<br />
.menu p{<br />
clear:left;<br />
} <br />
.menu #current{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBcb7-4ZwfDYeN2MSTQUdPLexcWzAwGdpa7azMhh3MVM1ZbHbrnPfxR5mdBIVauhgRrGVh1qG_O-gn4OYb-ef_uT7ROoYBjp06HwdzQ0gmepP4c1o_xIuDepP4e8xi7aOvchCwwhXW5iZR/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBcb7-4ZwfDYeN2MSTQUdPLexcWzAwGdpa7azMhh3MVM1ZbHbrnPfxR5mdBIVauhgRrGVh1qG_O-gn4OYb-ef_uT7ROoYBjp06HwdzQ0gmepP4c1o_xIuDepP4e8xi7aOvchCwwhXW5iZR/s1600/current-bg.gif</a>) top left repeat-x;<br />
color:#ffffff;<br />
}<br />
<br /></div>
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">13. Orange Tabbed Drop Down </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi1XkLBQ3d4_fptAubFjc8tfpxXjl-ILhVHW6_6ei59ytCR9HPx6stUnZ09Wjjss8gYZI8KC8UcdxORpgQi8-QMV94YzV72BdYIu7Sy-Qh7WBR0HYds4heqFW330V6Qq03Kk-bzLEtMLOh/s320/Orange+Tabbed+Drop+Down.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<div class="menu"><br />
<ul><br />
<li><a href="#" >Home</a></li><br />
<li><a href="#" id="current">Products</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/faq.php">FAQ</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/contact/contact.php">Contact</a></li><br />
</ul><br />
</div><br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
.menu{<br />
border:none;<br />
border:0px;<br />
margin:0px;<br />
padding:0px;<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
font-size:14px;<br />
font-weight:bold;<br />
color:8e8e8e;<br />
}<br />
.menu ul{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLI63WpTaDz9bkNwONY7g5-ZzeS_Q2Q_to58I4BApRoWXXcs99lotfL5JxBpI7NCzFCnYC7ZLhqfpsFob1U7kYGxKVl12QefbeQ5MXBANvXcWEqFmL6WK1R8XOLrcse0U1aaMBvGp5kvGs/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLI63WpTaDz9bkNwONY7g5-ZzeS_Q2Q_to58I4BApRoWXXcs99lotfL5JxBpI7NCzFCnYC7ZLhqfpsFob1U7kYGxKVl12QefbeQ5MXBANvXcWEqFmL6WK1R8XOLrcse0U1aaMBvGp5kvGs/s1600/menu-bg.gif</a>) top left repeat-x;<br />
height:43px;<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
}<br />
.menu li{<br />
float:left;<br />
padding:0px 8px 0px 8px;<br />
}<br />
.menu li a{<br />
color:#666666;<br />
display:block;<br />
font-weight:bold;<br />
line-height:43px;<br />
padding:0px 25px;<br />
text-align:center;<br />
text-decoration:none;<br />
}<br />
.menu li a:hover{<br />
color:#000000;<br />
text-decoration:none;<br />
}<br />
.menu li ul{<br />
background:#e0e0e0;<br />
border-left:2px solid #f68618;<br />
border-right:2px solid #f68618;<br />
border-bottom:2px solid #f68618;<br />
display:none;<br />
height:auto;<br />
filter:alpha(opacity=95);<br />
opacity:0.95;<br />
position:absolute;<br />
width:225px;<br />
z-index:200;<br />
/*top:1em;<br />
/*left:0;*/<br />
}<br />
.menu li:hover ul{<br />
display:block;<br />
}<br />
.menu li li {<br />
display:block;<br />
float:none;<br />
padding:0px;<br />
width:225px;<br />
}<br />
.menu li ul a{<br />
display:block;<br />
font-size:12px;<br />
font-style:normal;<br />
padding:0px 10px 0px 15px;<br />
text-align:left;<br />
}<br />
.menu li ul a:hover{<br />
background:#949494;<br />
color:#000000;<br />
opacity:1.0;<br />
filter:alpha(opacity=100);<br />
}<br />
.menu p{<br />
clear:left;<br />
} <br />
.menu #current{<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdvP_HlGknKM1AIqvIW4yyrbxJ5jRTr4ZV0MemUdpSMlHEaaNdeWQCM4pABoaFoJrz0R0A16YH7UAoFQHCIkCX0MhjmYzELpIZp1BKKcP44bxURsYcxlRmjlEDAzU0zGnpBhTOkvA7H13h/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdvP_HlGknKM1AIqvIW4yyrbxJ5jRTr4ZV0MemUdpSMlHEaaNdeWQCM4pABoaFoJrz0R0A16YH7UAoFQHCIkCX0MhjmYzELpIZp1BKKcP44bxURsYcxlRmjlEDAzU0zGnpBhTOkvA7H13h/s1600/current-bg.gif</a>) top left repeat-x;<br />
color:#ffffff;<br />
}<br />
<br /></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">14. Simple Red Drop Down Menus </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEideDMWidWu5bbIdMOEi8pHHZBjfFHP5f01Oa-rlJALuQ7ELx0m0uVirnWD75U6Dz8QHt2lj5xmNeufQYKg9yHWJGPn6qy-M2f6f92UNpcuoX6uKYtVckhHouepqpYdSwEVzk2yAlhqTea1/s320/Simple+Red.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<ul id="navigation-1"><br />
<li><a href="#" title="Home">Home</a></li><br />
<li><a href="#" title="Products">Products</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Electric Guitars">Electric Guitars</a></li><br />
<li><a href="#" title="Acoustic Guitars">Acoustic Guitars <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Six String">Six String</a></li><br />
<li><a href="#" title="Twelve String">Twelve String</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Bass Guitars">Bass Guitars</a></li><br />
<li><a href="#" title="Accessories">Accessories <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Guitar Stands">Guitar Stands</a></li><br />
<li><a href="#" title="Strings">Strings</a></li><br />
<li><a href="#" title="Tuners">Tuners</a></li><br />
<li><a href="#" title="Plectrums">Plectrums</a></li><br />
<li><a href="#" title="Capos">Capos</a></li><br />
<li><a href="#" title="Cases">Cases</a></li><br />
<li><a href="#" title="Straps">Straps</a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#" title="Your Account">Your Account</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Log In">Log In</a></li><br />
<li><a href="#" title="Register">Register</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Help">Help</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="FAQs">FAQs</a></li><br />
<li><a href="#" title="Forum">Forum</a></li><br />
<li><a href="#" title="Contact Us">Contact Us</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Blah">Links</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Taylor Guitars">Taylor Guitars</a></li><br />
<li><a href="#" title="AER Amplifiers">AER Amplifiers</a></li><br />
<li><a href="#" title="Shure Microphones">Shure Microphones</a></li><br />
<li><a href="#" title="International">International <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Musican's Friend">Musican's Friend</a></li><br />
<li><a href="#" title="Thomann Music">Thomann Music</a></li><br />
<li><a href="#" title="Turnkey">Turnkey</a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
</ul></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
<br />
div#container<br />
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; }<br />
<br />
h1<br />
{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }<br />
p { margin:0; padding:1.2em; }<br />
p a:link,<br />
p a:visited,<br />
p a:hover,<br />
p a:active<br />
{ font-weight:bold; color:#b9121b; }<br />
<br />
ul#navigation-1<br />
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 8pt verdana, arial, helvetica;}<br />
ul#navigation-1 li<br />
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }<br />
ul#navigation-1 li a:link,<br />
ul#navigation-1 li a:visited<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }<br />
ul#navigation-1 li:hover a,<br />
ul#navigation-1 li a:hover,<br />
ul#navigation-1 li a:active<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }<br />
<br />
ul#navigation-1 li ul.navigation-2<br />
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }<br />
ul#navigation-1 li:hover ul.navigation-2<br />
{ display:block; }<br />
ul#navigation-1 li ul.navigation-2 li<br />
{ width:146px; clear:left; width:146px; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:link,<br />
ul#navigation-1 li ul.navigation-2 li a:visited<br />
{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
ul#navigation-1 li ul.navigation-2 li:hover a,<br />
ul#navigation-1 li ul.navigation-2 li a:active,<br />
ul#navigation-1 li ul.navigation-2 li a:hover<br />
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3<br />
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }<br />
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3<br />
{ display:block; }<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited<br />
{ background:#b9121b; }<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active<br />
{ background:#ec454e; }<br />
ul#navigation-1 li ul.navigation-2 li a span<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }<br />
ul#navigation-1 li ul.navigation-2 li:hover a span,<br />
ul#navigation-1 li ul.navigation-2 li a:hover span<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }</div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">15. Simple Black Drop Down Menus </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgia5UAnprah9eaS-5gbjGWIdLKrWYftJ5Hox2ajN_-NviMavOpXRpBNZStZWm2hhvlVlemD1Jyyhc6wXr6eoPOMv-ryil8a_Fr7Qsuv9Iqy2N_1C9ML6QZ5yRpXN0Z6aV0S4O7XYEWubZv/s320/Simple+Black.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<ul id="navigation-1"><br />
<li><a href="#" title="Home">Home</a></li><br />
<li><a href="#" title="Products">Products</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Electric Guitars">Electric Guitars</a></li><br />
<li><a href="#" title="Acoustic Guitars">Acoustic Guitars <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Six String">Six String</a></li><br />
<li><a href="#" title="Twelve String">Twelve String</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Bass Guitars">Bass Guitars</a></li><br />
<li><a href="#" title="Accessories">Accessories <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Guitar Stands">Guitar Stands</a></li><br />
<li><a href="#" title="Strings">Strings</a></li><br />
<li><a href="#" title="Tuners">Tuners</a></li><br />
<li><a href="#" title="Plectrums">Plectrums</a></li><br />
<li><a href="#" title="Capos">Capos</a></li><br />
<li><a href="#" title="Cases">Cases</a></li><br />
<li><a href="#" title="Straps">Straps</a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#" title="Your Account">Your Account</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Log In">Log In</a></li><br />
<li><a href="#" title="Register">Register</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Help">Help</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="FAQs">FAQs</a></li><br />
<li><a href="#" title="Forum">Forum</a></li><br />
<li><a href="#" title="Contact Us">Contact Us</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Blah">Links</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Taylor Guitars">Taylor Guitars</a></li><br />
<li><a href="#" title="AER Amplifiers">AER Amplifiers</a></li><br />
<li><a href="#" title="Shure Microphones">Shure Microphones</a></li><br />
<li><a href="#" title="International">International <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Musican's Friend">Musican's Friend</a></li><br />
<li><a href="#" title="Thomann Music">Thomann Music</a></li><br />
<li><a href="#" title="Turnkey">Turnkey</a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
</ul> </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
<br />
div#container<br />
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; }<br />
<br />
h1<br />
{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }<br />
p { margin:0; padding:1.2em; }<br />
p a:link,<br />
p a:visited,<br />
p a:hover,<br />
p a:active<br />
{ font-weight:bold; color:#b9121b; }<br />
<br />
ul#navigation-1<br />
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 8pt verdana, arial, helvetica;}<br />
ul#navigation-1 li<br />
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }<br />
ul#navigation-1 li a:link,<br />
ul#navigation-1 li a:visited<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }<br />
ul#navigation-1 li:hover a,<br />
ul#navigation-1 li a:hover,<br />
ul#navigation-1 li a:active<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }<br />
<br />
ul#navigation-1 li ul.navigation-2<br />
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }<br />
ul#navigation-1 li:hover ul.navigation-2<br />
{ display:block; }<br />
ul#navigation-1 li ul.navigation-2 li<br />
{ width:146px; clear:left; width:146px; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:link,<br />
ul#navigation-1 li ul.navigation-2 li a:visited<br />
{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
ul#navigation-1 li ul.navigation-2 li:hover a,<br />
ul#navigation-1 li ul.navigation-2 li a:active,<br />
ul#navigation-1 li ul.navigation-2 li a:hover<br />
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3<br />
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }<br />
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3<br />
{ display:block; }<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited<br />
{ background:#b9121b; }<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active<br />
{ background:#ec454e; }<br />
ul#navigation-1 li ul.navigation-2 li a span<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }<br />
ul#navigation-1 li ul.navigation-2 li:hover a span,<br />
ul#navigation-1 li ul.navigation-2 li a:hover span<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }</div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">16. Simple Blue Drop Down Menus </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWUNUnci_eSENOYn_xStAYx0lCp3MbJy-huOgoRPDw9Q3VkSse07bF9_f25W1rooZ_tFwjX6OlE9pcDLVUaOU6mrFpndLBZdwphtNWsp5bkfzTsw1Fwrl-RL_aCU6qRIC52jpZW99E5fwV/s320/Simple+Blue.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<ul id="navigation-1"><br />
<li><a href="#" title="Home">Home</a></li><br />
<li><a href="#" title="Products">Products</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Electric Guitars">Electric Guitars</a></li><br />
<li><a href="#" title="Acoustic Guitars">Acoustic Guitars <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Six String">Six String</a></li><br />
<li><a href="#" title="Twelve String">Twelve String</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Bass Guitars">Bass Guitars</a></li><br />
<li><a href="#" title="Accessories">Accessories <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Guitar Stands">Guitar Stands</a></li><br />
<li><a href="#" title="Strings">Strings</a></li><br />
<li><a href="#" title="Tuners">Tuners</a></li><br />
<li><a href="#" title="Plectrums">Plectrums</a></li><br />
<li><a href="#" title="Capos">Capos</a></li><br />
<li><a href="#" title="Cases">Cases</a></li><br />
<li><a href="#" title="Straps">Straps</a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#" title="Your Account">Your Account</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Log In">Log In</a></li><br />
<li><a href="#" title="Register">Register</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Help">Help</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="FAQs">FAQs</a></li><br />
<li><a href="#" title="Forum">Forum</a></li><br />
<li><a href="#" title="Contact Us">Contact Us</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Blah">Links</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Taylor Guitars">Taylor Guitars</a></li><br />
<li><a href="#" title="AER Amplifiers">AER Amplifiers</a></li><br />
<li><a href="#" title="Shure Microphones">Shure Microphones</a></li><br />
<li><a href="#" title="International">International <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Musican's Friend">Musican's Friend</a></li><br />
<li><a href="#" title="Thomann Music">Thomann Music</a></li><br />
<li><a href="#" title="Turnkey">Turnkey</a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
</ul></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<div class="code">
<br />
div#container<br />
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; }<br />
<br />
h1<br />
{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }<br />
p { margin:0; padding:1.2em; }<br />
p a:link,<br />
p a:visited,<br />
p a:hover,<br />
p a:active<br />
{ font-weight:bold; color:#b9121b; }<br />
<br />
ul#navigation-1<br />
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 8pt verdana, arial, helvetica;}<br />
ul#navigation-1 li<br />
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }<br />
ul#navigation-1 li a:link,<br />
ul#navigation-1 li a:visited<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }<br />
ul#navigation-1 li:hover a,<br />
ul#navigation-1 li a:hover,<br />
ul#navigation-1 li a:active<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }<br />
<br />
ul#navigation-1 li ul.navigation-2<br />
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }<br />
ul#navigation-1 li:hover ul.navigation-2<br />
{ display:block; }<br />
ul#navigation-1 li ul.navigation-2 li<br />
{ width:146px; clear:left; width:146px; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:link,<br />
ul#navigation-1 li ul.navigation-2 li a:visited<br />
{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
ul#navigation-1 li ul.navigation-2 li:hover a,<br />
ul#navigation-1 li ul.navigation-2 li a:active,<br />
ul#navigation-1 li ul.navigation-2 li a:hover<br />
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3<br />
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }<br />
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3<br />
{ display:block; }<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited<br />
{ background:#b9121b; }<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active<br />
{ background:#ec454e; }<br />
ul#navigation-1 li ul.navigation-2 li a span<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }<br />
ul#navigation-1 li ul.navigation-2 li:hover a span,<br />
ul#navigation-1 li ul.navigation-2 li a:hover span<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }</div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">17. Simple Green Drop Down Menus </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCC5926iVLnm6j_xdsAAJ4831JvFK-x6fU_yUFDEcYtvHe_DlrUF8uPiJBEoGTf_R3qJARfAC9hDJGvVTQoXiRKsL-nCL4b6ywO4Ab65z137x2NSnktx3duzSsM4REALaQ4hyuW-d9e-w2/s320/Simple+Green.png" width="320" /></div>
<br />
HTML CODE: <br />
<br />
<div class="code">
<ul id="navigation-1"><br />
<li><a href="#" title="Home">Home</a></li><br />
<li><a href="#" title="Products">Products</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Electric Guitars">Electric Guitars</a></li><br />
<li><a href="#" title="Acoustic Guitars">Acoustic Guitars <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Six String">Six String</a></li><br />
<li><a href="#" title="Twelve String">Twelve String</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Bass Guitars">Bass Guitars</a></li><br />
<li><a href="#" title="Accessories">Accessories <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Guitar Stands">Guitar Stands</a></li><br />
<li><a href="#" title="Strings">Strings</a></li><br />
<li><a href="#" title="Tuners">Tuners</a></li><br />
<li><a href="#" title="Plectrums">Plectrums</a></li><br />
<li><a href="#" title="Capos">Capos</a></li><br />
<li><a href="#" title="Cases">Cases</a></li><br />
<li><a href="#" title="Straps">Straps</a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#" title="Your Account">Your Account</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Log In">Log In</a></li><br />
<li><a href="#" title="Register">Register</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Help">Help</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="FAQs">FAQs</a></li><br />
<li><a href="#" title="Forum">Forum</a></li><br />
<li><a href="#" title="Contact Us">Contact Us</a></li><br />
</ul><br />
</li><br />
<li><a href="#" title="Blah">Links</a><br />
<ul class="navigation-2"><br />
<li><a href="#" title="Taylor Guitars">Taylor Guitars</a></li><br />
<li><a href="#" title="AER Amplifiers">AER Amplifiers</a></li><br />
<li><a href="#" title="Shure Microphones">Shure Microphones</a></li><br />
<li><a href="#" title="International">International <span>&raquo;</span></a><br />
<ul class="navigation-3"><br />
<li><a href="#" title="Musican's Friend">Musican's Friend</a></li><br />
<li><a href="#" title="Thomann Music">Thomann Music</a></li><br />
<li><a href="#" title="Turnkey">Turnkey</a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
</ul></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE: <br />
<br />
<br />
<div class="code">
div#container<br />
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; }<br />
<br />
h1<br />
{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }<br />
p { margin:0; padding:1.2em; }<br />
p a:link,<br />
p a:visited,<br />
p a:hover,<br />
p a:active<br />
{ font-weight:bold; color:#b9121b; }<br />
<br />
ul#navigation-1<br />
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 8pt verdana, arial, helvetica;}<br />
ul#navigation-1 li<br />
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }<br />
ul#navigation-1 li a:link,<br />
ul#navigation-1 li a:visited<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }<br />
ul#navigation-1 li:hover a,<br />
ul#navigation-1 li a:hover,<br />
ul#navigation-1 li a:active<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }<br />
<br />
ul#navigation-1 li ul.navigation-2<br />
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }<br />
ul#navigation-1 li:hover ul.navigation-2<br />
{ display:block; }<br />
ul#navigation-1 li ul.navigation-2 li<br />
{ width:146px; clear:left; width:146px; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:link,<br />
ul#navigation-1 li ul.navigation-2 li a:visited<br />
{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
ul#navigation-1 li ul.navigation-2 li:hover a,<br />
ul#navigation-1 li ul.navigation-2 li a:active,<br />
ul#navigation-1 li ul.navigation-2 li a:hover<br />
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3<br />
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }<br />
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3<br />
{ display:block; }<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited<br />
{ background:#b9121b; }<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active<br />
{ background:#ec454e; }<br />
ul#navigation-1 li ul.navigation-2 li a span<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }<br />
ul#navigation-1 li ul.navigation-2 li:hover a span,<br />
ul#navigation-1 li ul.navigation-2 li a:hover span<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><br />
</b><br />
Select Any one menu from the above given list <br />
<br />
<br />
<b>How To Add Drop Down Menu Widget To Blogger</b><br />
<br />
<br />
1. Go To Blogger > Design<br />
2. Click Add a Gadget or Add a Page element<br />
3. Choose HTML/JavaScript widget<br />
4. Simple Paste the Navigation Menu Code inside HTML/JavaScript widget<br />
5. Hit Save<br />
6. Drag HTML/JavaScript widget and drop it just under your Blog Header, as shown below,<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://i37.tinypic.com/14ms9ao.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="http://i37.tinypic.com/14ms9ao.png" width="420" /></a></div>
<br />
To change the links, Edit this part of the HTML in all codes below,<br />
<br />
<br />
<code style="background-color: white; background-image: url("http://i39.tinypic.com/a47lat.jpg"); background-position: 0% 0%; border: 1px solid rgb(153, 204, 102); color: #666666; display: block; font: 12px/17px 'Courier New',Fixed,monospace; margin: 1em 0px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;"><div class="menu"><br />
<ul><br />
<li><a href="#" >Home</a></li><br />
<li><a href="#" id="current">Products</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/faq.php">FAQ</a><br />
<ul><br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<li><a href="#">Dreamweaver Menus</a></li><br />
</ul><br />
</li><br />
<li><a href="/contact/contact.php">Contact</a></li><br />
</ul><br />
</div></code><br />
<br />
<br />
Replace the hash(#) sign with your Page Links /URL and replace Home, Products, Drop Down CSS Menus etc with your Page Titles. If you wish to add or delete a tab then simply add or delete this line,<br />
<blockquote>
<br />
<code style="background-color: white; background-image: url("http://i39.tinypic.com/a47lat.jpg"); background-position: 0% 0%; border: 1px solid rgb(153, 204, 102); color: #666666; display: block; font: 12px/17px 'Courier New',Fixed,monospace; margin: 1em 0px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;"><li><a href="#">Home</a></li></code></blockquote>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: large;"><b>How to Add CSS for Menu:-</b></span><br />
<br />
<br />
<br />
<div style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Instructions To Follow</b></span></span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span></span></div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span"><span class="Apple-style-span"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #af2d10; cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur376.ani), progress; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 14px; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; line-height: normal; white-space: nowrap;">Design</span><span class="Apple-style-span" style="font-size: xx-small;"> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML </b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and mark the tick box "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">"</span></span></span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span></span></span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<div class="separator" style="clear: both; color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="color: #af2d10; cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur376.ani), progress; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="480" /></a></div>
<br />
<br />
- Find this type of code <span class="Apple-style-span" style="color: red;">]]></b:skin></span> and <span class="Apple-style-span" style="color: blue;">just before</span> paste this CSS Code:<br />
<br />
<br />
<code style="background-color: white; background-image: url("http://i39.tinypic.com/a47lat.jpg"); background-position: 0% 0%; border: 1px solid rgb(153, 204, 102); color: #666666; display: block; font: 12px/17px 'Courier New',Fixed,monospace; margin: 1em 0px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;">.menu{<br />
border:none;<br />
border:0px;<br />
margin:0px;<br />
padding:0px;<br />
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;<br />
font-size:14px;<br />
font-weight:bold;<br />
}<br />
.menu ul{<br />
background:#333333;<br />
height:35px;<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
}<br />
.menu li{<br />
float:left;<br />
padding:0px;<br />
}<br />
.menu li a{<br />
background:#333333 url("<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMiIB8ObIOkyqJuwvnKQ5rRcBBn7Z0EdboTVFMyVX4i31OATSmVsmDWB0xRoDNmcCv0V57jlUDGRzXU49aVHBtNCOYat1IpxO7fSZvQI_p0k86yIakF1Q_fDwIuW7qwjpyYS4_pBTqMFd/s1600/seperator.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMiIB8ObIOkyqJuwvnKQ5rRcBBn7Z0EdboTVFMyVX4i31OATSmVsmDWB0xRoDNmcCv0V57jlUDGRzXU49aVHBtNCOYat1IpxO7fSZvQI_p0k86yIakF1Q_fDwIuW7qwjpyYS4_pBTqMFd/s1600/seperator.gif</a>") bottom right no-repeat;<br />
color:#cccccc;<br />
display:block;<br />
font-weight:normal;<br />
line-height:35px;<br />
margin:0px;<br />
padding:0px 25px;<br />
text-align:center;<br />
text-decoration:none;<br />
}<br />
.menu li a:hover, .menu ul li:hover a{<br />
background: #2580a2 url("<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZB1OjDw15tj-YNQRK3jYDzjS_qYeybpfWbkXCnZgMdoq6N1rDAH0Jl3jlzFxaPaxgLAglhU9TsTOxNC-LOCh1RSM-jAb6CXy665nyHYrAmsk1JOY4TGS2OU-QI1Yu5S8B_d8YtSjGqrAr/s1600/hover.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZB1OjDw15tj-YNQRK3jYDzjS_qYeybpfWbkXCnZgMdoq6N1rDAH0Jl3jlzFxaPaxgLAglhU9TsTOxNC-LOCh1RSM-jAb6CXy665nyHYrAmsk1JOY4TGS2OU-QI1Yu5S8B_d8YtSjGqrAr/s1600/hover.gif</a>") bottom center no-repeat;<br />
color:#FFFFFF;<br />
text-decoration:none;<br />
}<br />
.menu li ul{<br />
background:#333333;<br />
display:none;<br />
height:auto;<br />
padding:0px;<br />
margin:0px;<br />
border:0px;<br />
position:absolute;<br />
width:225px;<br />
z-index:200;<br />
/*top:1em;<br />
/*left:0;*/<br />
}<br />
.menu li:hover ul{<br />
display:block;<br />
<br />
}<br />
.menu li li {<br />
background:url('<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5R2sSQg9Zr3W9Hm6P-_038MvYP3KB6t27actJB9UKk8yN5tyoOuS6uVQLYUnLB67OYZJVm6x8IEiV1xfnHs0RBFwL0xyYafxrC1KX2d41vcBVhWk8VyD0O0NXgkAGzIsvoSVD0KCwOB5I/s1600/sub_sep.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5R2sSQg9Zr3W9Hm6P-_038MvYP3KB6t27actJB9UKk8yN5tyoOuS6uVQLYUnLB67OYZJVm6x8IEiV1xfnHs0RBFwL0xyYafxrC1KX2d41vcBVhWk8VyD0O0NXgkAGzIsvoSVD0KCwOB5I/s1600/sub_sep.gif</a>') bottom left no-repeat;<br />
display:block;<br />
float:none;<br />
margin:0px;<br />
padding:0px;<br />
width:225px;<br />
}<br />
.menu li:hover li a{<br />
background:none;<br />
<br />
}<br />
.menu li ul a{<br />
display:block;<br />
height:35px;<br />
font-size:12px;<br />
font-style:normal;<br />
margin:0px;<br />
padding:0px 10px 0px 15px;<br />
text-align:left;<br />
}<br />
.menu li ul a:hover, .menu li ul li:hover a{<br />
background:#2580a2 url('<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfkl2juzLolr9N7AVgnm8vH2SYo7WwN4Aj9KsK0LIyZbgMIo6GYwtLC1o0krsvMY1Xdjbe4is9g2sxFlAFnScGhNo0oFd-fl1qEtP5lGDiIsSjLAzbjlpqtflwz2V9BykDAo1JCn1fkWA/s1600/hover_sub.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfkl2juzLolr9N7AVgnm8vH2SYo7WwN4Aj9KsK0LIyZbgMIo6GYwtLC1o0krsvMY1Xdjbe4is9g2sxFlAFnScGhNo0oFd-fl1qEtP5lGDiIsSjLAzbjlpqtflwz2V9BykDAo1JCn1fkWA/s1600/hover_sub.gif</a>') center left no-repeat;<br />
border:0px;<br />
color:#ffffff;<br />
text-decoration:none;<br />
}<br />
.menu p{<br />
clear:left;<br />
} <br />
</code><br />
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">That's Done! Hope this Post will be helpful for Blogspot Users.</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote>
Many thanks to <a href="http://www.cssmenumaker.com/"><span class="Apple-style-span" style="color: orange;">cssmenumaker</span></a> for making this code and I just tested and modified to work on blogger</blockquote>
</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com1tag:blogger.com,1999:blog-404186049558999833.post-63469742299356830402010-12-15T11:23:00.000-08:002013-02-05T22:22:19.289-08:00How to Change Favicon in Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
Favicon is one small part of your blog design, usually blogger blogs have Blogger logotype as favicon, but you can easily change it to your favicon.One of the interesting features of HTML is the website icon or popularly known to us as the Favicon, a shortcut for Favorite Icon. This icon is an image that is displayed, by supported browsers, before the site's title in the tab or the image you can see beside the site's url in the address bar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/iaTGq1" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjeT6mZAtZtDaXroOhanh98fWo7JqyRZS_4SuVDZ__FHyQ_a70TCZhySsgQUXniDXlwIC3wNtapofrIkkz4rbgW_NtS8VF2omCR4HBDhA_NV1OWh1Z3tGbevujkSLZ-TDd6RHsqbVqOl77/s1600/How+to+Change+Favicon+in+Blogger.png" width="320" /></a></div>
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<b><br /></b>
<b>Adding a favicon to the blogger(blogspot) blog:</b><br />
First you need to design/create/generate a favicon or get the ‘readymade’ favicons from the web(preferably 16×16 size).So,Now your icon is ready…You are just a few steps away from creating a beautiful favicon for your site…<br />
Check out this <a href="http://tools.dynamicdrive.com/favicon/">Favicon Generator Tool</a> which allows you to upload an image and it will format it for you!<br />
<br />
<br />
<br />
<b>Installing Favicon to Blogger</b><br />
<br />
<div style="font-family: Arial, Verdana; font-size: 14px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Instructions To Follow</b></span></span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span></span></div>
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span"><span class="Apple-style-span"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur376.ani), progress; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 14px; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; line-height: normal; white-space: nowrap;">Design</span><span class="Apple-style-span" style="font-size: xx-small;"> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML </b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and mark the tick box "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">"</span></span></span></span></span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span></span></span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<div class="separator" style="clear: both; color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="color: #af2d10; cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur376.ani), progress; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="480" /></a></div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;">Then, find (CTRL+F) this code in the template:</span></span><br />
<br />
and look for this code(it is at the top the template)<br />
<br />
<div class="code">
<title><data:blog.pagetitle/></title></div>
<br />
and add the below code just after the above one[as shown in the below screenshot]<br />
<div class="code">
<link href=' <span class="Apple-style-span" style="color: red;">icon file url</span> ' rel='shortcut icon' type='image/vnd.microsoft.icon'/></div>
<br />
<br />
<br />
and replace the ‘icon file url’ with the url of your icon file.(like http…….ico)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/iaTGq1" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz71MVy10G9tgW-7GIbpVW9UpXhCzeDYv5N28pAYAuvEh8faIJj12wS9eBpDh0EwGZ5qlF19aq-CJGPmTBDYUY68bcTUFNV3k5p-vfElVfRTTs87g90fDGGWhlikRQAJQMezInEunQwWfW/s1600/paste+like+below_1.jpg" /></a></div>
<br />
That’s it! Now you can see a beautiful favicon in your blog.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">Cool Favicons </span></span><br />
<br />
<br />
Looking for favicon for your blog? Why don't you try using one of the coolest favicon ever made. These icons were collected by <a href="http://www.deltatangobravo.com/archive/2004/march/favourite">DTB</a>.To use this images [Right Click and "Copy Image Address/Location"]<br />
<br />
<br />
<br />
<br />
<a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Boing Boing"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/boingboing_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Apple"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/apple_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Amazon"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/amazon_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Christian Science Monitor"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/csmonitor_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Coudal Partners"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/coudal_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Douglas"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/douglas_min_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://bit.ly/iaTGq1" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Kaliber 10000"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/k10k_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Diesel Sweeties"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/dieselsweeties_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Jason Kottke"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/kottke_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Live Journal"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/livejournal_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="MetaFilter"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/metafilter_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Nedward"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/nedward_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ms. Dicks"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/ms-dicks_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Photo Friday"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/photofriday_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Salon"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/salon_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Scripting News"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/scripting_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Simplebits"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/simplebits_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Stop Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/stopdesign_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Typophile"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/typophile_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Adobe"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/adobe_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Blogger"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/blogger_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Zeldman"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/zeldman_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Subtraction"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/subtraction_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="e-lusion"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/e-lusion_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="20-cent"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/20cent_net_free_fr.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Wired"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/wired_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Airbag"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/airbag_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ferrero"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/ferrero_it.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Linuxart"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/linuxart_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Atomic Media"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/atomicmedia_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Association of Universities and Colleges"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/aucc_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Baltimore Sun"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/baltimoresun_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Basecamp"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/basecamphq_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="CBC"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/cbc_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Cuban Council"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/cubancouncil_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Danger"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/danger_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Design by Fire"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/designbyfire_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Design Weenie"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/designweenie_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="E! Online"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/eonline_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Fox News"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/foxnews_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Post Pet"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/postpet_so-net_ne_jp.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Heather Champ"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/hchamp_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="ITC Fonts"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/itcfonts_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Kanshin"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/kanshin_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Novell"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/novell_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Kicksology"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/kicksology_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Legato"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/legato_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Lindkvist"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/lindkvist_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="All the Web"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/alltheweb_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="C-Net"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/news_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Acts of Volition"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/actsofvolition_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="pseudoroom"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/pseudoroom_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Red Hat"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/redhat_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Powell's Books"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/powells_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Design Principles"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/resource_reh3_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Sean Baby"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/seanbaby_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="strikeslip"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/strikeslip_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Teleraña"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/telerana_f2o_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ultramicroscopic"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/ultramicroscopic_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Saturn"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/saturn.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Waferbaby"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/waferbaby_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Web Standards Awards"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/webstandardsawards_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="What do I Know"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/whatdoiknow_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Hicks Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_hicksdesign_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Overture"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_overture_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Black Tree"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_blacktree_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Sodaplay"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ipct_be.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Shift-8"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mnin_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Pitchfork Media"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_pitchforkmedia_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Strategic Chemical Management Group"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_scmg_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="TvZ Interactive BV"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_tvz_nl.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Unreal Tournament Map Rating"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_utmr_dk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Východoçeskà energetika"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_vce_cz.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Vodafone"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_vodafone_pt.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Andy Budd"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_andybudd_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Gemal's Psyched Blog"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_gemal_dk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mountain Equipment Co-op"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mec_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Conclave Obscurum"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/cmart_design_ru.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Anagram"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/getanagram_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Infrangible"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/infrangible_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Reservocation"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_reservocation_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mac Scripter"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/macscripter_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Web Archive"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/web_archive_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Future Brand"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_futurebrand_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="IDEO"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ideo_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mecca Pixel"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_meccapixel_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="miniml"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_miniml_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="One9ine"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_one9ine_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Purina"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_purina_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Sqaure One Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_squareonedesign_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="UPromise"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_upromise_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="tenyearsofmylife.com"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/tenyearsofmylife_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Audioblog"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_audioblog_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Explore Learning"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_explorelearning_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Defamer"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_defamer_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="ES Footwear"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_esfootwear_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Derek Powazek"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_powazek_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Clip-N-Seal"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/clip-n-seal_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Squid Fingers"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_squidfingers_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Download.com"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_download_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Daily K-OS"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/dailykos_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Man in Blue"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_themaninblue_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Over Caffeinated"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/overcaffeinated_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Phono Phunk"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/phonophunk_phreakin_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Raelity Bytes"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/raelity_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Shark Ventures"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/sharkventures_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Shutterbug"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/shutterbug_nu.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="St. Petersburg Times"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_stpetersburgtimes_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Alex Keeny"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_alexkeeny_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="A-Plus"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_aplus_co_yu.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Compliance Medical"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_compliancemedical_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Dive Into Mark"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_diveintomark_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ego"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ego_is.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Epinions"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_epinions_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Molly"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_molly_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Experts Exchange"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_experts-exchange_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="ficml"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ficml_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Frog Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_frogdesign_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Funkaoshi"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_funkaoshi_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Guuui"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_guuui_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="H&R Block"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_hrblock_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Icelandic National Team"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_icelandicnationalteam_c.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Jason Santa Maria"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_jasonsantamaria_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Message Digital Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_message_uk_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Minimal"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_minimal_ru.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Netdiver"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_netdiver_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Nightsalive"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_nightsalive_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ordered List"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_orderedlist_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Pixel Graphix"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_pixelgraphix_de.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Schillmania"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_schillmania_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Thinking Woman's Diary"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_thinkingwomansdiary_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Two Thirty Media"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_twothirty_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="VPW Systems UK"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_vpwsys_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Wishing Line"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_wishingline_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Alter Ebro Illustration ZGZ"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_alterebro_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Teknision"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_teknision_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Asterisk"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_7nights_comslashasteris.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Netspend Corporation"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_netspend_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Seattle Times"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/seattletimes_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="iPod Lounge"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ipodlounge_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="John Kerry"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_johnkerry_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Hammer & Tongs"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_tongsville_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mozillazine"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mozillazine_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mozdev"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mozdev_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Robot Johnny"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_robotjohnny_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Nation"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_thenation_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Blue Vertigo"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_bluevertigo_com_ar.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mr Wong: The Pixel Grower"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mrwong_de.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Flummel, Flummer, Flummo"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_flummel_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="forrestwalter"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_forrestwalter_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Iconfactory"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_iconfactory_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Image Wall"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_imagewall_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="In My Experience"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_inmyexperience_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="pixelhuset"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_pixelhuset_se.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="TowEyes.org"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_twoeyes_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Adidas"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_adidas_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Workopolis"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_workopolis_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Bloor West Village Toronto Community Website"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_bloorwestvillage_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Exego"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/exego_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Microbians"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_microbians_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Skinny J"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_skinnyj_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Southwest Airlines"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_southwest_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="United Airlines"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_united_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Microsoft Office"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/office_microsoft_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Brothers in Art"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_brothersinart_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Jeremy Johnson Online"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_jeremyjohnsononline_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Textura"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/texturadesign_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Absenter"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_absenter_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="DutchCelt Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_dutchcelt_nl.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Jayde"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_jayde_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Eksperten"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_eksperten_dk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Tapuz"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_tapuz_co_il.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="David Dorward"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/blog_dorward_me_uk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="A sotavento"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_asotavento.com_ar.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="French Chocolate Delivery"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_zchocolat_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ornery Boy"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_orneryboy_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Blue Sky Heart"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_blueskyheart_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Newbie Hub"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_newbiehub_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="USA Today"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_usatoday_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="MSN"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_msn_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Sneeze"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_thesneeze_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Lego"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_lego_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="All in the Head"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/allinthehead_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Egographies"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_egographies_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mozilla Store"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mozillastore_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Resfest"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_resfest_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Seriocomic"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_seriocomic_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Snowsuit"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_snowsuit_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="National Public Radio"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_npr_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Oracle"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_oracle_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Timbuk2"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_timbuk2_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Resolve Digital"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_resolvedigital_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="PGP"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_pgp_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Magwerk"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_magwerk_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ringling School of Art and Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_rsad_edu.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Smurfs"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_smurf_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Incutio"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/incutio_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Homestarrunner"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_homestarrunner_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Moveable Type"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_moveabletype_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Justin Blanton"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/justinblanton_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="français interactif"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_laits_utexas_eduslashfi.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Rotten Tomatoes"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_rottentomatoes_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Starving Artist"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_stanleysy_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Face Book"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_thefacebook_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Trucking Info"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_truckinginfo_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="WCPO TV Cincinatti"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_wcpo_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ciao"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ciao_co_uk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Cloudless"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/cloudless_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Yes U Do"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_yesudo_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Spunk United"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_spunkunited_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Persistent.info"> <img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/persistent_info.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Delicious Monster"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_delicious-monster_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Pixel Army"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/pixelarmy_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="University of Saskatchewan"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_usask_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="MIT"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mit_edu.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="MS Studio"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ms-studio_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Pixelsurgeon"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_pixelsurgeon_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Proggle"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_proggle_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Rapha"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_rapha_cc.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Thomasson Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_thomassondesign_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Tire Track"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_tiretrack_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="University of Ottawa"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_uottawa_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Visa"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_visa_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Visual Format"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_visual-format_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Free Dictionary"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/encyclopedia.thefreediction.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Frogmat"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/frogmat_com_au.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Jonny Blair"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/jonnyblair_co_uk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="PixelPush"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/pixelpush_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="3 Bambous"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_3bambous_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="AMD"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_amd_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Draplin Industries"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_draplindustries_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="E-Trade"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_etrade_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Motley Fool"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_fool_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ilexsoft"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ilexsoft_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Inktomi"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_inktomi_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Instapundit"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_instapundit_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Jaguar"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_jaguar_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Lucas Fonts"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_lucasfonts_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Manitoo"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_manitoo_ch.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="McDonalds"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mcdonalds_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mini Fonts"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_minifonts_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Eric Meyer"> <img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_meyerweb_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Gallaher"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_gallaher_com_au.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Looksmart"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/looksmart_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="X Lab"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/xlab_co_uk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Guy Carberry"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_guyweb_co_uk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Chromasia"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/chromoasia_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Chromogenic"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/chromogenic_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Everyday Things Scene"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/everydaythingsscene_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mono"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/larsholst_info-slash-blog.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Life Aquatic"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/lifeaquatic_movies_go_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ride My Pony"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/ridemypony_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Sensitive Light"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/sensitivelight_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="A Photolog"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_aphotolog_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Lobster Liberation"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_lobsterlib_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Beemo"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_beemo_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Blog Business Summit"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_blogbusinesssummit_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Continental Airlines"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_continental_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="East Third"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_east3rd_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Game Over"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_gameover_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="In the Rain"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_intherain_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Jordan Gate"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_jordangate_co_uk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Konfabulator"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_konfabulator_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="LL Bean"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_llbean_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Miss Pato"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_misspato_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Modern Mirth"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_modernmirth_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Beer Blog"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/beerblog_genx40_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="News Gator"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_newsgator_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Northwest Airlines"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_nwa_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="SF Examiner"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_sfexaminer_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Target"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_target_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Veer"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_veer_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Wedding Vendors"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_weddingvendors_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="W Pein"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_wpein_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="2xup-ph"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/2xup-ph_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="@ Pixel"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_gawzu_idv_tw.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Hotwheels"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_hotwheels_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Deconcept"> <img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/blog_deconcept_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Music Download"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/music_download_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Pixilate"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_pixilate_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Macrmomedia"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_macromedia_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="How Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_howdesign_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Rammstein"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_rammstein_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="New Scotsman"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/news_scotsman_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="National Film Board"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_nfb_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Airgrid"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_airgid_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Britannica"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_britannica_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Method Shop"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_methodshop_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Oddend"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_oddend_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The f(m) Project"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/fm_dept-z_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="I am Bored"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_i-am-bored_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Jared Digital"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_jaredigital_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="E-Lease International"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_eleaseinternational_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Quantas USA"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_qantasusa_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Automatyk"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/automatyk_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Combustion Listings"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/combustionlistings_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Finq"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/finq_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Flash in the Can"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_fitc_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Medienfreunde"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_medienfreunde_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Weblogs at UPEI"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/weblogs_upei_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Canada 411"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/canada411_yellowpages_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="2 Stroke Buzz"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_2strokebuzz_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Host in Space"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/hostinspace_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Lomography"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_lomography_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Bluish Orange"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_bluishorange_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="University of Toronto Library"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_library_utoronto_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Apple Insider"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_appleinsider_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="US Airways"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_usairways_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Sparratease"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_sparratease_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Authorize.net"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_authorize_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="SIAL"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_sial_rmit_edu_au.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Blu Dot"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_bludot_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="IT Conversations"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/itconversations_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Visual Thesaurus"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_visualthesaurus_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Creativebits"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/creativebits_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Beta News"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_betanews_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mboffin"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/mboffin_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Specialized"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/specialized_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Alex King"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_alexking_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Aliprandi Arredi"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_aliprandiarredi_it.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Axentric"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_axentric_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Bendelman"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_benedelman_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Bernhard Wolff"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_bernhardwolff_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Encyclopedia.com"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_encyclopedia_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Enterprise Rentals"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_enterprise_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Everyday Icons"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_everydayicons_jp.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Fine Rare Prints"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_finerareprints_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Gadgetopia"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_gadgetopia_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Gama-Go"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_gama-go_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Hugi"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_hugi_is.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Joe's NYC"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_joesnyc_streetnine_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Knop Design"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_knopdesign_net.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Meta Critic"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_metacritic_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Mac OS News"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mosnews_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="MP3.com"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_mp3_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Swiss List"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_swiss-list_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Think Mac"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_thinkmac_co_uk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Visual GUI"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_visualgui_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Whitney Museum"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_whitney_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Zeit"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/zeit_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Amber Macarthur"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/ambermac_typepad_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Canadian Runner"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_canadianrunner_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Toronto Star"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_thestar_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="This is London"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_thisislondon_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Crispy & Shiny"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_svendtofte_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Amp"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/amp_pugetive_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Plazes"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/beta_plazes_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Technorati"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/beta_technorati_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Cat and Girl"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/catandgirl_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Lumilux"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/lumilux_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ouverture Facile"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/ouverture-facile_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Patrick Haney"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/patrickhaney_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Pzat"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/pzat_meep_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Band"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/theband_hiof_no.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="The Gestalt"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/thegestalt_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Vivabit"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/vivabit_co_uk.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Asterisk"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_7nights_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Adam Bouskilla"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_adambouskila_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="American Film Institute"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_afi_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="All Forces"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_allforces_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Artlbedev"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_artlbedev_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Arty Papers"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_artypapers_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Asterikstudio"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_asterikstudio_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Bhooshan"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_bhooshan_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Boudist"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_boudist_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Chicago Tribune"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_chicagotribune_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Chris Davis"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_chrisjdavis_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Contact Music"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_contactmusic_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Delta Park Project"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_deltaparkproject_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Digg.ca"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_digg_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Stefan"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_dstefan_cc.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Dynamic Drive"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_dynamicdrive_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="EFA"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_einfach-fuer-alle_de.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="eMusic"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_emusic_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Fedora FAQ"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_fedorafaq_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="gartentechnik.de"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_gartentechnik_de.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="IdeaNotes"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ideanotes_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="I Live On Your Visits"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_iliveonyourvisits_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="iStockPhoto"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_istockphoto_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Konstruct"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_konstruct_de.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Linked In"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_linkedin_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Lo Spremiagrumi"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_lospremiagrumi_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Microformats"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_microformats_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Namito"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_namito_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="NES Player"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_nesplayer_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="NetSuite"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_netsuite_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="N Force HQ"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_nforceshq_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Nick"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_nick_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Nimbupani"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_nimbupani_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title=""><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_penandthink_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title=""><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_penandthink_comSLASHnig.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Picment"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_picment_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Pure Volume"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_purevolume_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Goop"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_qoop_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Sciam"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_sciam_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Side Job Track"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_sidejobtrack_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Snook"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_snook_ca.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Sputnik"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_sputnik_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Top 500"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_top500_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Turbulence"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_turbulence_org.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="Ueba"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_ueba_com_br.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="V Brunetti Studios"><img alt="" height="16" src="http://www.deltatangobravo.com/local/delta/images/favicon/www_vbrunettistudios_com.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><a class="favicon" href="http://www.blogger.com/post-edit.g?blogID=404186049558999833&postID=6346974229935683040#" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial;" title="HapiBloggin"><img alt="" height="16" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBGLVb4oVaRg0j6x348WnSLPOplWG2PT36256NHFhw-zOWVL5SaUnvysdRHrNoACSUFKyA7XWKRXudWD3Bixxm7ortUW3K-tAQVoGWFV-YMsJ29aHenB2GxdYE7MED6NQF_DLVWjHkYN_Z/s400/favicon.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="16" /></a><br />
<br />
I hope you like it.</span></div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com6tag:blogger.com,1999:blog-404186049558999833.post-77836838167681270862010-12-14T08:36:00.003-08:002013-02-05T22:35:30.439-08:0011+ Featured Content Slider for Blogger Using jQuery<div dir="ltr" style="text-align: left;" trbidi="on">
You’ve probably noticed that a lot of websites lately have a featured area with content that slides or changes in some way.content sliders are a great way to show large amount of content on a smaller area of a web page or blog. Dynamic auto sliding content sliders are a lot popular on numerous websites over the web.This is a great technique to show several pieces of content in a limited amount of space and a good way to engage the user. <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/e6BRMt" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9QH5MVhQpqKFf6pqJFmn2V6rOzBPjtZTPVnwhJRWQF9hPuonDGl6EG1-YtrOThMKisAaxIJfSvacXz0zy-Vbw7AyFLj9YN-o6UbY8c14XP7b1JaE1yInNTA7iUnIVNF-kRiq030Ifik92/s1600/11%252B+Featured+Content+Slider+for+Blogger+Using+jQuery.jpg" width="360" /></a></div>
<br />
<br />
Are you interested in implementing a content slider in your website? Checkout this list!Here I am going to teach you, how to add a featured content slider to your blogger / blogspot blogs.You're not sure what is it exactly? You`ll see below ;)<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe><br />
<br />
<br />
<style type="text/css">
.et-box { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0px 0px 10px; }
.et-box-content { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px #ffffff; padding: 16px 20px 8px 75px; min-height:35px; }
.et-box-content strong { color: #000000; font-weight: bold; }
.et-box-content h1, .et-box-content h2, .et-box-content h3, .et-box-content h4, .et-box-content h5, .et-box-content h6 { font-family: Century Gothic, Arial, sans-serif; }
.et-info { border: 1px solid #cecb8e; }
.et-info .et-box-content { color: #8c8a64; background: #f7f4b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCowLM3dMqNjrJVxIG29O3-T_9JPuYBL9gsYiqbPb3jdVwM62AmV7n9i48N35OgtDGuwLDdCyJpnlC8UE_dDDoCTBfZHSoKhyqu9_YCN-eWzuB6qY_brdQ3y5FQ0ZGwFWps5GAcM3P974/s1600/update.png) no-repeat 18px 13px; border: 1px solid #ffffea; }
.et-info .et-box-content h1, .et-info .et-box-content h2, .et-info .et-box-content h3, .et-info .et-box-content h4, .et-info .et-box-content h5, .et-info .et-box-content h6 { color: #6b6a54; }
</style><br />
<br />
<br />
<div class="et-box et-info">
<div class="et-box-content">
<strong>UPDATE:</strong> I updated some of my posts, this post I update <a href="http://24work.blogspot.com/2012/02/17-featured-content-slider-for-blogger.html" target="_blank"><strong>17+ Featured Content Slider for Blogger Using jQuery</strong></a> ..........</div>
</div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<a class="button big green" href="http://24work.blogspot.com/" target="_blank">Live Demo</a></div>
<br />
<br />
<br />
<a name='more'></a><br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Featured Content Slider for Blogger Using jQuery </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigork8XD_7yZWl8-_qnDOUs-BbM1ISlKUAR-0CKstM_NeRL2vTk19v0QA8W-O8qDPSQkTQvOWLpzMFvNM3po7fLO5oSUIIRYcm2ZqxpZfM83I5p30qSWTS9Lqb7eLNfRNjtcSHvS47jXvC/s1600/Featured+Content+Slider+for+Blogger+Using+jQuery.png" width="320" /></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Instructions To Follow</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://draft.blogger.com/post-edit.g?blogID=2648032558084820227&postID=2886259784970943" name="more" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" tip=""></a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; line-height: normal; white-space: nowrap;">Design</span><span class="Apple-style-span" style="font-size: xx-small;"> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML </b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and mark the tick box "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">"</span><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #2</b></span><br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"> find (CTRL+F) this code in the template:</span><br />
<br />
<div class="code">
]]></b:skin></div>
<br />
<span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 14px; line-height: 24px;"><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 14px; line-height: 24px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-size: 13px; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">And immediately <span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #3333ff; font-family: Georgia, serif; font-size: 16px; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">before</span> </span>it, paste this code:</span></span></span></span></span></span><br />
<br />
<br />
<div class="code">
#featured{<br />
width:400px;<br />
padding-right:250px;<br />
position:relative;<br />
height:250px;<br />
background:#fff;<br />
border:5px solid #ccc;<br />
}<br />
#featured ul.ui-tabs-nav{<br />
position:absolute;<br />
top:0; left:400px;<br />
list-style:none;<br />
padding:0; margin:0;<br />
width:250px;<br />
}<br />
#featured ul.ui-tabs-nav li{<br />
padding:1px 0; padding-left:13px;<br />
font-size:12px;<br />
color:#666;<br />
}<br />
#featured ul.ui-tabs-nav li span{<br />
font-size:11px; font-family:Verdana;<br />
line-height:18px;<br />
}<br />
<br />
#featured .ui-tabs-panel{<br />
width:400px; height:250px;<br />
background:#999; position:relative;<br />
overflow:hidden;<br />
}<br />
#featured .ui-tabs-hide{<br />
display:none;<br />
}<br />
<br />
#featured li.ui-tabs-nav-item a{/*On Hover Style*/<br />
display:block;<br />
height:60px;<br />
color:#333; background:#fff;<br />
line-height:20px;<br />
outline:none;<br />
}<br />
#featured li.ui-tabs-nav-item a:hover{<br />
background:#f2f2f2;<br />
}<br />
#featured li.ui-tabs-selected{ /*Selected tab style*/<br />
background:url('selected-item.gif') top left no-repeat;<br />
}<br />
#featured ul.ui-tabs-nav li.ui-tabs-selected a{<br />
background:#ccc;<br />
}<br />
<br />
#featured ul.ui-tabs-nav li img{<br />
float:left; margin:2px 5px;<br />
background:#fff;<br />
padding:2px;<br />
border:1px solid #eee;<br />
}<br />
#featured .ui-tabs-panel .info{<br />
position:absolute;<br />
top:180px; left:0;<br />
height:70px; width: 400px;<br />
background: url('transparent-bg.png');<br />
}<br />
#featured .info h2{<br />
font-size:18px; font-family:Georgia, serif;<br />
color:#fff; padding:5px; margin:0;<br />
overflow:hidden;<br />
}<br />
#featured .info p{<br />
margin:0 5px;<br />
font-family:Verdana; font-size:11px;<br />
line-height:15px; color:#f0f0f0;<br />
}<br />
#featured .info a{<br />
text-decoration:none;<br />
color:#fff;<br />
}<br />
#featured .info a:hover{<br />
text-decoration:underline;<br />
}</div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 14px; line-height: 24px;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 14px; line-height: 24px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #2</b><br />
Now find (CTRL+F) this code in the template:</span></span></span><br />
<br />
<br />
<br />
<div class="code">
]]></b:skin></div>
<br />
<span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 14px; line-height: 24px;"><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 14px; line-height: 24px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-size: 13px; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">And immediately <span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #3333ff; font-family: Georgia, serif; font-size: 16px; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">after</span> </span>it, paste this code:</span></span></span></span></span></span><br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br />
<br />
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$(&quot;#featured &gt; ul&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 5000, true);<br />
});<br />
</script></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: 16px;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #3 </b></span></b></span></b></span></b></span></span><br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: 14px; white-space: nowrap;"><b>Design</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-> Click on "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Add a Gadget</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">" -></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">HTML/JavaScript</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">type.</span><br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And copy paste this code in to it:</span><br />
<br />
<br />
<div class="code">
<div id='featured'><br />
<ul class='ui-tabs-nav'><br />
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt='pic1' src='http://i49.tinypic.com/e1aohv.jpg'/><span>Install Mac OS X on Intel/AMD PC using iATKOS v7</span></a></li><br />
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-2'><img alt='blogger' src='http://i438.photobucket.com/albums/qq108/fooble11/image2-small.jpg'/><span>How to remove &quot;showing post with label&quot; in Blogger</span></a></li><br />
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-3'><img alt='buzz' src='http://i438.photobucket.com/albums/qq108/fooble11/new1.jpg'/><span>How to add Google Buzz to Blogspot blog</span></a></li><br />
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-4'><img alt='chat' src='http://i50.tinypic.com/34xfg4m.jpg'/><span>Chat live with your blog visitors using Yahoo Pingbox</span></a></li><br />
</ul><br />
<!-- First Content --><br />
<div class='ui-tabs-panel' id='fragment-1' style=''><br />
<img alt='mac' src='http://i47.tinypic.com/rsbi80.jpg'/><br />
<div class='info'><br />
<h3><a href='#'>Install Mac OS X on Intel/AMD PC using iATKOS v7</a></h3><br />
<p>Description goes here, this is just a test description....<a href='http://www.bloggermint.com/2010/02/install-mac-os-x-on-intelamd-pc-using.html'>read more</a></p><br />
</div><br />
</div><br />
<!-- Second Content --><br />
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''><br />
<img alt='' src='http://i50.tinypic.com/33kprh5.jpg'/><br />
<div class='info'><br />
<h3><a href='#'>How to remove &quot;showing post with label&quot; in Blogger</a></h3><br />
<p>Description goes here, this is just a test description....<a href='#'>read more</a></p><br />
</div><br />
</div><br />
<!-- Third Content --><br />
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''><br />
<img alt='' src='http://i47.tinypic.com/2191lqt.jpg'/><br />
<div class='info'><br />
<h3><a href='#'>How to add Google Buzz to Blogspot blog</a></h3><br />
<p>Description goes here, this is just a test description....<a href='#'>read more</a></p><br />
</div><br />
</div><br />
<!-- Fourth Content --><br />
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''><br />
<img alt='' src='http://i48.tinypic.com/10pwp3o.jpg'/><br />
<div class='info'><br />
<h3><a href='#'>Chat live with your blog visitors using yahoo</a></h3><br />
<p>Description goes here, this is just a test description....<a href='#'>read more</a></p><br />
</div><br />
</div> </div></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Simple jQuery Featured Content Slider for Blogger Blog </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFT0Po3vWuX_w5AwiPHbtpBpLK9xSvq_r5JfufMvUkRRCP7NfPZj3_62ojj6IHJXTgBQ3J8hEXy3kj-lwFCnIEem6hwOF2517tl4IWepXG71aTe4k67TyOjG7deltnOX5unWDnAQ1FAu2k/s1600/Simple+jQuery+Featured+Content+Slider+for+Blogger+Blog.png" width="320" /></div>
<br />
<br />
<br />
<br />
<div style="color: #474747; font-family: Arial, Verdana;">
<span class="Apple-style-span" style="font-size: x-small;"><br />
</span></div>
<div style="font-family: Arial, Verdana; font-size: 14px; line-height: 22px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; outline-style: none; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; vertical-align: baseline;">
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; line-height: normal;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Instructions To Follow</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://draft.blogger.com/post-edit.g?blogID=2648032558084820227&postID=2886259784970943" name="more" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" tip=""></a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Blogger</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; line-height: normal; white-space: nowrap;">Design</span><span class="Apple-style-span" style="font-size: xx-small;"> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML </b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and mark the tick box "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">"</span></span></span></span></span> <br />
<b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #2</b><br />
Now find (CTRL+F) this code in the template:</span></div>
<br />
<div class="code">
]]></b:skin></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And immediately</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #3333ff; font-family: Georgia, serif; font-size: 16px; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">before</span> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">it, paste this code:</span><br />
<br />
<div class="code">
#jFlowSlide{ background:#f8f8f8; font-family: Georgia; }<br />
#myController { font-family: Georgia; padding:2px 0; width:610px; background:#000000; }<br />
#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }<br />
<br />
.slide-wrapper { padding: 5px; }<br />
.slide-thumbnail { width:300px; float:left; }<br />
.slide-thumbnail img {max-width:300px; }<br />
.slide-details { width:290px; float:right; margin-left:10px;}<br />
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }<br />
.slide-details .description { margin-top:10px; }<br />
<br />
.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }<br />
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }</div>
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #3</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Now find (CTRL+F) this code in the template:</span><br />
<br />
<br />
<div class="code">
</head></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And immediately</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #3333ff; font-family: Georgia, serif; font-size: 16px; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">before</span> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">it, paste this code:</span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script language='javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/><br />
<script language='javascript' src='http://sites.google.com/site/freebloggerhelpbiz/freebloggerhelp/jquery.flow.1.2.auto.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$(&quot;#myController&quot;).jFlow({<br />
slides: &quot;#slides&quot;,<br />
controller: &quot;.jFlowControl&quot;, // must be class, use . sign<br />
slideWrapper : &quot;#jFlowSlide&quot;, // must be id, use # sign<br />
selectedWrapper: &quot;jFlowSelected&quot;, // just pure text, no sign<br />
auto: true, //auto change slide, default true<br />
width: &quot;610px&quot;,<br />
height: &quot;235px&quot;,<br />
duration: 100,<br />
prev: &quot;.jFlowPrev&quot;, // must be class, use . sign<br />
next: &quot;.jFlowNext&quot; // must be class, use . sign<br />
});<br />
});<br />
</script></div>
<br />
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;">Finally go to Page Elements <span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> Add a Gadget <span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> HTML/JAVA Script. And add following code to it.</span><br />
<br />
<div class="code">
<div class="jflow-content-slider"><br />
<br />
<div id="slides"><br />
<br />
<br />
<br />
<-! Slide #1 Starts--><br />
<br />
<div class="slide-wrapper"><br />
<br />
<div class="slide-thumbnail"><br />
<br />
<img alt="" src="<span style="color: red;">IMAGE-LINK</span>"/><br />
<br />
</div><br />
<br />
<br />
<br />
<div class="slide-details"><br />
<br />
<span style="font-size: large;"><b> <span style="color: red;">TITLE-OF-THE-SLIDE</span> </b></span><br />
<br />
<div class="description"><br />
<br />
<br />
<br />
<span style="color: red;">TEXT-OF-THE-SLIDE</span><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="clear"></div><br />
<br />
</div><br />
<br />
<!-- Slide # 1 Ends --><br />
<br />
<br />
<br />
<-! Slide #2 Starts--><br />
<br />
<div class="slide-wrapper"><br />
<br />
<div class="slide-thumbnail"><br />
<br />
<img alt="" src="<span style="color: red;">IMAGE-LINK</span>"/><br />
<br />
</div><br />
<br />
<br />
<br />
<div class="slide-details"><br />
<br />
<span style="font-size: large;"><b> <span style="color: red;">TITLE-OF-THE-SLIDE</span> </b></span><br />
<br />
<div class="description"><br />
<br />
<br />
<br />
<span style="color: red;">TEXT-OF-THE-SLIDE</span><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="clear"></div><br />
<br />
</div><br />
<br />
<!-- Slide # 2 Ends --><br />
<br />
<br />
<br />
<br />
<br />
<-! Slide #3 Starts--><br />
<br />
<div class="slide-wrapper"><br />
<br />
<div class="slide-thumbnail"><br />
<br />
<img alt="" src="<span style="color: red;">IMAGE-LINK</span>"/><br />
<br />
</div><br />
<br />
<br />
<br />
<div class="slide-details"><br />
<br />
<span style="font-size: large;"><b><span style="color: red;"> TITLE-OF-THE-SLIDE</span> </b></span><br />
<br />
<div class="description"><br />
<br />
<br />
<br />
<span style="color: red;">TEXT-OF-THE-SLIDE</span><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="clear"></div><br />
<br />
</div><br />
<br />
<!-- Slide # 3 Ends --><br />
<br />
<br />
<br />
.<br />
<br />
.<br />
<br />
.<br />
<br />
.<br />
<br />
<!-- <span style="color: #38761d;">You can add as many slides as you want above this line</span> --><br />
<br />
</div><br />
<br />
<br />
<br />
<div id="myController"><br />
<br />
<span class="jFlowPrev">Prev</span><br />
<br />
<br />
<br />
<span style="color: red;"><span class="jFlowControl">1</span></span><br />
<br />
<span style="color: red;"><span class="jFlowControl">2</span></span><br />
<br />
<span style="color: red;"><span class="jFlowControl">3</span></span><br />
<br />
<!-- <span style="color: #38761d;">Increase these numbers as with the increase in your number of slides above</span> --><br />
<br />
<span class="jFlowNext">Next</span><br />
<br />
</div><br />
<br />
<div class="clear"></div><br />
<br />
</div></div>
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;">t's Done.</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><b>Customization </b></span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;">Code 1. You can change the background colors in code 1 to suit your blog.</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;">Code 2. First of all download</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><b><a href="http://sites.google.com/site/freebloggerhelpbiz/freebloggerhelp/jquery.flow.1.2.auto.js" style="outline-style: none; text-decoration: none;" target="_blank">http://sites.google.com/site/freeblo...ow.1.2.auto.js</a> </b></span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;">and</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"> </span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><a href="http://free-blogger-help.blogspot.com/2010/04/uploadhost-javascript-or-js-files-to.html" style="outline-style: none; text-decoration: none;" target="_blank">upload it to google sites</a></span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;">.</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;">You can change width, height and duration speed.</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 13px;">Code 3. As you look on code 3 there are 3 slide codes. First give the image link, add title and finally add description. Do same with all three codes. You can add more slide by adding the code:</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 13px;"><br />
</span><br />
<br />
<br />
<div class="code">
<div class="slide-wrapper"><br />
<br />
<div class="slide-thumbnail"><br />
<br />
<img alt="" src="<span style="color: red;">IMAGE-LINK</span>"/><br />
<br />
</div><br />
<br />
<br />
<br />
<div class="slide-details"><br />
<br />
<span style="font-size: large;"><b> <span style="color: red;">TITLE-OF-THE-SLIDE</span> </b></span><br />
<br />
<div class="description"><br />
<br />
<br />
<br />
<span style="color: red;">TEXT-OF-THE-SLIDE</span><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="clear"></div><br />
<br />
</div></div>
<br />
<br />
<br />
<div style="font-family: Verdana; font-size: 13px;">
Also you have to add</div>
<div style="font-family: Verdana; font-size: 13px;">
<br /></div>
<div style="font-family: Verdana; font-size: 13px;">
<span class="jFlowControl">4</span></div>
<div style="font-family: Verdana; font-size: 13px;">
after</div>
<div style="font-family: Verdana; font-size: 13px;">
<span class="jFlowControl">3</span></div>
<div style="font-family: Verdana; font-size: 13px;">
and so on for next slides.</div>
<div>
<br /></div>
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Add Smart Jquery Featured Slider to Blogger/Websites </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ZFpQkOE80Uv-tfMCHgh1XIsWQHne2dUufafIdMCGgUex-KKkKtUY_JDvF4pjNR3TezS1GxJG9836l0i9Z8YK4SfvFLXM9Sr44rmuc9QtlY8Zj4m4kLdFDzhT61rC782eobVk3bcRK4EC/s1600/Smart+Jquery+Featured+Slider.png" width="320" /></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; line-height: normal;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Instructions To Follow</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://draft.blogger.com/post-edit.g?blogID=2648032558084820227&postID=2886259784970943" name="more" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" tip=""></a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Blogger</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; line-height: normal; white-space: nowrap;">Design</span><span class="Apple-style-span" style="font-size: xx-small;"> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML </b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and mark the tick box "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">"</span></span></span></span></span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #2</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Now find (CTRL+F) this code in the template:</span><br />
<br />
<div class="code">
</head></div>
<br />
<span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 14px; line-height: 24px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-size: 13px; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">And immediately <span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #3333ff; font-family: Georgia, serif; font-size: 16px; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">before</span> </span>it, paste this code:</span></span></span></span></span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='<span style="color: #009900; font-weight: bold;">http://bnote.googlecode.com/files/jquery-1.2.6.min.js</span>' type='text/javascript'></script><br />
<script src='<span style="color: #009900; font-weight: bold;">http://bnote.googlecode.com/files/jquery.jcarousel.pack.js</span>' type='text/javascript'></script><br />
<script src='<span style="color: #009900; font-weight: bold;">http://bnote.googlecode.com/files/jquery-ui-personalized-1.5.2.packed.js</span>' type='text/javascript'></script><br />
<br />
<script type="text/javascript"><br />
jQuery(document).ready(function() {<br />
jQuery('#mycarousel').jcarousel({<br />
wrap:"both",<br />
scroll:2,<br />
animation:"slow"<br />
});<br />
function mycarousel_initCallback(carousel) {<br />
jQuery('#featured-next-button').bind('click', function() {<br />
carousel.next();<br />
return false;<br />
});<br />
<br />
jQuery('#featured-prev-button').bind('click', function() {<br />
carousel.prev();<br />
return false;<br />
});<br />
jQuery('.button-nav span').bind('click', function() {<br />
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));<br />
return false;<br />
});<br />
};<br />
jQuery('#feature-carousel').jcarousel({<br />
wrap:"both",<br />
scroll:1,<br />
auto:10,<br />
initCallback: mycarousel_initCallback,<br />
buttonNextHTML: null,<br />
buttonPrevHTML: null<br />
});<br />
<br />
});<br />
</script><br />
<br />
<style type="text/css"><br />
.jcarousel-skin-tango .jcarousel-container {-moz-border-radius: 10px;}<br />
<br />
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 941px;margin: 0 auto;padding:0 20px;}<br />
<br />
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 941px;height: 254px;}<br />
.jcarousel-skin-tango .jcarousel-item {width: 307px;height: 254px;}<br />
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}<br />
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}<br />
<br />
.jcarousel-skin-tango .jcarousel-next-horizontal {<br />
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-XlmzMUu53N-dAtlNWHatHRhbqgh56QeOndGSEXKsKbXgwXEdmZQwgfp1OJBuWUyy5R651nkhaqa9LZK16zARV-zWEf9FXsdScB2L-qpHI7x5CMm641xz5QV3U8uFVENejTklvkErHYjg/s1600/image-slider-button.png) no-repeat scroll -46px 0;<br />
cursor:pointer;<br />
height:254px;<br />
right:20px;<br />
position:absolute;<br />
top:0;<br />
width:46px;<br />
}<br />
<br />
.jcarousel-skin-tango .jcarousel-prev-horizontal {<br />
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-XlmzMUu53N-dAtlNWHatHRhbqgh56QeOndGSEXKsKbXgwXEdmZQwgfp1OJBuWUyy5R651nkhaqa9LZK16zARV-zWEf9FXsdScB2L-qpHI7x5CMm641xz5QV3U8uFVENejTklvkErHYjg/s1600/image-slider-button.png) no-repeat scroll 0 0;<br />
cursor:pointer;<br />
height:254px;<br />
left:20px;<br />
position:absolute;<br />
top:0;<br />
width:46px;<br />
}<br />
<br />
.jcarousel-container {position: relative;}<br />
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}<br />
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}<br />
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 75px;height: 75px;}<br />
.jcarousel-next {z-index: 3;display: none;}<br />
.jcarousel-prev {z-index: 3;display: none;}<br />
<br />
#news-slider{background-color:#FFFFFF;padding:20px 0;}<br />
#news-slider img{border:none;height:254px;width:307px;}<br />
</style></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 14px; line-height: 24px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: 16px; line-height: normal;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 14px;"><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Now click</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"> <b style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; margin: 2px; outline-style: none; padding: 2px; vertical-align: baseline;">Save Template</b></span></span></span></span></span><br />
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: 16px;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #3 </b></span></b></span></b></span></b></span></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: 14px; white-space: nowrap;"><b>Design</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-> Click on "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Add a Gadget</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">" -></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">HTML/JavaScript</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">type.</span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And copy paste this code in to it:</span></div>
<div>
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span></div>
<br />
<br />
<div class="code">
<div id='news-slider'><br />
<ul class='jcarousel-skin-tango' id='mycarousel'><br />
<li><a href='<span style="color: #ff6600;">SLIDE-1-LINK-HERE</span>'><img src='<span style="color: #009900;">SLIDE-1-IMAGE-ADDRESS-HERE</span>'/></a></li><br />
<li><a href='<span style="color: #ff6600;">SLIDE-2-LINK-HERE</span>'><img src='<span style="color: #009900;">SLIDE-2-IMAGE-ADDRESS-HERE</span>'/></a></li><br />
<li><a href='<span style="color: #ff6600;">SLIDE-3-LINK-HERE</span>'><img src='<span style="color: #009900;">SLIDE-3-IMAGE-ADDRESS-HERE</span>'/></a></li><br />
<li><a href='<span style="color: #ff6600;">SLIDE-4-LINK-HERE</span>'><img src='<span style="color: #009900;">SLIDE-4-IMAGE-ADDRESS-HERE</span>'/></a></li><br />
<li><a href='<span style="color: #ff6600;">SLIDE-5-LINK-HERE</span>'><img src='<span style="color: #009900;">SLIDE-5-IMAGE-ADDRESS-HERE</span>'/></a></li><br />
</ul><br />
</div></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><span style="font-weight: bold;">NOTE : </span></span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;">Replace,</span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><span style="color: #ff6600; font-size: 21px;"><span style="font-weight: bold;">SLIDE-X-LINK-HERE</span></span></span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"> </span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;">with your real featured posts links.</span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><span style="color: #009900; font-size: 21px;"><span style="font-weight: bold;">SLIDE-X-IMAGE-ADDRESS-HERE</span></span></span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"> </span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;">with your real slide images addresses.</span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;">Look at the example below:</span><br />
<br />
<div class="code">
<div id='news-slider'><br />
<ul class='jcarousel-skin-tango' id='mycarousel'><br />
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhwjE6Dg6cfm5OeMrc24I87TI-Dg_U1GaBbKVEaIhKpqcsMcomzmuRpxbc8gZSPnK1YtvfBBEkJWN7GsJCsJ4WiCzvcKVzvGCAt9Fp8CPAu4SK1kfUSZnppxpSAVyIO5DbrMcRfXnhQxLv/s1600/slide1.jpg'/></a></li><br />
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXtwA-BMXaALsOR_mU2Wj_uaMZQ_HWNjgBjK-FC-lNj51IuOZboFA6SfwbiLsv4gf0keHVuw7cw52VVZtIaoTwlB9jtiINgIEzIaerGkRJldShkx8sPiHyd6eHFwoCnmxqwFNcGjlhbOp/s1600/slide2.jpg'/></a></li><br />
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1kZSEQRCvlDGyhCra23CtXIRMmSnGea9kQzOWx6TDsPy0nnFffCWQTBJP38soHNy0OcUJV0ULH7dMWXuS0mMh_I7gyfQYCa5HW8Zqcvx74QcY79LdrwcMzROHm1EmFPvVkv7c5Ez4LYRC/s1600/slide3.jpg'/></a></li><br />
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSclyiZx2n1zpdk0CqeuGd2txehQf2iiSKSz9fwtRwPKuDye1fBgiMW0HWUuGbKycPMzsAGwIboHNXU26DUfxnR92yQepAfFoT8HxV1xIYTm6xgUBesaZyUIFTpWPDSvn15OZ2oaGIelTF/s1600/slide4.jpg'/></a></li><br />
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5TPPWE-iOiaksfZJaI4luUchh0JTUQ0JkHW47-ZWqMx3oRlW3c_fQ6w-wayV_eYiZos7I0MeVgbqWcGtoTVO52ivoXTfZ93yh2Va2tPQV1nK4Z3Z2DKCrdCKMceoS6qVH39DHCKcWu_aS/s1600/slide5.jpg'/></a></li><br />
</ul><br />
</div></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;">You are done.</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Create JQuery Featured Content Slideshow</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6bbRhnLR7CHrPCXCFpPkQpM6-pF3sYIGvePIJl82aj1-zjr4BIdSLKOsRCHZX94xdQY9LPe2YbcBMbzVU-4v2QVBJlQQkYX5k1OJ98WfzGKe2SK0LLNvv5NcArkYfTdrJx0CoUihVcm-8/s1600/How+To+Create+JQuery+Featured+Content+Slideshow.jpg" width="320" /></div>
<br />
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; line-height: normal;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Instructions To Follow</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://draft.blogger.com/post-edit.g?blogID=2648032558084820227&postID=2886259784970943" name="more" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" tip=""></a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Blogger</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; line-height: normal; white-space: nowrap;">Design</span><span class="Apple-style-span" style="font-size: xx-small;"> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML </b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and mark the tick box "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">"</span></span></span></span></span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #2</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Now find (CTRL+F) this code in the template:</span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div class="code">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</head></div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="color: #6b6856; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 14px; line-height: 24px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-size: 13px; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">And immediately <span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #3333ff; font-family: Georgia, serif; font-size: 16px; line-height: normal; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">before</span> </span>it, paste this code:</span></span></span></span></span></div>
<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='<span style="color: #cc33cc; font-weight: bold;">http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js</span>' type='text/javascript'></script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
$(document).ready(function() {<br />
<br />
//Execute the slideShow, set 6 seconds for each images<br />
slideShow(3000);<br />
<br />
});<br />
<br />
function slideShow(speed) {<br />
<br />
<br />
//append a LI item to the UL list for displaying caption<br />
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');<br />
<br />
//Set the opacity of all images to 0<br />
$('ul.slideshow li').css({opacity: 0.0});<br />
<br />
//Get the first image and display it (set it to full opacity)<br />
$('ul.slideshow li:first').css({opacity: 1.0});<br />
<br />
//Get the caption of the first image from REL attribute and display it<br />
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));<br />
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));<br />
<br />
//Display the caption<br />
$('#slideshow-caption').css({opacity: 0.7, bottom:0});<br />
<br />
//Call the gallery function to run the slideshow<br />
var timer = setInterval('gallery()',speed);<br />
<br />
//pause the slideshow on mouse over<br />
$('ul.slideshow').hover(<br />
function () {<br />
clearInterval(timer);<br />
},<br />
function () {<br />
timer = setInterval('gallery()',speed);<br />
}<br />
);<br />
<br />
}<br />
<br />
function gallery() {<br />
<br />
<br />
//if no IMGs have the show class, grab the first image<br />
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));<br />
<br />
//Get next image, if it reached the end of the slideshow, rotate it back to the first image<br />
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));<br />
<br />
//Get next image caption<br />
var title = next.find('img').attr('title');<br />
var desc = next.find('img').attr('alt');<br />
<br />
//Set the fade in effect for the next image, show class has higher z-index<br />
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);<br />
<br />
//Hide the caption first, and then set and display the caption<br />
$('#slideshow-caption').animate({bottom:-70}, 300, function () {<br />
//Display the content<br />
$('#slideshow-caption h3').html(title);<br />
$('#slideshow-caption p').html(desc);<br />
$('#slideshow-caption').animate({bottom:0}, 500);<br />
});<br />
<br />
//Hide the current image<br />
current.animate({opacity: 0.0}, 1000).removeClass('show');<br />
<br />
}<br />
<br />
//]]><br />
</script><br />
<br />
<style type="text/css"><br />
ul.slideshow {<br />
list-style:none;<br />
width:<span style="color: red; font-weight: bold;">600px</span>;<br />
height:<span style="color: #3333ff; font-weight: bold;">240px</span>;<br />
overflow:hidden;<br />
position:relative;<br />
margin:0;<br />
padding:0;<br />
font-family:Arial,Helvetica,Trebuchet MS,Verdana;<br />
;<br />
}<br />
ul.slideshow li {<br />
position:absolute;<br />
left:0;<br />
right:0;<br />
}<br />
ul.slideshow li.show {<br />
z-index:500;<br />
}<br />
ul img {<br />
width:<span style="color: red; font-weight: bold;">600px</span>;<br />
height:<span style="color: #3333ff; font-weight: bold;">240px</span>;<br />
border:none;<br />
}<br />
#slideshow-caption {<br />
width:600px;<br />
height:70px;<br />
position:absolute;<br />
bottom:0;<br />
left:0;<br />
color:#fff;<br />
background:#000;<br />
z-index:500;<br />
}<br />
#slideshow-caption .slideshow-caption-container {<br />
padding:5px 10px;<br />
z-index:1000;<br />
}<br />
#slideshow-caption h3 {<br />
margin:0;<br />
padding:0;<br />
font-size:16px;<br />
}<br />
#slideshow-caption p {<br />
margin:5px 0 0 0;<br />
padding:0;<br />
}<br />
</style></div>
<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now click</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: 16px;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><b style="background-color: transparent; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #3 </b></span></b></span></b></span></b></span></span></div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: 14px; white-space: nowrap;"><b>Design</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-> Click on "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Add a Gadget</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">" -></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">HTML/JavaScript</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">type.</span></div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And copy paste this code in to it:</span></div>
</div>
<div>
</div>
<br />
<div class="code">
<ul class="slideshow"><br />
<br />
<li><a href="#"><img src="<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPuMGqmCqNHFgIIwKNEYeq9L2XD4Uxi1B540L_nHYOnrGuips8-SSyFADzVODM0yAoZ_CWZAGEtt6h8fj7WDBm3DAqWC9H5yvM_UOMYWWHyiXBRmFrHGRFmK_wNyBx-PZotpN2YI-Skhk/s1600/1.jpg</span>" title="<span style="color: #009900; font-size: 130%; font-weight: bold;">This is featured post 1 title</span>" alt="<span style="color: #ff6600; font-size: 130%; font-weight: bold;">Replace This Text With Your Featured Post 1 Description.</span>" /></a></li><br />
<br />
<li><a href="#"><img src="<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPzxF8gT8GEhEo0QfKRK1bXwE-d6KRlVG8rY8cJg2pC1pfyDhdqrD6nifI_XqlV9hwJFxj6ZstQCRpdkn5wKxWrgYtHLsImUGR9wangnEGZ3gPxs1PRtsShPQ1wTaXl5v7CjTLdRyY3oc/s1600/2.jpg</span>" title="<span style="color: #009900; font-size: 130%; font-weight: bold;">This is featured post 2 title</span>" alt="<span style="color: #ff6600; font-size: 130%;"><span style="font-weight: bold;">Replace This Text With Your Featured Post 2 Description.</span></span>" /></a></li><br />
<br />
<li><a href="#"><img src="<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVisCxu7oFzW2Z0D_v5jclyla56pL5jryjJtHs1m7wf7VtS74_Qq9EvkMVDUb3y9TaFK6nM8OJD_2WwgSOjegIl-shwfEwy_XFcJsoI1G_vNW-M1kDo2_mHC1fj2CM12XxNHo3WUBmQPs/s1600/3.jpg</span>" title="<span style="color: #009900; font-size: 130%; font-weight: bold;">This is featured post 3 title</span>" alt="<span style="color: #ff6600; font-size: 130%; font-weight: bold;">Replace This Text With Your Featured Post 3 Description.</span>" /></a></li><br />
<br />
<li><a href="#"><img src="<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpKCFWD9vwmwdh7Su6l8XSq40N1Wt5zOHoLiWfNy6IFXrz0TDcNEzGyFJVRXjqdvZsSjQb8J92Mhd_nwNOU7jQwVT-JkvmvQIhMDaJETVba05lg5oTzGuZbFIe9UI3I86kmsKz01Lypbg/s1600/4.jpg</span>" title="<span style="color: #009900; font-size: 130%; font-weight: bold;">This is featured post 4 title</span>" alt="<span style="color: #ff6600; font-size: 130%; font-weight: bold;">Replace This Text With Your Featured Post 4 Description.</span>" /></a></li><br />
<br />
</ul></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;">You can add more slides as you like.</span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><span style="font-weight: bold;">Note :</span></span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"> </span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;">Replace images URLs,"This is featured post X title","Replace This Text With Your Featured Post X Description" with your content.</span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 16px;">You are done.</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Add jQuery Featured Post Slider to blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhTsYgX7rUN-a8Q8XhYEUN3mB9urwBacGYwVQFrzLI5PGdJSyNJtYT6d4drWrUW188-Dq1wIxC2jvyE-Xi3zJ-6F3xVLpgY6272OV6yi32ox37IiRUWwjfdVYy-EIhrTKK4SJJ2YV8kUFx/s1600/How+To+Add+jQuery+Featured+Post+Slider+to+blogger.png" width="320" /></div>
<br />
<br />
<br />
1.Login to your blogger dashboard--<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> layout- -<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> Edit HTML<br />
<br />
2.Scroll down to where you see <span style="color: red; font-weight: bold;"><span class="Apple-style-span" style="font-weight: normal;"></head></span></span> tag .<br />
<br />
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span class="Apple-style-span" style="color: red;"></head></span> tag .<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='<span style="color: #cc33cc; font-weight: bold;">http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js</span>' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(C){C.8={3o:{19:3(E,F,H){6 G=C.8[E].1h;21(6 D 3p H){G.1I[D]=G.1I[D]||[];G.1I[D].28([F,H[D]])}},2P:3(D,F,E){6 H=D.1I[F];5(!H){7}21(6 G=0;G<H.k;G++){5(D.b[H[G][0]]){H[G][1].1H(D.c,E)}}}},1l:{},n:3(D){5(C.8.1l[D]){7 C.8.1l[D]}6 E=C(\'<2a 3s="8-3r">\').j(D).n({3q:"3i",2g:"-2A",3g:"-2A",1r:"1w"}).22("2C");C.8.1l[D]=!!((!(/3I|3P/).12(E.n("3z"))||(/^[1-9]/).12(E.n("2T"))||(/^[1-9]/).12(E.n("2E"))||!(/2v/).12(E.n("3w"))||!(/3S|3C\\(0, 0, 0, 0\\)/).12(E.n("3D"))));3E{C("2C").2w(0).3B(E.2w(0))}3x(F){}7 C.8.1l[D]},3y:3(D){C(D).v("1p","2I").n("2q","2v")},3H:3(D){C(D).v("1p","3O").n("2q","")},3Q:3(G,E){6 D=/2g/.12(E||"2g")?"3N":"3M",F=e;5(G[D]>0){7 t}G[D]=1;F=G[D]>0?t:e;G[D]=0;7 F}};6 B=C.2e.W;C.2e.W=3(){C("*",2).19(2).z("W");7 B.1H(2,2M)};3 A(E,F,G){6 D=C[E][F].35||[];D=(1F D=="1E"?D.2h(/,?\\s+/):D);7(C.1j(G,D)!=-1)}C.1i=3(E,D){6 F=E.2h(".")[0];E=E.2h(".")[1];C.2e[E]=3(J){6 H=(1F J=="1E"),I=2D.1h.3J.2P(2M,1);5(H&&A(F,E,J)){6 G=C.i(2[0],E);7(G?G[J].1H(G,I):1n)}7 2.14(3(){6 K=C.i(2,E);5(H&&K&&C.3v(K[J])){K[J].1H(K,I)}o{5(!H){C.i(2,E,3e C[F][E](2,J))}}})};C[F][E]=3(I,H){6 G=2;2.15=E;2.2H=F+"-"+E;2.b=C.1A({},C.1i.1k,C[F][E].1k,H);2.c=C(I).u("1e."+E,3(L,J,K){7 G.1e(J,K)}).u("2j."+E,3(K,J){7 G.2j(J)}).u("W",3(){7 G.1b()});2.23()};C[F][E].1h=C.1A({},C.1i.1h,D)};C.1i.1h={23:3(){},1b:3(){2.c.1q(2.15)},2j:3(D){7 2.b[D]},1e:3(D,E){2.b[D]=E;5(D=="f"){2.c[E?"j":"r"](2.2H+"-f")}},1X:3(){2.1e("f",e)},1P:3(){2.1e("f",t)}};C.1i.1k={f:e};C.8.2J={3h:3(){6 D=2;2.c.u("3d."+2.15,3(E){7 D.2G(E)});5(C.x.13){2.2K=2.c.v("1p");2.c.v("1p","2I")}2.3c=e},38:3(){2.c.16("."+2.15);(C.x.13&&2.c.v("1p",2.2K))},2G:3(F){(2.V&&2.1o(F));2.1C=F;6 E=2,G=(F.39==1),D=(1F 2.b.25=="1E"?C(F.2f).2x().19(F.2f).y(2.b.25).k:e);5(!G||D||!2.2S(F)){7 t}2.1D=!2.b.26;5(!2.1D){2.3a=1x(3(){E.1D=t},2.b.26)}5(2.2m(F)&&2.1T(F)){2.V=(2.1U(F)!==e);5(!2.V){F.3b();7 t}}2.2n=3(H){7 E.2r(H)};2.2l=3(H){7 E.1o(H)};C(2N).u("2O."+2.15,2.2n).u("2t."+2.15,2.2l);7 e},2r:3(D){5(C.x.13&&!D.3j){7 2.1o(D)}5(2.V){2.1V(D);7 e}5(2.2m(D)&&2.1T(D)){2.V=(2.1U(2.1C,D)!==e);(2.V?2.1V(D):2.1o(D))}7!2.V},1o:3(D){C(2N).16("2O."+2.15,2.2n).16("2t."+2.15,2.2l);5(2.V){2.V=e;2.2u(D)}7 e},2m:3(D){7(29.3m(29.2z(2.1C.2L-D.2L),29.2z(2.1C.2s-D.2s))>=2.b.2F)},1T:3(D){7 2.1D},1U:3(D){},1V:3(D){},2u:3(D){},2S:3(D){7 t}};C.8.2J.1k={25:U,2F:1,26:0}})(27);(3(A){A.1i("8.4",{23:3(){2.b.Z+=".4";2.1m(t)},1e:3(B,C){5((/^d/).12(B)){2.1v(C)}o{2.b[B]=C;2.1m()}},k:3(){7 2.$4.k},1Q:3(B){7 B.2R&&B.2R.1g(/\\s/g,"2Q").1g(/[^A-4o-4x-9\\-2Q:\\.]/g,"")||2.b.2X+A.i(B)},8:3(C,B){7{b:2.b,4u:C,30:B,11:2.$4.11(C)}},1m:3(O){2.$l=A("1O:4p(a[p])",2.c);2.$4=2.$l.1G(3(){7 A("a",2)[0]});2.$h=A([]);6 P=2,D=2.b;2.$4.14(3(R,Q){5(Q.X&&Q.X.1g("#","")){P.$h=P.$h.19(Q.X)}o{5(A(Q).v("p")!="#"){A.i(Q,"p.4",Q.p);A.i(Q,"q.4",Q.p);6 T=P.1Q(Q);Q.p="#"+T;6 S=A("#"+T);5(!S.k){S=A(D.2d).v("1s",T).j(D.1u).4l(P.$h[R-1]||P.c);S.i("1b.4",t)}P.$h=P.$h.19(S)}o{D.f.28(R+1)}}});5(O){2.c.j(D.2b);2.$h.14(3(){6 Q=A(2);Q.j(D.1u)});5(D.d===1n){5(20.X){2.$4.14(3(S,Q){5(Q.X==20.X){D.d=S;5(A.x.13||A.x.43){6 R=A(20.X),T=R.v("1s");R.v("1s","");1x(3(){R.v("1s",T)},44)}4m(0,0);7 e}})}o{5(D.1c){6 J=46(A.1c("8-4"+A.i(P.c)),10);5(J&&P.$4[J]){D.d=J}}o{5(P.$l.y("."+D.m).k){D.d=P.$l.11(P.$l.y("."+D.m)[0])}}}}D.d=D.d===U||D.d!==1n?D.d:0;D.f=A.41(D.f.40(A.1G(2.$l.y("."+D.1a),3(R,Q){7 P.$l.11(R)}))).31();5(A.1j(D.d,D.f)!=-1){D.f.3V(A.1j(D.d,D.f),1)}2.$h.j(D.18);2.$l.r(D.m);5(D.d!==U){2.$h.w(D.d).1S().r(D.18);2.$l.w(D.d).j(D.m);6 K=3(){A(P.c).z("1K",[P.Y("1K"),P.8(P.$4[D.d],P.$h[D.d])],D.1S)};5(A.i(2.$4[D.d],"q.4")){2.q(D.d,K)}o{K()}}A(3U).u("3W",3(){P.$4.16(".4");P.$l=P.$4=P.$h=U})}21(6 G=0,N;N=2.$l[G];G++){A(N)[A.1j(G,D.f)!=-1&&!A(N).1f(D.m)?"j":"r"](D.1a)}5(D.17===e){2.$4.1q("17.4")}6 C,I,B={"3X-2E":0,1R:1},E="3Z";5(D.1d&&D.1d.3Y==2D){C=D.1d[0]||B,I=D.1d[1]||B}o{C=I=D.1d||B}6 H={1r:"",47:"",2T:""};5(!A.x.13){H.1W=""}3 M(R,Q,S){Q.2p(C,C.1R||E,3(){Q.j(D.18).n(H);5(A.x.13&&C.1W){Q[0].2B.y=""}5(S){L(R,S,Q)}})}3 L(R,S,Q){5(I===B){S.n("1r","1w")}S.2p(I,I.1R||E,3(){S.r(D.18).n(H);5(A.x.13&&I.1W){S[0].2B.y=""}A(P.c).z("1K",[P.Y("1K"),P.8(R,S[0])],D.1S)})}3 F(R,T,Q,S){T.j(D.m).4k().r(D.m);M(R,Q,S)}2.$4.16(".4").u(D.Z,3(){6 T=A(2).2x("1O:w(0)"),Q=P.$h.y(":4e"),S=A(2.X);5((T.1f(D.m)&&!D.1z)||T.1f(D.1a)||A(2).1f(D.1t)||A(P.c).z("2y",[P.Y("2y"),P.8(2,S[0])],D.1v)===e){2.1M();7 e}P.b.d=P.$4.11(2);5(D.1z){5(T.1f(D.m)){P.b.d=U;T.r(D.m);P.$h.1Y();M(2,Q);2.1M();7 e}o{5(!Q.k){P.$h.1Y();6 R=2;P.q(P.$4.11(2),3(){T.j(D.m).j(D.2c);L(R,S)});2.1M();7 e}}}5(D.1c){A.1c("8-4"+A.i(P.c),P.b.d,D.1c)}P.$h.1Y();5(S.k){6 R=2;P.q(P.$4.11(2),Q.k?3(){F(R,T,Q,S)}:3(){T.j(D.m);L(R,S)})}o{4b"27 4c 4d: 3n 49 4a."}5(A.x.13){2.1M()}7 e});5(!(/^24/).12(D.Z)){2.$4.u("24.4",3(){7 e})}},19:3(E,D,C){5(C==1n){C=2.$4.k}6 G=2.b;6 I=A(G.37.1g(/#\\{p\\}/g,E).1g(/#\\{1L\\}/g,D));I.i("1b.4",t);6 H=E.4i("#")==0?E.1g("#",""):2.1Q(A("a:4g-4h",I)[0]);6 F=A("#"+H);5(!F.k){F=A(G.2d).v("1s",H).j(G.18).i("1b.4",t)}F.j(G.1u);5(C>=2.$l.k){I.22(2.c);F.22(2.c[0].48)}o{I.36(2.$l[C]);F.36(2.$h[C])}G.f=A.1G(G.f,3(K,J){7 K>=C?++K:K});2.1m();5(2.$4.k==1){I.j(G.m);F.r(G.18);6 B=A.i(2.$4[0],"q.4");5(B){2.q(C,B)}}2.c.z("2Y",[2.Y("2Y"),2.8(2.$4[C],2.$h[C])],G.19)},W:3(B){6 D=2.b,E=2.$l.w(B).W(),C=2.$h.w(B).W();5(E.1f(D.m)&&2.$4.k>1){2.1v(B+(B+1<2.$4.k?1:-1))}D.f=A.1G(A.34(D.f,3(G,F){7 G!=B}),3(G,F){7 G>=B?--G:G});2.1m();2.c.z("2V",[2.Y("2V"),2.8(E.2k("a")[0],C[0])],D.W)},1X:3(B){6 C=2.b;5(A.1j(B,C.f)==-1){7}6 D=2.$l.w(B).r(C.1a);5(A.x.4n){D.n("1r","4t-1w");1x(3(){D.n("1r","1w")},0)}C.f=A.34(C.f,3(F,E){7 F!=B});2.c.z("33",[2.Y("33"),2.8(2.$4[B],2.$h[B])],C.1X)},1P:3(C){6 B=2,D=2.b;5(C!=D.d){2.$l.w(C).j(D.1a);D.f.28(C);D.f.31();2.c.z("32",[2.Y("32"),2.8(2.$4[C],2.$h[C])],D.1P)}},1v:3(B){5(1F B=="1E"){B=2.$4.11(2.$4.y("[p$="+B+"]")[0])}2.$4.w(B).4q(2.b.Z)},q:3(G,K){6 L=2,D=2.b,E=2.$4.w(G),J=E[0],H=K==1n||K===e,B=E.i("q.4");K=K||3(){};5(!B||!H&&A.i(J,"17.4")){K();7}6 M=3(N){6 O=A(N),P=O.2k("*:4s");7 P.k&&P.4v(":45(3R)")&&P||O};6 C=3(){L.$4.y("."+D.1t).r(D.1t).14(3(){5(D.1N){M(2).3l().1B(M(2).i("1L.4"))}});L.1y=U};5(D.1N){6 I=M(J).1B();M(J).3k("<2o></2o>").2k("2o").i("1L.4",I).1B(D.1N)}6 F=A.1A({},D.1J,{2U:B,2i:3(O,N){A(J.X).1B(O);C();5(D.17){A.i(J,"17.4",t)}A(L.c).z("2Z",[L.Y("2Z"),L.8(L.$4[G],L.$h[G])],D.q);D.1J.2i&&D.1J.2i(O,N);K()}});5(2.1y){2.1y.3f();C()}E.j(D.1t);1x(3(){L.1y=A.3u(F)},0)},2U:3(C,B){2.$4.w(C).1q("17.4").i("q.4",B)},1b:3(){6 B=2.b;2.c.16(".4").r(B.2b).1q("4");2.$4.14(3(){6 C=A.i(2,"p.4");5(C){2.p=C}6 D=A(2).16(".4");A.14(["p","q","17"],3(E,F){D.1q(F+".4")})});2.$l.19(2.$h).14(3(){5(A.i(2,"1b.4")){A(2).W()}o{A(2).r([B.m,B.2c,B.1a,B.1u,B.18].3G(" "))}})},Y:3(B){7 A.Z.3L({3t:B,2f:2.c[0]})}});A.8.4.1k={1z:e,Z:"24",f:[],1c:U,1N:"3F&#3A;",17:e,2X:"8-4-",1J:{},1d:U,37:\'<1O><a p="#{p}"><2W>#{1L}</2W></a></1O>\',2d:"<2a></2a>",2b:"8-4-3K",m:"8-4-d",2c:"8-4-1z",1a:"8-4-f",1u:"8-4-30",18:"8-4-3T",1t:"8-4-4w"};A.8.4.35="k";A.1A(A.8.4.1h,{1Z:U,4r:3(C,F){F=F||e;6 B=2,E=2.b.d;3 G(){B.1Z=42(3(){E=++E<B.$4.k?E:0;B.1v(E)},C)}3 D(H){5(!H||H.4j){4f(B.1Z)}}5(C){G();5(!F){2.$4.u(2.b.Z,D)}o{2.$4.u(2.b.Z,3(){D();E=B.b.d;G()})}}o{D();2.$4.16(2.b.Z,D)}}})})(27);',62,282,'||this|function|tabs|if|var|return|ui|||options|element|selected|false|disabled||panels|data|addClass|length|lis|selectedClass|css|else|href|load|removeClass||true|bind|attr|eq|browser|filter|triggerHandler|||||||||||||||||||||null|_mouseStarted|remove|hash|fakeEvent|event||index|test|msie|each|widgetName|unbind|cache|hideClass|add|disabledClass|destroy|cookie|fx|setData|hasClass|replace|prototype|widget|inArray|defaults|cssCache|tabify|undefined|mouseUp|unselectable|removeData|display|id|loadingClass|panelClass|select|block|setTimeout|xhr|unselect|extend|html|_mouseDownEvent|_mouseDelayMet|string|typeof|map|apply|plugins|ajaxOptions|tabsshow|label|blur|spinner|li|disable|tabId|duration|show|mouseDelayMet|mouseStart|mouseDrag|opacity|enable|stop|rotation|location|for|appendTo|init|click|cancel|delay|jQuery|push|Math|div|navClass|unselectClass|panelTemplate|fn|target|top|split|success|getData|find|_mouseUpDelegate|mouseDistanceMet|_mouseMoveDelegate|em|animate|MozUserSelect|mouseMove|pageY|mouseup|mouseStop|none|get|parents|tabsselect|abs|5000px|style|body|Array|width|distance|mouseDown|widgetBaseClass|on|mouse|_mouseUnselectable|pageX|arguments|document|mousemove|call|_|title|mouseCapture|height|url|tabsremove|span|idPrefix|tabsadd|tabsload|panel|sort|tabsdisable|tabsenable|grep|getter|insertBefore|tabTemplate|mouseDestroy|which|_mouseDelayTimer|preventDefault|started|mousedown|new|abort|left|mouseInit|absolute|button|wrapInner|parent|max|Mismatching|plugin|in|position|gen|class|type|ajax|isFunction|backgroundImage|catch|disableSelection|cursor|8230|removeChild|rgba|backgroundColor|try|Loading|join|enableSelection|auto|slice|nav|fix|scrollLeft|scrollTop|off|default|hasScroll|img|transparent|hide|window|splice|unload|min|constructor|normal|concat|unique|setInterval|opera|500|not|parseInt|overflow|parentNode|fragment|identifier|throw|UI|Tabs|visible|clearInterval|first|child|indexOf|clientX|siblings|insertAfter|scrollTo|safari|Za|has|trigger|rotate|last|inline|tab|is|loading|z0'.split('|'),0,{}))<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
$(document).ready(function() {<br />
$('#tabzine> ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });<br />
<br />
});<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
//Featured Content Glider: By http://www.dynamicdrive.com<br />
//Created: Dec 22nd, 07'<br />
//Updated (Jan 29th, 08): Added four possible slide directions: "updown", "downup", "leftright", or "rightleft"<br />
//Updated (Feb 1st, 08): Changed glide behavior to reverse direction when previous button is clicked<br />
//Updated (Feb 12th, 08): Added ability to retrieve gliding contents from an external file using Ajax ("remotecontent" variable added to configuration)<br />
<br />
var featuredcontentglider={<br />
csszindex: 100,<br />
ajaxloadingmsg: '<b>Fetching Content. Please wait...</b>',<br />
glide:function(config, showpage, isprev){<br />
var selected=parseInt(showpage)<br />
if (selected>=config.$contentdivs.length){ //if no content exists at this index position<br />
alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.")<br />
selected=0<br />
}<br />
var $target=config.$contentdivs.eq(selected)<br />
//Test for toggler not being initialized yet, or user clicks on the currently selected page):<br />
if (config.$togglerdiv.attr('lastselected')==null || parseInt(config.$togglerdiv.attr('lastselected'))!=selected){<br />
var $selectedlink=config.$toc.eq(selected)<br />
config.$next.attr('loadpage', (selected<config.$contentdivs.length-1)? selected+1+'pg' : 0+'pg')<br />
config.$prev.attr('loadpage', (selected==0)? config.$contentdivs.length-1+'pg' : selected-1+'pg')<br />
var startpoint=(isprev=="previous")? -config.startpoint : config.startpoint<br />
$target.css(config.leftortop, startpoint).css("zIndex", this.csszindex++) //hide content so it's just out of view before animating it<br />
var endpoint=(config.leftortop=="left")? {left:0} : {top:0} //animate it into view<br />
$target.animate(endpoint, config.speed)<br />
config.$toc.removeClass('selected')<br />
$selectedlink.addClass('selected')<br />
config.$togglerdiv.attr('lastselected', selected+'pg')<br />
}<br />
},<br />
<br />
getremotecontent:function(config){<br />
config.$glider.html(this.ajaxloadingmsg)<br />
$.ajax({<br />
url: config.remotecontent,<br />
error:function(ajaxrequest){<br />
config.$glider.html('Error fetching content.<br />Server Response: '+ajaxrequest.responseText)<br />
},<br />
success:function(content){<br />
config.$glider.html(content)<br />
featuredcontentglider.setuptoggler(config)<br />
}<br />
})<br />
},<br />
<br />
aligncontents:function(config){<br />
config.$contentdivs=$("#"+config.gliderid+" ."+config.contentclass)<br />
config.$contentdivs.css(config.leftortop, config.startpoint).css({height: config.$glider.height(), visibility: 'visible'}) //position content divs so they're out of view:<br />
},<br />
<br />
setuptoggler:function(config){<br />
this.aligncontents(config)<br />
config.$togglerdiv.hide()<br />
config.$toc.each(function(index){<br />
$(this).attr('pagenumber', index+'pg')<br />
if (index > (config.$contentdivs.length-1))<br />
$(this).css({display: 'none'}) //hide redundant "toc" links<br />
})<br />
var $nextandprev=$("#"+config.togglerid+" .next, #"+config.togglerid+" .prev")<br />
$nextandprev.click(function(event){ //Assign click behavior to 'next' and 'prev' links<br />
featuredcontentglider.glide(config, this.getAttribute('loadpage'), this.getAttribute('buttontype'))<br />
event.preventDefault() //cancel default link action<br />
})<br />
config.$toc.click(function(event){ //Assign click behavior to 'toc' links<br />
featuredcontentglider.glide(config, this.getAttribute('pagenumber'))<br />
event.preventDefault()<br />
})<br />
config.$togglerdiv.fadeIn(1000, function(){<br />
featuredcontentglider.glide(config, config.selected)<br />
if (config.autorotate==true){ //auto rotate contents?<br />
config.stepcount=0 //set steps taken<br />
config.totalsteps=config.$contentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles)<br />
featuredcontentglider.autorotate(config)<br />
}<br />
})<br />
config.$togglerdiv.click(function(){<br />
featuredcontentglider.cancelautorotate(config.togglerid)<br />
})<br />
},<br />
<br />
autorotate:function(config){<br />
var rotatespeed=config.speed+config.autorotateconfig[0]<br />
window[config.togglerid+"timer"]=setInterval(function(){<br />
if (config.totalsteps>0 && config.stepcount>=config.totalsteps){<br />
clearInterval(window[config.togglerid+"timer"])<br />
}<br />
else{<br />
config.$next.click()<br />
config.stepcount++<br />
}<br />
}, rotatespeed)<br />
},<br />
<br />
cancelautorotate:function(togglerid){<br />
if (window[togglerid+"timer"])<br />
clearInterval(window[togglerid+"timer"])<br />
},<br />
<br />
getCookie:function(Name){<br />
var re=new RegExp(Name+"=[^;]+", "i") //construct RE to search for target name/value pair<br />
if (document.cookie.match(re)) //if cookie found<br />
return document.cookie.match(re)[0].split("=")[1] //return its value<br />
return null<br />
},<br />
<br />
setCookie:function(name, value){<br />
document.cookie = name+"="+value<br />
},<br />
<br />
init:function(config){<br />
$(document).ready(function(){<br />
config.$glider=$("#"+config.gliderid)<br />
config.$togglerdiv=$("#"+config.togglerid)<br />
config.$toc=config.$togglerdiv.children('.toc')<br />
config.$next=config.$togglerdiv.children('.next')<br />
config.$prev=config.$togglerdiv.children('.prev')<br />
config.$prev.attr('buttontype', 'previous')<br />
var selected=(config.persiststate)? featuredcontentglider.getCookie(config.gliderid) : config.selected<br />
config.selected=(isNaN(parseInt(selected))) ? config.selected : selected //test for cookie value containing null (1st page load) or "undefined" string<br />
config.leftortop=(/up/i.test(config.direction))? "top" : "left" //set which CSS property to manipulate based on "direction"<br />
config.heightorwidth=(/up/i.test(config.direction))? config.$glider.height() : config.$glider.width() //Get glider height or width based on "direction"<br />
config.startpoint=(/^(left|up)/i.test(config.direction))? -config.heightorwidth : config.heightorwidth //set initial position of contents based on "direction"<br />
if (typeof config.remotecontent!="undefined" && config.remotecontent.length>0)<br />
featuredcontentglider.getremotecontent(config)<br />
else<br />
featuredcontentglider.setuptoggler(config)<br />
$(window).bind('unload', function(){ //clean up and persist<br />
config.$togglerdiv.unbind('click')<br />
config.$toc.unbind('click')<br />
config.$next.unbind('click')<br />
config.$prev.unbind('click')<br />
if (config.persiststate)<br />
featuredcontentglider.setCookie(config.gliderid, config.$togglerdiv.attr('lastselected'))<br />
config=null<br />
<br />
})<br />
})<br />
}<br />
}<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);<br />
</script><br />
<br />
<style type='text/css'><br />
#glidercontent{<br />
margin:5px 0 0px 12px;<br />
}<br />
.glidecontentwrapper{<br />
position: relative;<br />
width: 629px;<br />
height:300px;<br />
overflow: hidden;<br />
margin:0px 0px 0px 0px;<br />
padding:0px 0px;<br />
background:#fff;<br />
}<br />
.glidecontent{<br />
position:absolute;<br />
padding:0px 5px 0px 5px;<br />
width:610px;<br />
color:#555;<br />
margin:0px 5px;<br />
height:100%;<br />
overflow:hidden;<br />
float:left;<br />
background:#fff;<br />
}<br />
.glidim{<br />
float:left;<br />
}<br />
.glidim img{<br />
margin:0px 5px 5px 0px;<br />
padding:7px 7px;<br />
}<br />
.glidecontent h2{<br />
margin:0px 0px 0px 0px;<br />
padding:5px 0px;<br />
font-size:24px;<br />
line-height:24px;<br />
font-weight:bold;<br />
overflow:hidden;<br />
font-family: Georgia,Century gothic,Arial,Tahoma,sans-serif;<br />
}<br />
.glidecontent h2 a:link, .glidecontent h2 a:visited{<br />
color:#303843;<br />
}<br />
.glidecontent p{<br />
margin:0px 0px 0px 0px;<br />
padding:5px 0px;<br />
font-size:14px;<br />
line-height:22px;<br />
overflow:hidden;<br />
font-family: Georgia,Century gothic,Arial,Tahoma,sans-serif;<br />
color:#696d70;<br />
}<br />
.glidebot{<br />
width:630px;<br />
height:18px;<br />
background:url(<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAx5eRqzYgvhko4NKYmKs7WpBOgZ7WizmUVJM1e0gte4GS8vxE-6cKp32mJunlF6-DMrc1z9WLpyCo6cEpb4tdN0mlaTfsHjNOuC8EYLEQ4lO5qhUTlI6cuNawNAx7bBFD8NDRUsXN9vMS/</span>) center no-repeat;<br />
margin:0px 0px 5px 12px ;<br />
padding:0px 0px;<br />
float:left;<br />
}<br />
.gnav{ /*style for DIV used to contain toggler links. */<br />
width: 100px;<br />
height:50px;<br />
z-index:150;<br />
float:right;<br />
padding-right:25px;<br />
}<br />
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */<br />
height:35px;<br />
z-index:150;<br />
width: 650px;<br />
background: url(<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCaQCYQ4D2jk7ASy09Ev7-4wmY3CFKdEmQv38SA5Iqe3Cv991zx8-uAaGQulAY8D4esYH4Pa2-uLBovDolev3NeKrMF3jkNsGxRMykKOBBnx7y10ZzhHX-1gP15INxT1oCAAW9FEmDCqmu/</span>) no-repeat;<br />
}<br />
.glidecontenttoggler a{ /*style for every navigational link within toggler */<br />
display: -moz-inline-box;<br />
display: inline-block;<br />
color: #2e6ab1;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
.glidecontenttoggler a.selected{ /*style for selected page&#39;s toggler link. &quot;.selected&quot; class auto generated! */<br />
background: #E4EFFA;<br />
color: black;<br />
}<br />
.glidecontenttoggler a:hover{<br />
background: #E4EFFA;<br />
color: black;<br />
}<br />
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). &quot;.toc&quot; class auto generated! */<br />
}<br />
.glidecontenttoggler a.prev{ /*style for &quot;prev&quot; and &quot;next&quot; toggler links. &quot;.prev&quot; and &quot;.next&quot; classes auto generated! */<br />
top:9px;<br />
right:25px;<br />
position:absolute;<br />
display:block;<br />
background:url(<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjePWsCwHBI6Lnq0i73sCBsqzgBYmae4TFrUFbdS1c1iRuFDPacOv40gHuBalXRBtfoevlSc3DJyd0qjHSUxT2rx-Z8oTO47D0IqyhjNW_cVZ1QS1SxxaTE1rZVovn3IgEt9iwS4__928yV/</span>) left no-repeat;<br />
width:50px;<br />
height:17px;<br />
}<br />
.glidecontenttoggler a.next {<br />
float:right;<br />
display:block;<br />
background:url(<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqGF-qqokf5eiax3EJLu3u6QjyAXNN45lc76qWKW-rJ5BOEqzH61pwQtaEF9cXJm70jr4xLGDrrVLcvXCzvNzceydVSXu97LMK7ZrWXKQnbE4_Y2B-FoNKFTaiNfqobXKqplsWcOYYx_v0/</span>) right no-repeat;<br />
width:20px;<br />
height:17px;<br />
position:absolute;<br />
top:9px;<br />
right:15px;<br />
}<br />
</style></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #009900; font-size: 18px; font-weight: bold;">Note</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">: Please host above images yourself.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">4.Now save your template.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">5.Go to Layout-->Page Elements and click on "Add a gadget".</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">6.Select "html/java script" and add the code given below and click save.</span><br />
<br />
<br />
<br />
<br />
<div class="code">
<div id="content"><br />
<script type="text/javascript"><br />
featuredcontentglider.init({<br />
gliderid: "glidercontent",<br />
contentclass: "glidecontent",<br />
togglerid: "togglebox",<br />
remotecontent: "",<br />
selected: 0,<br />
persiststate: true,<br />
speed: 500,<br />
direction: "leftright",<br />
autorotate: true,<br />
autorotateconfig: [10000, 1] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]<br />
})<br />
</script><br />
<br />
<!-- Glider Content --><br />
<div id="glidercontent" class="glidecontentwrapper"><br />
<div id="togglebox" class="glidecontenttoggler"><br />
<a class="prev" href="#"></a><br />
<a class="next" href="#"></a><br />
</div><br />
<div id="glidecontent1" class="glidecontent1 section"><div id="HTML98" class="widget HTML"><br />
<div class="widget-content"><br />
<br />
<br />
<span style="color: red; font-size: 130%; font-weight: bold;"><div class="glidecontent"></span><br />
<br />
<h2><a href="http://bdlab.blogspot.com" title="Adsense Tips And Secrets">Adsense Tips And Secrets</a></h2><br />
<br />
<p>AdSense Tip 1: Find Best keywords for your content<br />
Before serving ads on a web page, check its keyword density. You can find many free keyword analyzer tools in internet searching the word "free keyword analyzer".<br />
AdSense Tip 2: Improve your keywords<br />
Get keyword suggestions from Google AdWords Sandbox. Get new keywords that can help you improve your ad relevance.<br />
AdSense Tip 3: Make content rich websites<br />
This means that content-rich websites of a popular topic should attract a large amount of ads.<br />
AdSense Tip 4: Write a new page/blog post every day<br />
&nbsp;<a href="http://bdlab.blogspot.com">Read More &rarr;</a></p><span style="color: red; font-size: 130%; font-weight: bold;"></div></span><br />
<br />
<br />
<br />
<span style="color: red; font-size: 130%; font-weight: bold;"><div class="glidecontent"></span><br />
<br />
<h2><a href="http://bdlab.blogspot.com" title="Use Adsense Section Targeting">Use Adsense Section Targeting</a></h2><br />
<br />
<p>What is Google Adsense Section targeting? Here is the official information on Adsense Help Center:<br />
Section targeting allows you to suggest sections of your text and HTML content that you'd like us to emphasize or downplay when matching ads to your site's content. By providing us with your suggestions, you can assist us in improving your ad targeting. We recommend that only those familiar with HTML attempt to implement section targeting.<br />
To implement section targeting, you'll need to add a set of special HTML comment tags to your code. These tags will mark the beginning and end of whichever section(s) you'd like to emphasize or de-emphasize for ad targeting.<br />
The HTML tags to emphasize a page section take the following format:<br />
&nbsp;<a href="http://bdlab.blogspot.com">Read More &rarr;</a></p><span style="color: red; font-size: 130%; font-weight: bold;"></div></span><br />
<br />
<br />
<br />
<span style="color: red; font-size: 130%; font-weight: bold;"><div class="glidecontent"></span><br />
<br />
<h2><a href="http://bdlab.blogspot.com" title="Remove Low paying Adsense Ads">Remove Low paying Adsense Ads</a></h2><br />
<br />
<p>To increase your Adsense Earnings by removing the lowpaying adsense ads from your account,follow the steps below.<br />
1.First go to www.adsblacklist.com .<br />
2.Now Signup for a account.it's free and very simple.<br />
3.Now login to your account.<br />
4.Now Click on My Account.<br />
5.Now click on 'Add New Domain'<br />
6.Submit your URL,TITLE and Keywords.Look at the example below.<br />
6.Now go to Generate Filter List.<br />
7.Drag and drop your domain name into 'Keywords from selected domains:' box.Then you can see keywords,you give in step 4.<br />
&nbsp;<a href="http://bdlab.blogspot.com">Read More &rarr;</a></p><span style="color: red; font-size: 130%; font-weight: bold;"></div></span><br />
<br />
<br />
<br />
<span style="color: red; font-size: 130%; font-weight: bold;"><div class="glidecontent"></span><br />
<br />
<h2><a href="http://bdlab.blogspot.com" title="Comment Box is made DO FOLLOW">Comment Box is made DO FOLLOW</a></h2><br />
<br />
<p>Above Title Means comments on this blog are made do follow and will be spidered.Comments field in blogger are made NOFOLLOW by default.This is done as a measure to reduce spam.To Become comments on your blog are made &quot;do follow&quot;,follow the easy steps below.<br />
1.Log in to your dashboard--<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> layout- -<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> Edit HTML<br />
2.Click on &quot;Expand Widget Templates&quot;<br />
3.Scroll down to where you see this:-<br />
&lt;a expr:href='data:comment.authorUrl' rel='nofollow'&gt;<br />
4.Replace it with below code.<br />
&lt;a expr:href='data:comment.authorUrl'&gt;<br />
5.Click on Save Templates and you are done.<br />
Now you must to make other bloggers know that you are comments are made do follow.For this add below code to your blog...&nbsp;<a href="http://bdlab.blogspot.com">(more...)</a></p><span style="color: red; font-size: 130%; font-weight: bold;"></div></span><br />
<br />
<br />
</div><br />
</div></div><br />
</div><br />
<!-- /Glider Content --><br />
<div class="glidebot"></div><br />
<div class="clear"></div></div></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now click </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"><strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save </strong></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Add jQuery Images Slider to Blogger </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD73UtxvPP4NE-vxpCPeeCTkmMwgdKCYm9FdOGLic7v0rJhUJecEbLqnT2AfqQDFYdKn69qLrz8-UBhn7Ts6EruEYXPkTxB01t6N2EECJF5R9UxpERMJ6-JhEbDJzcD4ads_UymrVANzb3/s1600/How+To+Add+jQuery+Images+Slider+to+Blogger.jpg" width="320" /></div>
<br />
<br />
<br />
<br />
1.Login to your blogger dashboard--&gt; layout- -&gt; Edit HTML<br />
<br />
2.Scroll down to where you see <span class="Apple-style-span" style="color: red;"></head></span> tag .<br />
<br />
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span class="Apple-style-span" style="color: red;"></head></span> tag.<br />
<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='<span style="color: #cc33cc; font-weight: bold;">http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js</span>' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
//** Created: March 19th, 08'<br />
//** Aug 16th, 08'- Updated to v 1.4:<br />
//1) Adds ability to set speed/duration of panel animation (in milliseconds)<br />
//2) Adds persistence support, so the last viewed panel is recalled when viewer returns within same browser session<br />
//3) Adds ability to specify whether panels should stop at the very last and first panel, or wrap around and start all over again<br />
//4) Adds option to specify two navigational image links positioned to the left and right of the Carousel Viewer to move the panels back and forth<br />
<br />
//** Aug 27th, 08'- Nav buttons (if enabled) also repositions themselves now if window is resized<br />
<br />
var stepcarousel={<br />
ajaxloadingmsg: '<div style="margin: 1em; font-weight: bold"><img src="ajaxloadr.gif" style="vertical-align: middle" /> Fetching Content. Please wait...</div>', //customize HTML to show while fetching Ajax content<br />
defaultbuttonsfade: 0.4, //Fade degree for disabled nav buttons (0=completely transparent, 1=completely opaque)<br />
configholder: {},<br />
<br />
getCSSValue:function(val){ //Returns either 0 (if val contains 'auto') or val as an integer<br />
return (val=="auto")? 0 : parseInt(val)<br />
},<br />
<br />
getremotepanels:function($, config){ //function to fetch external page containing the panel DIVs<br />
config.$belt.html(this.ajaxloadingmsg)<br />
$.ajax({<br />
url: config.contenttype[1], //path to external content<br />
async: true,<br />
error:function(ajaxrequest){<br />
config.$belt.html('Error fetching content.<br />Server Response: '+ajaxrequest.responseText)<br />
},<br />
success:function(content){<br />
config.$belt.html(content)<br />
config.$panels=config.$gallery.find('.'+config.panelclass)<br />
stepcarousel.alignpanels($, config)<br />
}<br />
})<br />
},<br />
<br />
getoffset:function(what, offsettype){<br />
return (what.offsetParent)? what[offsettype]+this.getoffset(what.offsetParent, offsettype) : what[offsettype]<br />
},<br />
<br />
getCookie:function(Name){<br />
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair<br />
if (document.cookie.match(re)) //if cookie found<br />
return document.cookie.match(re)[0].split("=")[1] //return its value<br />
return null<br />
},<br />
<br />
setCookie:function(name, value){<br />
document.cookie = name+"="+value<br />
},<br />
<br />
fadebuttons:function(config, currentpanel){<br />
config.$leftnavbutton.fadeTo('fast', currentpanel==0? this.defaultbuttonsfade : 1)<br />
config.$rightnavbutton.fadeTo('fast', currentpanel==config.lastvisiblepanel? this.defaultbuttonsfade : 1)<br />
},<br />
<br />
addnavbuttons:function(config, currentpanel){<br />
config.$leftnavbutton=$('<img src="'+config.defaultbuttons.leftnav[0]+'">').css({zIndex:50, position:'absolute', left:config.offsets.left+config.defaultbuttons.leftnav[1]+'px', top:config.offsets.top+config.defaultbuttons.leftnav[2]+'px', cursor:'hand', cursor:'pointer'}).attr({title:'Back '+config.defaultbuttons.moveby+' panels'}).appendTo('body')<br />
config.$rightnavbutton=$('<img src="'+config.defaultbuttons.rightnav[0]+'">').css({zIndex:50, position:'absolute', left:config.offsets.left+config.$gallery.get(0).offsetWidth+config.defaultbuttons.rightnav[1]+'px', top:config.offsets.top+config.defaultbuttons.rightnav[2]+'px', cursor:'hand', cursor:'pointer'}).attr({title:'Forward '+config.defaultbuttons.moveby+' panels'}).appendTo('body')<br />
config.$leftnavbutton.bind('click', function(){ //assign nav button event handlers<br />
stepcarousel.stepBy(config.galleryid, -config.defaultbuttons.moveby)<br />
})<br />
config.$rightnavbutton.bind('click', function(){ //assign nav button event handlers<br />
stepcarousel.stepBy(config.galleryid, config.defaultbuttons.moveby)<br />
})<br />
if (config.panelbehavior.wraparound==false){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)<br />
this.fadebuttons(config, currentpanel)<br />
}<br />
},<br />
<br />
alignpanels:function($, config){<br />
var paneloffset=0<br />
config.paneloffsets=[paneloffset] //array to store upper left offset of each panel (1st element=0)<br />
config.panelwidths=[] //array to store widths of each panel<br />
config.$panels.each(function(index){ //loop through panels<br />
var $currentpanel=$(this)<br />
$currentpanel.css({float: 'none', position: 'absolute', left: paneloffset+'px'}) //position panel<br />
$currentpanel.bind('click', function(e){return config.onpanelclick(e.target)}) //bind onpanelclick() to onclick event<br />
paneloffset+=stepcarousel.getCSSValue($currentpanel.css('marginRight')) + parseInt($currentpanel.get(0).offsetWidth || $currentpanel.css('width')) //calculate next panel offset<br />
config.paneloffsets.push(paneloffset) //remember this offset<br />
config.panelwidths.push(paneloffset-config.paneloffsets[config.paneloffsets.length-2]) //remember panel width<br />
})<br />
config.paneloffsets.pop() //delete last offset (redundant)<br />
var addpanelwidths=0<br />
var lastpanelindex=config.$panels.length-1<br />
config.lastvisiblepanel=lastpanelindex<br />
for (var i=config.$panels.length-1; i>=0; i--){<br />
addpanelwidths+=(i==lastpanelindex? config.panelwidths[lastpanelindex] : config.paneloffsets[i+1]-config.paneloffsets[i])<br />
if (config.gallerywidth>addpanelwidths){<br />
config.lastvisiblepanel=i //calculate index of panel that when in 1st position reveals the very last panel all at once based on gallery width<br />
}<br />
}<br />
config.$belt.css({width: paneloffset+'px'}) //Set Belt DIV to total panels' widths<br />
config.currentpanel=(config.panelbehavior.persist)? parseInt(this.getCookie(window[config.galleryid+"persist"])) : 0 //determine 1st panel to show by default<br />
config.currentpanel=(typeof config.currentpanel=="number" && config.currentpanel<config.$panels.length)? config.currentpanel : 0<br />
if (config.currentpanel!=0){<br />
var endpoint=config.paneloffsets[config.currentpanel]+(config.currentpanel==0? 0 : config.beltoffset)<br />
config.$belt.css({left: -endpoint+'px'})<br />
}<br />
if (config.defaultbuttons.enable==true){ //if enable default back/forth nav buttons<br />
this.addnavbuttons(config, config.currentpanel)<br />
$(window).bind("load, resize", function(){ //refresh position of nav buttons when page loads/resizes, in case offsets weren't available document.oncontentload<br />
config.offsets={left:stepcarousel.getoffset(config.$gallery.get(0), "offsetLeft"), top:stepcarousel.getoffset(config.$gallery.get(0), "offsetTop")}<br />
config.$leftnavbutton.css({left:config.offsets.left+config.defaultbuttons.leftnav[1]+'px', top:config.offsets.top+config.defaultbuttons.leftnav[2]+'px'})<br />
config.$rightnavbutton.css({left:config.offsets.left+config.$gallery.get(0).offsetWidth+config.defaultbuttons.rightnav[1]+'px', top:config.offsets.top+config.defaultbuttons.rightnav[2]+'px'})<br />
})<br />
}<br />
this.statusreport(config.galleryid)<br />
config.oninit()<br />
config.onslideaction(this)<br />
},<br />
<br />
stepTo:function(galleryid, pindex){ /*User entered pindex starts at 1 for intuitiveness. Internally pindex still starts at 0 */<br />
var config=stepcarousel.configholder[galleryid]<br />
if (typeof config=="undefined"){<br />
alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")<br />
return<br />
}<br />
var pindex=Math.min(pindex-1, config.paneloffsets.length-1)<br />
var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset)<br />
if (config.panelbehavior.wraparound==false && config.defaultbuttons.enable==true){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)<br />
this.fadebuttons(config, pindex)<br />
}<br />
config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})<br />
config.currentpanel=pindex<br />
this.statusreport(galleryid)<br />
},<br />
<br />
stepBy:function(galleryid, steps){<br />
var config=stepcarousel.configholder[galleryid]<br />
if (typeof config=="undefined"){<br />
alert("There's an error with your set up of Carousel Viewer \""+galleryid+ "\"!")<br />
return<br />
}<br />
var direction=(steps>0)? 'forward' : 'back' //If "steps" is negative, that means backwards<br />
var pindex=config.currentpanel+steps //index of panel to stop at<br />
if (config.panelbehavior.wraparound==false){ //if carousel viewer should stop at first or last panel (instead of wrap back or forth)<br />
pindex=(direction=="back" && pindex<=0)? 0 : (direction=="forward")? Math.min(pindex, config.lastvisiblepanel) : pindex<br />
if (config.defaultbuttons.enable==true){ //if default nav buttons are enabled, fade them in and out depending on if at start or end of carousel<br />
stepcarousel.fadebuttons(config, pindex)<br />
}<br />
}<br />
else{ //else, for normal stepBy behavior<br />
pindex=(pindex>config.paneloffsets.length-1 || pindex<0 && pindex-steps>0)? 0 : (pindex<0)? config.paneloffsets.length+steps : pindex //take into account end or starting panel and step direction<br />
}<br />
var endpoint=config.paneloffsets[pindex]+(pindex==0? 0 : config.beltoffset) //left distance for Belt DIV to travel to<br />
if (pindex==0 && direction=='forward' || config.currentpanel==0 && direction=='back' && config.panelbehavior.wraparound==true){ //decide whether to apply "push pull" effect<br />
config.$belt.animate({left: -config.paneloffsets[config.currentpanel]-(direction=='forward'? 100 : -30)+'px'}, 'normal', function(){<br />
config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})<br />
})<br />
}<br />
else<br />
config.$belt.animate({left: -endpoint+'px'}, config.panelbehavior.speed, function(){config.onslideaction(this)})<br />
config.currentpanel=pindex<br />
this.statusreport(galleryid)<br />
},<br />
<br />
statusreport:function(galleryid){<br />
var config=stepcarousel.configholder[galleryid]<br />
var startpoint=config.currentpanel //index of first visible panel<br />
var visiblewidth=0<br />
for (var endpoint=startpoint; endpoint<config.paneloffsets.length; endpoint++){ //index (endpoint) of last visible panel<br />
visiblewidth+=config.panelwidths[endpoint]<br />
if (visiblewidth>config.gallerywidth){<br />
break<br />
}<br />
}<br />
startpoint+=1 //format startpoint for user friendiness<br />
endpoint=(endpoint+1==startpoint)? startpoint : endpoint //If only one image visible on the screen and partially hidden, set endpoint to startpoint<br />
var valuearray=[startpoint, endpoint, config.panelwidths.length]<br />
for (var i=0; i<config.statusvars.length; i++){<br />
window[config.statusvars[i]]=valuearray[i] //Define variable (with user specified name) and set to one of the status values<br />
config.$statusobjs[i].text(valuearray[i]+" ") //Populate element on page with ID="user specified name" with one of the status values<br />
}<br />
},<br />
<br />
setup:function(config){<br />
//Disable Step Gallery scrollbars ASAP dynamically (enabled for sake of users with JS disabled)<br />
document.write('<style type="text/css">\n#'+config.galleryid+'{overflow: hidden;}\n</style>')<br />
jQuery(document).ready(function($){<br />
config.$gallery=$('#'+config.galleryid)<br />
config.gallerywidth=config.$gallery.width()<br />
config.offsets={left:stepcarousel.getoffset(config.$gallery.get(0), "offsetLeft"), top:stepcarousel.getoffset(config.$gallery.get(0), "offsetTop")}<br />
config.$belt=config.$gallery.find('.'+config.beltclass) //Find Belt DIV that contains all the panels<br />
config.$panels=config.$gallery.find('.'+config.panelclass) //Find Panel DIVs that each contain a slide<br />
config.onpanelclick=(typeof config.onpanelclick=="undefined")? function(target){} : config.onpanelclick //attach custom "onpanelclick" event handler<br />
config.onslideaction=(typeof config.onslide=="undefined")? function(){} : function(beltobj){$(beltobj).stop(); config.onslide()} //attach custom "onslide" event handler<br />
config.oninit=(typeof config.oninit=="undefined")? function(){} : config.oninit //attach custom "oninit" event handler<br />
config.beltoffset=stepcarousel.getCSSValue(config.$belt.css('marginLeft')) //Find length of Belt DIV's left margin<br />
config.statusvars=config.statusvars || [] //get variable names that will hold "start", "end", and "total" slides info<br />
config.$statusobjs=[$('#'+config.statusvars[0]), $('#'+config.statusvars[1]), $('#'+config.statusvars[2])]<br />
config.currentpanel=0<br />
stepcarousel.configholder[config.galleryid]=config //store config parameter as a variable<br />
if (config.contenttype[0]=="ajax" && typeof config.contenttype[1]!="undefined") //fetch ajax content?<br />
stepcarousel.getremotepanels($, config)<br />
else<br />
stepcarousel.alignpanels($, config) //align panels and initialize gallery<br />
}) //end document.ready<br />
jQuery(window).bind('unload', function(){ //clean up<br />
if (config.panelbehavior.persist){<br />
stepcarousel.setCookie(window[config.galleryid+"persist"], config.currentpanel)<br />
}<br />
jQuery.each(config, function(ai, oi){<br />
oi=null<br />
})<br />
config=null<br />
})<br />
}<br />
}<br />
<br />
//]]><br />
</script><br />
<br />
<style type='text/css'><br />
#myslides{<br />
background:#2c3133;<br />
}<br />
.stepcarousel{<br />
position: relative; /*leave this value alone*/<br />
overflow: scroll; /*leave this value alone*/<br />
width: <span style="color: red; font-size: 130%; font-weight: bold;">95%</span>; /*Width of Carousel Viewer itself*/<br />
height: 165px; /*Height should enough to fit largest content&#39;s height*/<br />
margin: 0px 14px 5px 14px;<br />
background:#2c3133;<br />
}<br />
.stepcarousel .belt{<br />
position: absolute; /*leave this value alone*/<br />
left: 0;<br />
top: 0;<br />
}<br />
.stepcarousel .panel{<br />
float: left; /*leave this value alone*/<br />
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/<br />
margin: 10px 17px ; /*margin around each panel*/<br />
width:220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */<br />
background:#202325;<br />
height:140px;<br />
border:1px solid #393f42;<br />
}<br />
.stepcarousel .panel p{<br />
text-align: left; /*leave this value alone*/<br />
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/<br />
margin: 5px 5px ; /*margin around each panel*/<br />
}<br />
.stepcarousel .panel h2{<br />
text-align: left; /*leave this value alone*/<br />
height:20px;<br />
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/<br />
margin: 2px 5px ; /*margin around each panel*/<br />
font-size:16px;<br />
font-weight:bold;<br />
text-align:center;<br />
font-family:Georgia,century gothic,Arial,verdana, sans-serif;<br />
}<br />
.stepcarousel .panel img{<br />
float: left; /*leave this value alone*/<br />
background:#040404; /*clip content that go outside dimensions of holding panel DIV*/<br />
margin: 10px 10px 10px 10px; /*margin around each panel*/<br />
padding:0px 0px;<br />
}<br />
</style></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #009900; font-weight: bold;">Note</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">: You can change</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: red; font-weight: bold;">width value</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">as your choice.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">4.Now save your template.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">5.Go to Layout-->Page Elements and click on "Add a gadget".</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">6.Select "html/java script" and add the code given below and click save.</span><br />
<br />
<br />
<br />
<div class="code">
<div id="myslides"><br />
<br />
<script type="text/javascript"><br />
stepcarousel.setup({<br />
galleryid: 'mygallery', //id of carousel DIV<br />
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs<br />
panelclass: 'panel', //class of panel DIVs each holding content<br />
panelbehavior: {speed:500, wraparound:true, persist:true},<br />
defaultbuttons: {enable: true, moveby: 2, leftnav: ['<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvdBwEzxEYTLUaclPzlr8vCTxNHGearUAVvPRWQ4ZFYzMcLFkNqQcisqw6GPhZbGWGYBgpEKSWWujf7uOo4LxbdLtGRQidt5TbsXnDlIerjdBPtGIhv5s6z3EXSXyw1zZJyykXOvBhl5qO/</span>', -14, 60], rightnav: ['<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJNi1vkhNF3qyImFi9Xmpu8_Grz_laQ14ZPz2BuuMz-xHVbXzpTcinDPtsD1epvDFwUeZnfGbhMXr6Bx6K1uHO1Po2qsrRlbRU0wM12RtugwprrNqg8EavTYQfuf-ZokZooU_5XbBI92v1/</span>', 0, 60]},<br />
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels<br />
contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']<br />
})<br />
</script><br />
<br />
<br />
<div id="mygallery" class="stepcarousel"><br />
<div class="belt"><br />
<br />
<div class="panel"><br />
<a href="#" title="NFS Most Wanted"><br />
<img alt="NFS Most Wanted" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw24CKXhmhwbUQVR-kIIMGOwWu_KQK-a7akDI2tTbt__DJdMNbiaQm4j0DPxD_nHZ2VCDt_-oCTZq9SwYZ176Q_eSYsg3J6h06eS9x4XxKwuAr7jubq51cyagtHl00Tq1UEjLiemcDIehE/+Most+Wanted.jpg" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" title="Call Of Duty"><br />
<img alt="Call Of Duty" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbexc68zSoB1dQ-K2kX4RJDr7zPi8BEsQQBp_eNkreWVDn2t7N3OBFsdbblRQp22tsnUUT_Mxx1NFaVBWqqPSsHOJkuRkDTJzbyuyNG_4XzTehp2pTSU3ebEpXZM6LeWzbpJfp6gYcsncQ/+Of+Duty.jpg" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" title="MaxPayne3 Game"><br />
<img alt="MaxPayne3 Game" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtI_H9W1qvYDFlUNjEII4tn0KTZvFesHRyK6FNYg_yGwE5LtOGvHj3ka1aY6qaWVQ3P-S4DknsO2M-CDKrMSPDD12FIEbe69Q61o1p1nQIwIHit0yCcRTKJoejzDOv5tGwx-Q8GHLN3iYS/+game.gif" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" title="Tomb Raider"><br />
<img alt="Tomb Raider" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb67nUGSzA0cuNMmKb_4kPqM2_CR8p-lcJeEmPNuEWTvguQPzOM_LLPJ__ZwFUE23RVxFpM143_h5_GBw1A7UlrIZSjpifntl8h5t9ONNisE4KPwkXcuwO-JD1fargpfKBDhyphenhyphen1V-lCqg72/+Rider.jpg" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" title="Harry Potter"><br />
<img alt="Harry Potter" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMPcXlqaTEV9KXUjo12fXsbS8Ra4volOSMEuyQx2iLKbwNcRSSY5ZDm9J7_C9fHNYFmShOiXphNsdhbGjb0-w3NRffWfIfkzRtHUI5DZ2zK_DjUiGyibFImqywL8jm3Kx581CUrpiDGX81/+potter.jpg" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" title="NFS ProStreet"><br />
<img alt="NFS ProStreet" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicOxqdPt9ANPkkZRgLGwOq2lA7Ai90JRFn7j7R6G5BveTUkR02VlFQdUr6n8nawGm2_a5UCcmx7JOzREFE3BLMrAyQP8cF-xy3C8X_R-Mb5f-DV3qvY8IIM9At2RzRvXGQu4ML9gV7ck6t/+ProStreet.jpg" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" title="MaxPayne Movie"><br />
<img alt="MaxPayne Movie" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDB6I-OcTkNG-f5XNPlgiOPxtdrozrH07PrV3kTUX4xJoIZnxsKv6-fpNnzty3fH3-j6D60ZjLwvtczhQ3GvIGlgXBrM71jD0sUZWF3PQLhcQfhbr4Snya6Z9GALy3xnr9PAf0gsMCaVRr/+movie.jpg" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" title="NFS Undercover"><br />
<img alt="NFS Undercover" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL2hp7ooxp6Hj6-EKWg6DdNFwUfpbrYu2vKA3iVdWu_YlTcQpDcDxjJz1wCnV82-cSovyFIOlf-vc1CG4kfu_iKfGwBKqPX8qBoOtScU_lb14dDvJ-OEibJtjX4zVmvS4-hqSG2wfT-XBm/+Undercover.jpg" height="120"/><br />
</a><br />
</div><br />
<br />
</div><br />
</div><br />
</div></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #009900; font-size: 18px;"><span style="font-weight: bold;">Note</span></span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">: Host above 2 images yourself.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now click <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; font-weight: bold; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span> </span></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Add MooTools Featured Content Slider to blogger</span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmrJiKsCLNJ9N2NuxwZqeZxmbHnIwC77zcwmoiVFx0pnOfeXjERlcOtQV4zx5dc0xYswCUwFg8nEpvPtEF2LoEwU9J64GGWlpfEStlWF3gZBfVNUYm90vqetggiX9XOlLUMfgQQNo3H0EO/s1600/How+To+Add+MooTools+Featured+Content+Slider+to+blogger.png" width="320" /></div>
<br />
<br />
<br />
1.Login to your blogger dashboard--<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> layout- -<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> Edit HTML<br />
<br />
2.Scroll down to where you see <span class="Apple-style-span" style="color: red;">]]></b:skin></span> tag .<br />
<br />
3.Copy below code and paste it <span style="color: #3333ff;">just after</span> the <span class="Apple-style-span" style="color: red;">]]></b:skin></span> tag.<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='<span style="color: #cc33cc; font-size: 130%; font-weight: bold;">http://keerthiset2.110mb.com/mootools%20slider/mootools.svn.js</span>' type='text/javascript'/><br />
<br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
window.addEvent(&#39;domready&#39;, function(){<br />
var totIncrement = 0;<br />
var increment = 212;<br />
var maxRightIncrement = increment*(-6);<br />
var fx = new Fx.Style(&#39;slider-list&#39;, &#39;margin-left&#39;, {<br />
duration: 1000,<br />
transition: Fx.Transitions.Back.easeInOut,<br />
wait: true<br />
});<br />
<br />
//-------------------------------------<br />
// EVENTS for the button &quot;previous&quot;<br />
$(&#39;previous&#39;).addEvents({<br />
&#39;click&#39; : function(event){<br />
if(totIncrement&lt;0){<br />
totIncrement = totIncrement+increment;<br />
fx.stop()<br />
fx.start(totIncrement);<br />
}<br />
}<br />
});<br />
<br />
//-------------------------------------<br />
// EVENTS for the button &quot;next&quot;<br />
$(&#39;next&#39;).addEvents({<br />
&#39;click&#39; : function(event){<br />
if(totIncrement&gt;maxRightIncrement){<br />
totIncrement = totIncrement-increment;<br />
fx.stop()<br />
fx.start(totIncrement);<br />
}<br />
}<br />
})<br />
<br />
<br />
});<br />
&lt;/script&gt;<br />
<br />
<br />
<style type='text/css'><br />
#slider-stage{width:100%; overflow:auto; overflow-x:hidden; overflow-y:hidden; height:200px; margin:0 auto; border:2px solid #000000; background-color:#000000; }<br />
#slider-buttons{float:left; width:100%; margin:0 auto; border:2px solid #000000; color:#ffffff; font-weight:bold; background-color:#000000;filter:alpha(opacity=60);opacity:0.6;}<br />
#slider-list{width:4500px; border:0; margin:0; padding:0; left:400px;}<br />
#slider-list li{<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
margin-right:4px;<br />
padding:4px;<br />
background:#DEDEDE;<br />
float:left;<br />
width:200px;<br />
height:200px;<br />
}<br />
</style></div>
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: red; font-size: 18px; font-weight: bold;">Important !!!</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">: Download</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #cc33cc; font-weight: bold;">mootools.svn.js</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">as a zip file</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">and</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #009900; font-weight: bold;">host</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">mootools.svn.js yourself.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">You can change height,width,color,... if you like.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">4.Now save your template.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">5.Go to Layout-->Page Elements and click on "Add a gadget".</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">6.Select "html/java script" and add the code given below and click save.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<br />
<br />
<br />
<div class="code">
<div id="<span style="color: #ff6600; font-weight: bold;">slider-stage</span>"><br />
<br />
<ul id="<span style="color: #ff6600; font-weight: bold;">slider-list</span>"><br />
<br />
<li id="l1"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnBJoSJMdMedxRQajBjviAaGbqYP8KfHqljLgcCjOO1pbPiJuPHjs_-DcVmadaLI6tmLYAZ0dZp8WoFdEZQdkPPiduHonT7gApath4PN2Iz8OSzUOGmuqkqQL6fD0TFZrBR9ya3IuMv1iB/" height="200"/></a></li><br />
<br />
<li id="l2"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPNDI31CNWfrqHhc69a5w_UHL3vbD97bvx7W0szDdmxWXHrm9q1-On_YuwSWuFSZMlKjDarRSa-ETRi5wrG1k1tESrFpgC-o_Y70n0u_7Dr3NjYczFfz6uaFL6vk0iNBo40E0Z-hNiTb1M/" height="200"/></a></li><br />
<br />
<li id="l3"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpRzag-LIbX4c7unf1Y_EMvemfTYwcFRr7cEnEIO4JDg_dCqcjebXqo6zmx-kSh4uZ8IqPznwrVA_D4RK_2vh3PVahkB3OZ1Ok_ZhixuALE5lf-LxI-Msnq5nBpeGm0U0F8L615Qvru-34/" height="200"/></a></li><br />
<br />
<li id="l4"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha-74W_5Od-QBwugjho6vbnh6ndIkXOpHJMaiYSgSzdY1lmk1QaJ5_JIXCzi23vseG05drhEGUR95CS5wS3Vb72WAoWndtbInGshyWX1ZsfWadApjbMTIz3MCR4L-0uiJno9eD2T1gnz7A/" height="200"/></a></li><br />
<br />
<li id="l5"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7mKb9R2pTI8w9K3X6xVke6MQl4Zn2BIrJgj9IHSVNM7lh8uCjDKNtf7V3-wsTjBBGlY8xIbSXg1jmYyhsQe9requmW398m6KcDaeVhLFSw5yGtpRSl2oLKT7xkb-iqg065U8OfSxdF3mB/" height="200"/></a></li><br />
<br />
<li id="l6"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTsfGh1q_W8vBcLBSP1Jejyhvj7tAGvcIj7MwKcqK26E8eTSpbMF4xUwSvWbSKT0_BjoI8m7_8ZmdR6dU-VzJWo6yrTISkUksvmET1XXWH0REe8rfeRXrZWY1dayEDFxQm5xSp3EwO4h1p/" height="200"/></a></li><br />
<br />
<li id="l7"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK-kDW3LF93GrJT5mxPW0GDPKh-a_Q6j0jZwh5NSLhjLpztPTofESWJJx9wOsqo3-AZS2wSYWRwunyA3STROyKYxuqqS5hyphenhyphenb9V5-wf-RdC-cMGv1lIveykAWoa2UMq_p6vZQrx4vOORwpr/" height="200"/></a></li><br />
<br />
<li id="l8"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBQ80gMzTxsZfiyzTITYdN-z-Uj2VcF-UfVmBWqE0r_rWNVRG21GOaVYbngFd9UIYZ74cFTXYt3Cre5l3Se1lvYXyioYNm76uXO0nlkWyixup4c2CE3McoMXBwFfLrwY5w_t_Su9BSHehQ/" height="200"/></a></li><br />
<br />
<li id="l9"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOgmdGSNttAEEreeDIPYL1_kwDjxCvxWllgIe0tnHwPYWNgfaNt0eIHbbMXNbBy4SwKFHgnzFplaDYPkSBZrIUaXJaieec0kcyUZKJUIUveTRe076CMSSlDc5ALuImdWGPGLZjPkf5hu_S/" height="200"/></a></li><br />
<br />
<li id="l10"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO0QpV_qjSvhR3mZxTTJ-h-EGa1dOEOJGHWoTyO1VG-riCkAtl8aHEPqHX931m9BG2iTgTCoghXdkbq52OnBlnLetZwh-_ux6lruBhQmzCY_9ezebdYeEWiM7nsFGsYdCaitwIX4C1zxRK/" height="200"/></a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
<div id="<span style="color: #009900; font-weight: bold;">slider-buttons</span>"><br />
<a id="previous" href="#">Previous</a> | <a id="next" href="#">Next</a><br />
</div></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now click </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"><strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; font-weight: bold; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Excellent Content SlideShow+Slider to Blogger/WebSite </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZMEJoWmQF-Avsvhpu2A5dL52y3H1JrQBMEiPu4EMB0Qi5QMjfhFlhB5RyWNfgJTccvQmx4wKePt6zKD0bNGI3WYnToyt1vWhpQaDYYmewSyBY5idXcAEHYoobI4GWqxsOSW-iiNTKntiu/s1600/Excellent+Content+SlideShow%252BSlider+to+Blogger+%2526+WebSite.png" width="320" /></div>
<br />
<br />
<br />
<br />
1.Login to your blogger dashboard--<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> layout- -<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> Edit HTML<br />
<br />
2.Scroll down to where you see <span class="Apple-style-span" style="color: red;"></head></span> tag .<br />
<br />
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span class="Apple-style-span" style="color: red;"></head></span> tag.<br />
<br />
<br />
<div class="code">
<style type='text/css'><br />
#slideshow {list-style:none; color:#fff}<br />
#slideshow span {display:none}<br />
<span class="__gqs-tidbit __gqs-tidbit-0">#wrapper {width:506px; margin:50px auto; display:none}</span><br />
#wrapper * {margin:0; padding:0}<br />
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}<br />
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}<br />
#information h3 {padding:4px 8px 3px; font-size:14px}<br />
#information p {padding:0 8px 8px}<br />
#image {width:500px}<br />
#image img {position:absolute; z-index:25; width:auto}<br />
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}<br />
#imgprev {left:0; background:url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihR3dIVtBwDuSTFPcxf9g8r2LbZBqg4xuwQd4nyvFJ5thAH10oj3Q_cJvdKria0J7svNIXglvuF_c9x-Qf6UW_TAdib3du-enmqqrNxoQ1WCZgZ-oV2_yth59OUVxsIakTwUTMzHwOv7uw/</span>) left center no-repeat}<br />
#imgnext {right:0; background:url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdWl9CBFbV9R5IW7wSrO33PKGqBGGhMw6Zt9u7KKx-mfBc64h5AlGblIDPEdse90BmODVxjnjCZayLlwi7k3WOqKBR7i_7f0K7Mq6iJUVX-ayKAtW3z-CCiy16BKT22i3n3Poi4VTBnRM4/</span>) right center no-repeat}<br />
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}<br />
.linkhover {background:url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4yYLwouiCrA2wcXFSQqT6Xs6GU8I_HuTqs8ZMwnp_Ms7knTDOl8Ruwn-vg3KDObtNs9MVKaH0jFBF9J-G7N6yN1DyIUyVHM5R_5lwSdtmzWF5ETRQ9hkOuIMqClzuSvUBZFNa3m8C5C3h/</span>) center center no-repeat}<br />
#thumbnails {margin-top:15px}<br />
#slideleft {float:left; width:20px; height:81px; background:url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqnVW0is4TVPjYUJwkdMnKEUl89CnqgioBzl09o9CbjudzJ_JQurICrb7Eu4x-ADf3kroGGiw4JDutwed9TmQuGTeDzmTYG5ooVAwZ3jTQrxGQKoTb3zK6zbFcu1kZ-J16qgTimWi8X1DA/</span>) center center no-repeat; background-color:#222}<br />
#slideleft:hover {background-color:#333}<br />
#slideright {float:right; width:20px; height:81px; background:#222 url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitgXSmki6nzggwnxhDxNA2l7FSAGYlGaTEAnNhyphenhypheno2rMaP_2-yIIcO39ZIfuBc1uCc3QWWGrChyGPZscI0AVQKqoisEEsmfhBp7ot2bf3Jm-F8MJGVz_dK9E7ltb7RUKRNQHRvqgAzktsRP/</span>) center center no-repeat}<br />
#slideright:hover {background-color:#333}<br />
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}<br />
#slider {position:absolute; left:0; height:81px}<br />
#slider img {cursor:pointer; border:1px solid #666; padding:2px}<br />
</style></div>
<br />
<br />
<br />
<br />
4.Now again Scroll down to where you see <span class="Apple-style-span" style="color: red;"></body></span> tag .<br />
<br />
5.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span class="Apple-style-span" style="color: red;"></body></span> tag.<br />
<br />
<br />
<div class="code">
<span class="__gqs-tidbit __gqs-tidbit-1"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='</span><span style="color: #ff6600; font-size: 130%; font-weight: bold;"><span class="__gqs-tidbit __gqs-tidbit-1">http://keerthiset2.110mb.com/excellent%20slideshow/compressed.js</span></span><span class="__gqs-tidbit __gqs-tidbit-1">' type='text/javascript'/></span><br />
<br />
<script type='text/javascript'><br />
$(&#39;slideshow&#39;).style.display=&#39;none&#39;;<br />
$(&#39;wrapper&#39;).style.display=&#39;block&#39;;<br />
<span class="__gqs-tidbit __gqs-tidbit-2">var slideshow=new TINY.slideshow(&quot;slideshow&quot;);</span><br />
<span class="__gqs-tidbit __gqs-tidbit-2">window.onload=function(){</span><br />
<span class="__gqs-tidbit __gqs-tidbit-2"> slideshow.auto=true;</span><br />
<span class="__gqs-tidbit __gqs-tidbit-2"> slideshow.speed=5;</span><br />
<span class="__gqs-tidbit __gqs-tidbit-2"> slideshow.link=&quot</span>;linkhover&quot;;<br />
slideshow.info=&quot;information&quot;;<br />
slideshow.thumbs=&quot;slider&quot;;<br />
slideshow.left=&quot;slideleft&quot;;<br />
slideshow.right=&quot;slideright&quot;;<br />
slideshow.scrollSpeed=4;<br />
slideshow.spacing=5;<br />
slideshow.active=&quot;#fff&quot;;<br />
slideshow.init(&quot;slideshow&quot;,&quot;image&quot;,&quot;imgprev&quot;,&quot;imgnext&quot;,&quot;imglink&quot;);<br />
}<br />
</script></div>
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: red; font-size: 18px; font-weight: bold;">Important !!!</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">: Download</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #ff6600; font-weight: bold;">compressed.js</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">and</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #cc33cc; font-weight: bold;">5</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #cc33cc; font-weight: bold;">images</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">as a zip file,</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">and</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #009900; font-weight: bold;">host</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">compressed.js and images yourself.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">6.Now save your template.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">7.Go to Layout-->Page Elements and click on "Add a gadget".</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">8.Select "html/java script" and add the code given below and click save.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<br />
<br />
<br />
<br />
<div class="code">
<ul id="slideshow"><br />
<br />
<br />
<li><br />
<h3><span style="color: red;">Enter Title 1 Here</span></h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOvIihOUf-ctAMZ0Cf5j_TA7RpRMbsRmBNo23SSL3OiHXaCZtbptnrixwhCaScugnb7TcBRq1MGXniBQ8QE59QQ9CtOHmwicHc0_1IS17YjYBABjm3q2bWnCFZa6oSZfXmGNwPni_pJ07P/+1+big.jpg</span><br />
<br />
<p><span style="color: #3333ff;">Enter Description 1 Here.</span></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBXPCmTsKf3wquvxeweg2LVTQ3BRSEfb1m8-aZv0_vnbw7lXyRj15giacXylH2YCyHyMrcFTSMMe0s57VXZh8LWl_k8BWrLR6YbkdGF29_NWt25QH8wbVpUtnUyFgVjaeFebEwkTdRCwV2/+1+small.jpg" alt="Bionic" /></a><br />
</li><br />
<br />
<br />
<li><br />
<h3><span style="color: red;">Enter Title 2 Here</span></h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWtWKKbk2rCXdo7F8UzhcEBP6cBDBjrVcDXVFWrxMzDG3YGm3dMR2baL_hxT9eZjjj2uGE7yx-re5ty73i6voyQAJM1BGehk5KE3i9yRcrCUFkd9ySUhw6MuVtG79TwNi05xwt0a-6U3bn/+2+big.jpg</span><br />
<br />
<p><span style="color: #3333ff;">Enter Description 2 Here.</span></p><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEvrtqImohGZXUKftOY44TGNyxTimSTEIwpCLchfvudBWo5by9f_0MmxMSvpsiTuLNEr37XTjF1f105kmvBBosU5Tm-uqqBGc4akYigTCze_R0RQMhi534kx9KZUtZcKa70iQb_GNOXlbK/+2+small.jpg" alt="MOH" /><br />
</li><br />
<br />
<br />
<li><br />
<h3><span style="color: red;">Enter Title 3 Here</span></h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hniv_9JFHbge2OA4biLUFZQooCd8wLlh2vuqvjJzo51qEMz0J5RazXo7a_bAddMuB8NMYAZtQXlnnFTO8R9Ym8MTtWOTz45KBLZZln30JhlvfsPYA60ilMeJbtcmkNwGVGL6TUSPnENU/+3+big.jpg</span><br />
<br />
<p><span style="color: #3333ff;">Enter Description 3 Here.</span></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuUFRb1kk5kLRAynIQekf8ZM3mZLEOQPe2Lzf1SQDkRx2YI2dkOl_0HewmFjShcLPRjrPtBR9bmYU3rmGil6D1KKq7Tm1YuV0c6yfSaKjAp9Q9hGdK_C3ASuykgC9qk0pygMRkcJcwLAWI/+3+small.jpg" alt="Fear" /></a><br />
</li><br />
<br />
<br />
<li><br />
<h3><span style="color: red;">Enter Title 4 Here</span></h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNfFaeXDjp5PQzDFqqKLXZvZyD7iGk3L3PG0oyaAD5sOvtioCS-50Lxyq2VgvCVx5gcWmqk3HXcx7NU22O6UeK_lnDdCqgkBEj0TisxwjgbFIoCybR6e11SY5eFpK9vt_FlKrz9h-yMUc/+4+big.jpg</span><br />
<br />
<p><span style="color: #3333ff;">Enter Description 4 Here.</span></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDwZusN_uJBrXprzxuc23fm_br_YAYkU1rerm82z4g0cY-w5ohe8ft96skeOltfznxJ9nIwpIbADNZIC1ku3B_OpuS82nNyqWTg9bWU-BZhEk3DvjeqAcbJChaz0yw61W95fAd-ThVMsNJ/+4+small.jpg" alt="Farcry" /></a><br />
</li><br />
<br />
<br />
<li><br />
<h3><span style="color: red;">Enter Title 5 Here</span></h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjveZ4aiIz-o9MsjKKytvlPjuBFSa2nf3xHgE7v2t4PFwIODUvVz0fCzoN9HATuUG5XcWRYFU11FMgXXu6ln9gNtW7P8icnKhCjNV_CF1xyfce5TnYG9oDrmKbxauHbfzxV_NGaNVRtCSPw/+5+big.jpg</span><br />
<br />
<p><span style="color: #3333ff;">Enter Description 5 Here.</span></p><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrywQ32AAXAtf51pnfIORtKIByUQpOEVG9xdSZ1DJfLy7EN1QnONbfws2T4Mw8Jp-z6b_45v9HMegmR_B2hxn6po5Tx-46_z-29vqmd8gLo3MXYi2TmjBzrChLvZJhV4Xkbo9uMiZ9XNzj/+5+small.jpg" alt="Farcry 2" /><br />
</li><br />
<br />
<br />
<li><br />
<h3><span style="color: red;">Enter Title 6 Here</span></h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp9-bIJjMGavtDG2Qwvytu_pxF_pKcXJL-f9nVnsBlKDIq-7xycHadN09tSS8UsxzCUzDifUHlu6OF3YnPA6uCjOXQNOJK0-9aj4Ak4o2nNHz6vEC3uNCjBKgBNHWyT3kPA3nTg5_rmVzo/+6+big.jpg</span><br />
<br />
<p><span style="color: #3333ff;">Enter Description 6 Here.</span></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2PX_KHLrGGHGhTFWlZWNGCfwE4WtaTmsypFCMpo4YlH6EEcUxoZKtio2-VXEiEACldeaCXpx4WzwvIrK5CxYnQ3Ga4i2J6VWvE-x1QsaJ_xr1Q9quJE8D1nDygvm2sNqil_DQ9NHn02_j/+6+small.jpg" alt="Crysis" /></a><br />
</li><br />
<br />
<br />
<li><br />
<h3><span style="color: red;">Enter Title 7 Here</span></h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN8LXp5_vLYC3xfC6R7bsbe3eAEIHuIRpzPIXU-jQkeZDRXIEtFCFu73xRElhh8ZjZ-mJJrDnl7_Kdcsdmul2PQsH7Lon912A5PhKcj9BECxogXKTb8eDYlKJMsFvtd1_QJIOXOJ2Hd5AC/+7+big.jpeg</span><br />
<br />
<p><span style="color: #3333ff;">Enter Description 7 Here.</span></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVt0GDK3xGPQv3zuvmg-36qVgobxfaNV6WHgcWyHQjRrqDpjx8Ud3iBg96-gQTLs2ERXj-NFaq3RmLhqQUzWJ1_2E0P0H9zhDzXbwtaLXfqdUVHX9qLlefXtpGQMTGMKk4ib_a3XF3kRjX/+7+small.jpg" alt="Tomb Raider" /></a><br />
</li><br />
<br />
<br />
<li><br />
<h3><span style="color: red;">Enter Title 8 Here</span></h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTZjotgmUiPnZq7O9Hvh8bCoRtAa5Ow9wRvBjPS6d2Fy40ncZTqmbcZUyUhK8KxTGjfZ28iS3fSAQCeRx7PSyZxFkkubjtGx3_Gq8mUXRnAHPxlJwKp6dJ3tlArPRsWZT7qJlXR11zdsuz/+8+big.jpg</span><br />
<br />
<p><span style="color: #3333ff;">Enter Description 8 Here.</span></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX8YofxPAS8rQfbf5niROXG_leVATTXXeGs8vzO5cWCiCkNfOhQ6xzuP7y-XftVKoXeiyl4ZMdA4UVyhkHHNxSW1UEnlrjSMY1xJ7ld60QQHK3Q-E6xVCgptSEnjzmHPmBLgJIIWC_3jVv/+8+small.jpg" alt="Game" /></a><br />
</li><br />
<br />
<br />
<li><br />
<h3><span style="color: red;">Enter Title 9 Here</span></h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiviPN001eGRzBTbQ9kZTtZjp1QPj1aVlth4lbowv452_Q-bcJp0WizqxrS35glhNdBL7ZWC8mZgIr10K785Yw0O2lTxcPhEKVulzp6vlWJpADKKwIxqHkhxI-e1MzGSSY2JKJ2hi62DdT_/+9+big.jpg</span><br />
<br />
<p><span style="color: #3333ff;">Enter Description 9 Here.</span></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiY2HFBEMjcmCbEqStZ-5pLobIgMicJYGHY6ZqcnJDx-S0pM4NaBZ5KOAUPq_Ex5MNR1h3UNzlTZmKWpJsHA0lZlTb2wbIcIpChFzZyFOat3ltubPK5EhsGyB07F-hCWKcEGdth1wZexlo/+9+small.jpg" alt="Medal of honor" /></a><br />
</li><br />
<br />
</ul><br />
<br />
<div id="wrapper"><br />
<br />
<div id="fullsize"><br />
<br />
<div id="imgprev" class="imgnav" title="Previous Image"></div><br />
<br />
<div id="imglink"></div><br />
<br />
<div id="imgnext" class="imgnav" title="Next Image"></div><br />
<br />
<div id="image"></div><br />
<br />
<div id="information"><br />
<h3></h3><br />
<p></p><br />
</div><br />
</div><br />
<br />
<div id="thumbnails"><br />
<br />
<div id="slideleft" title="Slide Left"></div><br />
<br />
<div id="slidearea"><br />
<br />
<div id="slider"></div><br />
<br />
</div><br />
<br />
<div id="slideright" title="Slide Right"></div><br />
<br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br /></div>
<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now click </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"><strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; font-weight: bold; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Featured Images Slideshow+Slider to Blogger/Websites </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglyyw4gGL7v-mcAqYu5x11Te490hMRmRvc5pApooMireqCOCEV81WP4sGWqHzRb8ttuMwPpZUrwVb6lACoFE_4mHTeIQjcHLGdLjk0o1qPs1VtPJ8sqJkeVDeQXLT3Kk_v79YSNuSX1Mrz/s1600/Featured+Images+Slideshow%252BSlider+to+Blogger.jpg" width="320" /></div>
<br />
<br />
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
1.Login to your blogger dashboard--&gt; layout- -&gt; Edit HTML</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
2.Scroll down to where you see <span class="Apple-style-span" style="color: red;"></head></span> tag .</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span class="Apple-style-span" style="color: red;"></head></span> tag.</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type='text/javascript'><br />
//<![CDATA[<br />
<br />
//** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.<br />
//** May 2nd, 08'- Script rewritten and updated to 2.0.<br />
//** June 12th, 08'- Script updated to v 2.3, which adds the following features:<br />
//1) Changed behavior of script to actually collapse the previous content when the active one is shown, instead of just tucking it underneath the later.<br />
//2) Added setting to reveal a content either via "click" or "mouseover" of pagination links (default is former).<br />
//3) Added public function for jumping to a particular slide within a Featured Content instance using an arbitrary link, for example.<br />
<br />
//** July 11th, 08'- Script updated to v 2.4:<br />
//1) Added ability to select a particular slide when the page first loads using a URL parameter (ie: mypage.htm?myslider=4 to select 4th slide in "myslider")<br />
//2) Fixed bug where the first slide disappears when the mouse clicks or mouses over it when page first loads.<br />
<br />
var featuredcontentslider={<br />
<br />
//3 variables below you can customize if desired:<br />
ajaxloadingmsg: '<div style="margin: 20px 0 0 20px"><img src="loading.gif" /> Fetching slider Contents. Please wait...</div>',<br />
bustajaxcache: true, //bust caching of external ajax page after 1st request?<br />
enablepersist: true, //persist to last content viewed when returning to page?<br />
<br />
settingcaches: {}, //object to cache "setting" object of each script instance<br />
<br />
jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually.<br />
this.turnpage(this.settingcaches[fcsid], pagenumber)<br />
},<br />
<br />
ajaxconnect:function(setting){<br />
var page_request = false<br />
if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)<br />
try {<br />
page_request = new ActiveXObject("Msxml2.XMLHTTP")<br />
}<br />
catch (e){<br />
try{<br />
page_request = new ActiveXObject("Microsoft.XMLHTTP")<br />
}<br />
catch (e){}<br />
}<br />
}<br />
else if (window.XMLHttpRequest) // if Mozilla, Safari etc<br />
page_request = new XMLHttpRequest()<br />
else<br />
return false<br />
var pageurl=setting.contentsource[1]<br />
page_request.onreadystatechange=function(){<br />
featuredcontentslider.ajaxpopulate(page_request, setting)<br />
}<br />
document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg<br />
var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()<br />
page_request.open('GET', pageurl+bustcache, true)<br />
page_request.send(null)<br />
},<br />
<br />
ajaxpopulate:function(page_request, setting){<br />
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){<br />
document.getElementById(setting.id).innerHTML=page_request.responseText<br />
this.buildpaginate(setting)<br />
}<br />
},<br />
<br />
buildcontentdivs:function(setting){<br />
var alldivs=document.getElementById(setting.id).getElementsByTagName("div")<br />
for (var i=0; i<alldivs.length; i++){<br />
if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv"<br />
setting.contentdivs.push(alldivs[i])<br />
alldivs[i].style.display="none" //collapse all content DIVs to begin with<br />
}<br />
}<br />
},<br />
<br />
buildpaginate:function(setting){<br />
this.buildcontentdivs(setting)<br />
var sliderdiv=document.getElementById(setting.id)<br />
var pdiv=document.getElementById("paginate-"+setting.id)<br />
var phtml=""<br />
var toc=setting.toc<br />
var nextprev=setting.nextprev<br />
if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){<br />
for (var i=1; i<=setting.contentdivs.length; i++){<br />
phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '<br />
}<br />
phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '')<br />
pdiv.innerHTML=phtml<br />
}<br />
var pdivlinks=pdiv.getElementsByTagName("a")<br />
var toclinkscount=0 //var to keep track of actual # of toc links<br />
for (var i=0; i<pdivlinks.length; i++){<br />
if (this.css(pdivlinks[i], "toc", "check")){<br />
if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents)<br />
pdivlinks[i].style.display="none" //hide this toc link<br />
continue<br />
}<br />
pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link<br />
pdivlinks[i][setting.revealtype]=function(){<br />
featuredcontentslider.turnpage(setting, this.getAttribute("rel"))<br />
return false<br />
}<br />
setting.toclinks.push(pdivlinks[i])<br />
}<br />
else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next"<br />
pdivlinks[i].onclick=function(){<br />
featuredcontentslider.turnpage(setting, this.className)<br />
return false<br />
}<br />
}<br />
}<br />
this.turnpage(setting, setting.currentpage, true)<br />
if (setting.autorotate[0]){ //if auto rotate enabled<br />
pdiv[setting.revealtype]=function(){<br />
featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])<br />
}<br />
sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on<br />
featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])<br />
}<br />
setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotation<br />
this.autorotate(setting)<br />
}<br />
},<br />
<br />
urlparamselect:function(fcsid){<br />
var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i")) //check for "?featuredcontentsliderid=2" in URL<br />
return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index<br />
},<br />
<br />
turnpage:function(setting, thepage, autocall){<br />
var currentpage=setting.currentpage //current page # before change<br />
var totalpages=setting.contentdivs.length<br />
var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)<br />
turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust<br />
if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly<br />
return<br />
setting.currentpage=turntopage<br />
setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex<br />
this.cleartimer(setting, window["fcsfade"+setting.id])<br />
setting.cacheprevpage=setting.prevpage<br />
if (setting.enablefade[0]==true){<br />
setting.curopacity=0<br />
this.fadeup(setting)<br />
}<br />
if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete)<br />
setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block")<br />
setting.onChange(setting.prevpage, setting.currentpage)<br />
}<br />
setting.contentdivs[turntopage-1].style.visibility="visible"<br />
setting.contentdivs[turntopage-1].style.display="block"<br />
if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)<br />
this.css(setting.toclinks[setting.prevpage-1], "selected", "remove")<br />
if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)<br />
this.css(setting.toclinks[turntopage-1], "selected", "add")<br />
setting.prevpage=turntopage<br />
if (this.enablepersist)<br />
this.setCookie("fcspersist"+setting.id, turntopage)<br />
},<br />
<br />
setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)<br />
var targetobject=setting.contentdivs[setting.currentpage-1]<br />
if (targetobject.filters && targetobject.filters[0]){ //IE syntax<br />
if (typeof targetobject.filters[0].opacity=="number") //IE6<br />
targetobject.filters[0].opacity=value*100<br />
else //IE 5.5<br />
targetobject.style.filter="alpha(opacity="+value*100+")"<br />
}<br />
else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax<br />
targetobject.style.MozOpacity=value<br />
else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax<br />
targetobject.style.opacity=value<br />
setting.curopacity=value<br />
},<br />
<br />
fadeup:function(setting){<br />
if (setting.curopacity<1){<br />
this.setopacity(setting, setting.curopacity+setting.enablefade[1])<br />
window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50)<br />
}<br />
else{ //when fade is complete<br />
if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run)<br />
setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block")<br />
setting.onChange(setting.cacheprevpage, setting.currentpage)<br />
}<br />
},<br />
<br />
cleartimer:function(setting, timervar){<br />
if (typeof timervar!="undefined"){<br />
clearTimeout(timervar)<br />
clearInterval(timervar)<br />
if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div<br />
setting.contentdivs[setting.cacheprevpage-1].style.display="none"<br />
}<br />
}<br />
},<br />
<br />
css:function(el, targetclass, action){<br />
var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")<br />
if (action=="check")<br />
return needle.test(el.className)<br />
else if (action=="remove")<br />
el.className=el.className.replace(needle, "")<br />
else if (action=="add")<br />
el.className+=" "+targetclass<br />
},<br />
<br />
autorotate:function(setting){<br />
window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1])<br />
},<br />
<br />
getCookie:function(Name){<br />
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair<br />
if (document.cookie.match(re)) //if cookie found<br />
return document.cookie.match(re)[0].split("=")[1] //return its value<br />
return null<br />
},<br />
<br />
setCookie:function(name, value){<br />
document.cookie = name+"="+value<br />
<br />
},<br />
<br />
<br />
init:function(setting){<br />
var persistedpage=this.getCookie("fcspersist"+setting.id) || 1<br />
var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=index<br />
this.settingcaches[setting.id]=setting //cache "setting" object<br />
setting.contentdivs=[]<br />
setting.toclinks=[]<br />
setting.topzindex=0<br />
setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1)<br />
setting.prevpage=setting.currentpage<br />
setting.revealtype="on"+(setting.revealtype || "click")<br />
setting.curopacity=0<br />
setting.onChange=setting.onChange || function(){}<br />
if (setting.contentsource[0]=="inline")<br />
this.buildpaginate(setting)<br />
if (setting.contentsource[0]=="ajax")<br />
this.ajaxconnect(setting)<br />
}<br />
<br />
}<br />
<br />
//]]><br />
</script><br />
<br />
<style><br />
#slider4{<br />
border: 2px solid #181818;<br />
background: #ffffff;<br />
margin-left: 9px;<br />
}<br />
#paginate-slider4{<br />
border-color: #181818;<br />
margin-left: 9px;<br />
margin-top: 4px;<br />
}<br />
#paginate-slider4 a img{<br />
width: <span style="color: #ff6600; font-weight: bold;">80</span>px;<br />
height: <span style="color: #ff6600; font-weight: bold;">60</span>px;<br />
border: 2px solid #181818;<br />
margin-top: 5px;<br />
}<br />
#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{<br />
border: 2px solid #ffc04e;<br />
}<br />
.sliderwrapper{<br />
position: relative; /*leave as is*/<br />
overflow: hidden; /*leave as is*/<br />
border: 10px solid navy;<br />
width: <span style="color: #cc33cc; font-weight: bold;">500</span>px; /*width of featured content slider*/<br />
height: <span style="color: #cc33cc; font-weight: bold;">325</span>px;<br />
}<br />
.sliderwrapper .contentdiv{<br />
visibility: hidden; /*leave as is*/<br />
position: absolute; /*leave as is*/<br />
left: 0; /*leave as is*/<br />
top: 0; /*leave as is*/<br />
padding: 5px;<br />
background: white;<br />
width: <span style="color: #cc33cc; font-weight: bold;">500</span>px; /*width of content DIVs within slider. Total width should equal slider&#39;s inner width */<br />
height: 100%;<br />
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);<br />
-moz-opacity: 1;<br />
opacity: 1;<br />
}<br />
.pagination{<br />
width: <span style="color: #cc33cc; font-weight: bold;">500</span>px; /*Width of pagination DIV. Total width should equal slider&#39;s outer width */<br />
text-align: right;<br />
background-color: #ffffff;<br />
padding: 0px 5px;<br />
}<br />
.pagination a{<br />
padding: 0 5px;<br />
text-decoration: none;<br />
color: #181818;<br />
background: #ffffff;<br />
}<br />
.pagination a:hover, .pagination a.selected{<br />
color: #181818;<br />
background-color: #ffffff;<br />
}<br />
</style></div>
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="font-weight: bold;">Note :</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">You can change width,height,... as you like.</span><br />
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">6.Now save your template.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">7.Go to Layout-->Page Elements and click on "Add a gadget".</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">8.Select "html/java script" and add the code given below and click save.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span></div>
<div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span></div>
<br />
<br />
<div class="code">
<div style="float:left;"><br />
<br />
<div id="slider4" class="sliderwrapper"><br />
<br />
<div style="background: url('<span style="color: #3333ff; font-weight: bold;">IMAGE-1-LINK</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
<div style="background: url('<span style="color: #3333ff; font-weight: bold;">IMAGE-2-LINK</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
<div style="background: url('<span style="color: #3333ff; font-weight: bold;">IMAGE-3-LINK</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
<div style="background: url('<span style="color: #3333ff; font-weight: bold;">IMAGE-4-LINK</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
<div style="background: url('<span style="color: #3333ff; font-weight: bold;">IMAGE-5-LINK</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
</div><br />
<br />
<div id="paginate-slider4"><br />
<br />
<a href="#" class="toc"><img alt="IMAGE-1" src="<span style="color: #cc33cc; font-weight: bold;">IMAGE-1-THUMBNAIL-LINK</span>"/></a><br />
<br />
<a href="#" class="toc"><img alt="IMAGE-2" src="<span style="color: #cc33cc; font-weight: bold;">IMAGE-2-THUMBNAIL-LINK</span>"/></a><br />
<br />
<a href="#" class="toc"><img alt="IMAGE-3" src="<span style="color: #cc33cc; font-weight: bold;">IMAGE-3-THUMBNAIL-LINK</span>"/></a><br />
<br />
<a href="#" class="toc"><img alt="IMAGE-4" src="<span style="color: #cc33cc; font-weight: bold;">IMAGE-4-THUMBNAIL-LINK</span>"/></a><br />
<br />
<a href="#" class="toc"><img alt="IMAGE-5" src="<span style="color: #cc33cc; font-weight: bold;">IMAGE-5-THUMBNAIL-LINK</span>"/></a><br />
<br />
</div><br />
<br />
<script type="text/javascript"><br />
featuredcontentslider.init({<br />
id: "slider4", //id of main slider DIV<br />
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]<br />
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]<br />
nextprev: ["", "Next"], //labels for "prev" and "next" links. Set to "" to hide.<br />
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"<br />
enablefade: [true, 0.1], //[true/false, fadedegree]<br />
autorotate: [true, 5000], //[true/false, pausetime]<br />
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide<br />
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)<br />
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)<br />
}<br />
})<br />
</script><br />
<br />
</div></div>
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #009900; font-size: 18px; font-weight: bold;">Note</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">: Replace</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #3333ff; font-weight: bold;">IMAGE-<span style="color: black;">X</span>-LINK</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">s and</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span style="color: #cc33cc; font-weight: bold;">IMAGE-<span style="color: black;">X</span>-THUMBNAIL-LINK</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">s with your image links.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">Smooth Jquery Featured Post Slideshow For Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisXR39ulChIDqSFFz-OJ6uUlMHvfbLpolctJ1VCRBpMUb4W4MQ1vSJ4PaGQ3J_7wV6wPUX0sDwv3AMylbKYQvq0J7cjuVEmau58PIOFuDHnawgKV3UvzWuB1ULtUqFZ-3Sh1MgelGOd7-M/s1600/Smooth+Jquery+Featured+Post+Slideshow+For+Blogger.png" width="320" /></div>
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
1.Login to your blogger dashboard--<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> layout- -<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> Edit HTML</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
2.Scroll down to where you see <span class="Apple-style-span" style="color: red;"></head></span> tag .</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span class="Apple-style-span" style="color: red;"></head> </span>tag.</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='<span style="color: #cc33cc; font-weight: bold;">http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js</span>' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
/* ------------------------------------------------------------------------<br />
s3Slider<br />
<br />
Developped By: Boban Karišik -> http://www.serie3.info/<br />
CSS Help: Mészáros Róbert -> http://www.perspectived.com/<br />
Version: 1.0<br />
<br />
Copyright: Feel free to redistribute the script/modify it, as<br />
long as you leave my infos at the top.<br />
-------------------------------------------------------------------------- */<br />
<br />
<br />
(function($){<br />
<br />
$.fn.s3Slider = function(vars) {<br />
<br />
var element = this;<br />
var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;<br />
var current = null;<br />
var timeOutFn = null;<br />
var faderStat = true;<br />
var mOver = false;<br />
var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");<br />
var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");<br />
<br />
items.each(function(i) {<br />
<br />
$(items[i]).mouseover(function() {<br />
mOver = true;<br />
});<br />
<br />
$(items[i]).mouseout(function() {<br />
mOver = false;<br />
fadeElement(true);<br />
});<br />
<br />
});<br />
<br />
var fadeElement = function(isMouseOut) {<br />
var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;<br />
thisTimeOut = (faderStat) ? 10 : thisTimeOut;<br />
if(items.length > 0) {<br />
timeOutFn = setTimeout(makeSlider, thisTimeOut);<br />
} else {<br />
console.log("Poof..");<br />
}<br />
}<br />
<br />
var makeSlider = function() {<br />
current = (current != null) ? current : items[(items.length-1)];<br />
var currNo = jQuery.inArray(current, items) + 1<br />
currNo = (currNo == items.length) ? 0 : (currNo - 1);<br />
var newMargin = $(element).width() * currNo;<br />
if(faderStat == true) {<br />
if(!mOver) {<br />
$(items[currNo]).fadeIn((timeOut/6), function() {<br />
if($(itemsSpan[currNo]).css('bottom') == 0) {<br />
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {<br />
faderStat = false;<br />
current = items[currNo];<br />
if(!mOver) {<br />
fadeElement(false);<br />
}<br />
});<br />
} else {<br />
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {<br />
faderStat = false;<br />
current = items[currNo];<br />
if(!mOver) {<br />
fadeElement(false);<br />
}<br />
});<br />
}<br />
});<br />
}<br />
} else {<br />
if(!mOver) {<br />
if($(itemsSpan[currNo]).css('bottom') == 0) {<br />
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {<br />
$(items[currNo]).fadeOut((timeOut/6), function() {<br />
faderStat = true;<br />
current = items[(currNo+1)];<br />
if(!mOver) {<br />
fadeElement(false);<br />
}<br />
});<br />
});<br />
} else {<br />
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {<br />
$(items[currNo]).fadeOut((timeOut/6), function() {<br />
faderStat = true;<br />
current = items[(currNo+1)];<br />
if(!mOver) {<br />
fadeElement(false);<br />
}<br />
});<br />
});<br />
}<br />
}<br />
}<br />
}<br />
<br />
makeSlider();<br />
<br />
};<br />
<br />
})(jQuery);<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
$(document).ready(function() {<br />
$(&#39;#s3slider&#39;).s3Slider({<br />
timeOut: <span style="color: red; font-size: 130%; font-weight: bold;">4000</span><br />
});<br />
});<br />
</script><br />
<br />
<style type='text/css'><br />
#s3slider {<br />
background:#000000;<br />
border:1px solid #818e8f;<br />
width: <span style="color: #ff6600; font-weight: bold;">550px</span>;<br />
height: <span style="color: #009900; font-weight: bold;">200px</span>;<br />
position: relative;<br />
overflow: hidden;<br />
}<br />
#s3sliderContent {<br />
width: <span style="color: #ff6600; font-weight: bold;">550px</span>;<br />
position: absolute;<br />
top:-14px;<br />
padding: 0px;<br />
margin-left: 0;<br />
}<br />
.s3sliderImage {<br />
float: left;<br />
position: relative;<br />
display: none;<br />
}<br />
.s3sliderImage span {<br />
position: absolute;<br />
left: 0;<br />
font: 20px Trebuchet MS, sans-serif;<br />
padding: 10px 0px;<br />
width: <span style="color: #ff6600; font-weight: bold;">550px</span>;<br />
background-color: #000;<br />
filter: alpha(opacity=80);<br />
-moz-opacity: 0.8;<br />
-khtml-opacity: 0.8;<br />
opacity: 0.8;<br />
color: #fff;<br />
display: none;<br />
bottom: 0;<br />
text-align:center;<br />
}<br />
.clear {<br />
clear: both;<br />
}<br />
</style></div>
<br />
<br />
<span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #cc33cc; font-size: 21px; font-weight: bold;">NOTE</span> : To change the speed of slideshow, change the value <span style="color: red; font-size: 21px; font-weight: bold;">4000</span>.</span><br />
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">6.Now save your template.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">7.Go to Layout-->Page Elements and click on "Add a gadget".</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">8.Select "html/java script" and add the code given below and click save.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span></div>
</div>
<div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span></div>
</div>
<br />
<div class="code">
<div id="s3slider"><br />
<ul id="s3sliderContent"><br />
<br />
<li class="s3sliderImage"><br />
<a href="<span style="color: #009900; font-weight: bold;">YOUR-LINK-HERE</span>"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJGprWDyyOB3oouTf319YadBsGG76DaI__OUAcNP0y1nei95TofvsGs_vEPkVpYW9TYLqnYHBBdYg939E4SfOHTLlkr7czyNgBL1RTksZAVMlU2mJG7jzID7R242A0Siihr_9NS9L0Plwt/s1600/Crysis-11.jpg" /><br />
<span>Crysis : Download Full Version</span></a><br />
</li><br />
<br />
<li class="s3sliderImage"><br />
<a href="<span style="color: #009900; font-weight: bold;">YOUR-LINK-HERE</span>"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIZ7j9F7hfoCVu17y-67K-v0k5xNqp284IB3QBXZ9PzDxyRBqeQw1avn_UA4594Pwk6zoqovkppS2Kx10C6A0elrL-Hhu_NZoHj6XVVpbWkTEnJcEBmRgv6k7_FSPFPuDb0UXxMPmYpOsR/" /><br />
<span>Halo 3 : Play Game Online</span></a><br />
</li><br />
<br />
<li class="s3sliderImage"><br />
<a href="<span style="color: #009900; font-weight: bold;">YOUR-LINK-HERE</span>"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54VtGKFrXUMQt-1STAnhcSlXZ9EytBV_7nI7WkhKJ2szoQX3NVqOb1ZmW6BJzs3VVv607-AnWAeYpvcoMMXQyEgmFyXTce0anbxiiM0yU73zYGH5yATwHe1szjGLfl815BRW5RDW61d_R/" /><br />
<span>Avatar : Watch Movie Now !!!</span></a><br />
</li><br />
<br />
<li class="s3sliderImage"><br />
<a href="<span style="color: #009900; font-weight: bold;">YOUR-LINK-HERE</span>"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixoprTy6KCkNd0A87sA3rOqwijEU1hTyVAuW5lN6ncn8j0rbX_A_27IhlZCORbNjit0by_WiUy2jJASOsXN19nLUJVYZNyGsH7WBw8Skmiv5dfKV60N0VzrHDLEOJb_7bORSZhaYoAzTrW/s1600/call+of+duty-11.jpg" /><br />
<span>Call Of Duty 4 : Get Here</span></a><br />
</li><br />
<br />
</ul><br />
</div><br />
<br />
<div class='clear'></div></div>
<br />
<br />
<span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #cc33cc; font-size: 21px; font-weight: bold;">NOTE</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">: Replace</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #009900; font-weight: bold;">YOUR-LINK-HERE</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">and</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="font-weight: bold;">images</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">with your content.</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Add Featured Post Content Slider to Blogger</span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZrHv222lPQgt6GYpgPyDWL1nce1MJDkH0KNgSXoJn0laKtZbM7O_gzKyIodWgVpsZuRNHaKpIsZAw5kVPYWwTPQ3yYF1H44kERO6wepM1BTIIK2zQlQJilWxGB93ICvd3vmV9TgWRr-Pt/s1600/How+To+Add+Featured+Post+Content+Slider+to+Blogger.png" width="320" /></div>
<br />
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
1.Login to your blogger dashboard--<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> layout- -<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> Edit HTML</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
2.Scroll down to where you see <span class="Apple-style-span" style="color: red;"></head></span> tag .</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span class="Apple-style-span" style="color: red;"></head></span> tag.</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div>
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='<span style="color: #cc33cc; font-weight: bold;">http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js</span>' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(6($){$.1g.1w=6(o){o=$.1f({r:n,x:n,N:n,17:q,J:n,L:1a,16:n,y:q,u:12,H:3,B:0,k:1,K:n,I:n},o||{});8 G.R(6(){p b=q,A=o.y?"15":"w",P=o.y?"t":"s";p c=$(G),9=$("9",c),E=$("10",9),W=E.Y(),v=o.H;7(o.u){9.1h(E.D(W-v-1+1).V()).1d(E.D(0,v).V());o.B+=v}p f=$("10",9),l=f.Y(),4=o.B;c.5("1c","H");f.5({U:"T",1b:o.y?"S":"w"});9.5({19:"0",18:"0",Q:"13","1v-1s-1r":"S","z-14":"1"});c.5({U:"T",Q:"13","z-14":"2",w:"1q"});p g=o.y?t(f):s(f);p h=g*l;p j=g*v;f.5({s:f.s(),t:f.t()});9.5(P,h+"C").5(A,-(4*g));c.5(P,j+"C");7(o.r)$(o.r).O(6(){8 m(4-o.k)});7(o.x)$(o.x).O(6(){8 m(4+o.k)});7(o.N)$.R(o.N,6(i,a){$(a).O(6(){8 m(o.u?o.H+i:i)})});7(o.17&&c.11)c.11(6(e,d){8 d>0?m(4-o.k):m(4+o.k)});7(o.J)1p(6(){m(4+o.k)},o.J+o.L);6 M(){8 f.D(4).D(0,v)};6 m(a){7(!b){7(o.K)o.K.Z(G,M());7(o.u){7(a<=o.B-v-1){9.5(A,-((l-(v*2))*g)+"C");4=a==o.B-v-1?l-(v*2)-1:l-(v*2)-o.k}F 7(a>=l-v+1){9.5(A,-((v)*g)+"C");4=a==l-v+1?v+1:v+o.k}F 4=a}F{7(a<0||a>l-v)8;F 4=a}b=12;9.1o(A=="w"?{w:-(4*g)}:{15:-(4*g)},o.L,o.16,6(){7(o.I)o.I.Z(G,M());b=q});7(!o.u){$(o.r+","+o.x).1n("X");$((4-o.k<0&&o.r)||(4+o.k>l-v&&o.x)||[]).1m("X")}}8 q}})};6 5(a,b){8 1l($.5(a[0],b))||0};6 s(a){8 a[0].1k+5(a,\'1j\')+5(a,\'1i\')};6 t(a){8 a[0].1t+5(a,\'1u\')+5(a,\'1e\')}})(1x);',62,96,'||||curr|css|function|if|return|ul|||||||||||scroll|itemLength|go|null||var|false|btnPrev|width|height|circular||left|btnNext|vertical||animCss|start|px|slice|tLi|else|this|visible|afterEnd|auto|beforeStart|speed|vis|btnGo|click|sizeCss|position|each|none|hidden|overflow|clone|tl|disabled|size|call|li|mousewheel|true|relative|index|top|easing|mouseWheel|padding|margin|200|float|visibility|append|marginBottom|extend|fn|prepend|marginRight|marginLeft|offsetWidth|parseInt|addClass|removeClass|animate|setInterval|0px|type|style|offsetHeight|marginTop|list|jCarouselLite|jQuery'.split('|'),0,{}))<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
/*<br />
* Copyright (c) 2009 Simo Kinnunen.<br />
* Licensed under the MIT license.<br />
*<br />
* @version 1.02<br />
*/<br />
var Cufon=(function(){var m=function(){return m.replace.apply(null,arguments)};var x=m.DOM={ready:(function(){var C=false,E={loaded:1,complete:1};var B=[],D=function(){if(C){return}C=true;for(var F;F=B.shift();F()){}};if(document.addEventListener){document.addEventListener("DOMContentLoaded",D,false);window.addEventListener("pageshow",D,false)}if(!window.opera&&document.readyState){(function(){E[document.readyState]?D():setTimeout(arguments.callee,10)})()}if(document.readyState&&document.createStyleSheet){(function(){try{document.body.doScroll("left");D()}catch(F){setTimeout(arguments.callee,1)}})()}q(window,"load",D);return function(F){if(!arguments.length){D()}else{C?F():B.push(F)}}})(),root:function(){return document.documentElement||document.body}};var n=m.CSS={Size:function(C,B){this.value=parseFloat(C);this.unit=String(C).match(/[a-z%]*$/)[0]||"px";this.convert=function(D){return D/B*this.value};this.convertFrom=function(D){return D/this.value*B};this.toString=function(){return this.value+this.unit}},addClass:function(C,B){var D=C.className;C.className=D+(D&&" ")+B;return C},color:j(function(C){var B={};B.color=C.replace(/^rgba\((.*?),\s*([\d.]+)\)/,function(E,D,F){B.opacity=parseFloat(F);return"rgb("+D+")"});return B}),fontStretch:j(function(B){if(typeof B=="number"){return B}if(/%$/.test(B)){return parseFloat(B)/100}return{"ultra-condensed":0.5,"extra-condensed":0.625,condensed:0.75,"semi-condensed":0.875,"semi-expanded":1.125,expanded:1.25,"extra-expanded":1.5,"ultra-expanded":2}[B]||1}),getStyle:function(C){var B=document.defaultView;if(B&&B.getComputedStyle){return new a(B.getComputedStyle(C,null))}if(C.currentStyle){return new a(C.currentStyle)}return new a(C.style)},gradient:j(function(F){var G={id:F,type:F.match(/^-([a-z]+)-gradient\(/)[1],stops:[]},C=F.substr(F.indexOf("(")).match(/([\d.]+=)?(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)/ig);for(var E=0,B=C.length,D;E<B;++E){D=C[E].split("=",2).reverse();G.stops.push([D[1]||E/(B-1),D[0]])}return G}),hasClass:function(C,B){return RegExp("(?:^|\\s)"+B+"(?=\\s|$)").test(C.className)},quotedList:j(function(E){var D=[],C=/\s*((["'])([\s\S]*?[^\\])\2|[^,]+)\s*/g,B;while(B=C.exec(E)){D.push(B[3]||B[1])}return D}),recognizesMedia:j(function(G){var E=document.createElement("style"),D,C,B;E.type="text/css";E.media=G;try{E.appendChild(document.createTextNode("/**/"))}catch(F){}C=g("head")[0];C.insertBefore(E,C.firstChild);D=(E.sheet||E.styleSheet);B=D&&!D.disabled;C.removeChild(E);return B}),removeClass:function(D,C){var B=RegExp("(?:^|\\s+)"+C+"(?=\\s|$)","g");D.className=D.className.replace(B,"");return D},supports:function(D,C){var B=document.createElement("span").style;if(B[D]===undefined){return false}B[D]=C;return B[D]===C},textAlign:function(E,D,B,C){if(D.get("textAlign")=="right"){if(B>0){E=" "+E}}else{if(B<C-1){E+=" "}}return E},textDecoration:function(G,F){if(!F){F=this.getStyle(G)}var C={underline:null,overline:null,"line-through":null};for(var B=G;B.parentNode&&B.parentNode.nodeType==1;){var E=true;for(var D in C){if(!k(C,D)||C[D]){continue}if(F.get("textDecoration").indexOf(D)!=-1){C[D]=F.get("color")}E=false}if(E){break}F=this.getStyle(B=B.parentNode)}return C},textShadow:j(function(F){if(F=="none"){return null}var E=[],G={},B,C=0;var D=/(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)|(-?[\d.]+[a-z%]*)|,/ig;while(B=D.exec(F)){if(B[0]==","){E.push(G);G={};C=0}else{if(B[1]){G.color=B[1]}else{G[["offX","offY","blur"][C++]]=B[2]}}}E.push(G);return E}),textTransform:(function(){var B={uppercase:function(C){return C.toUpperCase()},lowercase:function(C){return C.toLowerCase()},capitalize:function(C){return C.replace(/\b./g,function(D){return D.toUpperCase()})}};return function(E,D){var C=B[D.get("textTransform")];return C?C(E):E}})(),whiteSpace:(function(){var B={inline:1,"inline-block":1,"run-in":1};return function(E,C,D){if(B[C.get("display")]){return E}if(!D.previousSibling){E=E.replace(/^\s+/,"")}if(!D.nextSibling){E=E.replace(/\s+$/,"")}return E}})()};n.ready=(function(){var B=!n.recognizesMedia("all"),E=false;var D=[],H=function(){B=true;for(var K;K=D.shift();K()){}};var I=g("link"),J=g("style");function C(K){return K.disabled||G(K.sheet,K.media||"screen")}function G(M,P){if(!n.recognizesMedia(P||"all")){return true}if(!M||M.disabled){return false}try{var Q=M.cssRules,O;if(Q){search:for(var L=0,K=Q.length;O=Q[L],L<K;++L){switch(O.type){case 2:break;case 3:if(!G(O.styleSheet,O.media.mediaText)){return false}break;default:break search}}}}catch(N){}return true}function F(){if(document.createStyleSheet){return true}var L,K;for(K=0;L=I[K];++K){if(L.rel.toLowerCase()=="stylesheet"&&!C(L)){return false}}for(K=0;L=J[K];++K){if(!C(L)){return false}}return true}x.ready(function(){if(!E){E=n.getStyle(document.body).isUsable()}if(B||(E&&F())){H()}else{setTimeout(arguments.callee,10)}});return function(K){if(B){K()}else{D.push(K)}}})();function s(C){var B=this.face=C.face;this.glyphs=C.glyphs;this.w=C.w;this.baseSize=parseInt(B["units-per-em"],10);this.family=B["font-family"].toLowerCase();this.weight=B["font-weight"];this.style=B["font-style"]||"normal";this.viewBox=(function(){var E=B.bbox.split(/\s+/);var D={minX:parseInt(E[0],10),minY:parseInt(E[1],10),maxX:parseInt(E[2],10),maxY:parseInt(E[3],10)};D.width=D.maxX-D.minX;D.height=D.maxY-D.minY;D.toString=function(){return[this.minX,this.minY,this.width,this.height].join(" ")};return D})();this.ascent=-parseInt(B.ascent,10);this.descent=-parseInt(B.descent,10);this.height=-this.ascent+this.descent}function f(){var C={},B={oblique:"italic",italic:"oblique"};this.add=function(D){(C[D.style]||(C[D.style]={}))[D.weight]=D};this.get=function(H,I){var G=C[H]||C[B[H]]||C.normal||C.italic||C.oblique;if(!G){return null}I={normal:400,bold:700}[I]||parseInt(I,10);if(G[I]){return G[I]}var E={1:1,99:0}[I%100],K=[],F,D;if(E===undefined){E=I>400}if(I==500){I=400}for(var J in G){if(!k(G,J)){continue}J=parseInt(J,10);if(!F||J<F){F=J}if(!D||J>D){D=J}K.push(J)}if(I<F){I=F}if(I>D){I=D}K.sort(function(M,L){return(E?(M>I&&L>I)?M<L:M>L:(M<I&&L<I)?M>L:M<L)?-1:1});return G[K[0]]}}function r(){function D(F,G){if(F.contains){return F.contains(G)}return F.compareDocumentPosition(G)&16}function B(G){var F=G.relatedTarget;if(!F||D(this,F)){return}C(this)}function E(F){C(this)}function C(F){setTimeout(function(){m.replace(F,d.get(F).options,true)},10)}this.attach=function(F){if(F.onmouseenter===undefined){q(F,"mouseover",B);q(F,"mouseout",B)}else{q(F,"mouseenter",E);q(F,"mouseleave",E)}}}function u(){var C=[],D={};function B(H){var E=[],G;for(var F=0;G=H[F];++F){E[F]=C[D[G]]}return E}this.add=function(F,E){D[F]=C.push(E)-1};this.repeat=function(){var E=arguments.length?B(arguments):C,F;for(var G=0;F=E[G++];){m.replace(F[0],F[1],true)}}}function A(){var D={},B=0;function C(E){return E.cufid||(E.cufid=++B)}this.get=function(E){var F=C(E);return D[F]||(D[F]={})}}function a(B){var D={},C={};this.extend=function(E){for(var F in E){if(k(E,F)){D[F]=E[F]}}return this};this.get=function(E){return D[E]!=undefined?D[E]:B[E]};this.getSize=function(F,E){return C[F]||(C[F]=new n.Size(this.get(F),E))};this.isUsable=function(){return !!B}}function q(C,B,D){if(C.addEventListener){C.addEventListener(B,D,false)}else{if(C.attachEvent){C.attachEvent("on"+B,function(){return D.call(C,window.event)})}}}function v(C,B){var D=d.get(C);if(D.options){return C}if(B.hover&&B.hoverables[C.nodeName.toLowerCase()]){b.attach(C)}D.options=B;return C}function j(B){var C={};return function(D){if(!k(C,D)){C[D]=B.apply(null,arguments)}return C[D]}}function c(F,E){var B=n.quotedList(E.get("fontFamily").toLowerCase()),D;for(var C=0;D=B[C];++C){if(i[D]){return i[D].get(E.get("fontStyle"),E.get("fontWeight"))}}return null}function g(B){return document.getElementsByTagName(B)}function k(C,B){return C.hasOwnProperty(B)}function h(){var B={},D,F;for(var E=0,C=arguments.length;D=arguments[E],E<C;++E){for(F in D){if(k(D,F)){B[F]=D[F]}}}return B}function o(E,M,C,N,F,D){var K=document.createDocumentFragment(),H;if(M===""){return K}var L=N.separate;var I=M.split(p[L]),B=(L=="words");if(B&&t){if(/^\s/.test(M)){I.unshift("")}if(/\s$/.test(M)){I.push("")}}for(var J=0,G=I.length;J<G;++J){H=z[N.engine](E,B?n.textAlign(I[J],C,J,G):I[J],C,N,F,D,J<G-1);if(H){K.appendChild(H)}}return K}function l(C,J){var B=n.getStyle(v(C,J)).extend(J);var D=c(C,B),E,H,G,F,I;for(E=C.firstChild;E;E=G){H=E.nodeType;G=E.nextSibling;if(H==3){if(F){F.appendData(E.data);C.removeChild(E)}else{F=E}if(G){continue}}if(F){C.replaceChild(o(D,n.whiteSpace(F.data,B,F),B,J,E,C),F);F=null}if(H==1&&E.firstChild){if(n.hasClass(E,"cufon")){z[J.engine](D,null,B,J,E,C)}else{arguments.callee(E,J)}}}}var t=" ".split(/\s+/).length==0;var d=new A();var b=new r();var y=new u();var e=false;var z={},i={},w={enableTextDecoration:false,engine:null,forceHitArea:false,hover:false,hoverables:{a:true},printable:true,selector:(window.Sizzle||(window.jQuery&&function(B){return jQuery(B)})||(window.dojo&&dojo.query)||(window.Ext&&Ext.query)||(window.$$&&function(B){return $$(B)})||(window.$&&function(B){return $(B)})||(document.querySelectorAll&&function(B){return document.querySelectorAll(B)})||g),separate:"words",textShadow:"none"};var p={words:/[^\S\u00a0]+/,characters:"",none:/^/};m.now=function(){x.ready();return m};m.refresh=function(){y.repeat.apply(y,arguments);return m};m.registerEngine=function(C,B){if(!B){return m}z[C]=B;return m.set("engine",C)};m.registerFont=function(D){var B=new s(D),C=B.family;if(!i[C]){i[C]=new f()}i[C].add(B);return m.set("fontFamily",'"'+C+'"')};m.replace=function(D,C,B){C=h(w,C);if(!C.engine){return m}if(!e){n.addClass(x.root(),"cufon-active cufon-loading");n.ready(function(){n.addClass(n.removeClass(x.root(),"cufon-loading"),"cufon-ready")});e=true}if(C.hover){C.forceHitArea=true}if(typeof C.textShadow=="string"){C.textShadow=n.textShadow(C.textShadow)}if(typeof C.color=="string"&&/^-/.test(C.color)){C.textGradient=n.gradient(C.color)}if(!B){y.add(D,arguments)}if(D.nodeType||typeof D=="string"){D=[D]}n.ready(function(){for(var F=0,E=D.length;F<E;++F){var G=D[F];if(typeof G=="string"){m.replace(C.selector(G),C,true)}else{l(G,C)}}});return m};m.set=function(B,C){w[B]=C;return m};return m})();Cufon.registerEngine("canvas",(function(){var b=document.createElement("canvas");if(!b||!b.getContext||!b.getContext.apply){return}b=null;var a=Cufon.CSS.supports("display","inline-block");var e=!a&&(document.compatMode=="BackCompat"||/frameset|transitional/i.test(document.doctype.publicId));var f=document.createElement("style");f.type="text/css";f.appendChild(document.createTextNode((".cufon-canvas{text-indent:0;}@media screen,projection{.cufon-canvas{display:inline;display:inline-block;position:relative;vertical-align:middle;"+(e?"":"font-size:1px;line-height:1px;")+"}.cufon-canvas .cufon-alt{display:-moz-inline-box;display:inline-block;width:0;height:0;overflow:hidden;text-indent:-10000in;}"+(a?".cufon-canvas canvas{position:relative;}":".cufon-canvas canvas{position:absolute;}")+"}@media print{.cufon-canvas{padding:0;}.cufon-canvas canvas{display:none;}.cufon-canvas .cufon-alt{display:inline;}}").replace(/;/g,"!important;")));document.getElementsByTagName("head")[0].appendChild(f);function d(p,h){var n=0,m=0;var g=[],o=/([mrvxe])([^a-z]*)/g,k;generate:for(var j=0;k=o.exec(p);++j){var l=k[2].split(",");switch(k[1]){case"v":g[j]={m:"bezierCurveTo",a:[n+~~l[0],m+~~l[1],n+~~l[2],m+~~l[3],n+=~~l[4],m+=~~l[5]]};break;case"r":g[j]={m:"lineTo",a:[n+=~~l[0],m+=~~l[1]]};break;case"m":g[j]={m:"moveTo",a:[n=~~l[0],m=~~l[1]]};break;case"x":g[j]={m:"closePath"};break;case"e":break generate}h[g[j].m].apply(h,g[j].a)}return g}function c(m,k){for(var j=0,h=m.length;j<h;++j){var g=m[j];k[g.m].apply(k,g.a)}}return function(ah,H,Z,D,L,ai){var n=(H===null);if(n){H=L.alt}var J=ah.viewBox;var p=Z.getSize("fontSize",ah.baseSize);var X=Z.get("letterSpacing");X=(X=="normal")?0:p.convertFrom(parseInt(X,10));var K=0,Y=0,W=0,F=0;var I=D.textShadow,U=[];if(I){for(var ag=I.length;ag--;){var O=I[ag];var T=p.convertFrom(parseFloat(O.offX));var R=p.convertFrom(parseFloat(O.offY));U[ag]=[T,R];if(R<K){K=R}if(T>Y){Y=T}if(R>W){W=R}if(T<F){F=T}}}var al=Cufon.CSS.textTransform(H,Z).split(""),B;var o=ah.glyphs,E,r,ac;var h=0,v,N=[];for(var ag=0,ae=0,ab=al.length;ag<ab;++ag){E=o[B=al[ag]]||ah.missingGlyph;if(!E){continue}if(r){h-=ac=r[B]||0;N[ae-1]-=ac}h+=v=N[ae++]=~~(E.w||ah.w)+X;r=E.k}if(v===undefined){return null}Y+=J.width-v;F+=J.minX;var C,q;if(n){C=L;q=L.firstChild}else{C=document.createElement("span");C.className="cufon cufon-canvas";C.alt=H;q=document.createElement("canvas");C.appendChild(q);if(D.printable){var ad=document.createElement("span");ad.className="cufon-alt";ad.appendChild(document.createTextNode(H));C.appendChild(ad)}}var am=C.style;var Q=q.style;var m=p.convert(J.height);var ak=Math.ceil(m);var V=ak/m;var P=V*Cufon.CSS.fontStretch(Z.get("fontStretch"));var S=h*P;var aa=Math.ceil(p.convert(S+Y-F));var t=Math.ceil(p.convert(J.height-K+W));q.width=aa;q.height=t;Q.width=aa+"px";Q.height=t+"px";K+=J.minY;Q.top=Math.round(p.convert(K-ah.ascent))+"px";Q.left=Math.round(p.convert(F))+"px";var A=Math.ceil(p.convert(S))+"px";if(a){am.width=A;am.height=p.convert(ah.height)+"px"}else{am.paddingLeft=A;am.paddingBottom=(p.convert(ah.height)-1)+"px"}var aj=q.getContext("2d"),M=m/J.height;aj.scale(M,M*V);aj.translate(-F,-K);aj.lineWidth=ah.face["underline-thickness"];aj.save();function s(i,g){aj.strokeStyle=g;aj.beginPath();aj.moveTo(0,i);aj.lineTo(h,i);aj.stroke()}var u=D.enableTextDecoration?Cufon.CSS.textDecoration(ai,Z):{};if(u.underline){s(-ah.face["underline-position"],u.underline)}if(u.overline){s(ah.ascent,u.overline)}function af(){aj.scale(P,1);for(var x=0,k=0,g=al.length;x<g;++x){var y=o[al[x]]||ah.missingGlyph;if(!y){continue}if(y.d){aj.beginPath();if(y.code){c(y.code,aj)}else{y.code=d("m"+y.d,aj)}aj.fill()}aj.translate(N[k++],0)}aj.restore()}if(I){for(var ag=I.length;ag--;){var O=I[ag];aj.save();aj.fillStyle=O.color;aj.translate.apply(aj,U[ag]);af()}}var z=D.textGradient;if(z){var G=z.stops,w=aj.createLinearGradient(0,J.minY,0,J.maxY);for(var ag=0,ab=G.length;ag<ab;++ag){w.addColorStop.apply(w,G[ag])}aj.fillStyle=w}else{aj.fillStyle=Z.get("color")}af();if(u["line-through"]){s(-ah.descent,u["line-through"])}return C}})());Cufon.registerEngine("vml",(function(){var e=document.namespaces;if(!e){return}e.add("cvml","urn:schemas-microsoft-com:vml");e=null;var b=document.createElement("cvml:shape");b.style.behavior="url(#default#VML)";if(!b.coordsize){return}b=null;var g=(document.documentMode||0)<8;document.write(('<style type="text/css">.cufon-vml-canvas{text-indent:0;}@media screen{cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}.cufon-vml-canvas{position:absolute;text-align:left;}.cufon-vml{display:inline-block;position:relative;vertical-align:'+(g?"middle":"text-bottom")+";}.cufon-vml .cufon-alt{position:absolute;left:-10000in;font-size:1px;}a .cufon-vml{cursor:pointer}}@media print{.cufon-vml *{display:none;}.cufon-vml .cufon-alt{display:inline;}}</style>").replace(/;/g,"!important;"));function c(h,i){return a(h,/(?:em|ex|%)$|^[a-z-]+$/i.test(i)?"1em":i)}function a(k,l){if(/px$/i.test(l)){return parseFloat(l)}var j=k.style.left,i=k.runtimeStyle.left;k.runtimeStyle.left=k.currentStyle.left;k.style.left=l.replace("%","em");var h=k.style.pixelLeft;k.style.left=j;k.runtimeStyle.left=i;return h}var f={};function d(o){var p=o.id;if(!f[p]){var m=o.stops,n=document.createElement("cvml:fill"),h=[];n.type="gradient";n.angle=180;n.focus="0";n.method="sigma";n.color=m[0][1];for(var l=1,i=m.length-1;l<i;++l){h.push(m[l][0]*100+"% "+m[l][1])}n.colors=h.join(",");n.color2=m[i][1];f[p]=n}return f[p]}return function(aj,K,ad,G,O,ak,ab){var o=(K===null);if(o){K=O.alt}var M=aj.viewBox;var q=ad.computedFontSize||(ad.computedFontSize=new Cufon.CSS.Size(c(ak,ad.get("fontSize"))+"px",aj.baseSize));var aa=ad.computedLSpacing;if(aa==undefined){aa=ad.get("letterSpacing");ad.computedLSpacing=aa=(aa=="normal")?0:~~q.convertFrom(a(ak,aa))}var C,r;if(o){C=O;r=O.firstChild}else{C=document.createElement("span");C.className="cufon cufon-vml";C.alt=K;r=document.createElement("span");r.className="cufon-vml-canvas";C.appendChild(r);if(G.printable){var ag=document.createElement("span");ag.className="cufon-alt";ag.appendChild(document.createTextNode(K));C.appendChild(ag)}if(!ab){C.appendChild(document.createElement("cvml:shape"))}}var ap=C.style;var V=r.style;var m=q.convert(M.height),am=Math.ceil(m);var Z=am/m;var T=Z*Cufon.CSS.fontStretch(ad.get("fontStretch"));var Y=M.minX,X=M.minY;V.height=am;V.top=Math.round(q.convert(X-aj.ascent));V.left=Math.round(q.convert(Y));ap.height=q.convert(aj.height)+"px";var v=G.enableTextDecoration?Cufon.CSS.textDecoration(ak,ad):{};var J=ad.get("color");var ao=Cufon.CSS.textTransform(K,ad).split(""),B;var p=aj.glyphs,H,s,af;var h=0,P=[],W=0,x;var z,L=G.textShadow;for(var ai=0,ah=0,ae=ao.length;ai<ae;++ai){H=p[B=ao[ai]]||aj.missingGlyph;if(!H){continue}if(s){h-=af=s[B]||0;P[ah-1]-=af}h+=x=P[ah++]=~~(H.w||aj.w)+aa;s=H.k}if(x===undefined){return null}var A=-Y+h+(M.width-x);var an=q.convert(A*T),ac=Math.round(an);var S=A+","+M.height,n;var N="r"+S+"ns";var y=G.textGradient&&d(G.textGradient);for(ai=0,ah=0;ai<ae;++ai){H=p[ao[ai]]||aj.missingGlyph;if(!H){continue}if(o){z=r.childNodes[ah];while(z.firstChild){z.removeChild(z.firstChild)}}else{z=document.createElement("cvml:shape");r.appendChild(z)}z.stroked="f";z.coordsize=S;z.coordorigin=n=(Y-W)+","+X;z.path=(H.d?"m"+H.d+"xe":"")+"m"+n+N;z.fillcolor=J;if(y){z.appendChild(y.cloneNode(false))}var al=z.style;al.width=ac;al.height=am;if(L){var u=L[0],t=L[1];var F=Cufon.CSS.color(u.color),D;var R=document.createElement("cvml:shadow");R.on="t";R.color=F.color;R.offset=u.offX+","+u.offY;if(t){D=Cufon.CSS.color(t.color);R.type="double";R.color2=D.color;R.offset2=t.offX+","+t.offY}R.opacity=F.opacity||(D&&D.opacity)||1;z.appendChild(R)}W+=P[ah++]}var Q=z.nextSibling,w,E;if(G.forceHitArea){if(!Q){Q=document.createElement("cvml:rect");Q.stroked="f";Q.className="cufon-vml-cover";w=document.createElement("cvml:fill");w.opacity=0;Q.appendChild(w);r.appendChild(Q)}E=Q.style;E.width=ac;E.height=am}else{if(Q){r.removeChild(Q)}}ap.width=Math.max(Math.ceil(q.convert(h*T)),0);if(g){var U=ad.computedYAdjust;if(U===undefined){var I=ad.get("lineHeight");if(I=="normal"){I="1em"}else{if(!isNaN(I)){I+="em"}}ad.computedYAdjust=U=0.5*(a(ak,I)-parseFloat(ap.height))}if(U){ap.marginTop=Math.ceil(U)+"px";ap.marginBottom=U+"px"}}return C}})());<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
/*<br />
* jQuery Easing v1.1 - http://gsgd.co.uk/sandbox/jquery.easing.php<br />
*<br />
* Uses the built in easing capabilities added in jQuery 1.1<br />
* to offer multiple easing options<br />
*<br />
* Copyright (c) 2007 George Smith<br />
* Licensed under the MIT License:<br />
* http://www.opensource.org/licenses/mit-license.php<br />
*/<br />
<br />
jQuery.easing = {<br />
easein: function(x, t, b, c, d) {<br />
return c*(t/=d)*t + b; // in<br />
},<br />
easeinout: function(x, t, b, c, d) {<br />
if (t < d/2) return 2*c*t*t/(d*d) + b;<br />
var ts = t - d/2;<br />
return -2*c*ts*ts/(d*d) + 2*c*ts/d + c/2 + b;<br />
},<br />
easeout: function(x, t, b, c, d) {<br />
return -c*t*t/(d*d) + 2*c*t/d + b;<br />
},<br />
expoin: function(x, t, b, c, d) {<br />
var flip = 1;<br />
if (c < 0) {<br />
flip *= -1;<br />
c *= -1;<br />
}<br />
return flip * (Math.exp(Math.log(c)/d * t)) + b;<br />
},<br />
expoout: function(x, t, b, c, d) {<br />
var flip = 1;<br />
if (c < 0) {<br />
flip *= -1;<br />
c *= -1;<br />
}<br />
return flip * (-Math.exp(-Math.log(c)/d * (t-d)) + c + 1) + b;<br />
},<br />
expoinout: function(x, t, b, c, d) {<br />
var flip = 1;<br />
if (c < 0) {<br />
flip *= -1;<br />
c *= -1;<br />
}<br />
if (t < d/2) return flip * (Math.exp(Math.log(c/2)/(d/2) * t)) + b;<br />
return flip * (-Math.exp(-2*Math.log(c/2)/d * (t-d)) + c + 1) + b;<br />
},<br />
bouncein: function(x, t, b, c, d) {<br />
return c - jQuery.easing['bounceout'](x, d-t, 0, c, d) + b;<br />
},<br />
bounceout: function(x, t, b, c, d) {<br />
if ((t/=d) < (1/2.75)) {<br />
return c*(7.5625*t*t) + b;<br />
} else if (t < (2/2.75)) {<br />
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;<br />
} else if (t < (2.5/2.75)) {<br />
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;<br />
} else {<br />
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;<br />
}<br />
},<br />
bounceinout: function(x, t, b, c, d) {<br />
if (t < d/2) return jQuery.easing['bouncein'] (x, t*2, 0, c, d) * .5 + b;<br />
return jQuery.easing['bounceout'] (x, t*2-d,0, c, d) * .5 + c*.5 + b;<br />
},<br />
elasin: function(x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
},<br />
elasout: function(x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;<br />
},<br />
elasinout: function(x, t, b, c, d) {<br />
var s=1.70158;var p=0;var a=c;<br />
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);<br />
if (a < Math.abs(c)) { a=c; var s=p/4; }<br />
else var s = p/(2*Math.PI) * Math.asin (c/a);<br />
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;<br />
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;<br />
},<br />
backin: function(x, t, b, c, d) {<br />
var s=1.70158;<br />
return c*(t/=d)*t*((s+1)*t - s) + b;<br />
},<br />
backout: function(x, t, b, c, d) {<br />
var s=1.70158;<br />
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;<br />
},<br />
backinout: function(x, t, b, c, d) {<br />
var s=1.70158;<br />
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;<br />
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;<br />
},<br />
linear: function(x, t, b, c, d) {<br />
return c*t/d + b; //linear<br />
}<br />
};<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
jQuery(document).ready(function() {<br />
Cufon.replace('.blogname h2', { fontFamily: 'MankSans-Medium' });<br />
Cufon.replace('.sidetitl,.blogname h1', { fontFamily: 'ChunkFive' });<br />
<br />
});<br />
<br />
//]]><br />
</script><br />
<br />
<br />
<style type='text/css'><br />
#slidearea{<br />
height: 230px;<br />
overflow: hidden;<br />
position: relative;<br />
width:680px;<br />
background:#242424;<br />
}<br />
#gallerycover{<br />
overflow: hidden;<br />
margin:0px 0px;<br />
}<br />
<br />
.mygallery{<br />
overflow: hidden;<br />
position:relative;<br />
}<br />
<br />
.mytext img{<br />
position:absolute;<br />
left:10px;<br />
top:10px;<br />
padding:5px;<br />
background:#515252;<br />
border:1px solid #5e5e5e;<br />
}<br />
<br />
.mytext{<br />
position:relative;<br />
margin:0px 0px;<br />
height:200px;<br />
width:680px;<br />
float:left;<br />
display:inline;<br />
line-height:20px;<br />
color:#c4c4c4;<br />
font-family: Tahoma,Georgia,century gothic,Verdana, sans-serif;<br />
}<br />
<br />
.mytext ul li{<br />
height:200px;<br />
<br />
}<br />
<br />
.mytext a:link, .mytext a:visited {<br />
color:#fff;<br />
}<br />
<br />
.mytext h2 {<br />
font: 18px Georgia,century gothic,Verdana, sans-serif;<br />
margin:15px 0px 5px 310px;<br />
font-weight:normal;<br />
width:350px;<br />
height:24px;<br />
overflow:hidden;<br />
}<br />
<br />
.mytext p {<br />
width:350px;<br />
margin:0px 0px 5px 310px;<br />
color:#6f6f6f;<br />
}<br />
<br />
.mytext h2 a:link, .mytext h2 a:visited {<br />
color:#fff;<br />
}<br />
.slnav{<br />
padding:3px 0px;<br />
background:#000;<br />
<br />
}<br />
.prev{<br />
float:left;<br />
width:24px;<br />
height:24px;<br />
z-index:200;<br />
margin-left:5px;<br />
background:url(<span style="color: #009900; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuBRTq8W4IX55x9ihxbzPfOjMVxtctGyNGho6GyxPPOTKFIJCW0szJmWQGRtmeRFnIJFKQFQxuY9y4mTU2VKTY4ZnXE7UcMcAcD6s2HpwjR4WHft6JKv1xN1buerPohxu_O2W2M0XQW8Cs/</span>);<br />
}<br />
<br />
.next{<br />
float:right;<br />
width:24px;<br />
height:24px;<br />
z-index:200;<br />
background:url(<span style="color: #009900; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcBdUwaKcKITo90AifK8gKnIZIgmMk5yk51oXj3gBMzjmC_Jvys6YiXftHg8KXcjcO4XslFK2GXvRlz4z7PjxVrb5KqfOgx_DP_5E9At0Gy69vEB95xvTwGRILHg6I3VNXKk0jYN96quiy/</span>);<br />
display:block;<br />
}<br />
<br />
</style></div>
<br />
<br />
<span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="font-weight: bold;">Note</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">:</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: red; font-weight: bold;">Host</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #009900; font-weight: bold;">prev.png</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">and</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #009900; font-weight: bold;">nxt.png</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">images yourself.</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><br />
</span><br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">6.Now save your template.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">7.Go to Layout-->Page Elements and click on "Add a gadget".</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">8.Select "html/java script" and add the code given below and click save.</span><br />
<br />
<br />
<div class="code">
<script type="text/javascript"><br />
var $jx = jQuery.noConflict();<br />
$jx(function() {<br />
$jx(".mygallery").jCarouselLite({<br />
btnNext: ".next",<br />
btnPrev: ".prev",<br />
visible: 1,<br />
easing: "backout",<br />
speed: 1000<br />
});<br />
<br />
});<br />
</script><br />
<br />
<div id="slidearea"><br />
<br />
<div id="gallerycover"><br />
<div class="mygallery"><br />
<ul><br />
<br />
<li><br />
<div class="mytext"><br />
<h2><a href="<span style="font-size: 130%;"><span style="color: #3333ff; font-weight: bold;">URL-of-Post-1</span></span>" title="#"><span style="color: red; font-size: 130%;"><span style="font-weight: bold;">Title-of-Post-1</span></span></a></h2><br />
<p><span style="color: #009900; font-size: 130%; font-weight: bold;">Slide 1 Description [...]</span></p><br />
<br />
<img src="<span style="color: #ff6600; font-size: 130%; font-weight: bold;">Slide-1-Image-Address</span>" alt="" /><br />
</div><br />
</li><br />
<br />
<br />
<li><br />
<div class="mytext"><br />
<h2><a href="<span style="color: #3333ff; font-size: 130%; font-weight: bold;">URL-of-Post-2</span>" title="#"><span style="color: red; font-size: 130%; font-weight: bold;">Title-of-Post-2</span></a></h2><br />
<p><span style="color: #009900; font-size: 130%; font-weight: bold;">Slide 2 Description [...]</span></p><br />
<br />
<img src="<span style="color: #ff6600; font-size: 130%; font-weight: bold;">Slide-2-Image-Address</span>" alt="" /><br />
</div><br />
</li><br />
<br />
<br />
<li><br />
<div class="mytext"><br />
<h2><a href="<span style="color: #3333ff; font-size: 130%; font-weight: bold;">URL-of-Post-3</span>" title="#"><span style="color: red; font-size: 130%; font-weight: bold;">Title-of-Post-3</span></a></h2><br />
<p><span style="color: #009900; font-size: 130%; font-weight: bold;">Slide 3 Description</span> [...]</p><br />
<br />
<img src="<span style="color: #ff6600; font-size: 130%; font-weight: bold;">Slide-3-Image-Address</span>" alt="" /><br />
</div><br />
</li><br />
<br />
<br />
<li><br />
<div class="mytext"><br />
<h2><a href="<span style="color: #3333ff; font-size: 130%; font-weight: bold;">URL-of-Post-4</span>" title="#"><span style="color: red; font-size: 130%; font-weight: bold;">Title-of-Post-4</span></a></h2><br />
<p><span style="color: #009900; font-size: 130%; font-weight: bold;">Slide 4 Description [...]</span></p><br />
<br />
<img src="<span style="color: #ff6600; font-size: 130%; font-weight: bold;">Slide-4-Image-Address</span>" alt="" /><br />
</div><br />
</li><br />
<br />
<br />
<li><br />
<div class="mytext"><br />
<h2><a href="<span style="color: #3333ff; font-size: 130%; font-weight: bold;">URL-of-Post-5</span>" title="#"><span style="color: red; font-size: 130%; font-weight: bold;">Title-of-Post-5</span></a></h2><br />
<p><span style="color: #009900; font-size: 130%; font-weight: bold;">Slide 5 Description [...]</span></p><br />
<br />
<img src="<span style="color: #ff6600; font-size: 130%; font-weight: bold;">Slide-5-Image-Address</span>" alt="" /><br />
</div><br />
</li><br />
<br />
</ul><br />
<br />
<div class="clear"></div><br />
<br />
</div><br />
</div><br />
<br />
<div class="slnav"><br />
<a href="#" class="prev"></a><br />
<a href="#" class="next"></a><br />
<div class="clear"></div><br />
</div><br />
<br />
</div></div>
<br />
<br />
<span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="font-size: 21px;">Note</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">:</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #3333ff; font-size: 21px; font-weight: bold;">Replace URL-of-Post-X</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">,</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: red; font-size: 21px; font-weight: bold;">Title-of-Post-X</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">,</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #009900; font-size: 21px; font-weight: bold;">Slide X Description [...]</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">,</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #ff6600; font-size: 21px; font-weight: bold;">Slide-X-Image-Address</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">with your content.</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><br />
</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><br />
</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">Use</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #993399; font-weight: bold;">width=270px</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">and</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #993399; font-weight: bold;">height=170px</span></span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"> </span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">images for your slides.</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><br />
</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><br />
</span><span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">And also you can add many more slide to this widget.</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Add Mootools Recent Post Slider to blogger </span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIY3sbxnSxHbGxVIUxov9p9tZfCB8VbqekmvaAc6ZKwp1x06XEa-sscPG4HW5na5YJPz3xbSIWQlrQWyklGTjRZeyWAKOsR8KFNH3NVLcOS39KzBvREPpLbourqZPMXUcytl3Xe34_BDeo/s1600/How+To+Add+Mootools+Recent+Post+Slider+to+blogger.png" width="320" /></div>
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;">Blogger</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Layout</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;">and select the tick-box</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;">Then, find (CTRL+F) this code in the template:</span><br />
<br />
<div class="code">
]]></b:skin></div>
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And immediately</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: blue;">after</span><span class="Apple-style-span" style="color: #444444;"> </span></span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">it, paste this code:</span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type='text/javascript'><br />
//<![CDATA[<br />
<br />
//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006 Valerio Proietti, <http://mad4milk.net>, MIT Style License.<br />
<br />
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('m 9F={af:\'1.11\'};h $5k(L){k(L!=7D)};h $t(L){o(!$5k(L))k V;o(L.3T)k\'B\';m t=57 L;o(t==\'2w\'&&L.a7){2k(L.6m){17 1:k\'B\';17 3:k(/\\S/).2U(L.8q)?\'ak\':\'ad\'}}o(t==\'2w\'||t==\'h\'){2k(L.7A){17 2b:k\'1p\';17 6N:k\'6d\';17 19:k\'4k\'}o(57 L.M==\'4w\'){o(L.2M)k\'9U\';o(L.7p)k\'12\'}}k t};h $1X(){m 4Q={};G(m i=0;i<12.M;i++){G(m C 15 12[i]){m ap=12[i][C];m 4X=4Q[C];o(4X&&$t(ap)==\'2w\'&&$t(4X)==\'2w\')4Q[C]=$1X(4X,ap);14 4Q[C]=ap}}k 4Q};m $N=h(){m 1b=12;o(!1b[1])1b=[c,1b[0]];G(m C 15 1b[1])1b[0][C]=1b[1][C];k 1b[0]};m $4a=h(){G(m i=0,l=12.M;i<l;i++){12[i].N=h(1F){G(m 1H 15 1F){o(!c.1z[1H])c.1z[1H]=1F[1H];o(!c[1H])c[1H]=$4a.5F(1H)}}}};$4a.5F=h(1H){k h(Q){k c.1z[1H].3m(Q,2b.1z.7M.1Q(12,1))}};$4a(62,2b,6p,7I);h $2i(L){k!!(L||L===0)};h $7m(L,7C){k $5k(L)?L:7C};h $6J(3O,22){k 1c.9W(1c.6J()*(22-3O+1)+3O)};h $3e(){k J 98().99()};h $4c(1w){9T(1w);9Q(1w);k 1r};m 33=h(L){L=L||{};L.N=$N;k L};m 9R=J 33(P);m aX=J 33(K);K.5K=K.3i(\'5K\')[0];P.3p=!!(K.79);o(P.aV)P.2t=P[P.aQ?\'b0\':\'7B\']=1a;14 o(K.8o&&!K.bb&&!bc.b6)P.3A=P[P.3p?\'aO\':\'5j\']=1a;14 o(K.aN!=1r)P.6k=1a;P.aw=P.3A;ax.N=$N;o(57 4N==\'7D\'){m 4N=h(){};o(P.3A)K.8j("av");4N.1z=(P.3A)?P["[[aq.1z]]"]:{}}4N.1z.3T=h(){};o(P.7B)6o{K.ar("at",V,1a)}6f(e){};m 19=h(1v){m 4H=h(){k(12[0]!==1r&&c.1n&&$t(c.1n)==\'h\')?c.1n.3m(c,12):c};$N(4H,c);4H.1z=1v;4H.7A=19;k 4H};19.1u=h(){};19.1z={N:h(1v){m 5N=J c(1r);G(m C 15 1v){m 7E=5N[C];5N[C]=19.7F(7E,1v[C])}k J 19(5N)},3o:h(){G(m i=0,l=12.M;i<l;i++)$N(c.1z,12[i])}};19.7F=h(3u,21){o(3u&&3u!=21){m t=$t(21);o(t!=$t(3u))k 21;2k(t){17\'h\':m 7s=h(){c.1q=12.7p.1q;k 21.3m(c,12)};7s.1q=3u;k 7s;17\'2w\':k $1X(3u,21)}}k 21};m 8E=J 19({aI:h(O){c.3F=c.3F||[];c.3F.1f(O);k c},8Q:h(){o(c.3F&&c.3F.M)c.3F.89().1V(10,c)},aH:h(){c.3F=[]}});m 2e=J 19({1L:h(t,O){o(O!=19.1u){c.$X=c.$X||{};c.$X[t]=c.$X[t]||[];c.$X[t].6F(O)}k c},1o:h(t,1b,1V){o(c.$X&&c.$X[t]){c.$X[t].1D(h(O){O.2v({\'Q\':c,\'1V\':1V,\'12\':1b})()},c)}k c},49:h(t,O){o(c.$X&&c.$X[t])c.$X[t].2y(O);k c}});m 44=J 19({3v:h(){c.r=$1X.3m(1r,[c.r].N(12));o(c.1L){G(m 4z 15 c.r){o($t(c.r[4z]==\'h\')&&(/^4W[A-Z]/).2U(4z))c.1L(4z,c.r[4z])}}k c}});2b.N({4Z:h(O,Q){G(m i=0,j=c.M;i<j;i++)O.1Q(Q,c[i],i,c)},2D:h(O,Q){m 4d=[];G(m i=0,j=c.M;i<j;i++){o(O.1Q(Q,c[i],i,c))4d.1f(c[i])}k 4d},2E:h(O,Q){m 4d=[];G(m i=0,j=c.M;i<j;i++)4d[i]=O.1Q(Q,c[i],i,c);k 4d},5O:h(O,Q){G(m i=0,j=c.M;i<j;i++){o(!O.1Q(Q,c[i],i,c))k V}k 1a},aC:h(O,Q){G(m i=0,j=c.M;i<j;i++){o(O.1Q(Q,c[i],i,c))k 1a}k V},48:h(2M,R){m 4g=c.M;G(m i=(R<0)?1c.22(0,4g+R):R||0;i<4g;i++){o(c[i]===2M)k i}k-1},7x:h(1d,M){1d=1d||0;o(1d<0)1d=c.M+1d;M=M||(c.M-1d);m 7g=[];G(m i=0;i<M;i++)7g[i]=c[1d++];k 7g},2y:h(2M){m i=0;m 4g=c.M;6g(i<4g){o(c[i]===2M){c.5t(i,1);4g--}14{i++}}k c},1e:h(2M,R){k c.48(2M,R)!=-1},aE:h(1C){m L={},M=1c.3O(c.M,1C.M);G(m i=0;i<M;i++)L[1C[i]]=c[i];k L},N:h(1p){G(m i=0,j=1p.M;i<j;i++)c.1f(1p[i]);k c},1X:h(1p){G(m i=0,l=1p.M;i<l;i++)c.6F(1p[i]);k c},6F:h(2M){o(!c.1e(2M))c.1f(2M);k c},aG:h(){k c[$6J(0,c.M-1)]||1r},6z:h(){k c[c.M-1]||1r}});2b.1z.1D=2b.1z.4Z;2b.1D=2b.4Z;h $A(1p){k 2b.7x(1p)};h $1D(3q,O,Q){o(3q&&57 3q.M==\'4w\'&&$t(3q)!=\'2w\'){2b.4Z(3q,O,Q)}14{G(m 1E 15 3q)O.1Q(Q||3q,3q[1E],1E)}};2b.1z.2U=2b.1z.1e;6p.N({2U:h(5p,2p){k(($t(5p)==\'2L\')?J 6N(5p,2p):5p).2U(c)},2G:h(){k 4t(c,10)},8i:h(){k 4G(c)},6V:h(){k c.2Z(/-\\D/g,h(2B){k 2B.6W(1).7G()})},8t:h(){k c.2Z(/\\w[A-Z]/g,h(2B){k(2B.6W(0)+\'-\'+2B.6W(1).4M())})},70:h(){k c.2Z(/\\b[a-z]/g,h(2B){k 2B.7G()})},4m:h(){k c.2Z(/^\\s+|\\s+$/g,\'\')},6S:h(){k c.2Z(/\\s{2,}/g,\' \').4m()},5T:h(1p){m 2n=c.2B(/\\d{1,3}/g);k(2n)?2n.5T(1p):V},5z:h(1p){m 3G=c.2B(/^#?(\\w{1,2})(\\w{1,2})(\\w{1,2})$/);k(3G)?3G.7M(1).5z(1p):V},1e:h(2L,s){k(s)?(s+c+s).48(s+2L+s)>-1:c.48(2L)>-1},9f:h(){k c.2Z(/([.*+?^${}()|[\\]\\/\\\\])/g,\'\\\\$1\')}});2b.N({5T:h(1p){o(c.M<3)k V;o(c.M==4&&c[3]==0&&!1p)k\'aM\';m 3G=[];G(m i=0;i<3;i++){m 3U=(c[i]-0).8J(16);3G.1f((3U.M==1)?\'0\'+3U:3U)}k 1p?3G:\'#\'+3G.2u(\'\')},5z:h(1p){o(c.M!=3)k V;m 2n=[];G(m i=0;i<3;i++){2n.1f(4t((c[i].M==1)?c[i]+c[i]:c[i],16))}k 1p?2n:\'2n(\'+2n.2u(\',\')+\')\'}});62.N({2v:h(r){m O=c;r=$1X({\'Q\':O,\'u\':V,\'12\':1r,\'1V\':V,\'3s\':V,\'5V\':V},r);o($2i(r.12)&&$t(r.12)!=\'1p\')r.12=[r.12];k h(u){m 1b;o(r.u){u=u||P.u;1b=[(r.u===1a)?u:J r.u(u)];o(r.12)1b.N(r.12)}14 1b=r.12||12;m 35=h(){k O.3m($7m(r.Q,O),1b)};o(r.1V)k aL(35,r.1V);o(r.3s)k aK(35,r.3s);o(r.5V)6o{k 35()}6f(aJ){k V};k 35()}},aB:h(1b,Q){k c.2v({\'12\':1b,\'Q\':Q})},5V:h(1b,Q){k c.2v({\'12\':1b,\'Q\':Q,\'5V\':1a})()},Q:h(Q,1b){k c.2v({\'Q\':Q,\'12\':1b})},aA:h(Q,1b){k c.2v({\'Q\':Q,\'u\':1a,\'12\':1b})},1V:h(1V,Q,1b){k c.2v({\'1V\':1V,\'Q\':Q,\'12\':1b})()},3s:h(7v,Q,1b){k c.2v({\'3s\':7v,\'Q\':Q,\'12\':1b})()}});7I.N({2G:h(){k 4t(c)},8i:h(){k 4G(c)},1t:h(3O,22){k 1c.3O(22,1c.22(3O,c))},3w:h(4n){4n=1c.3d(10,4n||0);k 1c.3w(c*4n)/4n},as:h(O){G(m i=0;i<c;i++)O(i)}});m I=J 19({1n:h(q,1F){o($t(q)==\'2L\'){o(P.2t&&1F&&(1F.1E||1F.t)){m 1E=(1F.1E)?\' 1E="\'+1F.1E+\'"\':\'\';m t=(1F.t)?\' t="\'+1F.t+\'"\':\'\';4b 1F.1E;4b 1F.t;q=\'<\'+q+1E+t+\'>\'}q=K.8j(q)}q=$(q);k(!1F||!q)?q:q.1U(1F)}});m 1M=J 19({1n:h(U){k(U)?$N(U,c):c}});1M.N=h(1F){G(m 1H 15 1F){c.1z[1H]=1F[1H];c[1H]=$4a.5F(1H)}};h $(q){o(!q)k 1r;o(q.3T)k 2a.4e(q);o([P,K].1e(q))k q;m t=$t(q);o(t==\'2L\'){q=K.5o(q);t=(q)?\'B\':V}o(t!=\'B\')k 1r;o(q.3T)k 2a.4e(q);o([\'2w\',\'ao\'].1e(q.59.4M()))k q;$N(q,I.1z);q.3T=h(){};k 2a.4e(q)};K.5s=K.3i;h $$(){m U=[];G(m i=0,j=12.M;i<j;i++){m 1B=12[i];2k($t(1B)){17\'B\':U.1f(1B);17\'au\':1J;17 V:1J;17\'2L\':1B=K.5s(1B,1a);6P:U.N(1B)}}k $$.4C(U)};$$.4C=h(1p){m U=[];G(m i=0,l=1p.M;i<l;i++){o(1p[i].$5u)54;m B=$(1p[i]);o(B&&!B.$5u){B.$5u=1a;U.1f(B)}}G(m n=0,d=U.M;n<d;n++)U[n].$5u=1r;k J 1M(U)};1M.5y=h(C){k h(){m 1b=12;m 1k=[];m U=1a;G(m i=0,j=c.M,35;i<j;i++){35=c[i][C].3m(c[i],1b);o($t(35)!=\'B\')U=V;1k.1f(35)};k(U)?$$.4C(1k):1k}};I.N=h(1v){G(m C 15 1v){4N.1z[C]=1v[C];I.1z[C]=1v[C];I[C]=$4a.5F(C);m 8k=(2b.1z[C])?C+\'1M\':C;1M.1z[8k]=1M.5y(C)}};I.N({1U:h(1F){G(m 1H 15 1F){m 4P=1F[1H];2k(1H){17\'6I\':c.5H(4P);1J;17\'X\':o(c.5r)c.5r(4P);1J;17\'1v\':c.5J(4P);1J;6P:c.58(1H,4P)}}k c},28:h(q,8l){q=$(q);2k(8l){17\'8g\':q.2K.6D(c,q);1J;17\'7N\':m 4v=q.8s();o(!4v)q.2K.6M(c);14 q.2K.6D(c,4v);1J;17\'1j\':m 6X=q.6H;o(6X){q.6D(c,6X);1J}6P:q.6M(c)}k c},b8:h(q){k c.28(q,\'8g\')},9e:h(q){k c.28(q,\'7N\')},b1:h(q){k c.28(q,\'4E\')},aT:h(q){k c.28(q,\'1j\')},9i:h(){m U=[];$1D(12,h(8d){U=U.6i(8d)});$$(U).28(c);k c},2y:h(){k c.2K.8r(c)},aR:h(8e){m q=$(c.aP(8e!==V));o(!q.$X)k q;q.$X={};G(m t 15 c.$X)q.$X[t]={\'1C\':$A(c.$X[t].1C),\'1I\':$A(c.$X[t].1I)};k q.5C()},aU:h(q){q=$(q);c.2K.an(q,c);k q},8b:h(2s){c.6M(K.aY(2s));k c},6Y:h(1l){k c.1l.1e(1l,\' \')},8m:h(1l){o(!c.6Y(1l))c.1l=(c.1l+\' \'+1l).6S();k c},8f:h(1l){c.1l=c.1l.2Z(J 6N(\'(^|\\\\s)\'+1l+\'(?:\\\\s|$)\'),\'$1\').6S();k c},aW:h(1l){k c.6Y(1l)?c.8f(1l):c.8m(1l)},26:h(C,F){2k(C){17\'29\':k c.8n(4G(F));17\'9P\':C=(P.2t)?\'9O\':\'9S\'}C=C.6V();2k($t(F)){17\'4w\':o(![\'9V\',\'8u\'].1e(C))F+=\'3Y\';1J;17\'1p\':F=\'2n(\'+F.2u(\',\')+\')\'}c.1A[C]=F;k c},5H:h(1W){2k($t(1W)){17\'2w\':I.5v(c,\'26\',1W);1J;17\'2L\':c.1A.71=1W}k c},8n:h(29){o(29==0){o(c.1A.3C!="4K")c.1A.3C="4K"}14{o(c.1A.3C!="6y")c.1A.3C="6y"}o(!c.5R||!c.5R.9N)c.1A.8u=1;o(P.2t)c.1A.2D=(29==1)?\'\':"9X(29="+29*56+")";c.1A.29=c.$1G.29=29;k c},1R:h(C){C=C.6V();m 1y=c.1A[C];o(!$2i(1y)){o(C==\'29\')k c.$1G.29;1y=[];G(m 1A 15 I.3y){o(C==1A){I.3y[1A].1D(h(s){m 1A=c.1R(s);1y.1f(4t(1A)?1A:\'7T\')},c);o(C==\'3t\'){m 5O=1y.5O(h(3U){k(3U==1y[0])});k(5O)?1y[0]:V}k 1y.2u(\' \')}}o(C.1e(\'3t\')){o(I.3y.3t.1e(C)){k[\'7X\',\'63\',\'6u\'].2E(h(p){k c.1R(C+p)},c).2u(\' \')}14 o(I.87.1e(C)){k[\'7S\',\'7O\',\'7P\',\'7Y\'].2E(h(p){k c.1R(\'3t\'+p+C.2Z(\'3t\',\'\'))},c).2u(\' \')}}o(K.8v)1y=K.8v.9D(c,1r).9L(C.8t());14 o(c.5R)1y=c.5R[C]}o(P.2t)1y=I.7W(C,1y,c);o(1y&&C.2U(/5P/i)&&1y.1e(\'2n\')){k 1y.4r(\'2n\').5t(1,4).2E(h(5P){k 5P.5T()}).2u(\' \')}k 1y},9b:h(){k I.74(c,\'1R\',12)},4x:h(5U,1d){5U+=\'9I\';m q=(1d)?c[1d]:c[5U];6g(q&&$t(q)!=\'B\')q=q[5U];k $(q)},9G:h(){k c.4x(\'3u\')},8s:h(){k c.4x(\'4v\')},am:h(){k c.4x(\'4v\',\'6H\')},6z:h(){k c.4x(\'3u\',\'ac\')},ag:h(){k $(c.2K)},ah:h(){k $$(c.8o)},6e:h(q){k!!$A(c.3i(\'*\')).1e(q)},5d:h(C){m 3c=I.5h[C];o(3c)k c[3c];m 6w=I.82[C]||0;o(!P.2t||6w)k c.aj(C,6w);m 6C=c.ab[C];k(6C)?6C.8q:1r},a2:h(C){m 3c=I.5h[C];o(3c)c[3c]=\'\';14 c.9y(C);k c},a1:h(){k I.74(c,\'5d\',12)},58:h(C,F){m 3c=I.5h[C];o(3c)c[3c]=F;14 c.a4(C,F);k c},5J:h(1W){k I.5v(c,\'58\',1W)},5L:h(){c.7U=$A(12).2u(\'\');k c},a5:h(2s){m 2J=c.4l();o([\'1A\',\'3f\'].1e(2J)){o(P.2t){o(2J==\'1A\')c.8a.71=2s;14 o(2J==\'3f\')c.58(\'2s\',2s);k c}14{c.8r(c.6H);k c.8b(2s)}}c[$5k(c.7l)?\'7l\':\'7V\']=2s;k c},a6:h(){m 2J=c.4l();o([\'1A\',\'3f\'].1e(2J)){o(P.2t){o(2J==\'1A\')k c.8a.71;14 o(2J==\'3f\')k c.5d(\'2s\')}14{k c.7U}}k($7m(c.7l,c.7V))},4l:h(){k c.59.4M()},1u:h(){2a.4q(c.3i(\'*\'));k c.5L(\'\')}});I.7W=h(C,1y,B){o($2i(4t(1y)))k 1y;o([\'34\',\'2A\'].1e(C)){m 1I=(C==\'2A\')?[\'1m\',\'4F\']:[\'1j\',\'4E\'];m 2P=0;1I.1D(h(F){2P+=B.1R(\'3t-\'+F+\'-2A\').2G()+B.1R(\'7t-\'+F).2G()});k B[\'1x\'+C.70()]-2P+\'3Y\'}14 o(C.2U(/3t(.+)7X|2I|7t/)){k\'7T\'}k 1y};I.3y={\'3t\':[],\'7t\':[],\'2I\':[]};[\'7S\',\'7O\',\'7P\',\'7Y\'].1D(h(86){G(m 1A 15 I.3y)I.3y[1A].1f(1A+86)});I.87=[\'cC\',\'cA\',\'cB\'];I.74=h(q,2N,1C){m 1y={};$1D(1C,h(1g){1y[1g]=q[2N](1g)});k 1y};I.5v=h(q,2N,72){G(m 1g 15 72)q[2N](1g,72[1g]);k q};I.5h=J 33({\'4k\':\'1l\',\'G\':\'cg\',\'cf\':\'cd\',\'ce\':\'cj\',\'ck\':\'cp\',\'co\':\'cn\',\'cG\':\'cm\',\'cF\':\'cL\',\'d0\':\'cZ\',\'F\':\'F\',\'85\':\'85\',\'84\':\'84\',\'80\':\'80\',\'81\':\'81\'});I.82={\'4Y\':2,\'3N\':2};I.2c={51:{2C:h(t,O){o(c.6s)c.6s(t,O,V);14 c.d4(\'4W\'+t,O);k c},3L:h(t,O){o(c.8c)c.8c(t,O,V);14 c.d3(\'4W\'+t,O);k c}}};P.N(I.2c.51);K.N(I.2c.51);I.N(I.2c.51);m 2a={U:[],4e:h(q){o(!q.$1G){2a.U.1f(q);q.$1G={\'29\':1}}k q},4q:h(U){G(m i=0,j=U.M,q;i<j;i++){o(!(q=U[i])||!q.$1G)54;o(q.$X)q.1o(\'4q\').5C();G(m p 15 q.$1G)q.$1G[p]=1r;G(m d 15 I.1z)q[d]=1r;2a.U[2a.U.48(q)]=1r;q.3T=q.$1G=q=1r}2a.U.2y(1r)},1u:h(){2a.4e(P);2a.4e(K);2a.4q(2a.U)}};P.2C(\'7H\',h(){P.2C(\'66\',2a.1u);o(P.2t)P.2C(\'66\',cJ)});m 2l=J 19({1n:h(u){o(u&&u.$83)k u;c.$83=1a;u=u||P.u;c.u=u;c.t=u.t;c.2X=u.2X||u.cI;o(c.2X.6m==3)c.2X=c.2X.2K;c.89=u.cN;c.cO=u.cT;c.cS=u.cP;c.cQ=u.cl;o([\'6n\',\'47\'].1e(c.t)){c.cb=(u.88)?u.88/cc:-(u.bz||0)/3}14 o(c.t.1e(\'1g\')){c.5a=u.7Q||u.bx;G(m 1E 15 2l.1C){o(2l.1C[1E]==c.5a){c.1g=1E;1J}}o(c.t==\'7w\'){m 5b=c.5a-bw;o(5b>0&&5b<13)c.1g=\'f\'+5b}c.1g=c.1g||6p.bA(c.5a).4M()}14 o(c.t.2U(/(8x|2O|bG)/)){c.1Y={\'x\':u.6q||u.7Z+K.2r.4I,\'y\':u.6r||u.7R+K.2r.4J};c.8C={\'x\':u.6q?u.6q-P.8P:u.7Z,\'y\':u.6r?u.6r-P.8O:u.7R};c.bC=(u.7Q==3)||(u.bt==2);2k(c.t){17\'6c\':c.1Z=u.1Z||u.bs;1J;17\'69\':c.1Z=u.1Z||u.9c}c.8p()}k c},1K:h(){k c.5g().5e()},5g:h(){o(c.u.5g)c.u.5g();14 c.u.bk=1a;k c},5e:h(){o(c.u.5e)c.u.5e();14 c.u.bi=V;k c}});2l.5x={1Z:h(){o(c.1Z&&c.1Z.6m==3)c.1Z=c.1Z.2K},8w:h(){6o{2l.5x.1Z.1Q(c)}6f(e){c.1Z=c.2X}}};2l.1z.8p=(P.6k)?2l.5x.8w:2l.5x.1Z;2l.1C=J 33({\'bq\':13,\'bn\':38,\'bI\':40,\'1m\':37,\'4F\':39,\'bY\':27,\'c4\':32,\'c9\':8,\'c6\':9,\'4b\':46});I.2c.2e={1L:h(t,O){c.$X=c.$X||{};c.$X[t]=c.$X[t]||{\'1C\':[],\'1I\':[]};o(c.$X[t].1C.1e(O))k c;c.$X[t].1C.1f(O);m 5w=t;m 23=I.2e[t];o(23){o(23.6j)23.6j.1Q(c,O);o(23.2E)O=23.2E;o(23.t)5w=23.t}o(!c.6s)O=O.2v({\'Q\':c,\'u\':1a});c.$X[t].1I.1f(O);k(I.6h.1e(5w))?c.2C(5w,O):c},49:h(t,O){o(!c.$X||!c.$X[t])k c;m 1h=c.$X[t].1C.48(O);o(1h==-1)k c;m 1g=c.$X[t].1C.5t(1h,1)[0];m F=c.$X[t].1I.5t(1h,1)[0];m 23=I.2e[t];o(23){o(23.2y)23.2y.1Q(c,O);o(23.t)t=23.t}k(I.6h.1e(t))?c.3L(t,F):c},5r:h(1W){k I.5v(c,\'1L\',1W)},5C:h(t){o(!c.$X)k c;o(!t){G(m 5D 15 c.$X)c.5C(5D);c.$X=1r}14 o(c.$X[t]){c.$X[t].1C.1D(h(O){c.49(t,O)},c);c.$X[t]=1r}k c},1o:h(t,1b,1V){o(c.$X&&c.$X[t]){c.$X[t].1C.1D(h(O){O.2v({\'Q\':c,\'1V\':1V,\'12\':1b})()},c)}k c},8h:h(R,t){o(!R.$X)k c;o(!t){G(m 5D 15 R.$X)c.8h(R,5D)}14 o(R.$X[t]){R.$X[t].1C.1D(h(O){c.1L(t,O)},c)}k c}};P.N(I.2c.2e);K.N(I.2c.2e);I.N(I.2c.2e);I.2e=J 33({\'7o\':{t:\'6c\',2E:h(u){u=J 2l(u);o(u.1Z!=c&&!c.6e(u.1Z))c.1o(\'7o\',u)}},\'7r\':{t:\'69\',2E:h(u){u=J 2l(u);o(u.1Z!=c&&!c.6e(u.1Z))c.1o(\'7r\',u)}},\'47\':{t:(P.6k)?\'6n\':\'47\'}});I.6h=[\'8x\',\'bJ\',\'6x\',\'5X\',\'47\',\'6n\',\'6c\',\'69\',\'2Y\',\'7w\',\'bT\',\'by\',\'3n\',\'66\',\'7H\',\'bK\',\'bM\',\'bN\',\'bX\',\'2S\',\'c7\',\'c8\',\'3Z\',\'8W\',\'8X\',\'ca\',\'2f\'];62.N({3I:h(Q,1b){k c.2v({\'Q\':Q,\'12\':1b,\'u\':2l})}});1M.N({c3:h(2J){k J 1M(c.2D(h(q){k(I.4l(q)==2J)}))},7L:h(1l,2d){m U=c.2D(h(q){k(q.1l&&q.1l.1e(1l,\' \'))});k(2d)?U:J 1M(U)},7J:h(3B,2d){m U=c.2D(h(q){k(q.3B==3B)});k(2d)?U:J 1M(U)},7K:h(1E,65,F,2d){m U=c.2D(h(q){m 21=I.5d(q,1E);o(!21)k V;o(!65)k 1a;2k(65){17\'=\':k(21==F);17\'*=\':k(21.1e(F));17\'^=\':k(21.7i(0,F.M)==F);17\'$=\':k(21.7i(21.M-F.M)==F);17\'!=\':k(21!=F);17\'~=\':k 21.1e(F,\' \')}k V});k(2d)?U:J 1M(U)}});h $E(1B,2D){k($(2D)||K).9r(1B)};h $br(1B,2D){k($(2D)||K).5s(1B)};$$.2W={\'6d\':/^(\\w*|\\*)(?:#([\\w-]+)|\\.([\\w-]+))?(?:\\[(\\w+)(?:([!*^$]?=)["\']?([^"\'\\]]*)["\']?)?])?$/,\'3p\':{64:h(1k,2H,Y,i){m 2h=[2H.bl?\'6R:\':\'\',Y[1]];o(Y[2])2h.1f(\'[@3B="\',Y[2],\'"]\');o(Y[3])2h.1f(\'[1e(6i(" ", @4k, " "), " \',Y[3],\' ")]\');o(Y[4]){o(Y[5]&&Y[6]){2k(Y[5]){17\'*=\':2h.1f(\'[1e(@\',Y[4],\', "\',Y[6],\'")]\');1J;17\'^=\':2h.1f(\'[bf-bu(@\',Y[4],\', "\',Y[6],\'")]\');1J;17\'$=\':2h.1f(\'[cR(@\',Y[4],\', 2L-M(@\',Y[4],\') - \',Y[6].M,\' + 1) = "\',Y[6],\'"]\');1J;17\'=\':2h.1f(\'[@\',Y[4],\'="\',Y[6],\'"]\');1J;17\'!=\':2h.1f(\'[@\',Y[4],\'!="\',Y[6],\'"]\')}}14{2h.1f(\'[@\',Y[4],\']\')}}1k.1f(2h.2u(\'\'));k 1k},67:h(1k,2H,2d){m U=[];m 3p=K.79(\'.//\'+1k.2u(\'//\'),2H,$$.2W.7z,cM.cV,1r);G(m i=0,j=3p.cU;i<j;i++)U.1f(3p.cr(i));k(2d)?U:J 1M(U.2E($))}},\'9p\':{64:h(1k,2H,Y,i){o(i==0){o(Y[2]){m q=2H.5o(Y[2]);o(!q||((Y[1]!=\'*\')&&(I.4l(q)!=Y[1])))k V;1k=[q]}14{1k=$A(2H.3i(Y[1]))}}14{1k=$$.2W.3i(1k,Y[1]);o(Y[2])1k=1M.7J(1k,Y[2],1a)}o(Y[3])1k=1M.7L(1k,Y[3],1a);o(Y[4])1k=1M.7K(1k,Y[4],Y[5],Y[6],1a);k 1k},67:h(1k,2H,2d){k(2d)?1k:$$.4C(1k)}},7z:h(7y){k(7y==\'6R\')?\'9C://cv.cx.cw/ay/6R\':V},3i:h(2H,59){m 6b=[];G(m i=0,j=2H.M;i<j;i++)6b.N(2H[i].3i(59));k 6b}};$$.2W.2N=(P.3p)?\'3p\':\'9p\';I.2c.6a={5M:h(1B,2d){m 1k=[];1B=1B.4m().4r(\' \');G(m i=0,j=1B.M;i<j;i++){m 9q=1B[i];m Y=9q.2B($$.2W.6d);o(!Y)1J;Y[1]=Y[1]||\'*\';m 2h=$$.2W[$$.2W.2N].64(1k,c,Y,i);o(!2h)1J;1k=2h}k $$.2W[$$.2W.2N].67(1k,c,2d)},9r:h(1B){k $(c.5M(1B,1a)[0]||V)},5s:h(1B,2d){m U=[];1B=1B.4r(\',\');G(m i=0,j=1B.M;i<j;i++)U=U.6i(c.5M(1B[i],1a));k(2d)?U:$$.4C(U)}};I.N({5o:h(3B){m q=K.5o(3B);o(!q)k V;G(m 1q=q.2K;1q!=c;1q=1q.2K){o(!1q)k V}k q},ct:h(1l){k c.5M(\'.\'+1l)}});K.N(I.2c.6a);I.N(I.2c.6a);I.N({31:h(x,y){c.4I=x;c.4J=y},5S:h(){k{\'2f\':{\'x\':c.4I,\'y\':c.4J},\'2P\':{\'x\':c.3M,\'y\':c.3D},\'5Z\':{\'x\':c.5B,\'y\':c.5Q}}},3g:h(1S){1S=1S||[];m q=c,1m=0,1j=0;bp{1m+=q.bo||0;1j+=q.bH||0;q=q.c2}6g(q);1S.1D(h(B){1m-=B.4I||0;1j-=B.4J||0});k{\'x\':1m,\'y\':1j}},8Y:h(1S){k c.3g(1S).y},8Z:h(1S){k c.3g(1S).x},61:h(1S){m 1s=c.3g(1S);m L={\'2A\':c.3M,\'34\':c.3D,\'1m\':1s.x,\'1j\':1s.y};L.4F=L.1m+L.2A;L.4E=L.1j+L.34;k L}});I.2e.6t={6j:h(O){o(P.5l){O.1Q(c);k}m 4p=h(){o(P.5l)k;P.5l=1a;P.1w=$4c(P.1w);c.1o(\'6t\')}.Q(c);o(K.4T&&P.3A){P.1w=h(){o([\'5l\',\'6v\'].1e(K.4T))4p()}.3s(50)}14 o(K.4T&&P.2t){o(!$(\'68\')){m 3N=(P.c1.c0==\'bZ:\')?\'://0\':\'9a:c5(0)\';K.bR(\'<3f 3B="68" bS 3N="\'+3N+\'"><\\/3f>\');$(\'68\').bU=h(){o(c.4T==\'6v\')4p()}}}14{P.2C("3n",4p);K.2C("bV",4p)}}};P.bQ=h(O){k c.1L(\'6t\',O)};P.N({7h:h(){o(c.5j)k c.bP;o(c.9s)k K.4i.9A;k K.2r.9A},76:h(){o(c.5j)k c.bL;o(c.9s)k K.4i.9k;k K.2r.9k},8N:h(){o(c.2t)k 1c.22(K.2r.3M,K.2r.5B);o(c.3A)k K.4i.5B;k K.2r.5B},8M:h(){o(c.2t)k 1c.22(K.2r.3D,K.2r.5Q);o(c.3A)k K.4i.5Q;k K.2r.5Q},77:h(){k c.8P||K.2r.4I},75:h(){k c.8O||K.2r.4J},5S:h(){k{\'2P\':{\'x\':c.7h(),\'y\':c.76()},\'5Z\':{\'x\':c.8N(),\'y\':c.8M()},\'2f\':{\'x\':c.77(),\'y\':c.75()}}},3g:h(){k{\'x\':0,\'y\':0}}});m 18={};18.2m=J 19({r:{4f:19.1u,2o:19.1u,8U:19.1u,1N:h(p){k-(1c.94(1c.7k*p)-1)/2},3h:bO,25:\'3Y\',45:1a,8V:50},1n:h(r){c.B=c.B||1r;c.3v(r);o(c.r.1n)c.r.1n.1Q(c)},1T:h(){m 3e=$3e();o(3e<c.3e+c.r.3h){c.8R=c.r.1N((3e-c.3e)/c.r.3h);c.3J();c.3K()}14{c.1K(1a);c.1U(c.T);c.1o(\'2o\',c.B,10);c.8Q()}},1U:h(T){c.W=T;c.3K();k c},3J:h(){c.W=c.3H(c.R,c.T)},3H:h(R,T){k(T-R)*c.8R+R},1d:h(R,T){o(!c.r.45)c.1K();14 o(c.1w)k c;c.R=R;c.T=T;c.2S=c.T-c.R;c.3e=$3e();c.1w=c.1T.3s(1c.3w(9j/c.r.8V),c);c.1o(\'4f\',c.B);k c},1K:h(2j){o(!c.1w)k c;c.1w=$4c(c.1w);o(!2j)c.1o(\'8U\',c.B);k c},23:h(R,T){k c.1d(R,T)},bW:h(2j){k c.1K(2j)}});18.2m.3o(J 8E,J 2e,J 44);18.2R={3Z:h(C,T){o(C.2U(/5P/i))k c.6u;m t=$t(T);o((t==\'1p\')||(t==\'2L\'&&T.1e(\' \')))k c.5y;k c.8y},2q:h(q,C,43){o(!43.1f)43=[43];m R=43[0],T=43[1];o(!$2i(T)){T=R;R=q.1R(C)}m 1i=c.3Z(C,T);k{\'R\':1i.2q(R),\'T\':1i.2q(T),\'1i\':1i}}};18.2R.8y={2q:h(F){k 4G(F)},3X:h(R,T,41){k 41.3H(R,T)},3W:h(F,25,C){o(25==\'3Y\'&&C!=\'29\')F=1c.3w(F);k F+25}};18.2R.5y={2q:h(F){k F.1f?F:F.4r(\' \').2E(h(v){k 4G(v)})},3X:h(R,T,41){m W=[];G(m i=0;i<R.M;i++)W[i]=41.3H(R[i],T[i]);k W},3W:h(F,25,C){o(25==\'3Y\'&&C!=\'29\')F=F.2E(1c.3w);k F.2u(25+\' \')+25}};18.2R.6u={2q:h(F){k F.1f?F:F.5z(1a)},3X:h(R,T,41){m W=[];G(m i=0;i<R.M;i++)W[i]=1c.3w(41.3H(R[i],T[i]));k W},3W:h(F){k\'2n(\'+F.2u(\',\')+\')\'}};18.63=18.2m.N({1n:h(q,C,r){c.B=$(q);c.C=C;c.1q(r)},4U:h(){k c.1U(0)},3J:h(){c.W=c.1i.3X(c.R,c.T,c)},1U:h(T){c.1i=18.2R.3Z(c.C,T);k c.1q(c.1i.2q(T))},1d:h(R,T){o(c.1w&&c.r.45)k c;m 1O=18.2R.2q(c.B,c.C,[R,T]);c.1i=1O.1i;k c.1q(1O.R,1O.T)},3K:h(){c.B.26(c.C,c.1i.3W(c.W,c.r.25,c.C))}});I.N({bm:h(C,r){k J 18.63(c,C,r)}});18.3y=18.2m.N({1n:h(q,r){c.B=$(q);c.1q(r)},3J:h(){G(m p 15 c.R)c.W[p]=c.1i[p].3X(c.R[p],c.T[p],c)},1U:h(T){m 1O={};c.1i={};G(m p 15 T){c.1i[p]=18.2R.3Z(p,T[p]);1O[p]=c.1i[p].2q(T[p])}k c.1q(1O)},1d:h(L){o(c.1w&&c.r.45)k c;c.W={};c.1i={};m R={},T={};G(m p 15 L){m 1O=18.2R.2q(c.B,p,L[p]);R[p]=1O.R;T[p]=1O.T;c.1i[p]=1O.1i}k c.1q(R,T)},3K:h(){G(m p 15 c.W)c.B.26(p,c.1i[p].3W(c.W[p],c.r.25,p))}});I.N({bg:h(r){k J 18.3y(c,r)}});18.1M=18.2m.N({1n:h(U,r){c.U=$$(U);c.1q(r)},3J:h(){G(m i 15 c.R){m 4o=c.R[i],3j=c.T[i],3b=c.1i[i],4s=c.W[i]={};G(m p 15 4o)4s[p]=3b[p].3X(4o[p],3j[p],c)}},1U:h(T){m 1O={};c.1i={};G(m i 15 T){m 3j=T[i],3b=c.1i[i]={},9l=1O[i]={};G(m p 15 3j){3b[p]=18.2R.3Z(p,3j[p]);9l[p]=3b[p].2q(3j[p])}}k c.1q(1O)},1d:h(L){o(c.1w&&c.r.45)k c;c.W={};c.1i={};m R={},T={};G(m i 15 L){m 6l=L[i],4o=R[i]={},3j=T[i]={},3b=c.1i[i]={};G(m p 15 6l){m 1O=18.2R.2q(c.U[i],p,6l[p]);4o[p]=1O.R;3j[p]=1O.T;3b[p]=1O.1i}}k c.1q(R,T)},3K:h(){G(m i 15 c.W){m 4s=c.W[i],3b=c.1i[i];G(m p 15 4s)c.U[i].26(p,3b[p].3W(4s[p],c.r.25,p))}}});18.bh=18.2m.N({r:{1S:[],1x:{\'x\':0,\'y\':0},8G:1a},1n:h(B,r){c.W=[];c.B=$(B);c.2g={\'1K\':c.1K.Q(c,V)};c.1q(r);o(c.r.8G){c.1L(\'4f\',h(){K.1L(\'47\',c.2g.1K)}.Q(c));c.1L(\'2o\',h(){K.49(\'47\',c.2g.1K)}.Q(c))}},3J:h(){G(m i=0;i<2;i++)c.W[i]=c.3H(c.R[i],c.T[i])},31:h(x,y){o(c.1w&&c.r.45)k c;m q=c.B.5S();m 1I={\'x\':x,\'y\':y};G(m z 15 q.2P){m 22=q.5Z[z]-q.2P[z];o($2i(1I[z]))1I[z]=($t(1I[z])==\'4w\')?1I[z].1t(0,22):22;14 1I[z]=q.2f[z];1I[z]+=c.r.1x[z]}k c.1d([q.2f.x,q.2f.y],[1I.x,1I.y])},bj:h(){k c.31(V,0)},bD:h(){k c.31(V,\'9d\')},bE:h(){k c.31(0,V)},bF:h(){k c.31(\'9d\',V)},9c:h(q){m 1q=c.B.3g(c.r.1S);m 2X=$(q).3g(c.r.1S);k c.31(2X.x-1q.x,2X.y-1q.y)},3K:h(){c.B.31(c.W[0],c.W[1])}});18.bB=18.2m.N({r:{1P:\'7u\'},1n:h(q,r){c.B=$(q);c.2z=J I(\'4L\',{\'6I\':$N(c.B.9b(\'2I\'),{\'bv\':\'4K\'})}).9e(c.B).9i(c.B);c.B.26(\'2I\',0);c.3v(r);c.W=[];c.1q(c.r);c.4O=1a;c.1L(\'2o\',h(){c.4O=(c.W[0]===0)});o(P.5j)c.1L(\'2o\',h(){o(c.4O)c.B.2y().28(c.2z)})},3J:h(){G(m i=0;i<2;i++)c.W[i]=c.3H(c.R[i],c.T[i])},7u:h(){c.2I=\'2I-1j\';c.4S=\'34\';c.1x=c.B.3D},7e:h(){c.2I=\'2I-1m\';c.4S=\'2A\';c.1x=c.B.3M},9h:h(1P){c[1P||c.r.1P]();k c.1d([c.B.1R(c.2I).2G(),c.2z.1R(c.4S).2G()],[0,c.1x])},9g:h(1P){c[1P||c.r.1P]();k c.1d([c.B.1R(c.2I).2G(),c.2z.1R(c.4S).2G()],[-c.1x,0])},4U:h(1P){c[1P||c.r.1P]();c.4O=V;k c.1U([-c.1x,0])},7a:h(1P){c[1P||c.r.1P]();c.4O=1a;k c.1U([0,c.1x])},cH:h(1P){o(c.2z.3D==0||c.2z.3M==0)k c.9h(1P);k c.9g(1P)},3K:h(){c.B.26(c.2I,c.W[0]+c.r.25);c.2z.26(c.4S,c.W[1]+c.r.25)}});18.6E=h(1N,2p){2p=2p||[];o($t(2p)!=\'1p\')2p=[2p];k $N(1N,{cK:h(1h){k 1N(1h,2p)},d1:h(1h){k 1-1N(1-1h,2p)},d5:h(1h){k(1h<=0.5)?1N(2*1h,2p)/2:(2-1N(2*(1-1h),2p))/2}})};18.2Q=J 33({d2:h(p){k p}});18.2Q.N=h(7c){G(m 1N 15 7c){18.2Q[1N]=J 18.6E(7c[1N]);18.2Q.6G(1N)}};18.2Q.6G=h(1N){[\'cX\',\'cW\',\'cY\'].1D(h(73){18.2Q[1N.4M()+73]=18.2Q[1N][\'ci\'+73]})};18.2Q.N({ch:h(p,x){k 1c.3d(p,x[0]||6)},cq:h(p){k 1c.3d(2,8*(p-1))},cD:h(p){k 1-1c.96(1c.cE(p))},cz:h(p){k 1-1c.96((1-p)*1c.7k/2)},cy:h(p,x){x=x[0]||1.cs;k 1c.3d(p,2)*((x+1)*p-x)},cu:h(p){m F;G(m a=0,b=1;1;a+=b,b/=2){o(p>=(7-4*a)/11){F=-1c.3d((11-6*a-11*p)/4,2)+b*b;1J}}k F},be:h(p,x){k 1c.3d(2,10*--p)*1c.94(20*p*1c.7k*(x[0]||1)/3)}});[\'aa\',\'a3\',\'a0\',\'a9\'].1D(h(1N,i){18.2Q[1N]=J 18.6E(h(p){k 1c.3d(p,[i+2])});18.2Q.6G(1N)});m 3z={};3z.2m=J 19({r:{4B:V,25:\'3Y\',4f:19.1u,97:19.1u,2o:19.1u,92:19.1u,6Z:19.1u,1t:V,3a:{x:\'1m\',y:\'1j\'},3E:V,6O:6},1n:h(q,r){c.3v(r);c.B=$(q);c.4B=$(c.r.4B)||c.B;c.2O={\'W\':{},\'1h\':{}};c.F={\'1d\':{},\'W\':{}};c.2g={\'1d\':c.1d.3I(c),\'3V\':c.3V.3I(c),\'36\':c.36.3I(c),\'1K\':c.1K.Q(c)};c.95();o(c.r.1n)c.r.1n.1Q(c)},95:h(){c.4B.1L(\'5X\',c.2g.1d);k c},a8:h(){c.4B.49(\'5X\',c.2g.1d);k c},1d:h(u){c.1o(\'97\',c.B);c.2O.1d=u.1Y;m 1t=c.r.1t;c.1t={\'x\':[],\'y\':[]};G(m z 15 c.r.3a){o(!c.r.3a[z])54;c.F.W[z]=c.B.1R(c.r.3a[z]).2G();c.2O.1h[z]=u.1Y[z]-c.F.W[z];o(1t&&1t[z]){G(m i=0;i<2;i++){o($2i(1t[z][i]))c.1t[z][i]=($t(1t[z][i])==\'h\')?1t[z][i]():1t[z][i]}}}o($t(c.r.3E)==\'4w\')c.r.3E={\'x\':c.r.3E,\'y\':c.r.3E};K.2C(\'2Y\',c.2g.3V);K.2C(\'6x\',c.2g.1K);c.1o(\'4f\',c.B);u.1K()},3V:h(u){m 93=1c.3w(1c.9Z(1c.3d(u.1Y.x-c.2O.1d.x,2)+1c.3d(u.1Y.y-c.2O.1d.y,2)));o(93>c.r.6O){K.3L(\'2Y\',c.2g.3V);K.2C(\'2Y\',c.2g.36);c.36(u);c.1o(\'92\',c.B)}u.1K()},36:h(u){c.4u=V;c.2O.W=u.1Y;G(m z 15 c.r.3a){o(!c.r.3a[z])54;c.F.W[z]=c.2O.W[z]-c.2O.1h[z];o(c.1t[z]){o($2i(c.1t[z][1])&&(c.F.W[z]>c.1t[z][1])){c.F.W[z]=c.1t[z][1];c.4u=1a}14 o($2i(c.1t[z][0])&&(c.F.W[z]<c.1t[z][0])){c.F.W[z]=c.1t[z][0];c.4u=1a}}o(c.r.3E[z])c.F.W[z]-=(c.F.W[z]%c.r.3E[z]);c.B.26(c.r.3a[z],c.F.W[z]+c.r.25)}c.1o(\'6Z\',c.B);u.1K()},1K:h(){K.3L(\'2Y\',c.2g.3V);K.3L(\'2Y\',c.2g.36);K.3L(\'6x\',c.2g.1K);c.1o(\'2o\',c.B)}});3z.2m.3o(J 2e,J 44);I.N({ai:h(r){k J 3z.2m(c,$1X({3a:{x:\'2A\',y:\'34\'}},r))}});3z.91=3z.2m.N({r:{5q:[],2F:V,1S:[]},1n:h(q,r){c.3v(r);c.B=$(q);c.5q=$$(c.r.5q);c.2F=$(c.r.2F);c.1s={\'B\':c.B.1R(\'1s\'),\'2F\':V};o(c.2F)c.1s.2F=c.2F.1R(\'1s\');o(![\'52\',\'3P\',\'4j\'].1e(c.1s.B))c.1s.B=\'3P\';m 1j=c.B.1R(\'1j\').2G();m 1m=c.B.1R(\'1m\').2G();o(c.1s.B==\'3P\'&&![\'52\',\'3P\',\'4j\'].1e(c.1s.2F)){1j=$2i(1j)?1j:c.B.8Y(c.r.1S);1m=$2i(1m)?1m:c.B.8Z(c.r.1S)}14{1j=$2i(1j)?1j:0;1m=$2i(1m)?1m:0}c.B.5H({\'1j\':1j,\'1m\':1m,\'1s\':c.1s.B});c.1q(c.B)},1d:h(u){c.2x=1r;o(c.2F){m 3R=c.2F.61();m q=c.B.61();o(c.1s.B==\'3P\'&&![\'52\',\'3P\',\'4j\'].1e(c.1s.2F)){c.r.1t={\'x\':[3R.1m,3R.4F-q.2A],\'y\':[3R.1j,3R.4E-q.34]}}14{c.r.1t={\'y\':[0,3R.34-q.34],\'x\':[0,3R.2A-q.2A]}}}c.1q(u)},36:h(u){c.1q(u);m 2x=c.4u?V:c.5q.2D(c.90,c).6z();o(c.2x!=2x){o(c.2x)c.2x.1o(\'ae\',[c.B,c]);c.2x=2x?2x.1o(\'9Y\',[c.B,c]):1r}k c},90:h(q){q=q.61(c.r.1S);m W=c.2O.W;k(W.x>q.1m&&W.x<q.4F&&W.y<q.4E&&W.y>q.1j)},1K:h(){o(c.2x&&!c.4u)c.2x.1o(\'9H\',[c.B,c]);14 c.B.1o(\'9J\',c);c.1q();k c}});I.N({9M:h(r){k J 3z.91(c,r)}});m 2V=J 33({r:{5W:V,5Y:V,3h:V,6T:V},1U:h(1g,F,r){r=$1X(c.r,r);F=9E(F);o(r.5W)F+=\'; 5W=\'+r.5W;o(r.5Y)F+=\'; 5Y=\'+r.5Y;o(r.3h){m 5A=J 98();5A.9K(5A.99()+r.3h*24*60*60*9j);F+=\'; al=\'+5A.bd()}o(r.6T)F+=\'; 6T\';K.3Q=1g+\'=\'+F;k $N(r,{\'1g\':1g,\'F\':F})},53:h(1g){m F=K.3Q.2B(\'(?:^|;)\\\\s*\'+1g.9f()+\'=([^;]*)\');k F?aZ(F[1]):V},2y:h(3Q,r){o($t(3Q)==\'2w\')c.1U(3Q.1g,\'\',$1X(3Q,{3h:-1}));14 c.1U(3Q,\'\',$1X(r,{3h:-1}))}});m 8H=J 33({9a:h(1W,1v){1v=$1X({\'4R\':19.1u},1v);m 3f=J I(\'3f\',{\'3N\':1W}).5r({\'3n\':1v.4R,\'aS\':h(){o(c.4T==\'6v\')c.1o(\'3n\')}});4b 1v.4R;k 3f.5J(1v).28(K.5K)},1i:h(1W,1v){k J I(\'b9\',$1X({\'9z\':\'ba\',\'b7\':\'b3\',\'t\':\'2s/1i\',\'4Y\':1W},1v)).28(K.5K)},3S:h(1W,1v){1v=$1X({\'4R\':19.1u,\'b2\':19.1u,\'b4\':19.1u},1v);m 3S=J b5();3S.3N=1W;m B=J I(\'7q\',{\'3N\':1W});[\'3n\',\'8X\',\'8W\'].1D(h(t){m u=1v[\'4W\'+t];4b 1v[\'4W\'+t];B.1L(t,h(){c.49(t,12.7p);u.1Q(c)})});o(3S.2A&&3S.34)B.1o(\'3n\',B,1);k B.5J(1v)},5E:h(42,r){r=$1X({2o:19.1u,8I:19.1u},r);o(!42.1f)42=[42];m 5E=[];m 5G=0;42.1D(h(1W){m 7q=J 8H.3S(1W,{\'4R\':h(){r.8I.1Q(c,5G);5G++;o(5G==42.M)r.2o()}});5E.1f(7q)});k J 1M(5E)}});m 2T=J 19({M:0,1n:h(2w){c.L=2w||{};c.4D()},53:h(1g){k(c.5I(1g))?c.L[1g]:1r},5I:h(1g){k(1g 15 c.L)},1U:h(1g,F){o(!c.5I(1g))c.M++;c.L[1g]=F;k c},4D:h(){c.M=0;G(m p 15 c.L)c.M++;k c},2y:h(1g){o(c.5I(1g)){4b c.L[1g];c.M--}k c},1D:h(O,Q){$1D(c.L,O,Q)},N:h(L){$N(c.L,L);k c.4D()},1X:h(){c.L=$1X.3m(1r,[c.L].N(12));k c.4D()},1u:h(){c.L={};c.M=0;k c},1C:h(){m 1C=[];G(m C 15 c.L)1C.1f(C);k 1C},1I:h(){m 1I=[];G(m C 15 c.L)1I.1f(c.L[C]);k 1I}});h $H(L){k J 2T(L)};2T.2V=2T.N({1n:h(1E,r){c.1E=1E;c.r=$N({\'8A\':1a},r||{});c.3n()},8z:h(){o(c.M==0){2V.2y(c.1E,c.r);k 1a}m 78=8F.8J(c.L);o(78.M>az)k V;2V.1U(c.1E,78,c.r);k 1a},3n:h(){c.L=8F.79(2V.53(c.1E),1a)||{};c.4D()}});2T.2V.2c={};[\'N\',\'1U\',\'1X\',\'1u\',\'2y\'].1D(h(2N){2T.2V.2c[2N]=h(){2T.1z[2N].3m(c,12);o(c.r.8A)c.8z();k c}});2T.2V.3o(2T.2V.2c);m 8D=J 19({r:{4y:20,7b:1,5i:h(x,y){c.B.31(x,y)}},1n:h(B,r){c.3v(r);c.B=$(B);c.7f=([P,K].1e(B))?$(K.4i):c.B},1d:h(){c.7d=c.8B.3I(c);c.7f.2C(\'2Y\',c.7d)},1K:h(){c.7f.3L(\'2Y\',c.7d);c.1w=$4c(c.1w)},8B:h(u){c.1Y=(c.B==P)?u.8C:u.1Y;o(!c.1w)c.1w=c.2f.3s(50,c)},2f:h(){m q=c.B.5S();m 1h=c.B.3g();m 2S={\'x\':0,\'y\':0};G(m z 15 c.1Y){o(c.1Y[z]<(c.r.4y+1h[z])&&q.2f[z]!=0)2S[z]=(c.1Y[z]-c.r.4y-1h[z])*c.r.7b;14 o(c.1Y[z]+c.r.4y>(q.2P[z]+1h[z])&&q.2f[z]+q.2P[z]!=q.5Z[z])2S[z]=(c.1Y[z]-q.2P[z]+c.r.4y-1h[z])*c.r.7b}o(2S.y||2S.x)c.1o(\'5i\',[q.2f.x+2S.x,q.2f.y+2S.y])}});8D.3o(J 2e,J 44);m 6B=J 19({r:{5i:19.1u,2o:19.1u,6U:h(1h){c.3x.26(c.p,1h)},1P:\'7e\',5f:56,1x:0},1n:h(q,3x,r){c.B=$(q);c.3x=$(3x);c.3v(r);c.6L=-1;c.6K=-1;c.1T=-1;c.B.1L(\'5X\',c.8K.3I(c));m 55,1x;2k(c.r.1P){17\'7e\':c.z=\'x\';c.p=\'1m\';55={\'x\':\'1m\',\'y\':V};1x=\'3M\';1J;17\'7u\':c.z=\'y\';c.p=\'1j\';55={\'x\':V,\'y\':\'1j\'};1x=\'3D\'}c.22=c.B[1x]-c.3x[1x]+(c.r.1x*2);c.8S=c.3x[1x]/2;c.8L=c.B[\'53\'+c.p.70()].Q(c.B);c.3x.26(\'1s\',\'52\').26(c.p,-c.r.1x);m 6Q={};6Q[c.z]=[-c.r.1x,c.22-c.r.1x];c.36=J 3z.2m(c.3x,{1t:6Q,3a:55,6O:0,4f:h(){c.5m()}.Q(c),6Z:h(){c.5m()}.Q(c),2o:h(){c.5m();c.2j()}.Q(c)});o(c.r.1n)c.r.1n.1Q(c)},1U:h(1T){c.1T=1T.1t(0,c.r.5f);c.5n();c.2j();c.1o(\'6U\',c.8T(c.1T));k c},8K:h(u){m 1s=u.1Y[c.z]-c.8L()-c.8S;1s=1s.1t(-c.r.1x,c.22-c.r.1x);c.1T=c.6A(1s);c.5n();c.2j();c.1o(\'6U\',1s)},5m:h(){c.1T=c.6A(c.36.F.W[c.z]);c.5n()},5n:h(){o(c.6L!=c.1T){c.6L=c.1T;c.1o(\'5i\',c.1T)}},2j:h(){o(c.6K!==c.1T){c.6K=c.1T;c.1o(\'2o\',c.1T+\'\')}},6A:h(1s){k 1c.3w((1s+c.r.1x)/c.22*c.r.5f)},8T:h(1T){k c.22*1T/c.r.5f}});6B.3o(J 2e);6B.3o(J 44);m 9v=J 19({r:{9t:h(3r){3r.26(\'3C\',\'6y\')},9u:h(3r){3r.26(\'3C\',\'4K\')},7j:30,9o:56,9n:56,1l:\'aF\',4A:{\'x\':16,\'y\':16},4j:V},1n:h(U,r){c.3v(r);c.3l=J I(\'4L\',{\'4k\':c.r.1l+\'-3r\',\'6I\':{\'1s\':\'3P\',\'1j\':\'0\',\'1m\':\'0\',\'3C\':\'4K\'}}).28(K.4i);c.2z=J I(\'4L\').28(c.3l);$$(U).1D(c.9B,c);o(c.r.1n)c.r.1n.1Q(c)},9B:h(q){q.$1G.3k=(q.4Y&&q.4l()==\'a\')?q.4Y.2Z(\'9C://\',\'\'):(q.9z||V);o(q.4h){m 5c=q.4h.4r(\'::\');o(5c.M>1){q.$1G.3k=5c[0].4m();q.$1G.4V=5c[1].4m()}14{q.$1G.4V=q.4h}q.9y(\'4h\')}14{q.$1G.4V=V}o(q.$1G.3k&&q.$1G.3k.M>c.r.7j)q.$1G.3k=q.$1G.3k.7i(0,c.r.7j-1)+"&aD;";q.1L(\'7o\',h(u){c.1d(q);o(!c.r.4j)c.7n(u);14 c.1s(q)}.Q(c));o(!c.r.4j)q.1L(\'2Y\',c.7n.3I(c));m 2j=c.2j.Q(c);q.1L(\'7r\',2j);q.1L(\'4q\',2j)},1d:h(q){c.2z.1u();o(q.$1G.3k){c.4h=J I(\'9w\').28(J I(\'4L\',{\'4k\':c.r.1l+\'-4h\'}).28(c.2z)).5L(q.$1G.3k)}o(q.$1G.4V){c.2s=J I(\'9w\').28(J I(\'4L\',{\'4k\':c.r.1l+\'-2s\'}).28(c.2z)).5L(q.$1G.4V)}$4c(c.1w);c.1w=c.7a.1V(c.r.9o,c)},2j:h(u){$4c(c.1w);c.1w=c.4U.1V(c.r.9n,c)},1s:h(B){m 1h=B.3g();c.3l.5H({\'1m\':1h.x+c.r.4A.x,\'1j\':1h.y+c.r.4A.y})},7n:h(u){m 9m={\'x\':P.7h(),\'y\':P.76()};m 2f={\'x\':P.77(),\'y\':P.75()};m 3r={\'x\':c.3l.3M,\'y\':c.3l.3D};m 1H={\'x\':\'1m\',\'y\':\'1j\'};G(m z 15 1H){m 1h=u.1Y[z]+c.r.4A[z];o((1h+3r[z]-2f[z])>9m[z])1h=u.1Y[z]-c.r.4A[z]-3r[z];c.3l.26(1H[z],1h)}},7a:h(){o(c.r.9x)c.1w=c.4U.1V(c.r.9x,c);c.1o(\'9t\',[c.3l])},4U:h(){c.1o(\'9u\',[c.3l])}});9v.3o(J 2e,J 44);',62,812,'||||||||||||this|||||function|||return||var||if||el|options||type|event|||||||element|property|||value|for||Element|new|document|obj|length|extend|fn|window|bind|from||to|elements|false|now|events|param||||arguments||else|in||case|Fx|Class|true|args|Math|start|contains|push|key|pos|css|top|items|className|left|initialize|fireEvent|array|parent|null|position|limit|empty|properties|timer|offset|result|prototype|style|selector|keys|each|name|props|tmp|prop|values|break|stop|addEvent|Elements|transition|parsed|mode|call|getStyle|overflown|step|set|delay|source|merge|page|relatedTarget||current|max|custom||unit|setStyle||inject|opacity|Garbage|Array|Methods|nocash|Events|scroll|bound|temp|chk|end|switch|Event|Base|rgb|onComplete|params|parse|documentElement|text|ie|join|create|object|overed|remove|wrapper|width|match|addListener|filter|map|container|toInt|context|margin|tag|parentNode|string|item|method|mouse|size|Transitions|CSS|change|Hash|test|Cookie|shared|target|mousemove|replace||scrollTo||Abstract|height|returns|drag||||modifiers|iCss|index|pow|time|script|getPosition|duration|getElementsByTagName|iTo|myTitle|toolTip|apply|load|implement|xpath|iterable|tip|periodical|border|previous|setOptions|round|knob|Styles|Drag|webkit|id|visibility|offsetHeight|grid|chains|hex|compute|bindWithEvent|setNow|increase|removeListener|offsetWidth|src|min|absolute|cookie|cont|image|htmlElement|bit|check|getValue|getNow|px|select||fx|sources|fromTo|Options|wait||mousewheel|indexOf|removeEvent|native|delete|clear|results|collect|onStart|len|title|body|fixed|class|getTag|trim|precision|iFrom|domReady|trash|split|iNow|parseInt|out|next|number|walk|area|option|offsets|handle|unique|setLength|bottom|right|parseFloat|klass|scrollLeft|scrollTop|hidden|div|toLowerCase|HTMLElement|open|val|mix|onload|layout|readyState|hide|myText|on|mp|href|forEach||Listeners|relative|get|continue|mod|100|typeof|setProperty|tagName|code|fKey|dual|getProperty|preventDefault|steps|stopPropagation|Properties|onChange|webkit419|defined|loaded|draggedKnob|checkStep|getElementById|regex|droppables|addEvents|getElementsBySelector|splice|included|setMany|realType|fix|Multi|hexToRgb|date|scrollWidth|removeEvents|evType|images|generic|counter|setStyles|hasKey|setProperties|head|setHTML|getElements|proto|every|color|scrollHeight|currentStyle|getSize|rgbToHex|brother|attempt|domain|mousedown|path|scrollSize||getCoordinates|Function|Style|getParam|operator|unload|getItems|ie_ready|mouseout|Dom|found|mouseover|regexp|hasChild|catch|while|NativeEvents|concat|add|gecko|iProps|nodeType|DOMMouseScroll|try|String|pageX|pageY|addEventListener|domready|Color|complete|flag|mouseup|visible|getLast|toStep|Slider|node|insertBefore|Transition|include|compat|firstChild|styles|random|previousEnd|previousChange|appendChild|RegExp|snap|default|lim|xhtml|clean|secure|onTick|camelCase|charAt|first|hasClass|onDrag|capitalize|cssText|pairs|easeType|getMany|getScrollTop|getHeight|getScrollLeft|str|evaluate|show|velocity|transitions|coord|horizontal|mousemover|newArray|getWidth|substr|maxTitleChars|PI|innerText|pick|locate|mouseenter|callee|img|mouseleave|merged|padding|vertical|interval|keydown|copy|prefix|resolver|constructor|ie6|picked|undefined|pp|Merge|toUpperCase|beforeunload|Number|filterById|filterByAttribute|filterByClass|slice|after|Right|Bottom|which|clientY|Top|0px|innerHTML|textContent|fixStyle|Width|Left|clientX|multiple|selected|PropertiesIFlag|extended|checked|disabled|direction|borderShort|wheelDelta|shift|styleSheet|appendText|removeEventListener|argument|contents|removeClass|before|cloneEvents|toFloat|createElement|elementsProperty|where|addClass|setOpacity|childNodes|fixRelatedTarget|nodeValue|removeChild|getNext|hyphenate|zoom|defaultView|relatedTargetGecko|click|Single|save|autoSave|getCoords|client|Scroller|Chain|Json|wheelStops|Asset|onProgress|toString|clickedElement|getPos|getScrollHeight|getScrollWidth|pageYOffset|pageXOffset|callChain|delta|half|toPosition|onCancel|fps|error|abort|getTop|getLeft|checkAgainst|Move|onSnap|distance|cos|attach|sin|onBeforeStart|Date|getTime|javascript|getStyles|toElement|full|injectAfter|escapeRegExp|slideOut|slideIn|adopt|1000|clientHeight|iParsed|win|hideDelay|showDelay|normal|sel|getElement|opera|onShow|onHide|Tips|span|timeout|removeAttribute|rel|clientWidth|build|http|getComputedStyle|encodeURIComponent|MooTools|getPrevious|drop|Sibling|emptydrop|setTime|getPropertyValue|makeDraggable|hasLayout|styleFloat|float|clearInterval|Window|cssFloat|clearTimeout|collection|zIndex|floor|alpha|over|sqrt|Quart|getProperties|removeProperty|Cubic|setAttribute|setText|getText|nodeName|detach|Quint|Quad|attributes|lastChild|whitespace|leave|version|getParent|getChildren|makeResizable|getAttribute|textnode|expires|getFirst|replaceChild|embed||DOMElement|execCommand|times|BackgroundImageCache|boolean|iframe|khtml|Object|1999|4096|bindAsEventListener|pass|some|hellip|associate|tool|getRandom|clearChain|chain|err|setInterval|setTimeout|transparent|getBoxObjectFor|webkit420|cloneNode|XMLHttpRequest|clone|readystatechange|injectTop|replaceWith|ActiveXObject|toggleClass|Document|createTextNode|decodeURIComponent|ie7|injectInside|onabort|screen|onerror|Image|taintEnabled|media|injectBefore|link|stylesheet|all|navigator|toGMTString|Elastic|starts|effects|Scroll|returnValue|toTop|cancelBubble|namespaceURI|effect|up|offsetLeft|do|enter|ES|fromElement|button|with|overflow|111|keyCode|keyup|detail|fromCharCode|Slide|rightClick|toBottom|toLeft|toRight|menu|offsetTop|down|dblclick|resize|innerHeight|move|focus|500|innerWidth|onDomReady|write|defer|keypress|onreadystatechange|DOMContentLoaded|clearTimer|blur|esc|https|protocol|location|offsetParent|filterByTag|space|void|tab|submit|reset|backspace|contextmenu|wheel|120|colSpan|rowspan|colspan|htmlFor|Pow|ease|rowSpan|accesskey|metaKey|maxLength|tabIndex|tabindex|accessKey|Expo|snapshotItem|618|getElementsByClassName|Bounce|www|org|w3|Back|Sine|borderStyle|borderColor|borderWidth|Circ|acos|readonly|maxlength|toggle|srcElement|CollectGarbage|easeIn|readOnly|XPathResult|shiftKey|control|altKey|meta|substring|alt|ctrlKey|snapshotLength|UNORDERED_NODE_SNAPSHOT_TYPE|Out|In|InOut|frameBorder|frameborder|easeOut|linear|detachEvent|attachEvent|easeInOut'.split('|'),0,{}))<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
/*<br />
This file is part of JonDesign's SmoothGallery v2.0.<br />
<br />
JonDesign's SmoothGallery is free software; you can redistribute it and/or modify<br />
it under the terms of the GNU General Public License as published by<br />
the Free Software Foundation; either version 3 of the License, or<br />
(at your option) any later version.<br />
<br />
JonDesign's SmoothGallery is distributed in the hope that it will be useful,<br />
but WITHOUT ANY WARRANTY; without even the implied warranty of<br />
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the<br />
GNU General Public License for more details.<br />
<br />
You should have received a copy of the GNU General Public License<br />
along with JonDesign's SmoothGallery; if not, write to the Free Software<br />
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA<br />
<br />
Main Developer: Jonathan Schemoul (JonDesign: http://www.jondesign.net/)<br />
Contributed code by:<br />
- Christian Ehret (bugfix)<br />
- Nitrix (bugfix)<br />
- Valerio from Mad4Milk for his great help with the carousel scrolling and many other things.<br />
- Archie Cowan for helping me find a bugfix on carousel inner width problem.<br />
- Tomocchino from #mootools for the preloader class<br />
Many thanks to:<br />
- The mootools team for the great mootools lib, and it's help and support throughout the project.<br />
*/<br />
<br />
// declaring the class<br />
var gallery = {<br />
initialize: function(element, options) {<br />
this.setOptions({<br />
showArrows: true,<br />
showCarousel: true,<br />
showInfopane: true,<br />
embedLinks: true,<br />
fadeDuration: 500,<br />
timed: false,<br />
delay: 9000,<br />
preloader: true,<br />
preloaderImage: true,<br />
preloaderErrorImage: true,<br />
/* Data retrieval */<br />
manualData: [],<br />
populateFrom: false,<br />
populateData: true,<br />
destroyAfterPopulate: true,<br />
elementSelector: "div.imageElement",<br />
titleSelector: "h2",<br />
subtitleSelector: "p",<br />
linkSelector: "a.open",<br />
imageSelector: "img.full",<br />
thumbnailSelector: "img.thumbnail",<br />
defaultTransition: "fade",<br />
/* InfoPane options */<br />
slideInfoZoneOpacity: 0.7,<br />
slideInfoZoneSlide: true,<br />
/* Carousel options */<br />
carouselMinimizedOpacity: 0.4,<br />
carouselMinimizedHeight: 20,<br />
carouselMaximizedOpacity: 0.9,<br />
thumbHeight: 75,<br />
thumbWidth: 100,<br />
thumbSpacing: 10,<br />
thumbIdleOpacity: 0.2,<br />
textShowCarousel: 'Featured Content',<br />
showCarouselLabel: true,<br />
thumbCloseCarousel: true,<br />
useThumbGenerator: false,<br />
thumbGenerator: 'resizer.php',<br />
useExternalCarousel: false,<br />
carouselElement: false,<br />
carouselHorizontal: true,<br />
activateCarouselScroller: true,<br />
carouselPreloader: true,<br />
textPreloadingCarousel: 'Loading...',<br />
/* CSS Classes */<br />
baseClass: 'jdGallery',<br />
withArrowsClass: 'withArrows',<br />
/* Plugins: HistoryManager */<br />
useHistoryManager: false,<br />
customHistoryKey: false<br />
}, options);<br />
this.fireEvent('onInit');<br />
this.currentIter = 0;<br />
this.lastIter = 0;<br />
this.maxIter = 0;<br />
this.galleryElement = element;<br />
this.galleryData = this.options.manualData;<br />
this.galleryInit = 1;<br />
this.galleryElements = Array();<br />
this.thumbnailElements = Array();<br />
this.galleryElement.addClass(this.options.baseClass);<br />
<br />
this.populateFrom = element;<br />
if (this.options.populateFrom)<br />
this.populateFrom = this.options.populateFrom;<br />
if (this.options.populateData)<br />
this.populateData();<br />
element.style.display="block";<br />
<br />
if (this.options.useHistoryManager)<br />
this.initHistory();<br />
<br />
if (this.options.embedLinks)<br />
{<br />
this.currentLink = new Element('a').addClass('open').setProperties({<br />
href: '#',<br />
title: ''<br />
}).injectInside(element);<br />
if ((!this.options.showArrows) && (!this.options.showCarousel))<br />
this.galleryElement = element = this.currentLink;<br />
else<br />
this.currentLink.setStyle('display', 'none');<br />
}<br />
<br />
this.constructElements();<br />
if ((this.galleryData.length>1)&&(this.options.showArrows))<br />
{<br />
var leftArrow = new Element('a').addClass('left').addEvent(<br />
'click',<br />
this.prevItem.bind(this)<br />
).injectInside(element);<br />
var rightArrow = new Element('a').addClass('right').addEvent(<br />
'click',<br />
this.nextItem.bind(this)<br />
).injectInside(element);<br />
this.galleryElement.addClass(this.options.withArrowsClass);<br />
}<br />
this.loadingElement = new Element('div').addClass('loadingElement').injectInside(element);<br />
if (this.options.showInfopane) this.initInfoSlideshow();<br />
if (this.options.showCarousel) this.initCarousel();<br />
this.doSlideShow(1);<br />
},<br />
populateData: function() {<br />
currentArrayPlace = this.galleryData.length;<br />
options = this.options;<br />
var data = $A(this.galleryData);<br />
data.extend(this.populateGallery(this.populateFrom, currentArrayPlace));<br />
this.galleryData = data;<br />
this.fireEvent('onPopulated');<br />
},<br />
populateGallery: function(element, startNumber) {<br />
var data = [];<br />
options = this.options;<br />
currentArrayPlace = startNumber;<br />
element.getElements(options.elementSelector).each(function(el) {<br />
elementDict = {<br />
image: el.getElement(options.imageSelector).getProperty('src'),<br />
number: currentArrayPlace,<br />
transition: this.options.defaultTransition<br />
};<br />
elementDict.extend = $extend;<br />
if ((options.showInfopane) | (options.showCarousel))<br />
elementDict.extend({<br />
title: el.getElement(options.titleSelector).innerHTML,<br />
description: el.getElement(options.subtitleSelector).innerHTML<br />
});<br />
if (options.embedLinks)<br />
elementDict.extend({<br />
link: el.getElement(options.linkSelector).href||false,<br />
linkTitle: el.getElement(options.linkSelector).title||false,<br />
linkTarget: el.getElement(options.linkSelector).getProperty('target')||false<br />
});<br />
if ((!options.useThumbGenerator) && (options.showCarousel))<br />
elementDict.extend({<br />
thumbnail: el.getElement(options.thumbnailSelector).getProperty('src')<br />
});<br />
else if (options.useThumbGenerator)<br />
elementDict.extend({<br />
thumbnail: options.thumbGenerator + '?imgfile=' + elementDict.image + '&max_width=' + options.thumbWidth + '&max_height=' + options.thumbHeight<br />
});<br />
<br />
data.extend([elementDict]);<br />
currentArrayPlace++;<br />
if (this.options.destroyAfterPopulate)<br />
el.remove();<br />
});<br />
return data;<br />
},<br />
constructElements: function() {<br />
el = this.galleryElement;<br />
this.maxIter = this.galleryData.length;<br />
var currentImg;<br />
for(i=0;i<this.galleryData.length;i++)<br />
{<br />
var currentImg = new Fx.Styles(<br />
new Element('div').addClass('slideElement').setStyles({<br />
'position':'absolute',<br />
'left':'0px',<br />
'right':'0px',<br />
'margin':'0px',<br />
'padding':'0px',<br />
'backgroundPosition':"center center",<br />
'opacity':'0'<br />
}).injectInside(el),<br />
'opacity',<br />
{duration: this.options.fadeDuration}<br />
);<br />
if (this.options.preloader)<br />
{<br />
currentImg.source = this.galleryData[i].image;<br />
currentImg.loaded = false;<br />
currentImg.load = function(imageStyle) {<br />
if (!imageStyle.loaded) {<br />
new Asset.image(imageStyle.source, {<br />
'onload' : function(img){<br />
img.element.setStyle(<br />
'backgroundImage',<br />
"url('" + img.source + "')")<br />
img.loaded = true;<br />
}.bind(this, imageStyle)<br />
});<br />
}<br />
}.pass(currentImg, this);<br />
} else {<br />
currentImg.element.setStyle('backgroundImage',<br />
"url('" + this.galleryData[i].image + "')");<br />
}<br />
this.galleryElements[parseInt(i)] = currentImg;<br />
}<br />
},<br />
destroySlideShow: function(element) {<br />
var myClassName = element.className;<br />
var newElement = new Element('div').addClass('myClassName');<br />
element.parentNode.replaceChild(newElement, element);<br />
},<br />
startSlideShow: function() {<br />
this.fireEvent('onStart');<br />
this.loadingElement.style.display = "none";<br />
this.lastIter = this.maxIter - 1;<br />
this.currentIter = 0;<br />
this.galleryInit = 0;<br />
this.galleryElements[parseInt(this.currentIter)].set({opacity: 1});<br />
if (this.options.showInfopane)<br />
this.showInfoSlideShow.delay(1000, this);<br />
var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);<br />
if (this.options.showCarousel&&(!this.options.carouselPreloader))<br />
this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);<br />
this.prepareTimer();<br />
if (this.options.embedLinks)<br />
this.makeLink(this.currentIter);<br />
},<br />
nextItem: function() {<br />
this.fireEvent('onNextCalled');<br />
this.nextIter = this.currentIter+1;<br />
if (this.nextIter >= this.maxIter)<br />
this.nextIter = 0;<br />
this.galleryInit = 0;<br />
this.goTo(this.nextIter);<br />
},<br />
prevItem: function() {<br />
this.fireEvent('onPreviousCalled');<br />
this.nextIter = this.currentIter-1;<br />
if (this.nextIter <= -1)<br />
this.nextIter = this.maxIter - 1;<br />
this.galleryInit = 0;<br />
this.goTo(this.nextIter);<br />
},<br />
goTo: function(num) {<br />
this.clearTimer();<br />
if(this.options.preloader)<br />
{<br />
this.galleryElements[num].load();<br />
if (num==0)<br />
this.galleryElements[this.maxIter - 1].load();<br />
else<br />
this.galleryElements[num - 1].load();<br />
if (num==(this.maxIter - 1))<br />
this.galleryElements[0].load();<br />
else<br />
this.galleryElements[num + 1].load();<br />
<br />
}<br />
if (this.options.embedLinks)<br />
this.clearLink();<br />
if (this.options.showInfopane)<br />
{<br />
this.slideInfoZone.clearChain();<br />
this.hideInfoSlideShow().chain(this.changeItem.pass(num, this));<br />
} else<br />
this.currentChangeDelay = this.changeItem.delay(500, this, num);<br />
if (this.options.embedLinks)<br />
this.makeLink(num);<br />
this.prepareTimer();<br />
/*if (this.options.showCarousel)<br />
this.clearThumbnailsHighlights();*/<br />
},<br />
changeItem: function(num) {<br />
this.fireEvent('onStartChanging');<br />
this.galleryInit = 0;<br />
if (this.currentIter != num)<br />
{<br />
for(i=0;i<this.maxIter;i++)<br />
{<br />
if ((i != this.currentIter)) this.galleryElements[i].set({opacity: 0});<br />
}<br />
gallery.Transitions[this.galleryData[num].transition].pass([<br />
this.galleryElements[this.currentIter],<br />
this.galleryElements[num],<br />
this.currentIter,<br />
num], this)();<br />
this.currentIter = num;<br />
}<br />
var textShowCarousel = formatString(this.options.textShowCarousel, num+1, this.maxIter);<br />
if (this.options.showCarousel)<br />
this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);<br />
this.doSlideShow.bind(this)();<br />
this.fireEvent('onChanged');<br />
},<br />
clearTimer: function() {<br />
if (this.options.timed)<br />
$clear(this.timer);<br />
},<br />
prepareTimer: function() {<br />
if (this.options.timed)<br />
this.timer = this.nextItem.delay(this.options.delay, this);<br />
},<br />
doSlideShow: function(position) {<br />
if (this.galleryInit == 1)<br />
{<br />
imgPreloader = new Image();<br />
imgPreloader.onload=function(){<br />
this.startSlideShow.delay(10, this);<br />
}.bind(this);<br />
imgPreloader.src = this.galleryData[0].image;<br />
if(this.options.preloader)<br />
this.galleryElements[0].load();<br />
} else {<br />
if (this.options.showInfopane)<br />
{<br />
if (this.options.showInfopane)<br />
{<br />
this.showInfoSlideShow.delay((500 + this.options.fadeDuration), this);<br />
} else<br />
if ((this.options.showCarousel)&&(this.options.activateCarouselScroller))<br />
this.centerCarouselOn(position);<br />
}<br />
}<br />
},<br />
createCarousel: function() {<br />
var carouselElement;<br />
if (!this.options.useExternalCarousel)<br />
{<br />
var carouselContainerElement = new Element('div').addClass('carouselContainer').injectInside(this.galleryElement);<br />
this.carouselContainer = new Fx.Styles(carouselContainerElement, {transition: Fx.Transitions.expoOut});<br />
this.carouselContainer.normalHeight = carouselContainerElement.offsetHeight;<br />
this.carouselContainer.set({'opacity': this.options.carouselMinimizedOpacity, 'top': (this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight)});<br />
this.carouselBtn = new Element('a').addClass('carouselBtn').setProperties({<br />
title: this.options.textShowCarousel<br />
}).injectInside(carouselContainerElement);<br />
if(this.options.carouselPreloader)<br />
this.carouselBtn.setHTML(this.options.textPreloadingCarousel);<br />
else<br />
this.carouselBtn.setHTML(this.options.textShowCarousel);<br />
this.carouselBtn.addEvent(<br />
'click',<br />
function () {<br />
this.carouselContainer.clearTimer();<br />
this.toggleCarousel();<br />
}.bind(this)<br />
);<br />
this.carouselActive = false;<br />
<br />
carouselElement = new Element('div').addClass('carousel').injectInside(carouselContainerElement);<br />
this.carousel = new Fx.Styles(carouselElement);<br />
} else {<br />
carouselElement = $(this.options.carouselElement).addClass('jdExtCarousel');<br />
}<br />
this.carouselElement = new Fx.Styles(carouselElement, {transition: Fx.Transitions.expoOut});<br />
this.carouselElement.normalHeight = carouselElement.offsetHeight;<br />
if (this.options.showCarouselLabel)<br />
this.carouselLabel = new Element('p').addClass('label').injectInside(carouselElement);<br />
carouselWrapper = new Element('div').addClass('carouselWrapper').injectInside(carouselElement);<br />
this.carouselWrapper = new Fx.Styles(carouselWrapper, {transition: Fx.Transitions.expoOut});<br />
this.carouselWrapper.normalHeight = carouselWrapper.offsetHeight;<br />
this.carouselInner = new Element('div').addClass('carouselInner').injectInside(carouselWrapper);<br />
if (this.options.activateCarouselScroller)<br />
{<br />
this.carouselWrapper.scroller = new Scroller(carouselWrapper, {<br />
area: 100,<br />
velocity: 0.2<br />
})<br />
<br />
this.carouselWrapper.elementScroller = new Fx.Scroll(carouselWrapper, {<br />
duration: 400,<br />
onStart: this.carouselWrapper.scroller.stop.bind(this.carouselWrapper.scroller),<br />
onComplete: this.carouselWrapper.scroller.start.bind(this.carouselWrapper.scroller)<br />
});<br />
}<br />
},<br />
fillCarousel: function() {<br />
this.constructThumbnails();<br />
this.carouselInner.normalWidth = ((this.maxIter * (this.options.thumbWidth + this.options.thumbSpacing + 2))+this.options.thumbSpacing) + "px";<br />
this.carouselInner.style.width = this.carouselInner.normalWidth;<br />
},<br />
initCarousel: function () {<br />
this.createCarousel();<br />
this.fillCarousel();<br />
if (this.options.carouselPreloader)<br />
this.preloadThumbnails();<br />
},<br />
flushCarousel: function() {<br />
this.thumbnailElements.each(function(myFx) {<br />
myFx.element.remove();<br />
myFx = myFx.element = null;<br />
});<br />
this.thumbnailElements = [];<br />
},<br />
toggleCarousel: function() {<br />
if (this.carouselActive)<br />
this.hideCarousel();<br />
else<br />
this.showCarousel();<br />
},<br />
showCarousel: function () {<br />
this.fireEvent('onShowCarousel');<br />
this.carouselContainer.start({<br />
'opacity': this.options.carouselMaximizedOpacity,<br />
'top': 0<br />
}).chain(function() {<br />
this.carouselActive = true;<br />
this.carouselWrapper.scroller.start();<br />
this.fireEvent('onCarouselShown');<br />
this.carouselContainer.options.onComplete = null;<br />
}.bind(this));<br />
},<br />
hideCarousel: function () {<br />
this.fireEvent('onHideCarousel');<br />
var targetTop = this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight;<br />
this.carouselContainer.start({<br />
'opacity': this.options.carouselMinimizedOpacity,<br />
'top': targetTop<br />
}).chain(function() {<br />
this.carouselActive = false;<br />
this.carouselWrapper.scroller.stop();<br />
this.fireEvent('onCarouselHidden');<br />
this.carouselContainer.options.onComplete = null;<br />
}.bind(this));<br />
},<br />
constructThumbnails: function () {<br />
element = this.carouselInner;<br />
for(i=0;i<this.galleryData.length;i++)<br />
{<br />
var currentImg = new Fx.Style(new Element ('div').addClass("thumbnail").setStyles({<br />
backgroundImage: "url('" + this.galleryData[i].thumbnail + "')",<br />
backgroundPosition: "center center",<br />
backgroundRepeat: 'no-repeat',<br />
marginLeft: this.options.thumbSpacing + "px",<br />
width: this.options.thumbWidth + "px",<br />
height: this.options.thumbHeight + "px"<br />
}).injectInside(element), "opacity", {duration: 200}).set(this.options.thumbIdleOpacity);<br />
currentImg.element.addEvents({<br />
'mouseover': function (myself) {<br />
myself.clearTimer();<br />
myself.start(0.99);<br />
if (this.options.showCarouselLabel)<br />
$(this.carouselLabel).setHTML('<span class="number">' + (myself.relatedImage.number + 1) + "/" + this.maxIter + ":</span> " + myself.relatedImage.title);<br />
}.pass(currentImg, this),<br />
'mouseout': function (myself) {<br />
myself.clearTimer();<br />
myself.start(this.options.thumbIdleOpacity);<br />
}.pass(currentImg, this),<br />
'click': function (myself) {<br />
this.goTo(myself.relatedImage.number);<br />
if (this.options.thumbCloseCarousel)<br />
this.hideCarousel();<br />
}.pass(currentImg, this)<br />
});<br />
<br />
currentImg.relatedImage = this.galleryData[i];<br />
this.thumbnailElements[parseInt(i)] = currentImg;<br />
}<br />
},<br />
log: function(value) {<br />
if(console.log)<br />
console.log(value);<br />
},<br />
preloadThumbnails: function() {<br />
var thumbnails = [];<br />
for(i=0;i<this.galleryData.length;i++)<br />
{<br />
thumbnails[parseInt(i)] = this.galleryData[i].thumbnail;<br />
}<br />
this.thumbnailPreloader = new Preloader();<br />
this.thumbnailPreloader.addEvent('onComplete', function() {<br />
var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);<br />
this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);<br />
}.bind(this));<br />
this.thumbnailPreloader.load(thumbnails);<br />
},<br />
clearThumbnailsHighlights: function()<br />
{<br />
for(i=0;i<this.galleryData.length;i++)<br />
{<br />
this.thumbnailElements[i].clearTimer();<br />
this.thumbnailElements[i].start(0.2);<br />
}<br />
},<br />
changeThumbnailsSize: function(width, height)<br />
{<br />
for(i=0;i<this.galleryData.length;i++)<br />
{<br />
this.thumbnailElements[i].clearTimer();<br />
this.thumbnailElements[i].element.setStyles({<br />
'width': width + "px",<br />
'height': height + "px"<br />
});<br />
}<br />
},<br />
centerCarouselOn: function(num) {<br />
if (!this.carouselWallMode)<br />
{<br />
var carouselElement = this.thumbnailElements[num];<br />
var position = carouselElement.element.offsetLeft + (carouselElement.element.offsetWidth / 2);<br />
var carouselWidth = this.carouselWrapper.element.offsetWidth;<br />
var carouselInnerWidth = this.carouselInner.offsetWidth;<br />
var diffWidth = carouselWidth / 2;<br />
var scrollPos = position-diffWidth;<br />
this.carouselWrapper.elementScroller.scrollTo = (scrollPos,0);<br />
}<br />
},<br />
initInfoSlideshow: function() {<br />
/*if (this.slideInfoZone.element)<br />
this.slideInfoZone.element.remove();*/<br />
this.slideInfoZone = new Fx.Styles(new Element('div').addClass('slideInfoZone').injectInside($(this.galleryElement))).set({'opacity':0});<br />
var slideInfoZoneTitle = new Element('h2').injectInside(this.slideInfoZone.element);<br />
var slideInfoZoneDescription = new Element('p').injectInside(this.slideInfoZone.element);<br />
this.slideInfoZone.normalHeight = this.slideInfoZone.element.offsetHeight;<br />
this.slideInfoZone.element.setStyle('opacity',0);<br />
},<br />
changeInfoSlideShow: function()<br />
{<br />
this.hideInfoSlideShow.delay(10, this);<br />
this.showInfoSlideShow.delay(500, this);<br />
},<br />
showInfoSlideShow: function() {<br />
this.fireEvent('onShowInfopane');<br />
this.slideInfoZone.clearTimer();<br />
element = this.slideInfoZone.element;<br />
element.getElement('h2').setHTML(this.galleryData[this.currentIter].title);<br />
element.getElement('p').setHTML(this.galleryData[this.currentIter].description);<br />
if(this.options.slideInfoZoneSlide)<br />
this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity], 'height': [0, this.slideInfoZone.normalHeight]});<br />
else<br />
this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity]});<br />
if (this.options.showCarousel)<br />
this.slideInfoZone.chain(this.centerCarouselOn.pass(this.currentIter, this));<br />
return this.slideInfoZone;<br />
},<br />
hideInfoSlideShow: function() {<br />
this.fireEvent('onHideInfopane');<br />
this.slideInfoZone.clearTimer();<br />
if(this.options.slideInfoZoneSlide)<br />
this.slideInfoZone.start({'opacity': 0, 'height': 0});<br />
else<br />
this.slideInfoZone.start({'opacity': 0});<br />
return this.slideInfoZone;<br />
},<br />
makeLink: function(num) {<br />
this.currentLink.setProperties({<br />
href: this.galleryData[num].link,<br />
title: this.galleryData[num].linkTitle<br />
})<br />
if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))<br />
this.currentLink.setStyle('display', 'block');<br />
},<br />
clearLink: function() {<br />
this.currentLink.setProperties({href: '', title: ''});<br />
if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))<br />
this.currentLink.setStyle('display', 'none');<br />
},<br />
/* To change the gallery data, those two functions : */<br />
flushGallery: function() {<br />
this.galleryElements.each(function(myFx) {<br />
myFx.element.remove();<br />
myFx = myFx.element = null;<br />
});<br />
this.galleryElements = [];<br />
},<br />
changeData: function(data) {<br />
this.galleryData = data;<br />
this.clearTimer();<br />
this.flushGallery();<br />
if (this.options.showCarousel) this.flushCarousel();<br />
this.constructElements();<br />
if (this.options.showCarousel) this.fillCarousel();<br />
if (this.options.showInfopane) this.hideInfoSlideShow();<br />
this.galleryInit=1;<br />
this.lastIter=0;<br />
this.currentIter=0;<br />
this.doSlideShow(1);<br />
},<br />
/* Plugins: HistoryManager */<br />
initHistory: function() {<br />
this.fireEvent('onHistoryInit');<br />
this.historyKey = this.galleryElement.id + '-picture';<br />
if (this.options.customHistoryKey)<br />
this.historyKey = this.options.customHistoryKey();<br />
this.history = HistoryManager.register(<br />
this.historyKey,<br />
[1],<br />
function(values) {<br />
if (parseInt(values[0])-1 < this.maxIter)<br />
this.goTo(parseInt(values[0])-1);<br />
}.bind(this),<br />
function(values) {<br />
return [this.historyKey, '(', values[0], ')'].join('');<br />
}.bind(this),<br />
this.historyKey + '\\((\\d+)\\)');<br />
this.addEvent('onChanged', function(){<br />
this.history.setValue(0, this.currentIter+1);<br />
}.bind(this));<br />
this.fireEvent('onHistoryInited');<br />
}<br />
};<br />
gallery = new Class(gallery);<br />
gallery.implement(new Events);<br />
gallery.implement(new Options);<br />
<br />
gallery.Transitions = new Abstract ({<br />
fade: function(oldFx, newFx, oldPos, newPos){<br />
oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;<br />
oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;<br />
if (newPos > oldPos) newFx.start({opacity: 1});<br />
else<br />
{<br />
newFx.set({opacity: 1});<br />
oldFx.start({opacity: 0});<br />
}<br />
},<br />
crossfade: function(oldFx, newFx, oldPos, newPos){<br />
oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;<br />
oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;<br />
newFx.start({opacity: 1});<br />
oldFx.start({opacity: 0});<br />
},<br />
fadebg: function(oldFx, newFx, oldPos, newPos){<br />
oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;<br />
oldFx.options.duration = newFx.options.duration = this.options.fadeDuration / 2;<br />
oldFx.start({opacity: 0}).chain(newFx.start.pass([{opacity: 1}], newFx));<br />
}<br />
});<br />
<br />
/* All code copyright 2007 Jonathan Schemoul */<br />
<br />
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br />
* Follows: Preloader (class)<br />
* Simple class for preloading images with support for progress reporting<br />
* Copyright 2007 Tomocchino.<br />
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */<br />
<br />
var Preloader = new Class({<br />
<br />
Implements: [Events, Options],<br />
<br />
options: {<br />
root : '',<br />
period : 100<br />
},<br />
<br />
initialize: function(options){<br />
this.setOptions(options);<br />
},<br />
<br />
load: function(sources) {<br />
this.index = 0;<br />
this.images = [];<br />
this.sources = this.temps = sources;<br />
this.total = this. sources.length;<br />
<br />
this.fireEvent('onStart', [this.index, this.total]);<br />
this.timer = this.progress.periodical(this.options.period, this);<br />
<br />
this.sources.each(function(source, index){<br />
this.images[index] = new Asset.image(this.options.root + source, {<br />
'onload' : function(){ this.index++; if(this.images[index]) this.fireEvent('onLoad', [this.images[index], index, source]); }.bind(this),<br />
'onerror' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this),<br />
'onabort' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this)<br />
});<br />
}, this);<br />
},<br />
<br />
progress: function() {<br />
this.fireEvent('onProgress', [Math.min(this.index, this.total), this.total]);<br />
if(this.index >= this.total) this.complete();<br />
},<br />
<br />
complete: function(){<br />
$clear(this.timer);<br />
this.fireEvent('onComplete', [this.images]);<br />
},<br />
<br />
cancel: function(){<br />
$clear(this.timer);<br />
}<br />
<br />
});<br />
<br />
Preloader.implement(new Events, new Options);<br />
<br />
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br />
* Follows: formatString (function)<br />
* Original name: Yahoo.Tools.printf<br />
* Copyright Yahoo.<br />
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */<br />
<br />
function formatString() {<br />
var num = arguments.length;<br />
var oStr = arguments[0];<br />
for (var i = 1; i < num; i++) {<br />
var pattern = "\\{" + (i-1) + "\\}";<br />
var re = new RegExp(pattern, "g");<br />
oStr = oStr.replace(re, arguments[i]);<br />
}<br />
return oStr;<br />
}<br />
<br />
//]]><br />
</script><br />
<br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<style>#featabout, .extra {display:none; margin:0;padding:0;border:0;}</style><br />
</b:if><br />
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 180; </script><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
function removeHtmlTag(strx,chop){<br />
if(strx.indexOf("<")!=-1)<br />
{<br />
var s = strx.split("<");<br />
for(var i=0;i<s.length;i++){<br />
if(s[i].indexOf(">")!=-1){<br />
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />
}<br />
}<br />
strx = s.join("");<br />
}<br />
chop = (chop < strx.length-1) ? chop : strx.length-2;<br />
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />
strx = strx.substring(0,chop-1);<br />
return strx+'...';<br />
}<br />
function createSummaryAndThumb(pID){<br />
var div = document.getElementById(pID);<br />
var imgtag = "";<br />
var img = div.getElementsByTagName("img");<br />
var summ = summary_noimg;<br />
if(img.length>=1) {<br />
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />
summ = summary_img;<br />
}<br />
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />
div.innerHTML = summary;<br />
}<br />
//]]><br />
</script><br />
<br />
<style type='text/css'><br />
div#featabout { width: 635px; border-bottom: 1px solid; }<br />
div#featabout-wrapper { margin: 0 auto; padding: 22px 0; width: 635px; height: 235px; }<br />
<br />
div#featabout div.featured { float: left; width: 640px; }<br />
div#featabout div.featured div.top { height: 15px; }<br />
div#featabout div.featured div.mid { padding: 0 15px; }<br />
div#featabout div.featured div.mid div#featured { border: 1px solid; }<br />
div#featabout div.featured div.bot { height: 15px; }<br />
<br />
div#featabout div.about { float: right; width: 328px; }<br />
div#featabout div.about div.top { height: 15px; }<br />
div#featabout div.about div.mid { padding: 0 15px; height: 224px; }<br />
div#featabout div.about div.bot { height: 15px; }<br />
<br />
div#featabout div.ab-box h2 { display: block; margin: 0; padding: 0 0 8px 0; font-size: 12px;<br />
font-family: Georgia, &#39;Times New Roman&#39;, serif;<br />
text-transform: uppercase;<br />
}<br />
div#featabout div.ab-box div.interior { padding: 8px 0; }<br />
div#featabout div.ab-box div.interior p { display: block; margin: 0; padding: 0; }<br />
div#featabout div.ab-box-author div.interior { padding: 8px 0 16px 0; min-height: 60px; }<br />
div#featabout div.ab-box-author div.interior img { padding: 3px; border: 1px solid; float: left; margin: 0 5px 0 0; }<br />
div#featabout div.ab-box-burner div.interior { padding: 8px 0 8px 65px; }<br />
div#featabout div.ab-box-burner div.interior p { display: block; margin: 0; padding: 0; line-height: 28px; }<br />
div#featabout div.ab-box-burner div.interior span { display: block; height: 21px; margin: 0 0 0 0; padding: 6px 0 0 0; }<br />
div#featabout div.ab-box-burner div.interior span input { width: 191px; padding: 0 5px; border: 0; }<br />
div#featabout {<br />
background: #ffffff url(&#39;&#39;) repeat-x scroll left top;<br />
border-bottom: none;<br />
}<br />
div#featabout div.featured { background: transparent url(&#39;&#39;) repeat-y scroll left top; }<br />
div#featabout div.featured div.top { background: transparent url(&#39;&#39;) no-repeat scroll left top; }<br />
div#featabout div.featured div.mid div#featured { border-color: #000; }<br />
div#featabout div.featured div.bot { background: transparent url(&#39;&#39;) no-repeat scroll left bottom; }<br />
div#featured h2 {<br />
font-family: Georgia, &#39;Times New Roman&#39;, sans-serif; font-size: 24px;<br />
line-height: 30px; font-weight: normal;<br />
}<br />
div#featured p {<br />
font-family: Arial, Helvetica, sans-serif; font-size: 13px;<br />
}<br />
<br />
div#featabout div.about { color: #999; background: transparent url(&#39;&#39;) repeat-y scroll left top; }<br />
div#featabout div.about div.top { background: transparent url(&#39;&#39;) no-repeat scroll left top; }<br />
div#featabout div.about div.bot { background: transparent url(&#39;&#39;) no-repeat scroll left bottom; }<br />
<br />
div#featabout div.ab-box h2 { color: #e1e1c7; background: transparent url(&#39;&#39;) repeat-x scroll left bottom; }<br />
div#featabout div.ab-box-burner div.interior { color: #999; background: transparent url(&#39;&#39;) no-repeat scroll 0px 8px; }<br />
div#featabout div.ab-box-burner div.interior span { background: transparent url(&#39;&#39;) left top no-repeat; }<br />
div#featabout div.ab-box-burner div.interior span input { background: transparent none; color: #666; }<br />
<br />
#flickrGallery<br />
{<br />
width: 500px;<br />
height: 334px;<br />
}<br />
#myGallery img.thumbnail, #myGallerySet img.thumbnail<br />
{<br />
display: none;<br />
}<br />
.jdGallery<br />
{<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
.jdGallery img<br />
{<br />
border: 0;<br />
margin: 0;<br />
}<br />
.jdGallery .slideElement<br />
{<br />
width: 100%;<br />
height: 100%;<br />
background-color: #000;<br />
background-repeat: no-repeat;<br />
background-position: center center;<br />
background-image: url(&#39;&#39;);<br />
}<br />
.jdGallery .loadingElement<br />
{<br />
width: 100%;<br />
height: 100%;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
background-color: #000;<br />
background-repeat: no-repeat;<br />
background-position: center center;<br />
background-image: url(&#39;&#39;);<br />
}<br />
* html .jdGallery .slideInfoZone<br />
{<br />
bottom: -1px;<br />
}<br />
.jdGallery .slideInfoZone h2<br />
{<br />
padding: 0;<br />
font-size: 14px;<br />
margin: 0;<br />
margin: 2px 5px;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
bacground: transparent;<br />
}<br />
.jdGallery .slideInfoZone ul {<br />
list-style:none;<br />
margin:0 0 0;<br />
padding:0 0 0;<br />
color: #FFFFFF;<br />
}<br />
.jdGallery .slideInfoZone li {<br />
list-style:none;<br />
margin:0 0 0;<br />
padding:0 0 0;<br />
color: #FFFFFF;<br />
}<br />
.jdGallery .slideInfoZone p<br />
{<br />
padding: 0;<br />
font-size: 11px;<br />
margin: 2px 5px;<br />
color: #FFFFFF;<br />
}<br />
.jdGallery div.carouselContainer<br />
{<br />
position: absolute;<br />
height: 135px;<br />
width: 100%;<br />
z-index: 10;<br />
margin: 0px;<br />
left: 0;<br />
top: 0;<br />
}<br />
.jdGallery a.carouselBtn<br />
{<br />
position: absolute;<br />
bottom: 0;<br />
right: 30px;<br />
height: 20px;<br />
/*width: 100px; background: url(&#39;&#39;) no-repeat;*/<br />
text-align: center;<br />
padding: 0 10px;<br />
font-size: 13px;<br />
background: #000;<br />
color: #fff;<br />
cursor: pointer;<br />
}<br />
.jdGallery .carousel<br />
{<br />
position: absolute;<br />
width: 100%;<br />
margin: 0px;<br />
left: 0;<br />
top: 0;<br />
height: 115px;<br />
background: #000;<br />
color: #fff;<br />
text-indent: 0;<br />
overflow: hidden;<br />
}<br />
.jdExtCarousel<br />
{<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper<br />
{<br />
position: absolute;<br />
width: 100%;<br />
height: 78px;<br />
top: 10px;<br />
left: 0;<br />
overflow: hidden;<br />
}<br />
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner<br />
{<br />
position: relative;<br />
}<br />
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail<br />
{<br />
cursor: pointer;<br />
background: #000;<br />
background-position: center center;<br />
float: left;<br />
border: solid 1px #fff;<br />
}<br />
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail<br />
{<br />
margin-bottom: 10px;<br />
}<br />
.jdGallery .carousel .label, .jdExtCarousel .label<br />
{<br />
font-size: 13px;<br />
position: absolute;<br />
bottom: 5px;<br />
left: 10px;<br />
padding: 0;<br />
margin: 0;<br />
}<br />
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton<br />
{<br />
font-size: 10px;<br />
position: absolute;<br />
bottom: 5px;<br />
right: 10px;<br />
padding: 1px 2px;<br />
margin: 0;<br />
background: #222;<br />
border: 1px solid #888;<br />
cursor: pointer;<br />
}<br />
.jdGallery .carousel .label .number, .jdExtCarousel .label .number<br />
{<br />
color: #b5b5b5;<br />
}<br />
.jdGallery a, .jdGallery a:hover<br />
{<br />
font-size: 100%;<br />
text-decoration: none;<br />
color: #fff;<br />
}<br />
.jdGallery a.right, .jdGallery a.left<br />
{<br />
position: absolute;<br />
height: 99%;<br />
width: 25%;<br />
cursor: pointer;<br />
z-index:10;<br />
filter:alpha(opacity=20);<br />
-moz-opacity:0.2;<br />
-khtml-opacity: 0.2;<br />
opacity: 0.2;<br />
}<br />
* html .jdGallery a.right, * html .jdGallery a.left<br />
{<br />
filter:alpha(opacity=50);<br />
}<br />
.jdGallery a.right:hover, .jdGallery a.left:hover<br />
{<br />
filter:alpha(opacity=80);<br />
-moz-opacity:0.8;<br />
-khtml-opacity: 0.8;<br />
opacity: 0.8;<br />
}<br />
.jdGallery a.left<br />
{<br />
left: 0;<br />
top: 0;<br />
background: url(&#39;img/fleche1.png&#39;) no-repeat center left;<br />
}<br />
* html .jdGallery a.left { background: url(&#39;img/fleche1.gif&#39;) no-repeat center left; }<br />
.jdGallery a.right<br />
{<br />
right: 0;<br />
top: 0;<br />
background: url(&#39;&#39;) no-repeat center right;<br />
}<br />
* html .jdGallery a.right { background: url(&#39;&#39;) no-repeat center right; }<br />
.jdGallery a.open<br />
{<br />
left: 0;<br />
top: 0;<br />
width: 100%;<br />
height: 100%;<br />
}<br />
.withArrows a.open<br />
{<br />
position: absolute;<br />
top: 0;<br />
left: 25%;<br />
height: 99%;<br />
width: 50%;<br />
cursor: pointer;<br />
z-index: 10;<br />
background: none;<br />
-moz-opacity:0.8;<br />
-khtml-opacity: 0.8;<br />
opacity: 0.8;<br />
}<br />
.withArrows a.open:hover { background: url(&#39;&#39;) no-repeat center center; }<br />
* html .withArrows a.open:hover { background: url(&#39;&#39;) no-repeat center center;<br />
filter:alpha(opacity=80); }<br />
/* Gallery Sets */<br />
.jdGallery a.gallerySelectorBtn<br />
{<br />
z-index: 15;<br />
position: absolute;<br />
top: 0;<br />
left: 30px;<br />
height: 20px;<br />
/*width: 100px; background: url(&#39;&#39;) no-repeat;*/<br />
text-align: center;<br />
padding: 0 10px;<br />
font-size: 13px;<br />
background: #000;<br />
color: #fff;<br />
cursor: pointer;<br />
opacity: .4;<br />
-moz-opacity: .4;<br />
-khtml-opacity: 0.4;<br />
filter:alpha(opacity=40);<br />
}<br />
.jdGallery .gallerySelector<br />
{<br />
z-index: 20;<br />
width: 100%;<br />
height: 100%;<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
background: #000;<br />
}<br />
.jdGallery .gallerySelector h2<br />
{<br />
margin: 0;<br />
padding: 10px 20px 10px 20px;<br />
font-size: 20px;<br />
line-height: 30px;<br />
color: #fff;<br />
}<br />
.jdGallery .gallerySelector .gallerySelectorWrapper<br />
{<br />
overflow: hidden;<br />
}<br />
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton<br />
{<br />
margin-left: 10px;<br />
margin-top: 10px;<br />
border: 1px solid #888;<br />
padding: 5px;<br />
height: 40px;<br />
color: #fff;<br />
cursor: pointer;<br />
float: left;<br />
}<br />
.jdGallery .gallerySelector .gallerySelectorInner div.hover<br />
{<br />
background: #000;<br />
}<br />
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview<br />
{<br />
background: #000;<br />
background-position: center center;<br />
float: left;<br />
border: none;<br />
width: 40px;<br />
height: 40px;<br />
margin-right: 5px;<br />
}<br />
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3<br />
{<br />
margin: 0;<br />
padding: 0;<br />
font-size: 12px;<br />
font-weight: normal;<br />
}<br />
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info<br />
{<br />
margin: 0;<br />
padding: 0;<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #aaa;<br />
}<br />
.extra div.box { width: 310px; padding: 0px; margin:0;}<br />
.extra div.box-popular { float: left; }<br />
.extra div.box-recent { float: right; }<br />
<br />
</style></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; line-height: 25px;">Now again scroll down to where you see below code:</span><br />
<br />
<div class="code">
<div id='main-wrapper'></div>
<br />
<br />
And immediately before it, paste this code:<br />
<br />
<br />
<div class="code">
<div id='featabout'><br />
<div id='featabout-wrapper'><br />
<div class='featured'><br />
<div class='top'/><br />
<div class='mid'><br />
<div id='featured'><br />
<br />
<style><br />
#myGallery, #myGallerySet, #flickrGallery {<br />
width: 606px;<br />
height: 220px;<br />
z-index:5;<br />
border: 1px solid #000;<br />
overflow:hidden;<br />
}<br />
<br />
.jdGallery .slideInfoZone<br />
{<br />
position: absolute;<br />
z-index: 10;<br />
width: 100%;<br />
margin: 0px;<br />
left: 0;<br />
bottom: 0;<br />
height: 80px;<br />
background: #000;<br />
color: #fff;<br />
text-indent: 0;<br />
overflow: hidden;<br />
}<br />
</style><br />
<br />
<script type='text/javascript'><br />
function startGallery() {<br />
var myGallery = new gallery($(&#39;myGallery&#39;), {<br />
timed: true<br />
});<br />
}<br />
window.addEvent(&#39;domready&#39;,startGallery);<br />
</script><br />
<br />
<div id='myGallery'><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
function rp(json) {<br />
<br />
for (var i = startposts; i < numposts; i++) {<br />
<br />
var entry = json.feed.entry[i];<br />
var posttitle = entry.title.$t;<br />
var posturl;<br />
<br />
if (i == json.feed.entry.length) break;<br />
<br />
for (var k = 0; k < entry.link.length; k++) {<br />
if (entry.link[k].rel == 'alternate') {<br />
posturl = entry.link[k].href;<br />
break;<br />
}<br />
}<br />
<br />
posttitle = posttitle.link(posturl);<br />
var readmorelink = "(Read More)";<br />
readmorelink = readmorelink.link(posturl);<br />
var postdate = entry.published.$t;<br />
var cdyear = postdate.substring(0,4);<br />
var cdmonth = postdate.substring(5,7);<br />
var cdday = postdate.substring(8,10);<br />
var monthnames = new Array();<br />
monthnames[1] = "Jan";<br />
monthnames[2] = "Feb";<br />
monthnames[3] = "Mar";<br />
monthnames[4] = "Apr";<br />
monthnames[5] = "May";<br />
monthnames[6] = "Jun";<br />
monthnames[7] = "Jul";<br />
monthnames[8] = "Aug";<br />
monthnames[9] = "Sep";<br />
monthnames[10] = "Oct";<br />
monthnames[11] = "Nov";<br />
monthnames[12] = "Dec";<br />
<br />
if ("content" in entry) {<br />
var postcontent = entry.content.$t;<br />
} else if ("summary" in entry) {<br />
var postcontent = entry.summary.$t;<br />
} else<br />
var postcontent = "";<br />
var re = /<\S[^>]*>/g;<br />
postcontent = postcontent.replace(re, "");<br />
if (showposttitle == true) document.write(posttitle);<br />
<br />
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);<br />
<br />
if (showpostsummary == true) {<br />
if (postcontent.length < numchars) {<br />
document.write(postcontent);<br />
} else {<br />
postcontent = postcontent.substring(0, numchars);<br />
var quoteEnd = postcontent.lastIndexOf(" ");<br />
postcontent = postcontent.substring(0,quoteEnd);<br />
<br />
document.write(postcontent);<br />
<br />
document.write('...' + readmorelink);<br />
}<br />
}<br />
<br />
}<br />
<br />
<br />
}<br />
//]]><br />
</script><br />
<br />
<span style="color: red; font-size: 130%;"><span style="font-weight: bold;"><div class='imageElement'></span></span><br />
<h2>&lt;script&gt;var startposts = 0; numposts = 1; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</h2><br />
<p>&lt;script&gt;var startposts = 0; numposts = 1; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</p><br />
<br />
<a class='open' href='#' title='Read More'/><br />
<img class='full' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFj3Z2cbjkO1KGJeNJOPr0LNOSiAHDZ1XLlM2dqUCm29IIwOAEbhfu3zaB6NyIOksDI7bChvyS1Hxim2WM0vAbttbn9d0E7rZUcuvIKEEhxbm4upB15ZhDusvs8CfjjeaTr0x4Ykd1Tst5/+slider1.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFj3Z2cbjkO1KGJeNJOPr0LNOSiAHDZ1XLlM2dqUCm29IIwOAEbhfu3zaB6NyIOksDI7bChvyS1Hxim2WM0vAbttbn9d0E7rZUcuvIKEEhxbm4upB15ZhDusvs8CfjjeaTr0x4Ykd1Tst5/+slider1.jpg</span>'/><br />
<span style="color: red; font-size: 130%; font-weight: bold;"></div></span><br />
<br />
<span style="color: red; font-size: 130%; font-weight: bold;"><div class='imageElement'></span><br />
<h2>&lt;script&gt;var startposts = 1; numposts = 2; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</h2><br />
<p>&lt;script&gt;var startposts = 1; numposts = 2; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</p><br />
<br />
<a class='open' href='#' title='Read More'/><br />
<img class='full' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ8FLuHxwspegTP7c3O57DIkpfkez5AsfT279LlJsatrYuH3JMiS2KdjLWMAkh1OJ6pQgrYz6bUGjy6j5LfmNvv9MYU0vqYrA2UnZBdJkTQb0G4QD4CxVY_eZoXb5mOu-q4m6d5T8ohzQK/+slider2.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ8FLuHxwspegTP7c3O57DIkpfkez5AsfT279LlJsatrYuH3JMiS2KdjLWMAkh1OJ6pQgrYz6bUGjy6j5LfmNvv9MYU0vqYrA2UnZBdJkTQb0G4QD4CxVY_eZoXb5mOu-q4m6d5T8ohzQK/+slider2.jpg</span>'/><br />
<span style="color: red; font-size: 130%; font-weight: bold;"></div></span><br />
<br />
<span style="color: red; font-size: 130%; font-weight: bold;"><div class='imageElement'></span><br />
<h2>&lt;script&gt;var startposts = 2; numposts = 3; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</h2><br />
<p>&lt;script&gt;var startposts = 2; numposts = 3; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</p><br />
<br />
<a class='open' href='#' title='Read More'/><br />
<img class='full' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3sIHaBphRBNdrhgZJeeL0MFsP96puzEpba4z-dDzLzW-6qpSQIh1U0_lcFrDFS0TBDEgFNpdGLni-7KZdHNXO1pSU-hVo1uUaRxXvKImkSvZ1oDXMzQzcHLjJZHAE-t9d9-NiCyvvrh6B/+slider3.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3sIHaBphRBNdrhgZJeeL0MFsP96puzEpba4z-dDzLzW-6qpSQIh1U0_lcFrDFS0TBDEgFNpdGLni-7KZdHNXO1pSU-hVo1uUaRxXvKImkSvZ1oDXMzQzcHLjJZHAE-t9d9-NiCyvvrh6B/+slider3.jpg</span>'/><br />
<span style="color: red; font-size: 130%;"><span style="font-weight: bold;"></div></span></span><br />
<br />
<span style="color: red; font-size: 130%; font-weight: bold;"><div class='imageElement'></span><br />
<h2>&lt;script&gt;var startposts = 3; numposts = 4; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</h2><br />
<p>&lt;script&gt;var startposts = 3; numposts = 4; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</p><br />
<br />
<a class='open' href='#' title='Read More'/><br />
<img class='full' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3MVCbVvyx1m6A9pxV1HWENyVC584iRVgt9De0d-WAl4-V9Plu69U2q9KOlLYMJgUz6YG1cTEN9GSEDO3KwbrT5CskDzSgXzfje7ebjwfTtTVuV5ALaIvU4vQqb88hUOitHy4_pmvLjk7K/+slider4.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3MVCbVvyx1m6A9pxV1HWENyVC584iRVgt9De0d-WAl4-V9Plu69U2q9KOlLYMJgUz6YG1cTEN9GSEDO3KwbrT5CskDzSgXzfje7ebjwfTtTVuV5ALaIvU4vQqb88hUOitHy4_pmvLjk7K/+slider4.jpg</span>'/><br />
<span style="color: red; font-size: 130%; font-weight: bold;"></div></span><br />
<br />
<span style="color: red; font-size: 130%; font-weight: bold;"><div class='imageElement'></span><br />
<h2>&lt;script&gt;var startposts = 4; numposts = 5; var showposttitle = true; showpostdate = false; var showpostsummary = false; var numchars = 0; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</h2><br />
<p>&lt;script&gt;var startposts = 4; numposts = 5; var showposttitle = false; showpostdate = false; var showpostsummary = true; var numchars = 150; &lt;/script&gt;&lt;script src=&quot;<span class="Apple-style-span" style="color: #3333ff;"><b>http://bdlab.blogspot.com/</b></span>feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp&quot;&gt;<br />
&lt;/script&gt;</p><br />
<br />
<a class='open' href='#' title='Read More'/><br />
<img class='full' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIS5PaLfYSNzGA6IJSZD3QMjt20Iwy2JgwnwlBifFe-A7P-I2QlBUpNBFSLjDmtZcC70XBBvLg_EKbC0ZE9CWT5gM2WMvAgwAgeRpAVw7NcmeXtw9bxXk940PBvm82t-gOA2E4X0C1L9UA/+slider5.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIS5PaLfYSNzGA6IJSZD3QMjt20Iwy2JgwnwlBifFe-A7P-I2QlBUpNBFSLjDmtZcC70XBBvLg_EKbC0ZE9CWT5gM2WMvAgwAgeRpAVw7NcmeXtw9bxXk940PBvm82t-gOA2E4X0C1L9UA/+slider5.jpg</span>'/><br />
<span style="color: red; font-size: 130%; font-weight: bold;"></div></span><br />
<br />
</div><br />
</div><br />
</div><br />
<div class='bot'/><br />
</div></div></div></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: red;">Replace</span> "http://bdlab.blogspot.com" with your blog address.<br />
<span style="color: red;">Replace</span> images addresses with your images addresses.<br />
<br />
<span style="color: #cc33cc; font-weight: bold;">Note:</span> You can place above code as your choice.For explanation I place it just before </span><br />
<div>
<span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><br />
</span></div>
<br />
<br />
<div class="code">
<div id='main-wrapper'></div>
<br />
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Add jQuery Featured Content Slideshow to Blogger </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimgP2rpBAGRkYUxw8f62vmRSQuU2e4y1s6UQfeoek2z0FwexA5DG9SEdKUqOw0INco3sMT47-FhE2CBz3bfrBEHHuJvJI_GUGN4Tu2vep1xthzRv5k83LunINCa34gSWmQd9Y9Ih_yS7St/s1600/How+To+Add+jQuery+Featured+Content+Slideshow+to+Blogger.png" width="320" /></div>
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
1.Login to your blogger dashboard--<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> layout- -<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> Edit HTML</div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
2.Scroll down to where you see <span class="Apple-style-span" style="color: red;"></head></span> tag .</div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span class="Apple-style-span" style="color: red;"></head></span> tag.</div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div>
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" rel="nofollow" target="_blank">http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js</a>' type='text/javascript'/><br />
<script type='text/javascript'><br />
<br />
//<![CDATA[<br />
<br />
(function($){$.fn.innerfade=function(options){return this.each(function(){$.innerfade(this,options)})};$.innerfade=function(container,options){var settings={'animationtype':'fade','speed':'normal','type':'sequence','timeout':2000,'containerheight':'auto','runningclass':'innerfade','children':null};if(options)$.extend(settings,options);if(settings.children===null)var elements=$(container).children();else var elements=$(container).children(settings.children);if(elements.length>1){$(container).css('position','relative').css('height',settings.containerheight).addClass(settings.runningclass);for(var i=0;i<elements.length;i++){$(elements[i]).css('z-index',String(elements.length-i)).css('position','absolute').hide()};if(settings.type=="sequence"){setTimeout(function(){$.innerfade.next(elements,settings,1,0)},settings.timeout);$(elements[0]).show()}else if(settings.type=="random"){var last=Math.floor(Math.random()*(elements.length));setTimeout(function(){do{current=Math.floor(Math.random()*(elements.length))}while(last==current);$.innerfade.next(elements,settings,current,last)},settings.timeout);$(elements[last]).show()}else if(settings.type=='random_start'){settings.type='sequence';var current=Math.floor(Math.random()*(elements.length));setTimeout(function(){$.innerfade.next(elements,settings,(current+1)%elements.length,current)},settings.timeout);$(elements[current]).show()}else{alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'')}}};$.innerfade.next=function(elements,settings,current,last){if(settings.animationtype=='slide'){$(elements[last]).slideUp(settings.speed);$(elements[current]).slideDown(settings.speed)}else if(settings.animationtype=='fade'){$(elements[last]).fadeOut(settings.speed);$(elements[current]).fadeIn(settings.speed,function(){removeFilter($(this)[0])})}else alert('Innerfade-animationtype must either be \'slide\' or \'fade\'');if(settings.type=="sequence"){if((current+1)<elements.length){current=current+1;last=current-1}else{current=0;last=elements.length-1}}else if(settings.type=="random"){last=current;while(current==last)current=Math.floor(Math.random()*elements.length)}else alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');setTimeout((function(){$.innerfade.next(elements,settings,current,last)}),settings.timeout)}})(jQuery);function removeFilter(element){if(element.style.removeAttribute){element.style.removeAttribute('filter')}}<br />
<br />
//]]><br />
<br />
</script><br />
<script type='text/javascript'><br />
$(document).ready(<br />
function(){<br />
$(&#39;#news&#39;).innerfade({<br />
animationtype: &#39;slide&#39;,<br />
speed: 750,<br />
timeout: 2000,<br />
type: &#39;random&#39;,<br />
containerheight: &#39;1em&#39;<br />
});<br />
<br />
$(&#39;ul#portfolio&#39;).innerfade({<br />
speed: 1000,<br />
timeout: 5000,<br />
type: &#39;sequence&#39;,<br />
containerheight: &#39;220px&#39;<br />
});<br />
<br />
$(&#39;.fade&#39;).innerfade({<br />
speed: 1000,<br />
timeout: 6000,<br />
type: &#39;random_start&#39;,<br />
containerheight: &#39;1.5em&#39;<br />
});<br />
<br />
$(&#39;.adi&#39;).innerfade({<br />
speed: &#39;slow&#39;,<br />
timeout: 5000,<br />
type: &#39;random&#39;,<br />
containerheight: &#39;150px&#39;<br />
});<br />
<br />
});<br />
</script></div>
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">4.Now go to Layout-->Page Element and click on "Add a gadget".</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">5.Select "html/java script" and add the code given below and click save.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<br />
<div class="code">
<ul id="portfolio" style="list-style-type:none;"><br />
<br />
<li><a href="http://bloggertipandtrick.blogspot.com/search/label/Bookmarks?max-results=1000"><img <span class="goog_qs-tidbit goog_qs-tidbit-1">alt="Social Bookmarks For Bloggers" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH3J3GX-naopKzdX03ZxHkoIu59CrxHz0i41pJfIHi5gkgsZ-Q7dSG6HZ3yLZ79IWtrPE6CjxNbrrpY0CPOCblHZKUTTxrE_v1nuJufxMLRbIkTtMwWqhH_R5do3aMo1igbCwOwV6Eh69R/+Bookmarks.jpg"/></a></li></span><br />
<br />
<li><a href="http://bloggertipandtrick.blogspot.com/search/label/java%20script?max-results=1000"><img alt="Java Script Tutorials" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuotWuAqvVLjaCK7AvqSVdGUZO5D09bjha4IVpKc2GedWaGAsICaVj0DJDOZrO-TYsKRtdMtO4hDNNzf6gcoqpyhk0pYWxvOppQnOWp6ApLrlw0dHwhCigGdAPo5KDS2PB9_uJPHQrLNX8/+script.jpg"/></a></li><br />
<br />
<li><a href="http://bloggertipandtrick.blogspot.com/search/label/jQuery?max-results=1000"><img alt="jQuery Tutorials" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi26aksp_iKx0oMSQH_Em5N6Tw7l_9UmTONz2cqIZ2VRWTxzoyKNLrJcTX9tjxV1_HBRBebiZLzgzE17tUed_ASbc4aHfme-XlG05s7arx09GTF6-HdQp_uEXp7m9oYGCeJm89UMBJ0jzRp/"/></a></li><br />
<br />
<li><a href="http://bloggertipandtrick.blogspot.com/search/label/Windows?max-results=1000"><img alt="Windows Tips" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD3aySN49Qw9Bg5UVJGfHSKVJoXUwKOn6HSoWCSQfn8ilWjRKzooIKvsbVGmoZKXZg-MEx9OoJjZfMJNhL90uXUhOUhXGxGsyHTelAtz04fLEPzS_5hee7L4TVNkgOFLN9ggt2nm2KEeZi/"/></a></li><br />
<br />
<li><a href="http://bloggertipandtrick.blogspot.com/search/label/Templates?max-results=1000"><img alt="Blogger Templates" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy4pHRe-LQIz9ZUUPmb_vSvFKhki-oIiCveCDRtUejyMRE2YxUTBhUhF-h-fpZAH4wan-7B-GxyLvvarsw0TOeFV36ovt4Ug_pMuOgJKPo0hY8Dj-bTp_2vjJyUWlg_PqL_crwfK_MB5Kj/+Templates.jpg"/></a></li><br />
<br />
<li><a href="http://bloggertipandtrick.blogspot.com/search/label/Wordpress?max-results=1000"><img alt="Wordpress Tutorials" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFAPN5ZDUE_sITgXCMLZvDNtNrVxmJomo6CpmGo5phJaZZqUcVdenkHmqzEIVGQx_grzAysGBdE1PC90rZP4G9isA3iheonYFWKr7-hF9zlxMQ3ZcPaRCgWlVhymEWFKIQPXxCYRz7DRA/"/></a></li><br />
<br />
</ul></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now click</span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; line-height: 16px;"> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; line-height: 16px;"><strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
................................................................................................<br />
................................................................................................<br />
................................................................................................<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Add jQuery Featured Content Slider to Blogger </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqNPsbgw-qiQgkvLwrCcUUlPMydxnvXR1THC-kLxl_93juqwQVdhVins2mfJxDwroQ2y5k33l3G_yTzj6VRFaHCOURJoAICsNYEAb6sl-XcGZCjYgiTQWL6Xwo4yTlHEpJNO0OM5QHl1i/s1600/How+To+Add+jQuery+Featured+Content+Slider+to+Blogger.png" width="320" /></div>
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
1.Login to your blogger dashboard--<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> layout- -<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">--></span> Edit HTML</div>
</div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
2.Scroll down to where you see <span class="Apple-style-span" style="color: red;"></head> </span>tag .</div>
</div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
</div>
</div>
</div>
</div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
3.Copy below code and paste it <span style="color: #3333ff;">just before</span> the <span class="Apple-style-span" style="color: red;"></head></span> tag.</div>
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src='<span style="color: red; font-size: 130%; font-weight: bold;">http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js</span>' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
/*<br />
* Superfish v1.4.8 - jQuery menu widget<br />
* Copyright (c) 2008 Joel Birch<br />
*<br />
* Dual licensed under the MIT and GPL licenses:<br />
* http://www.opensource.org/licenses/mit-license.php<br />
* http://www.gnu.org/licenses/gpl.html<br />
*<br />
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt<br />
*/<br />
<br />
;(function($){<br />
$.fn.superfish = function(op){<br />
<br />
var sf = $.fn.superfish,<br />
c = sf.c,<br />
$arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),<br />
over = function(){<br />
var $$ = $(this), menu = getMenu($$);<br />
clearTimeout(menu.sfTimer);<br />
$$.showSuperfishUl().siblings().hideSuperfishUl();<br />
},<br />
out = function(){<br />
var $$ = $(this), menu = getMenu($$), o = sf.op;<br />
clearTimeout(menu.sfTimer);<br />
menu.sfTimer=setTimeout(function(){<br />
o.retainPath=($.inArray($$[0],o.$path)>-1);<br />
$$.hideSuperfishUl();<br />
if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}<br />
},o.delay);<br />
},<br />
getMenu = function($menu){<br />
var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];<br />
sf.op = sf.o[menu.serial];<br />
return menu;<br />
},<br />
addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };<br />
<br />
return this.each(function() {<br />
var s = this.serial = sf.o.length;<br />
var o = $.extend({},sf.defaults,op);<br />
o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){<br />
$(this).addClass([o.hoverClass,c.bcClass].join(' '))<br />
.filter('li:has(ul)').removeClass(o.pathClass);<br />
});<br />
sf.o[s] = sf.op = o;<br />
<br />
$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {<br />
if (o.autoArrows) addArrow( $('>a:first-child',this) );<br />
})<br />
.not('.'+c.bcClass)<br />
.hideSuperfishUl();<br />
<br />
var $a = $('a',this);<br />
$a.each(function(i){<br />
var $li = $a.eq(i).parents('li');<br />
$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});<br />
});<br />
o.onInit.call(this);<br />
<br />
}).each(function() {<br />
menuClasses = [c.menuClass];<br />
if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);<br />
$(this).addClass(menuClasses.join(' '));<br />
});<br />
};<br />
<br />
var sf = $.fn.superfish;<br />
sf.o = [];<br />
sf.op = {};<br />
sf.IE7fix = function(){<br />
var o = sf.op;<br />
if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)<br />
this.toggleClass(sf.c.shadowClass+'-off');<br />
};<br />
sf.c = {<br />
bcClass : 'sf-breadcrumb',<br />
menuClass : 'sf-js-enabled',<br />
anchorClass : 'sf-with-ul',<br />
arrowClass : 'sf-sub-indicator',<br />
shadowClass : 'sf-shadow'<br />
};<br />
sf.defaults = {<br />
hoverClass : 'sfHover',<br />
pathClass : 'overideThisToUse',<br />
pathLevels : 1,<br />
delay : 800,<br />
animation : {opacity:'show'},<br />
speed : 'normal',<br />
autoArrows : true,<br />
dropShadows : true,<br />
disableHI : false, // true disables hoverIntent detection<br />
onInit : function(){}, // callback functions<br />
onBeforeShow: function(){},<br />
onShow : function(){},<br />
onHide : function(){}<br />
};<br />
$.fn.extend({<br />
hideSuperfishUl : function(){<br />
var o = sf.op,<br />
not = (o.retainPath===true) ? o.$path : '';<br />
o.retainPath = false;<br />
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)<br />
.find('>ul').hide().css('visibility','hidden');<br />
o.onHide.call($ul);<br />
return this;<br />
},<br />
showSuperfishUl : function(){<br />
var o = sf.op,<br />
sh = sf.c.shadowClass+'-off',<br />
$ul = this.addClass(o.hoverClass)<br />
.find('>ul:hidden').css('visibility','visible');<br />
sf.IE7fix.call($ul);<br />
o.onBeforeShow.call($ul);<br />
$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });<br />
return this;<br />
}<br />
});<br />
<br />
})(jQuery);<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
//Featured Content Glider: By http://www.dynamicdrive.com<br />
//Created: Dec 22nd, 07'<br />
//Updated (Jan 29th, 08): Added four possible slide directions: "updown", "downup", "leftright", or "rightleft"<br />
//Updated (Feb 1st, 08): Changed glide behavior to reverse direction when previous button is clicked<br />
//Updated (Feb 12th, 08): Added ability to retrieve gliding contents from an external file using Ajax ("remotecontent" variable added to configuration)<br />
<br />
var featuredcontentglider={<br />
csszindex: 100,<br />
ajaxloadingmsg: '<b>Fetching Content. Please wait...</b>',<br />
glide:function(config, showpage, isprev){<br />
var selected=parseInt(showpage)<br />
if (selected>=config.$contentdivs.length){ //if no content exists at this index position<br />
alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.")<br />
selected=0<br />
}<br />
var $target=config.$contentdivs.eq(selected)<br />
//Test for toggler not being initialized yet, or user clicks on the currently selected page):<br />
if (config.$togglerdiv.attr('lastselected')==null || parseInt(config.$togglerdiv.attr('lastselected'))!=selected){<br />
var $selectedlink=config.$toc.eq(selected)<br />
config.$next.attr('loadpage', (selected<config.$contentdivs.length-1)? selected+1+'pg' : 0+'pg')<br />
config.$prev.attr('loadpage', (selected==0)? config.$contentdivs.length-1+'pg' : selected-1+'pg')<br />
var startpoint=(isprev=="previous")? -config.startpoint : config.startpoint<br />
$target.css(config.leftortop, startpoint).css("zIndex", this.csszindex++) //hide content so it's just out of view before animating it<br />
var endpoint=(config.leftortop=="left")? {left:0} : {top:0} //animate it into view<br />
$target.animate(endpoint, config.speed)<br />
config.$toc.removeClass('selected')<br />
$selectedlink.addClass('selected')<br />
config.$togglerdiv.attr('lastselected', selected+'pg')<br />
}<br />
},<br />
<br />
getremotecontent:function(config){<br />
config.$glider.html(this.ajaxloadingmsg)<br />
$.ajax({<br />
url: config.remotecontent,<br />
error:function(ajaxrequest){<br />
config.$glider.html('Error fetching content.<br />Server Response: '+ajaxrequest.responseText)<br />
},<br />
success:function(content){<br />
config.$glider.html(content)<br />
featuredcontentglider.setuptoggler(config)<br />
}<br />
})<br />
},<br />
<br />
aligncontents:function(config){<br />
config.$contentdivs=$("#"+config.gliderid+" ."+config.contentclass)<br />
config.$contentdivs.css(config.leftortop, config.startpoint).css({height: config.$glider.height(), visibility: 'visible'}) //position content divs so they're out of view:<br />
},<br />
<br />
setuptoggler:function(config){<br />
this.aligncontents(config)<br />
config.$togglerdiv.hide()<br />
config.$toc.each(function(index){<br />
$(this).attr('pagenumber', index+'pg')<br />
if (index > (config.$contentdivs.length-1))<br />
$(this).css({display: 'none'}) //hide redundant "toc" links<br />
})<br />
var $nextandprev=$("#"+config.togglerid+" .next, #"+config.togglerid+" .prev")<br />
$nextandprev.click(function(event){ //Assign click behavior to 'next' and 'prev' links<br />
featuredcontentglider.glide(config, this.getAttribute('loadpage'), this.getAttribute('buttontype'))<br />
event.preventDefault() //cancel default link action<br />
})<br />
config.$toc.click(function(event){ //Assign click behavior to 'toc' links<br />
featuredcontentglider.glide(config, this.getAttribute('pagenumber'))<br />
event.preventDefault()<br />
})<br />
config.$togglerdiv.fadeIn(1000, function(){<br />
featuredcontentglider.glide(config, config.selected)<br />
if (config.autorotate==true){ //auto rotate contents?<br />
config.stepcount=0 //set steps taken<br />
config.totalsteps=config.$contentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles)<br />
featuredcontentglider.autorotate(config)<br />
}<br />
})<br />
config.$togglerdiv.click(function(){<br />
featuredcontentglider.cancelautorotate(config.togglerid)<br />
})<br />
},<br />
<br />
autorotate:function(config){<br />
var rotatespeed=config.speed+config.autorotateconfig[0]<br />
window[config.togglerid+"timer"]=setInterval(function(){<br />
if (config.totalsteps>0 && config.stepcount>=config.totalsteps){<br />
clearInterval(window[config.togglerid+"timer"])<br />
}<br />
else{<br />
config.$next.click()<br />
config.stepcount++<br />
}<br />
}, rotatespeed)<br />
},<br />
<br />
cancelautorotate:function(togglerid){<br />
if (window[togglerid+"timer"])<br />
clearInterval(window[togglerid+"timer"])<br />
},<br />
<br />
getCookie:function(Name){<br />
var re=new RegExp(Name+"=[^;]+", "i") //construct RE to search for target name/value pair<br />
if (document.cookie.match(re)) //if cookie found<br />
return document.cookie.match(re)[0].split("=")[1] //return its value<br />
return null<br />
},<br />
<br />
setCookie:function(name, value){<br />
document.cookie = name+"="+value<br />
},<br />
<br />
init:function(config){<br />
$(document).ready(function(){<br />
config.$glider=$("#"+config.gliderid)<br />
config.$togglerdiv=$("#"+config.togglerid)<br />
config.$toc=config.$togglerdiv.children('.toc')<br />
config.$next=config.$togglerdiv.children('.next')<br />
config.$prev=config.$togglerdiv.children('.prev')<br />
config.$prev.attr('buttontype', 'previous')<br />
var selected=(config.persiststate)? featuredcontentglider.getCookie(config.gliderid) : config.selected<br />
config.selected=(isNaN(parseInt(selected))) ? config.selected : selected //test for cookie value containing null (1st page load) or "undefined" string<br />
config.leftortop=(/up/i.test(config.direction))? "top" : "left" //set which CSS property to manipulate based on "direction"<br />
config.heightorwidth=(/up/i.test(config.direction))? config.$glider.height() : config.$glider.width() //Get glider height or width based on "direction"<br />
config.startpoint=(/^(left|up)/i.test(config.direction))? -config.heightorwidth : config.heightorwidth //set initial position of contents based on "direction"<br />
if (typeof config.remotecontent!="undefined" && config.remotecontent.length>0)<br />
featuredcontentglider.getremotecontent(config)<br />
else<br />
featuredcontentglider.setuptoggler(config)<br />
$(window).bind('unload', function(){ //clean up and persist<br />
config.$togglerdiv.unbind('click')<br />
config.$toc.unbind('click')<br />
config.$next.unbind('click')<br />
config.$prev.unbind('click')<br />
if (config.persiststate)<br />
featuredcontentglider.setCookie(config.gliderid, config.$togglerdiv.attr('lastselected'))<br />
config=null<br />
<br />
})<br />
})<br />
}<br />
}<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
$(document).ready(function(){<br />
$(".glidecontent").hover(function() {<br />
$(this).children(".glidemeta").animate({opacity: "show"}, "slow");<br />
}, function() {<br />
$(this).children(".glidemeta").animate({opacity: "hide"}, "fast");<br />
});<br />
});<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
$(document).ready(function() {<br />
$('#tabzine> ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });<br />
<br />
});<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(C){C.8={3o:{19:3(E,F,H){6 G=C.8[E].1h;21(6 D 3p H){G.1I[D]=G.1I[D]||[];G.1I[D].28([F,H[D]])}},2P:3(D,F,E){6 H=D.1I[F];5(!H){7}21(6 G=0;G<H.k;G++){5(D.b[H[G][0]]){H[G][1].1H(D.c,E)}}}},1l:{},n:3(D){5(C.8.1l[D]){7 C.8.1l[D]}6 E=C(\'<2a 3s="8-3r">\').j(D).n({3q:"3i",2g:"-2A",3g:"-2A",1r:"1w"}).22("2C");C.8.1l[D]=!!((!(/3I|3P/).12(E.n("3z"))||(/^[1-9]/).12(E.n("2T"))||(/^[1-9]/).12(E.n("2E"))||!(/2v/).12(E.n("3w"))||!(/3S|3C\\(0, 0, 0, 0\\)/).12(E.n("3D"))));3E{C("2C").2w(0).3B(E.2w(0))}3x(F){}7 C.8.1l[D]},3y:3(D){C(D).v("1p","2I").n("2q","2v")},3H:3(D){C(D).v("1p","3O").n("2q","")},3Q:3(G,E){6 D=/2g/.12(E||"2g")?"3N":"3M",F=e;5(G[D]>0){7 t}G[D]=1;F=G[D]>0?t:e;G[D]=0;7 F}};6 B=C.2e.W;C.2e.W=3(){C("*",2).19(2).z("W");7 B.1H(2,2M)};3 A(E,F,G){6 D=C[E][F].35||[];D=(1F D=="1E"?D.2h(/,?\\s+/):D);7(C.1j(G,D)!=-1)}C.1i=3(E,D){6 F=E.2h(".")[0];E=E.2h(".")[1];C.2e[E]=3(J){6 H=(1F J=="1E"),I=2D.1h.3J.2P(2M,1);5(H&&A(F,E,J)){6 G=C.i(2[0],E);7(G?G[J].1H(G,I):1n)}7 2.14(3(){6 K=C.i(2,E);5(H&&K&&C.3v(K[J])){K[J].1H(K,I)}o{5(!H){C.i(2,E,3e C[F][E](2,J))}}})};C[F][E]=3(I,H){6 G=2;2.15=E;2.2H=F+"-"+E;2.b=C.1A({},C.1i.1k,C[F][E].1k,H);2.c=C(I).u("1e."+E,3(L,J,K){7 G.1e(J,K)}).u("2j."+E,3(K,J){7 G.2j(J)}).u("W",3(){7 G.1b()});2.23()};C[F][E].1h=C.1A({},C.1i.1h,D)};C.1i.1h={23:3(){},1b:3(){2.c.1q(2.15)},2j:3(D){7 2.b[D]},1e:3(D,E){2.b[D]=E;5(D=="f"){2.c[E?"j":"r"](2.2H+"-f")}},1X:3(){2.1e("f",e)},1P:3(){2.1e("f",t)}};C.1i.1k={f:e};C.8.2J={3h:3(){6 D=2;2.c.u("3d."+2.15,3(E){7 D.2G(E)});5(C.x.13){2.2K=2.c.v("1p");2.c.v("1p","2I")}2.3c=e},38:3(){2.c.16("."+2.15);(C.x.13&&2.c.v("1p",2.2K))},2G:3(F){(2.V&&2.1o(F));2.1C=F;6 E=2,G=(F.39==1),D=(1F 2.b.25=="1E"?C(F.2f).2x().19(F.2f).y(2.b.25).k:e);5(!G||D||!2.2S(F)){7 t}2.1D=!2.b.26;5(!2.1D){2.3a=1x(3(){E.1D=t},2.b.26)}5(2.2m(F)&&2.1T(F)){2.V=(2.1U(F)!==e);5(!2.V){F.3b();7 t}}2.2n=3(H){7 E.2r(H)};2.2l=3(H){7 E.1o(H)};C(2N).u("2O."+2.15,2.2n).u("2t."+2.15,2.2l);7 e},2r:3(D){5(C.x.13&&!D.3j){7 2.1o(D)}5(2.V){2.1V(D);7 e}5(2.2m(D)&&2.1T(D)){2.V=(2.1U(2.1C,D)!==e);(2.V?2.1V(D):2.1o(D))}7!2.V},1o:3(D){C(2N).16("2O."+2.15,2.2n).16("2t."+2.15,2.2l);5(2.V){2.V=e;2.2u(D)}7 e},2m:3(D){7(29.3m(29.2z(2.1C.2L-D.2L),29.2z(2.1C.2s-D.2s))>=2.b.2F)},1T:3(D){7 2.1D},1U:3(D){},1V:3(D){},2u:3(D){},2S:3(D){7 t}};C.8.2J.1k={25:U,2F:1,26:0}})(27);(3(A){A.1i("8.4",{23:3(){2.b.Z+=".4";2.1m(t)},1e:3(B,C){5((/^d/).12(B)){2.1v(C)}o{2.b[B]=C;2.1m()}},k:3(){7 2.$4.k},1Q:3(B){7 B.2R&&B.2R.1g(/\\s/g,"2Q").1g(/[^A-4o-4x-9\\-2Q:\\.]/g,"")||2.b.2X+A.i(B)},8:3(C,B){7{b:2.b,4u:C,30:B,11:2.$4.11(C)}},1m:3(O){2.$l=A("1O:4p(a[p])",2.c);2.$4=2.$l.1G(3(){7 A("a",2)[0]});2.$h=A([]);6 P=2,D=2.b;2.$4.14(3(R,Q){5(Q.X&&Q.X.1g("#","")){P.$h=P.$h.19(Q.X)}o{5(A(Q).v("p")!="#"){A.i(Q,"p.4",Q.p);A.i(Q,"q.4",Q.p);6 T=P.1Q(Q);Q.p="#"+T;6 S=A("#"+T);5(!S.k){S=A(D.2d).v("1s",T).j(D.1u).4l(P.$h[R-1]||P.c);S.i("1b.4",t)}P.$h=P.$h.19(S)}o{D.f.28(R+1)}}});5(O){2.c.j(D.2b);2.$h.14(3(){6 Q=A(2);Q.j(D.1u)});5(D.d===1n){5(20.X){2.$4.14(3(S,Q){5(Q.X==20.X){D.d=S;5(A.x.13||A.x.43){6 R=A(20.X),T=R.v("1s");R.v("1s","");1x(3(){R.v("1s",T)},44)}4m(0,0);7 e}})}o{5(D.1c){6 J=46(A.1c("8-4"+A.i(P.c)),10);5(J&&P.$4[J]){D.d=J}}o{5(P.$l.y("."+D.m).k){D.d=P.$l.11(P.$l.y("."+D.m)[0])}}}}D.d=D.d===U||D.d!==1n?D.d:0;D.f=A.41(D.f.40(A.1G(2.$l.y("."+D.1a),3(R,Q){7 P.$l.11(R)}))).31();5(A.1j(D.d,D.f)!=-1){D.f.3V(A.1j(D.d,D.f),1)}2.$h.j(D.18);2.$l.r(D.m);5(D.d!==U){2.$h.w(D.d).1S().r(D.18);2.$l.w(D.d).j(D.m);6 K=3(){A(P.c).z("1K",[P.Y("1K"),P.8(P.$4[D.d],P.$h[D.d])],D.1S)};5(A.i(2.$4[D.d],"q.4")){2.q(D.d,K)}o{K()}}A(3U).u("3W",3(){P.$4.16(".4");P.$l=P.$4=P.$h=U})}21(6 G=0,N;N=2.$l[G];G++){A(N)[A.1j(G,D.f)!=-1&&!A(N).1f(D.m)?"j":"r"](D.1a)}5(D.17===e){2.$4.1q("17.4")}6 C,I,B={"3X-2E":0,1R:1},E="3Z";5(D.1d&&D.1d.3Y==2D){C=D.1d[0]||B,I=D.1d[1]||B}o{C=I=D.1d||B}6 H={1r:"",47:"",2T:""};5(!A.x.13){H.1W=""}3 M(R,Q,S){Q.2p(C,C.1R||E,3(){Q.j(D.18).n(H);5(A.x.13&&C.1W){Q[0].2B.y=""}5(S){L(R,S,Q)}})}3 L(R,S,Q){5(I===B){S.n("1r","1w")}S.2p(I,I.1R||E,3(){S.r(D.18).n(H);5(A.x.13&&I.1W){S[0].2B.y=""}A(P.c).z("1K",[P.Y("1K"),P.8(R,S[0])],D.1S)})}3 F(R,T,Q,S){T.j(D.m).4k().r(D.m);M(R,Q,S)}2.$4.16(".4").u(D.Z,3(){6 T=A(2).2x("1O:w(0)"),Q=P.$h.y(":4e"),S=A(2.X);5((T.1f(D.m)&&!D.1z)||T.1f(D.1a)||A(2).1f(D.1t)||A(P.c).z("2y",[P.Y("2y"),P.8(2,S[0])],D.1v)===e){2.1M();7 e}P.b.d=P.$4.11(2);5(D.1z){5(T.1f(D.m)){P.b.d=U;T.r(D.m);P.$h.1Y();M(2,Q);2.1M();7 e}o{5(!Q.k){P.$h.1Y();6 R=2;P.q(P.$4.11(2),3(){T.j(D.m).j(D.2c);L(R,S)});2.1M();7 e}}}5(D.1c){A.1c("8-4"+A.i(P.c),P.b.d,D.1c)}P.$h.1Y();5(S.k){6 R=2;P.q(P.$4.11(2),Q.k?3(){F(R,T,Q,S)}:3(){T.j(D.m);L(R,S)})}o{4b"27 4c 4d: 3n 49 4a."}5(A.x.13){2.1M()}7 e});5(!(/^24/).12(D.Z)){2.$4.u("24.4",3(){7 e})}},19:3(E,D,C){5(C==1n){C=2.$4.k}6 G=2.b;6 I=A(G.37.1g(/#\\{p\\}/g,E).1g(/#\\{1L\\}/g,D));I.i("1b.4",t);6 H=E.4i("#")==0?E.1g("#",""):2.1Q(A("a:4g-4h",I)[0]);6 F=A("#"+H);5(!F.k){F=A(G.2d).v("1s",H).j(G.18).i("1b.4",t)}F.j(G.1u);5(C>=2.$l.k){I.22(2.c);F.22(2.c[0].48)}o{I.36(2.$l[C]);F.36(2.$h[C])}G.f=A.1G(G.f,3(K,J){7 K>=C?++K:K});2.1m();5(2.$4.k==1){I.j(G.m);F.r(G.18);6 B=A.i(2.$4[0],"q.4");5(B){2.q(C,B)}}2.c.z("2Y",[2.Y("2Y"),2.8(2.$4[C],2.$h[C])],G.19)},W:3(B){6 D=2.b,E=2.$l.w(B).W(),C=2.$h.w(B).W();5(E.1f(D.m)&&2.$4.k>1){2.1v(B+(B+1<2.$4.k?1:-1))}D.f=A.1G(A.34(D.f,3(G,F){7 G!=B}),3(G,F){7 G>=B?--G:G});2.1m();2.c.z("2V",[2.Y("2V"),2.8(E.2k("a")[0],C[0])],D.W)},1X:3(B){6 C=2.b;5(A.1j(B,C.f)==-1){7}6 D=2.$l.w(B).r(C.1a);5(A.x.4n){D.n("1r","4t-1w");1x(3(){D.n("1r","1w")},0)}C.f=A.34(C.f,3(F,E){7 F!=B});2.c.z("33",[2.Y("33"),2.8(2.$4[B],2.$h[B])],C.1X)},1P:3(C){6 B=2,D=2.b;5(C!=D.d){2.$l.w(C).j(D.1a);D.f.28(C);D.f.31();2.c.z("32",[2.Y("32"),2.8(2.$4[C],2.$h[C])],D.1P)}},1v:3(B){5(1F B=="1E"){B=2.$4.11(2.$4.y("[p$="+B+"]")[0])}2.$4.w(B).4q(2.b.Z)},q:3(G,K){6 L=2,D=2.b,E=2.$4.w(G),J=E[0],H=K==1n||K===e,B=E.i("q.4");K=K||3(){};5(!B||!H&&A.i(J,"17.4")){K();7}6 M=3(N){6 O=A(N),P=O.2k("*:4s");7 P.k&&P.4v(":45(3R)")&&P||O};6 C=3(){L.$4.y("."+D.1t).r(D.1t).14(3(){5(D.1N){M(2).3l().1B(M(2).i("1L.4"))}});L.1y=U};5(D.1N){6 I=M(J).1B();M(J).3k("<2o></2o>").2k("2o").i("1L.4",I).1B(D.1N)}6 F=A.1A({},D.1J,{2U:B,2i:3(O,N){A(J.X).1B(O);C();5(D.17){A.i(J,"17.4",t)}A(L.c).z("2Z",[L.Y("2Z"),L.8(L.$4[G],L.$h[G])],D.q);D.1J.2i&&D.1J.2i(O,N);K()}});5(2.1y){2.1y.3f();C()}E.j(D.1t);1x(3(){L.1y=A.3u(F)},0)},2U:3(C,B){2.$4.w(C).1q("17.4").i("q.4",B)},1b:3(){6 B=2.b;2.c.16(".4").r(B.2b).1q("4");2.$4.14(3(){6 C=A.i(2,"p.4");5(C){2.p=C}6 D=A(2).16(".4");A.14(["p","q","17"],3(E,F){D.1q(F+".4")})});2.$l.19(2.$h).14(3(){5(A.i(2,"1b.4")){A(2).W()}o{A(2).r([B.m,B.2c,B.1a,B.1u,B.18].3G(" "))}})},Y:3(B){7 A.Z.3L({3t:B,2f:2.c[0]})}});A.8.4.1k={1z:e,Z:"24",f:[],1c:U,1N:"3F&#3A;",17:e,2X:"8-4-",1J:{},1d:U,37:\'<1O><a p="#{p}"><2W>#{1L}</2W></a></1O>\',2d:"<2a></2a>",2b:"8-4-3K",m:"8-4-d",2c:"8-4-1z",1a:"8-4-f",1u:"8-4-30",18:"8-4-3T",1t:"8-4-4w"};A.8.4.35="k";A.1A(A.8.4.1h,{1Z:U,4r:3(C,F){F=F||e;6 B=2,E=2.b.d;3 G(){B.1Z=42(3(){E=++E<B.$4.k?E:0;B.1v(E)},C)}3 D(H){5(!H||H.4j){4f(B.1Z)}}5(C){G();5(!F){2.$4.u(2.b.Z,D)}o{2.$4.u(2.b.Z,3(){D();E=B.b.d;G()})}}o{D();2.$4.16(2.b.Z,D)}}})})(27);',62,282,'||this|function|tabs|if|var|return|ui|||options|element|selected|false|disabled||panels|data|addClass|length|lis|selectedClass|css|else|href|load|removeClass||true|bind|attr|eq|browser|filter|triggerHandler|||||||||||||||||||||null|_mouseStarted|remove|hash|fakeEvent|event||index|test|msie|each|widgetName|unbind|cache|hideClass|add|disabledClass|destroy|cookie|fx|setData|hasClass|replace|prototype|widget|inArray|defaults|cssCache|tabify|undefined|mouseUp|unselectable|removeData|display|id|loadingClass|panelClass|select|block|setTimeout|xhr|unselect|extend|html|_mouseDownEvent|_mouseDelayMet|string|typeof|map|apply|plugins|ajaxOptions|tabsshow|label|blur|spinner|li|disable|tabId|duration|show|mouseDelayMet|mouseStart|mouseDrag|opacity|enable|stop|rotation|location|for|appendTo|init|click|cancel|delay|jQuery|push|Math|div|navClass|unselectClass|panelTemplate|fn|target|top|split|success|getData|find|_mouseUpDelegate|mouseDistanceMet|_mouseMoveDelegate|em|animate|MozUserSelect|mouseMove|pageY|mouseup|mouseStop|none|get|parents|tabsselect|abs|5000px|style|body|Array|width|distance|mouseDown|widgetBaseClass|on|mouse|_mouseUnselectable|pageX|arguments|document|mousemove|call|_|title|mouseCapture|height|url|tabsremove|span|idPrefix|tabsadd|tabsload|panel|sort|tabsdisable|tabsenable|grep|getter|insertBefore|tabTemplate|mouseDestroy|which|_mouseDelayTimer|preventDefault|started|mousedown|new|abort|left|mouseInit|absolute|button|wrapInner|parent|max|Mismatching|plugin|in|position|gen|class|type|ajax|isFunction|backgroundImage|catch|disableSelection|cursor|8230|removeChild|rgba|backgroundColor|try|Loading|join|enableSelection|auto|slice|nav|fix|scrollLeft|scrollTop|off|default|hasScroll|img|transparent|hide|window|splice|unload|min|constructor|normal|concat|unique|setInterval|opera|500|not|parseInt|overflow|parentNode|fragment|identifier|throw|UI|Tabs|visible|clearInterval|first|child|indexOf|clientX|siblings|insertAfter|scrollTo|safari|Za|has|trigger|rotate|last|inline|tab|is|loading|z0'.split('|'),0,{}))<br />
<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<br />
/*<br />
* jScroller 0.3 - Scroller Script<br />
*<br />
* Copyright (c) 2007 Markus Bordihn (http://markusbordihn.de)<br />
* Dual licensed under the MIT (MIT-LICENSE.txt)<br />
* and GPL (GPL-LICENSE.txt) licenses.<br />
*<br />
* $Date: 2007-11-15 13:00:00 +0100 (Thu, 15 Nov 2007) $<br />
* $Rev: 0.3 $<br />
*/<br />
<br />
$(document).ready(function(){<br />
this.defaults = {<br />
scroller: {<br />
interval: 0, // Dont touch !<br />
refresh: 150, // Refresh Time in ms<br />
direction: "left", // down,right,left,up<br />
speed: 5, // Set the Scroller Speed<br />
id: "#scroller",<br />
cont_id: "#scroller_container"<br />
}<br />
}<br />
<br />
var jscroller_config = $.extend(this.defaults), jscroller_scroller = $(jscroller_config.scroller.id), jscroller_scroller_cont = $(jscroller_config.scroller.cont_id);<br />
<br />
if (jscroller_scroller && jscroller_scroller_cont) {<br />
jscroller_scroller.css({position: 'absolute', left: 0, top: 0});<br />
jscroller_init();<br />
}<br />
<br />
function jscroller_startScroll() {<br />
if(!jscroller_config.scroller.interval) {<br />
jscroller_config.scroller.interval=window.setInterval(jscroller_doScroll,jscroller_config.scroller.refresh);<br />
}<br />
}<br />
<br />
function jscroller_stopScroll() {<br />
if (jscroller_config.scroller.interval) {<br />
window.clearInterval(jscroller_config.scroller.interval);<br />
jscroller_config.scroller.interval=0;<br />
}<br />
}<br />
<br />
function jscroller_init() {<br />
$("#scroller a").click(function(){<br />
window.open(this.href);<br />
return false;<br />
});<br />
jscroller_scroller_cont.css('overflow','hidden');<br />
if(!jscroller_config.scroller.interval) {<br />
if (window.attachEvent) {<br />
window.attachEvent("onfocus", jscroller_startScroll);<br />
window.attachEvent("onblur", jscroller_stopScroll);<br />
window.attachEvent("onresize", jscroller_startScroll);<br />
window.attachEvent("onscroll", jscroller_startScroll);<br />
}<br />
else if (window.addEventListener) {<br />
window.addEventListener("focus", jscroller_startScroll, false);<br />
window.addEventListener("blur", jscroller_stopScroll, false);<br />
window.addEventListener("resize", jscroller_startScroll, false);<br />
window.addEventListener("scroll", jscroller_startScroll, false);<br />
}<br />
jscroller_startScroll();<br />
if ($.browser.msie) {window.focus()}<br />
}<br />
}<br />
<br />
function jscroller_getElem(Elem) {<br />
return (typeof Elem == "string" && document.getElementById)? document.getElementById(Elem) : Elem;<br />
}<br />
<br />
function jscroller_doScroll() {<br />
if (scroller_dom = jscroller_getElem(jscroller_scroller.attr("id"))) {<br />
var<br />
p_top= Number((/[0-9-,.]+/.exec(jscroller_scroller.css('top'))||0)),<br />
p_left=Number((/[0-9-,.]+/.exec(jscroller_scroller.css('left'))||0)),<br />
min_height=jscroller_scroller_cont.height(),<br />
min_width=jscroller_scroller_cont.width(),<br />
speed=jscroller_config.scroller.speed,<br />
p_height=scroller_dom.offsetHeight,<br />
p_width=scroller_dom.offsetWidth,<br />
direction=jscroller_config.scroller.direction,<br />
jscroller=jscroller_scroller;<br />
<br />
switch(direction) {<br />
case 'up':<br />
if (p_top <= -1*p_height) {p_top=min_height;}<br />
jscroller.css('top',p_top-speed+'px');<br />
break;<br />
case 'right':<br />
if (p_left >= min_width) {p_left=-1*p_width;}<br />
jscroller.css('left',p_left+speed+'px');<br />
break;<br />
case 'left':<br />
if (p_left <= -1*p_width) {p_left=min_width;}<br />
jscroller.css('left',p_left-speed+'px');<br />
break;<br />
case 'down':<br />
if (p_top >= min_height) {p_top=-1*p_height;}<br />
jscroller.css('top',p_top+speed+'px');<br />
break;<br />
}<br />
}<br />
}<br />
});<br />
<br />
//]]><br />
</script><br />
<br />
<script type='text/javascript'><br />
jQuery(function(){<br />
jQuery(&#39;ul.sf-menu&#39;).superfish();<br />
});<br />
</script><br />
<script type='text/javascript'><br />
featuredcontentglider.init({<br />
gliderid: &quot;glidercontent&quot;,<br />
contentclass: &quot;glidecontent&quot;,<br />
togglerid: &quot;togglebox&quot;,<br />
remotecontent: &quot;&quot;,<br />
selected: 1,<br />
persiststate: true,<br />
speed: 300,<br />
direction: &quot;leftright&quot;,<br />
autorotate: true,<br />
autorotateconfig: [10000, 1] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]<br />
})<br />
</script><br />
<script type='text/javascript'><br />
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);<br />
</script><br />
<br />
<style type='text/css'><br />
#glidercontent{<br />
margin:0px 0 5px 0px;<br />
font-family:Georgia,Century gothic, Arial,Tahoma,sans-serif;<br />
}<br />
.glidecontentwrapper{<br />
position: relative; /* Do not change this value */<br />
width: 670px;<br />
height: 300px; /* Set height to be able to contain height of largest content shown*/<br />
overflow: hidden;<br />
margin:0px 0px 0px 0px;<br />
background:url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDpstzSA1wcVrSjbYFtAmPhgav9BEldwVNAenT2pf_MRe4d0dj8gRsjeqYS6ra21UvtezZ7-Tl0nBZZ94vWQa8Q2SSGkqTU01RZfvY1K0kDckZ9FCYDMxAYmBAFqsgj8XPrDEiShGHYTq6/</span>) repeat-y;<br />
}<br />
.glidecontent{ /*style for each glide content DIV within wrapper.*/<br />
position:absolute; /* Do not change this value */<br />
padding:0px 10px 0px 10px;<br />
width:640px;<br />
color:#fff;<br />
margin:0px 0px;<br />
height: 230px;<br />
background:#ec03d9 url() no -repeat;<br />
overflow:hidden;<br />
float:left;<br />
}<br />
.glidemeta h2{<br />
margin:5px 0px 5px 0px;<br />
padding:5px 0px;<br />
font-size:18px;<br />
font-weight:bold;<br />
}<br />
.glidemeta h2 a:link, .glidemeta h2 a:visited{<br />
color:#fff;<br />
}<br />
.glidemeta{<br />
height: 80px;<br />
width: 650px;<br />
padding:0px 5px 5px 5px;<br />
position:absolute;<br />
background: url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcxOhgwbOaFlM5xHadmv-OLQUskrs_bsVpttvp86OjSygmxH0KZTNIOYw-HneTEa_4gGytY03i7gt6x5gOzC90J32WV_VcQnhjoJtqxH7zaxovAxIhir2Twu44EjwgBNQ6acQHwFzYAa6T/</span>);<br />
top:164px;<br />
line-height:14px;<br />
color: #fff;<br />
font-size:12px;<br />
overflow: hidden;<br />
display:none;<br />
border-top:1px solid #000;<br />
}<br />
.gnav{ /*style for DIV used to contain toggler links. */<br />
width: 100px;<br />
height:50px;<br />
z-index:150;<br />
float:right;<br />
padding-right:25px;<br />
}<br />
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */<br />
height:38px;<br />
z-index:150;<br />
width: 670px;<br />
background: url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUHJaSByUV5i8Yxkgz2R3eQYyux3L8LXYw44bIhnOPurdhx19aNQiaHK_DhRbkpgZjbJpXeNDs13qf0gX_yBemT8q58Vb3zUHWIucp1CWSNBbDWcZmaVbRXh4z2bekyeDHB0g-4wavvbqZ/</span>);<br />
}<br />
.glidecontenttoggler a{ /*style for every navigational link within toggler */<br />
display: -moz-inline-box;<br />
display: inline-block;<br />
color: #2e6ab1;<br />
font-weight: bold;<br />
text-decoration: none;<br />
}<br />
.glidecontenttoggler a.selected{ /*style for selected page&#39;s toggler link. &quot;.selected&quot; class auto generated! */<br />
background: #E4EFFA;<br />
color: black;<br />
}<br />
.glidecontenttoggler a:hover{<br />
background: #E4EFFA;<br />
color: black;<br />
}<br />
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). &quot;.toc&quot; class auto generated! */<br />
}<br />
.glidecontenttoggler a.prev{ /*style for &quot;prev&quot; and &quot;next&quot; toggler links. &quot;.prev&quot; and &quot;.next&quot; classes auto generated! */<br />
top:6px;<br />
right:35px;<br />
position:absolute;<br />
display:block;<br />
background:url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8T3gTdUHWKfkF0xasY_rkbS2TGB5sSNsoAfbMq7J7Z0mIhFEYt9gvdiXRsSUteEhYCMTrV2adpDzr1-HmtzAR_HUBiwno6fXpTjz-xRWn4J08rN1jgQYuPWC6pjnG2lJNxUbJg8P0tYVe/</span>) bottom;<br />
width:36px;<br />
height:25px;<br />
}<br />
.glidecontenttoggler a.next {<br />
float:right;<br />
display:block;<br />
background:url(<span style="color: #cc33cc; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtDMSD9WRVRnPo3lYrMYcn3CoX3ZZnBTNQofH8gG9f4-f3qx4mY2-N10r1cFLhl6_0T1-Pw_DaV6mdgYv4fQntOHd41CP_m3VRg1PpG0wjpcRZsXhYsna1w-qX2uVw3D5WY8yeWZAoX8OK/</span>) bottom;<br />
width:36px;<br />
height:25px;<br />
position:absolute;<br />
top:6px;<br />
right:5px;<br />
}<br />
</style></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #646060; font-family: Arial, Verdana; font-size: 14px; line-height: 25px;"><span style="color: #009900; font-size: 21px; font-weight: bold;">Note</span>: </span><span class="Apple-style-span" style="line-height: 25px;">Please host above images yourself.</span><br />
<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now click</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"><b style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-style: none; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</b></span><br />
<br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">4.Now go to Layout-->Page Element and click on "Add a gadget".</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">5.Select "html/java script" and add the code given below and click save.</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span></div>
<div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span></div>
<br />
<div class="code">
<div id="glidercontent" class="glidecontentwrapper"><br />
<div id="togglebox" class="glidecontenttoggler"><br />
<a class="prev" href="#"></a><br />
<a class="next" href="#"></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="POST-LINK-HERE" title="LINK-TITLE-HERE">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="POST-LINK-HERE" title="LINK-TITLE-HERE"><br />
<img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigG4tzNKa51zPsiWjzgwEcQZkoM7uIeYP8-1GH3fRvpAXK4EyUpAgFiO9kGC9_Q60nQZedUAzxY8L4j0ofkzVUUuaKl3OmelbC2vHS2xHbwmR0Pe78Xij9XJUWmZT1f1pDDfVFo-HM7j0a/+fighter.jpg" height="250"/></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="POST-LINK-HERE" title="LINK-TITLE-HERE">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="POST-LINK-HERE" title="LINK-TITLE-HERE"><br />
<img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq8p7MRUfQE2oe57Gj-TLQdjf-jKxpYvl5h3WaQTP1OKmw6K3NCddA4o0-a50UNbzZ00c4XbyMXSZuPCl0AKx7L_mCBsCQs-J6b68nlev5K-4LEPZEnW_VOLR0XJvfy8auBc1ljC5A1r1E/" height="250"/></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="POST-LINK-HERE" title="LINK-TITLE-HERE">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="POST-LINK-HERE" title="LINK-TITLE-HERE"><br />
<img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMJ74tH7S6H9s5Aj83Cw6kkDj_eqY3EnkbKx0Y6pvKdGHZYv-ah2aj9NH0EtZRGp2q_1pWZfKcYZhq-ruVrfGhCz1rmxI0gK0zzrjKFyCtReXIgMzSxlTrgp8EtW12JnxkZ_G4-vRSrT96/+day.jpg" height="250"/></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="POST-LINK-HERE" title="LINK-TITLE-HERE">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="POST-LINK-HERE" title="LINK-TITLE-HERE"><br />
<img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirjhKD4HIFFassuOAi5heydZmM4cnbFxEb24MYAmMNB72ogD7FABtCEuOSZiKaf-hWL9NUVQLA1hjraDYZ4gr0DFROJ3bWr_nv1wl-vIHDzlKKC9vtASWA3tBhfk677VKEEpmeI58tb2WV/" height="250"/></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="POST-LINK-HERE" title="LINK-TITLE-HERE">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="POST-LINK-HERE" title="LINK-TITLE-HERE"><img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkPZeeJ7lrOFjA4e9gXhFnNDhqEm8HrAU0E2u0-_lYCv7qR3mvX0cduPEUJWQPEoReHORgru58KH6oRR8VWLhPQwrq-RCNz7sBMSulPU55RjYqXk4CWoMvZEMJ8hAD5d6Y2RT-4Z259_Wo/+2.jpeg" height="250"/></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="POST-LINK-HERE" title="LINK-TITLE-HERE">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="POST-LINK-HERE" title="LINK-TITLE-HERE"><img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiKQZSMIjY4bh0VwUoPA8puAf20vzPkGvcexQHkRAXjmGLo6h-_sRweIE0wRjp8o_bwwJKSFyfbj3VgTgA5EIxnwso4K6MIy9ul7vKknyOcqwS6lkgQ5PyS1dQGunj-9kpTJkiYPCULdX-/" height="250"/></a><br />
</div><br />
<br />
</div></div>
<br />
<br />
<br />
<br />
<div style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: -webkit-xxx-large; line-height: 20px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-size: 48px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; font-weight: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">Now click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span></span></b></span></div>
<div style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">
<br /></div>
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="color: #646060; line-height: 25px;"><span style="color: #009900; font-size: 21px;"><span style="font-weight: bold;">Note</span></span> : <span style="color: red; font-weight: bold;">Replace</span> POST-LINK-HERE,LINK-TITLE-HERE,POST-TITLE-HERE,POST-DESCRIPTION-HERE,IMAGE-TITLE-HERE and Image Addresses with your details.</span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="color: #646060; line-height: 25px;"><br />
</span></span><br />
<br />
<br />
<blockquote>
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px;">Many thanks to <a href="http://www.bloggertipandtrick.net/" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #838c1c; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Lasantha Bandara</a> for making this code and I just tested and modified to work on blogger</span></blockquote>
<br />
<br />
<br /></div>
</div>
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com24tag:blogger.com,1999:blog-404186049558999833.post-47938409535270704962010-12-13T05:11:00.001-08:002013-02-05T22:39:28.819-08:00Change Mouse cursor of your Blogger blogspot blog to Animated Cursors<div dir="ltr" style="text-align: left;" trbidi="on">
Guest Post - By <a href="http://24work.blogspot.com/" target="_blank">24work.blogspot.com</a><br />
<br />
How to change mouse cursor in blogger blog to animated cursors. Many bloggers are asking such kind of questions but there is no tutorial available on the internet.I created this post because there are a blogger friend who asked how to change the pointer / cursor on the blogger. This you can do to decorate the look of blog.<br />
<br />
<style type="text/css">
.et-box { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0px 0px 10px; }
.et-box-content { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px #ffffff; padding: 16px 20px 8px 75px; min-height:35px; }
.et-box-content strong { color: #000000; font-weight: bold; }
.et-box-content h1, .et-box-content h2, .et-box-content h3, .et-box-content h4, .et-box-content h5, .et-box-content h6 { font-family: Century Gothic, Arial, sans-serif; }
.et-info { border: 1px solid #cecb8e; }
.et-info .et-box-content { color: #8c8a64; background: #f7f4b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCowLM3dMqNjrJVxIG29O3-T_9JPuYBL9gsYiqbPb3jdVwM62AmV7n9i48N35OgtDGuwLDdCyJpnlC8UE_dDDoCTBfZHSoKhyqu9_YCN-eWzuB6qY_brdQ3y5FQ0ZGwFWps5GAcM3P974/s1600/update.png) no-repeat 18px 13px; border: 1px solid #ffffea; }
.et-info .et-box-content h1, .et-info .et-box-content h2, .et-info .et-box-content h3, .et-info .et-box-content h4, .et-info .et-box-content h5, .et-info .et-box-content h6 { color: #6b6a54; }
</style><br />
<br />
<br />
<br />
<br />
<br />
<div class="et-box et-info">
<div class="et-box-content">
<b>UPDATE:</b> I updated some of my posts, this post I update <a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank"><b>How to change mouse cursor in blogger blog to animated cursors</b></a> ..........</div>
</div>
How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun to your blog is....(more)<br />
<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" imageanchor="1" style="margin-left: auto; margin-right: auto;" target="_blank"><img alt="cursor, cursor pointer, cursors, mouse cursor, Totally Free Cursors, Myspace Cursors, Animated Cursors Widget Generator For Blogger" border="0" height="712" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWbbx6YUnKVOsJHzPztZa4CiZtioe9AB9igmCBYwIfiCDSEz3mpV0y5WyXn_VGF5YS1jRqlUfsOZ18K1ABi_XLxfeyr4Ldweme_RjT0G7ESDMxzPS3F18Epj84BWo9BkwOVp1G5vJZO4I/s1600/change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" width="535" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">cursor, cursor pointer, cursors, mouse cursor, Totally Free Cursors, Myspace Cursors, Animated Cursors Widget Generator For Blogger</td></tr>
</tbody></table>
<br />
<br />
<a name='more'></a><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
<br />
I take the cursor image from http://www.cursors-4u.com/ and you can change it anytime depends on your festive moods.<br />
<br />
<br />
<b>How to Install mouse cursor in blogger blog to animated cursors</b><br />
<br />
<br />
<br />
This tutorial will help you to change the mouse cursor of your blog to animated cursors. As you can see in this blog, i haved installed a dark blue 3d cursor. You can also add it in your blogspot blogs and change it according to your will.<br />
<br />
I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout.Backup your template before attempting this tutorial.<br />
<br />
<br />
Step 1:<br />
<br />
<br />
In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/wmV0kq" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCd0kemqlk1kzIerF-TmWznDo4jerGG9uTXbxowcS_5-OMzm96F_dOgu64qfm_d1X9WKQ-4z6G82Th7I-T0MIPqZCAuZZrorTbyBK-JJGmzX2PShEzQwHlxOd8Y0TP7n44tUdrYFk85ak/s1600/Expand+Widget+Templates-1.png" width="420" /></a></div>
<br />
<br />
In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/wmV0kq" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKwDfOuUPuKLQFg-O5eYfESIsWu8Zs6ePORO6G1aik7LyvhXGvaus6GjmV1RtzQ7-23ec41uJilpds46RYPy58WkPf8jfHUrAixuRw-ZVHYr1MJa_3NA_oyk4L5GM7g4PjDFCABj_vFsc/s1600/Expand+Widget+Templates-2.png" width="400" /></a></div>
<br />
<br />
<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
</head></div>
<br />
And immediately <b><span style="color: red;">before</span></b> it, paste this code:<br />
<br />
<br />
<br />
<br />
<div class="code" style="background-attachment: initial; background-clip: initial; background-color: #ebf0ff; background-image: initial; background-origin: initial; border-bottom-color: rgb(34, 51, 68); border-bottom-style: dotted; border-bottom-width: 1px; border-left-color: rgb(34, 51, 68); border-left-style: dotted; border-left-width: 1px; border-right-color: rgb(34, 51, 68); border-right-style: dotted; border-right-width: 1px; border-top-color: rgb(34, 51, 68); border-top-style: dotted; border-top-width: 1px; color: #474747; font-family: Arial, Verdana; font-size: 14px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left;">
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHomjTPT236Vfv22GL7GjN1u7udurymSFB9mp8q2oYlHZ7IbvmHHIkXk1RZBtoDVUjgRusQIc_bKBl7aFDgw-YXu80ueZEpI0N7aYKaJSxQAeXShOM6S8eWCjzw6PWyyVr40wQdHA_ccE7/s1600/cur220.gif" imageanchor="1" style="clear: right; color: #a42828; cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_BLUE_OUTER_GLOW_POINTER-www.24work.blogspot.c.cur), progress; float: right; margin-bottom: 1em; margin-left: 1em; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHomjTPT236Vfv22GL7GjN1u7udurymSFB9mp8q2oYlHZ7IbvmHHIkXk1RZBtoDVUjgRusQIc_bKBl7aFDgw-YXu80ueZEpI0N7aYKaJSxQAeXShOM6S8eWCjzw6PWyyVr40wQdHA_ccE7/s1600/cur220.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 0px; border-width: initial; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></a><b><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_BLUE_OUTER_GLOW_POINTER-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></b></span></div>
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save Template </b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>Some cursors are give bellow</b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_zmgBDClkx2pknljD9-6UGZ5oXAdOYIo4MCFZVhazjzsWuW7Rv7uzyek6rYCEf6gb2g3N8T2p3cEINZYoKZstdE-UlRZHbp0ptiLtuk2ocRWKwiQA6yKbv7iIlRB1Cds3t7WJ5fIs_gbw/s1600/BLOGGER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLOGGER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLOGGER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHjxyl6_OzxHQZbngdSILgQHbGMJ9X6Ah7RmUbaF79_3CoPC45xKh8T-1K_AjgtYuDAahdlkBqAEpcO5FCskBF7WyhD1lH4fpaYOmhssrjW0GI-kXMRM1_bC7ORXUKdJlxzkvytnI9zEff/s1600/ABU+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ABU-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ABU-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJMO_CIEJEKL-uIFI8dFaiyvU7Ywn3OXzsd3-RewsP0OOUXIgO5SqGaSfeCJ2OadNnCGX3YLUbzCannvLBhcx7SmZMSwYfK5OhaLcWUOGCdNkZV4xOPHr49M5Y-lGgkEiKTZy65LXFewH9/s1600/ALADDIN+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ALADDIN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ALADDIN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ5rMNCK8mcb3ZurVLfmGvlmrlaCc7lk03XVGj7-Iwt8NUXPSMWAXi0DRVomLk6o2-HIywJ3hOpx136TdSoMU8RxDVW2EPEOWoxvwlJnM4mNWk0pix2ksH7d8Z9MlFmhGhzVBZzI94m46u/s1600/ANGRY+BIRDS+-+LINK+SELECT+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ANGRY_BIRDS-LINK_SELECT-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ANGRY_BIRDS-LINK_SELECT-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ9q5ZgOBcEWWM1eRT4wIzvYz4xYtdDrPqMtqOjcV63E_x3hYEsg0Q9kXPqwMAmGj-d2wBUNwpg3dCndKUgZW6wMEtA0T975MvqyV9c4Cbm-Yj3H3qv7LMfbtD9CbW0VkUYmScUiwS-d9K/s1600/ANGRY+BIRDS+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ANGRY_BIRDS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ANGRY_BIRDS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWCESAhxtYWwIcrlQ5u1uq5n_9p1zYh7um0xRcfzGL0qyNUqtX7K0EIz2AJPeH0S9dk0edgS6c03peDsJTCnYsi9VzUqLVwurKcQxH7EzMBwQMq53uRHv-vT6EGCgxoNPxNzvQJ8qEYh28/s1600/BATMAN+BEGINS+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BATMAN_BEGINS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BATMAN_BEGINS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk2MQx7wT3UjftG-5wqrEk8cn-d2HMPLm9Hdf4KjDH-Qb9qlVvkI7APvWMpDqaYF5h4oW5gcnH4ib03QE0zW4B7XzyJgthm-LD5LT6r5-BJho6rwZBBhRWFlDhIq5u5C5VuPUQUDYoDMF7/s1600/BLACY+SMILEY+-+HAHA+BUCKTOOTH+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-HAHA_BUCKTOOTH-www.24work.blogspot.co.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-HAHA_BUCKTOOTH-www.24work.blogspot.co.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYofG5VLfbwfzHSbgmjLxjkCAiGfHsEtcm_TLJKnsQleDuP02WaTfXKS-jnFaM_EE3B3ONgZ-YNHGVqe5ocia0JMr8jxK6fhZjKDhhduxrQt65zshHzGcLLJO0HAXNyKSIgCQb2OqRxu6L/s1600/BLACY+SMILEY+-+SILLY+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-SILLY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-SILLY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpWxN9yqrQ1xpMVPR-CnKiFj6BqdqoRlkexcx1Af1bzTJ90VMz8jfdAJu0ajTMyXS50NAF08IO_WQI0DWqgRIZH6pi6U84eL6IyU1LjpnAyouVX1EWxHWQzQb2ygCtUTA4QFxycWblvii/s1600/BLACY+SMILEY+-+SUPER+HERO+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-SUPER_HERO-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLACY_SMILEY-SUPER_HERO-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rl8Hg_BZaOorKP72m67eBKXAc8cl9oilHYLHnoj2kL_yjTFFyuyHMl5YriEO6xyOX5r6qnY7DC0E3Fi_a_YZF0CZ0rRPViKnpKJ17RH1kvXq-69uKMEuLqB87QoJSwFBIZ4jHNto5Phc/s1600/BLUE+SNOWFLAKE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLUE_SNOWFLAKE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BLUE_SNOWFLAKE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ZAd3xBWtcZ6bA7xe9EfsVzhDmbqak5YNCPdYVhCKvRLeP04PIw2KeyWpdZLOnP18VhNwhjeCaudQ_JVOb9OXAg3LHQAUQvielQt06nY5kzsw4Edr5LQ2R-9e1C_gARrNyIE-P5Y6Na2z/s1600/BOAT+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BOAT-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BOAT-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9kOnFx13b9zsIItGmANpy8yc8OUgGjoJHbR0bIb1k3B3YYNOWJyPI84jNHSm_3DyD5Aivv816ORJ88qburvFQuAhJuyAlUwGS8bXMxweBY_1DelObOr50j_cxGBo886y6YGMIR7gty8gG/s1600/BOO+-+LINK+SELECT+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BOO-LINK_SELECT-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BOO-LINK_SELECT-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOO7U4c93bNJ0_f_zFpQk1GjAORv7QxXzDerZgs2egUh78WX6Wq1_OQgGNhkH70lQ197Skvwr60HL0Y2d0wna_B6vw6VO6ow6caebbjEM2sad-_M4yg8CJztre9ZazYL25TQ1B3bxlBkvz/s1600/BOO+-+MARIO+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BOO-MARIO-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BOO-MARIO-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-lvq-KVvE87PXKCzZn4Ji8MhGmizHEtawXsr4iMPwF8K5Q3eKRqmAW0gPizjkUYxl4JRpOxrwKZe6FeO_yuLyUg2sq_5qGCApPD5sG9KoRlTQZdcmmQvJGlAol1cKSijTzeu8DO9pX0tx/s1600/BREAST+CANCER+PINK+RIBBON+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BREAST_CANCER_PINK_RIBBON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BREAST_CANCER_PINK_RIBBON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNZ75rKaYvsGUe8N9aeOdSwzSPSzydhZ577bSHNDOR7-luqaoiYtzk17whSAP39nXWdkhAMEb-mJbHcwuemTykyG48sYQl6cNXSY97lvZzhYNsiana0RTsKvudFsViXDbheR7RS8WjlaJ_/s1600/BUFF+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BUFF-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BUFF-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPXkuDM5dNo3r-qrWAcenSIii9OuZv7K2NdGwXYk6vHYognO3GQ8ckJE04g2y0C7qF9e353BY_m7R7dQa7Z67d8JDDLKki8l7KplfOvfWFVdzioTHYI8Ge5PVlhq3X6OGLD-gy7_gAOxsz/s1600/BUNCHES+OF+GRAPES+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BUNCHES_OF_GRAPES-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/BUNCHES_OF_GRAPES-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWlXy1hQz2tjPFgI3Ks-TlZrPGcRusV1c1XOvX_32hRdaxICLAA2cjDnQp5PhmaZgvPCVuMwpM157B7AmnzeORz-SPNy8rpsBgBd5XmTSkd6MGaEs0afcjU7tPNqE-kkgSJkJ9MZwEpF4E/s1600/CALL+OF+DUTY+MODERN+WARFARE+3+-+10TH+PRESTIGE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CALL_OF_DUTY_MODERN_WARFARE_3-10TH_PRESTIGE-www.24.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CALL_OF_DUTY_MODERN_WARFARE_3-10TH_PRESTIGE-www.24.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8xq5JI3_NMWGisiNx-JkHOwI9bEo3k_kmTJgdajimkyKeKdUUU-qBcAEKO0MMsjx6gYaKtXE0_sY32y-DfJwTW-LxRsYxggCPGfUlk66fIGpccvd1Bxb1YQWTNc2is9LJFXq61smRD205/s1600/CHARIZARD+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CHARIZARD-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CHARIZARD-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWfC4VOmNp-ZSbgaLoPaQJBHFFvlOT75uCGK4cTkDJWwUyQsIPDxi3Jtft0yXpZGXY6NgR8hwnpC7wAdQ95-GlfVwVyikjgW4Z3yxMkn_7iZNxBA6AG-lue5jLyvTtFYBmgCE2sxhjiIql/s1600/COOL+BLUE+OUTER+GLOW+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_BLUE_OUTER_GLOW_POINTER-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_BLUE_OUTER_GLOW_POINTER-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBQihEppeKsivNuV0SIVgMFtRYAfGAT_iW_QYyQogzF0S8AQ7gKpWyz_uUACwvyIB2ANulXaMLVVRb6OeA8eWGZLZoeYzu6jtQiGggbwMZOmh7wdPfp0SxGdhFVmLB_8erEkiHR6YkUNrs/s1600/COOL+GREEN+POINTER+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_GREEN_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_GREEN_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH94xwIJEr9EqInsOdm-9JsrfdA4bEe0XxuR4LZ_2oPjAVbixBQOUWDr6G2zjiRIo9G7qVdRZr89JyMLWSmZMINGBKlJbaptH5RiBLWln5KD5LTx8BkCZQAmNw6dDsL49eSWfttWxaOQC0/s1600/COOL+ORANGE+POINTER+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_ORANGE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_ORANGE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX48jSWDpyF_2a7in_8QC1wAewkA8USwE5tsDOgBD0sGEz9bI2NKl5jug8wblFpwOjyrKccZOoQKEGNANk01Xap45m0X_kSlw9NOM4brn0gjIYXpOg3KZjRLnWfhOMebjwcceYH-nRrXma/s1600/COOL+PURPLE+POINTER+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_PURPLE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_PURPLE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhinXpJRp83vGn_uhu6IXkWS6IS6iVP8pByjEXCAvwOnXe5pW3lGUfyTDqDfYIxOuqtalKkSPpfEuMvDrrNx8h4Jux5NK-Vi6dRcWQnIQzznQo7ilFMDMkwwK-Z0Nf-79_RuAnFVXWnQZza/s1600/COOL+YELLOW+POINTER+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_YELLOW_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_YELLOW_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnlKrbeZoeIxIbd1yDqqoOAzVch6T7F6ikfLFUjithgZgqWetIDUdiYhqqlrqopk7BnCMVtRU8RWEI2HUnRy5PYRtwG-kJnZZkR2DL4IApO8-fspWfqHaspJ_iQ9eVhuheQEW4Q9s97QIu/s1600/CUTE+GREEN+BOW+TIE+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_GREEN_BOW_TIE_POINTER-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_GREEN_BOW_TIE_POINTER-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4jVHNuckk5T_48z1ubXa8OtIHdPhfmZ0xhaebbh5MwG6YajRY-K4sVjbR4LCS9UP7LFG6Nx18G-6mFGIGkRWOrwZC8woy_hfxEEoHJZqbEraN9PopgMGkl5WA0svFauKP99dtg_fCOKd/s1600/CUTE+PINK+KAOANI+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_PINK_KAOANI-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_PINK_KAOANI-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLcD_k72PDi_SVSaAWVcalK-xjs2suoOXNh65rW6rLC_VMdSUuTDATAW2jC10m5ZZBEFmeXNC5XtViupfiPxTKIUeIa-PLYAlOYvjTzScLgm09XSyehJvfV2iCb1FBGG85Fp6oBF3zGOgE/s1600/CUTE+POLKA+DOTTED+GREY+BOW+TIE+RIBBON+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_POLKA_DOTTED_GREY_BOW_TIE_RIBBON-www.24work.b.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_POLKA_DOTTED_GREY_BOW_TIE_RIBBON-www.24work.b.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCeU60oxLa9jFI1VyPejK36TKt4HQtXaHmcv6uWZaPZDABh2Sn9idzKF3AKmtGO51tuLVF5_8xa6780nhTbrlRrybMI1n2QhHv6JvWdv12lXlWcN77f_MWG8Z5g-I5Uzq5876kFYH5zuDK/s1600/CUTE+PURPLE+BOW+TIE+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_PURPLE_BOW_TIE_POINTER-www.24work.blogspot.co.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_PURPLE_BOW_TIE_POINTER-www.24work.blogspot.co.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmX_EkCpfWLzMbYFTIn6JRmgw2FleWZOtzVDFd3VnDXFgh-WEwQ_j5rcKFlBwBbpuGd2snUlFh2d1AP-iS1xDd0OwPU79MoyRhTCQyllyPZpza5BOYdTv3GEbj5o0dgNDsrA-uQT86ocA3/s1600/CUTE+SOUTH+PARK+KYLE+BROFLOVSKI+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_SOUTH_PARK_KYLE_BROFLOVSKI-www.24work.blogspo.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_SOUTH_PARK_KYLE_BROFLOVSKI-www.24work.blogspo.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFqiOzRThoBwwlRA4NEZjQTCnqba3uPbzMi4LMRYYolvuJoXu_IK6GFOXrgLWW06qFfXOvC90Hu8EryS6LosWmDlTAAXVEd6ralaTMA4UkOHKmQU-cZlKDUlWUM4q9rSdStNSacS4TVRk1/s1600/CUTE+UNICORN+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_UNICORN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_UNICORN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpmRaZ47_XmvQQ2K7g_-UA6s_68be3vHdlF4WBZDGWElmEJduAM901tbU-l6T4RAepIsD4Dwnbwj5tOaIEceLIRQ-XKBufAVgGqVvfE4TO8wMlDWkrWkgeIbKvEwrJF7642cOb1fIKbb5Z/s1600/DOCTOR+WHO+SEAL+OF+RASSILON+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/DOCTOR_WHO_SEAL_OF_RASSILON-www.24work.blogspot.co.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/DOCTOR_WHO_SEAL_OF_RASSILON-www.24work.blogspot.co.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM50gD-TqhXfwDUQeMQyWqJJR-8gl2FrUM_nF8kqGt4THzjoCDnV4M1cdg67G3uprdSk16eMbiMw0QXSLJmdJd_aSJCkyjo-SkZZ-L1MA80Sg4ukCJ-L0Yg3eBvokiYTBQDQitIB_1xFwG/s1600/DOMO-KUN+CUTE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/DOMO-KUN_CUTE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/DOMO-KUN_CUTE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBL_g6WJtH_f5YudMHFAMg5bY0SNRTZ6BqJ27x3SG_lJrxrJJKUbUaJu-hPwdTomJe21LjLeI7h35NyFakrxAAAvKnMVX6QhDS0MDH1oUx3vqwcrOlT3MqyE8d1WVekLc9hzA-FlK2vbTx/s1600/DOMO-KUN+STARING+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/DOMO-KUN_STARING-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/DOMO-KUN_STARING-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF5MLu1h4fuLm00244M2AGnYH1kpOvRjoloWFvv06nxZRFe2u_CDuxBYxv0xpSJCbYeO8QDAG27Um6jnLxpSt9QPGY5fGanvmpx6qIg01cETf9DFSHqXuLLUaAX31YG57XI3Ud-LusRAis/s1600/ELEGANT+ROSE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ELEGANT_ROSE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ELEGANT_ROSE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6W5w_7M5vC8lme-Mk_ykPYLzRLTgIsUzhttwuOccGVlgcV7qy6yLOtpOs7Et4L678LbreuvucfZuTDsHWe4wQWOoO-J4SMsKl8j0YUsrsuiOoe0fYtWMG7btTdvUayeaDqbhf8yvHaBy0/s1600/EVIL+ANIME+SMILEY+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/EVIL_ANIME_SMILEY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/EVIL_ANIME_SMILEY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbfl14dbc9LWmGcVfKLTN3F4r46L7guUns1X0lay6J1diiYVtpzg3PP5YYMdIaz-xY_aVuKwj8Rmg7GLuq6h1c-_a9k2y1CfMAlBj8104JxnZ3l2NoE41gF2a36_iuFEvGePdmEnhewsUi/s1600/EXCALIBUR+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/EXCALIBUR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/EXCALIBUR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWv__lcLIz18UDtiTFgAzGc-S4kWrIN4ETkUCxd1pqmnb2-ytrUhJ1F4ZqbstzO3IGyKW5aOqr063hlacI9YiFu4pXlRQsG_AuWS_HB4vFQPZbgHw54Jtv3q0TrPgmQ6OPuY7vkaHAHUv/s1600/FACEBOOK+HAND+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FACEBOOK_HAND_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FACEBOOK_HAND_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmcU-7JVV4_mdJ18KGfCds-Abwb0Fkbbjrw-lTB94ZrE-lyDzJnFQbrRssqFRLcXfL7dpNp4cWYCUawnhSUxEd3sdAe7TN4zkosZa6rf5iMo-ocpoiOWn5cxksw4M9_oqtfeHR1nNLdGNi/s1600/FINGER+PEACE+SIGN+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FINGER_PEACE_SIGN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FINGER_PEACE_SIGN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCh5i380oeYZAl1_r5eTtoXdbN7Zj9R2QlnP0u47jk9KzOvV_oLTyHBKMact9F5V38APKZh4f7YQ8gvaX8msAkp8exz1gN-N8ZP7aaR8bN0X8nYNtEI5kNhZ6D-5gw-JkIc6tRTYI0heL/s1600/FOREVER+ALONE-RAGE+FACE+COMICS+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FOREVER_ALONE-RAGE_FACE_COMICS-www.24work.blogspot.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FOREVER_ALONE-RAGE_FACE_COMICS-www.24work.blogspot.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8iYyImPyBePzwV3GwwV9OI3UV0in9qTjRWg3GpYLcJzmkrTh5mj4x8tN_iQ7BCxbjNViGpi2rKrzAq_AxOWZUnQTrPp6ZHREnfElCPv0lN3fzoB9tp49nzVLAfl3sq0GJAWeZ3OXtQIjt/s1600/FREE+LINES+-+HANDWRITING+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FREE_LINES-HANDWRITING-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FREE_LINES-HANDWRITING-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7uR0pbL9SrMf15ZaxlTuibNiO7zvOgFGIy4tyB-DAsiwT7RJihKw9jBI8mZmn0wf_IPVDGk1BqcVqpJRFtSDnI_u3cQ98lO94bQV0BRpT2Z9jP8hOjqULYn9RfAsSrr0OX50sZKPOx3Gq/s1600/FREE+LINES+-+LINK+SELECT+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FREE_LINES-LINK_SELECT-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FREE_LINES-LINK_SELECT-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPLEX3SVfJbN1_X0K_m39e54VAsbqCC0Kk2t1Ktzb6vGdna6ko8jCzQ9z084OCLmg5HTw3N9OCIFuIN7TCcV137NexL4oCUe23wNtoU-PnGLD3hDGBBlI1XUR2VbY3GtDFYyaLw5hZc55D/s1600/FREE+LINES+ARROW+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FREE_LINES_ARROW-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FREE_LINES_ARROW-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZbTKgEn2R9I-RRU_3iXxlprSYD3IoqNufiXJLMWivQKv8-syxjgGWTmBsZRhWTMzudX1XzMrdJ_4On0_PsyGMDSEZ4Bmf1a_qOlYX6McZ7mWO1RQqxZb0Go2d2m0h-bdM-3h1VI3AwP6b/s1600/FRUITY+KIWI+HEART+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FRUITY_KIWI_HEART-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FRUITY_KIWI_HEART-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYBd8jBBwG-O8qx07jKVzdWduRkH6RPCKN_fZRMpbL83-2EBbb0ipcyO2Wijr9zpmIPBtGprBCoDY9sylHp3CizgsOg7QnWdDxfmFhxL1ueuFlCz99ZfKWi8zK3kqDLiPl_fnMsAba5XUM/s1600/FRUITY+LEMON+HEART+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FRUITY_LEMON_HEART-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FRUITY_LEMON_HEART-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx4ZDbdXUfgV4QSLhQpuGSh5VMgVdGPZzwaLEikclpV5uWBodoJYMOEbp5hCzbvtA5Pgbl_m-fcJ6WDICCBS4mfJ6xlGlBzUib61LiVC0twACAXH0Dcsvmrk6E2Pdgn2gvQZOsdBQl2VIR/s1600/FRUITY+LIME+HEART+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FRUITY_LIME_HEART-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/FRUITY_LIME_HEART-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiJOWFnDt7rEMy29M5XQC_NjaRY80ALIPYn1dWyGBEc9WhaubpxZ2DV4tZBZ3LE_z_zl8p7bD3WDmOomKXqxiyCfk6n4dNTqDtl6nfLO5FpbQMd29btdTqoxP8fZ4BYVrOOd3zk8K8vPlV/s1600/GALLANT+UNICORN+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GALLANT_UNICORN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GALLANT_UNICORN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9_RD2YqIiMpaW2I1E76dYKkh5FPUSyAN3MofSfrsrUPIMhroalj6qv8BCiqMT_2FLKpTFqLi53PBKrnG0Es_xNRiz1P7eTvHaysLb-9YimB-qO_pWnRfX9ZtuT_7VoiOOrLQJnqnXcGt2/s1600/GHOST+TRIO+-+GASTLY+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GHOST_TRIO-GASTLY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GHOST_TRIO-GASTLY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6IKfw11yhqA_e-y2FfQnj9XeeX0pfvFpM-ViZrh_Sni562NX07o04wsAJa9sOu_yGtIR5kr8ZdOqgqwwvwPJmjakylYma3hcBvi-DLQ5KBF61RZ7z09R41KjJxh7S6xfYfJOZs74dHtWA/s1600/GLEE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GLEE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GLEE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFDJqLokuUmYBKCRHADYR_LNavNV2p2R1vQ4lln-j_FGh8KmRnW_xDFcki2lbj9eLS95eR2hJPQ3Rpxs0ig5U6G6-EspADNRybh4yzY_XryF6mwgxvYt5iWnbq5yRCIChBRmj0JCbQQpny/s1600/GLOWING+HAND+ARMOR+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GLOWING_HAND_ARMOR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GLOWING_HAND_ARMOR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbQczuXRMPev_mOIL0V_LZ1gT7TnIMsn3NX_TILEE4pJ_lOK1H8zdEvhlb5SYQPXQyEe3l_9PDP7IWOCe8iCZp0QrBxFO8FyOqun9Cnbo-GKw1wg5gSK71PuwhcGqiFXV0pppFf2h0UZ8L/s1600/GRAPE+CANDY+CANE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GRAPE_CANDY_CANE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GRAPE_CANDY_CANE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyC8bHhbANNlvgrb45NxcZAZ4nRrESscXHgBZcamSfHCq-xnrvVSO2nLHCECDnUIzo0DVkZxjxBfvfnDh0Z8zfgsA_22L9jRGPeJ9hvZQDbIqK8fwQtzjPAgxB8e-V8DBk5x1WR2sds745/s1600/GREEN+FROG+UMBRELLA+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GREEN_FROG_UMBRELLA-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GREEN_FROG_UMBRELLA-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghvInuWA8HqcJ4TwJ1Us6l3Yx77m1Lzjf_DjzRnffVYORPBKY3_yXnlq04aY29IeEIE-ivMVLZZQCh8s3Mvr0Tbchlu5VGEkazQ0GAhK_K_5rPEExTTvG5wDiy_h9_pYxGXfia1lc4PFvp/s1600/GRUPPLED+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GRUPPLED_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/GRUPPLED_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwvRChi1uAZVIZsiwcaKAMtByJxojO3w0Tng5-rBpJ-JDablaOVc_SmPm1W2PyaEStOhRoijc-zGbR6LiSz4crVgL-JzcdvMUETW7KGmwze-O1Ouj1sYol7IkjQegoVd9up2n81UndHt4s/s1600/HALO+BUTTON+DOWN+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HALO_BUTTON_DOWN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HALO_BUTTON_DOWN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhu3wLW5jCSz5p39XShUbiPWi47HrnXqVBjAXEFi328G-HeZTxssfvuxKK9ShZD4lRR2Hl3TI0So_bBO_NympWbWcRs66m1U1mfvouG75PiYa87P_9zi7MUDUZbwKXAa7k8q_gBblfyxnh/s1600/HARRY+POTTER+-+GOLDEN+SNITCH+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HARRY_POTTER-GOLDEN_SNITCH-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HARRY_POTTER-GOLDEN_SNITCH-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrTQeazy4w6skCCeBdXgsvYhBK78eeolaEeGyFAOxqIiZj40cRBrh7mmoPw9PJFRwnkhQvG26nEwCgSx1cx1P0j-B9MlBkr0CNNXlrvjzjNfoPPiDissUHgrIkWqtktQ3JwFWBig12xJ4g/s1600/HEART+CHAT+BUBBLE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEART_CHAT_BUBBLE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEART_CHAT_BUBBLE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VDKCqbEBG0i2qeUqhdEIm3gTbfu6HWySNe3FSMOM5PAg_CPguD8iuXUDwj1DaLmtqI09qeHtq6MQbT5eUg1F4jqNvVV3I_djkRWpUiAw0Fol0nB9H9IRDcjdlecLAOExQH6J9c9HWxgN/s1600/HEART+WITH+HEADPHONE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEART_WITH_HEADPHONE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEART_WITH_HEADPHONE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwOOzoTKG1mmfbW9qmm8aC8Whbt1EOEYHfyUz_Ht_QpGzVFKsMt78cTC4TvNrCCvi2CtNq36h2-CUuqxxVMVbI7iSGnS-ug4BDSFtIgF9dah1f4LszF6W2LBNH2CkNcwlaePpZiG3mOOT1/s1600/HEARTLESS+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEARTLESS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEARTLESS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ04cHJCQutNxQ8thUYEipeP-h_RNSFiBVpO39uA3ecBElwEtd-9VYI3wDUOu2bBHTZdF4_K-brGPHJxWUsAahQY3if_9KmJ_PvMgMJpym_EpSmdI-yEUfMdnPZrMp7zgIlmpBkDhdqWy_/s1600/HELICOPTER+AH-64D+APACHE+LONGBOW+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HELICOPTER_AH-64D_APACHE_LONGBOW-www.24work.blogsp.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HELICOPTER_AH-64D_APACHE_LONGBOW-www.24work.blogsp.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuOovbzDl2zFXks-QpMhZTwNBlBnt4zLUcSZqXlIMSE9SHtIZBcTyC8g85Yt1FUQIXSTJa7IQ2k6NTb9Gae1DTMQj3n8t9B1_rNT4Zo3h-D8HlyGsTpp_hFKBtVEiRPJYOfYV_Z5tkh-U/s1600/I+LOVE+DAD+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/I_LOVE_DAD-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/I_LOVE_DAD-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjac2Hrwo1tSn8ufgAbXl5AO5BNQxXxXoiaouU1elafhjsQdLpM_TWKSiNx8uOBKIsI3usTQUFRyiqcCURDZZbb5IZAeaMvFBhpqDzlll_zlWqbvG5aqOiOWxS5r2vvRf4wWJWIOsbRW8rh/s1600/I+LOVE+MOM+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/I_LOVE_MOM-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/I_LOVE_MOM-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSS2XJsMMoKOcNgqtrtWupBdsV14-V9iYUQQjYSWXpMKTRMicE6VjHvz6n_Je7Yaufk3eGPNx8jzXJDSc4Kg20G90fvsaQXgWFzCJcp-wukwmsYDuvrhncp4PT8ST88zVlTqJ7LjnOHZIX/s1600/IVYSAUR+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/IVYSAUR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/IVYSAUR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfjYpPC1iiTGgIlVj-Hawb-ppDD7ESPdgXZNs0_F1wukYrlvqSEu12O27y5iKzXu5BN76TF_ALVGiyQi0TDUj21awDuf60csnsEh96cPFwz3BadpcXznRhf1sTtkXHST8v7lCyt3kb1YBq/s1600/JACK+SKELLINGTON+-+NIGHTMARE+BEFORE+CHRISTMAS+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/JACK_SKELLINGTON-NIGHTMARE_BEFORE_CHRISTMAS-www.24.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/JACK_SKELLINGTON-NIGHTMARE_BEFORE_CHRISTMAS-www.24.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHKo1E18r-4pNISV7gxxVJodclXBIhWKNPhZ-tJN_6UP6QPyQYr1Y-2tNif8iO-_4IBzQ0t5pkS7TxfO0nHbde_hPmPl_TiW8cdQn6Ix0oX7wUYRLO5K5gAPNakehQgoCQO5PCST9orjrt/s1600/JACK+SKELLINGTON+LINK+SELECT+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/JACK_SKELLINGTON_LINK_SELECT-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/JACK_SKELLINGTON_LINK_SELECT-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib6_PK1C_PH0FR3u2EKpLo4ifHDd8t1jqNgvC6pNAoUykOv2eK6tDoJAqNCY6sGs_nc3rzQHq76cH_KRoTHtxdBXP22-_4npq5qmNeyHIA0gFx2YSObDwqOYZuCxQPIcVqnsnMwTc0AK1T/s1600/JAPANESE+RED+UMBRELLA+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/JAPANESE_RED_UMBRELLA-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/JAPANESE_RED_UMBRELLA-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwDIbMRYPh7UVAhK0vy3O3RE4zqOWaX43VqMoWlRxxtFXvugP12yMMzK4AlNjS7WOmADg7eg5JUgaTZVuPK3HF7ih799QA5WCWbjyj0hAoKQ7H3hsZAS0qJuDVpItEPUAY15FV0S5_pvq/s1600/KINGDOM+HEARTS+-+UNAVAILABLE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/KINGDOM_HEARTS-UNAVAILABLE-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/KINGDOM_HEARTS-UNAVAILABLE-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9KcKqE-MECdI4tpC8POFAFcfHQ7X9iHS5mnir0lf4BL9eIYZSh8kGdCoXyERyTVhIjCYAVxDkqRHOkKgHoJaC3KMXLFcc-UTT7Dw5n4BMY7NRlt1CSH-yF_bEYVmO-z0FpJPBCZ3DIwXh/s1600/KONATA+IZUMI+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/KONATA_IZUMI-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/KONATA_IZUMI-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoGS58ZlAn8MJ3TZZShZV2TIUbO0iAe2jiN9jRa0Yhg__LJBXvlVvWb9YbNimKAZE1XjwWesPe4doWr-GD1yxBuGzo-2gQMD3cEsTXAriuKG-5i1ytUM44q3HoY5zhBx8rz4ZviTYNopDZ/s1600/LEAF+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LEAF-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LEAF-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9qZ_dad94yRDKS4tBAmAOqYuCx7Y1OaGYDtyO4WdvzSZg7uqB8uoA9eSekV1QczvcPPvTViEtTcFwg9sm8efw0aXt_vqHsynLOSvpTsYQeH600prRbisj7JYEyQOao2LHiQjyRC6j9oyj/s1600/LEAGUE+OF+LEGENDS+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LEAGUE_OF_LEGENDS_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LEAGUE_OF_LEGENDS_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn1LVJE88chH7mAZro6CgRc1CmiGxQGR-Af3gQsFC9-yZlI5lBRh96kUHzAGxLtyi4p7ZYQ_pw8tf2OATec-NLi6IFZL6DvSsvMdOU8JVB2EOymJar-ikuLjecK_5dEqQwqyDYUZRN7GML/s1600/LIGHT+BLUE+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LIGHT_BLUE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LIGHT_BLUE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivCYEuOKNUpsMcmhdMHzhsyDpvDhpJ0X-CQQ4EJOsftzUpPB27l605SUoY_ttnvYDkB4KtbWInXE3D9MCg9gdm5zIg5BE5Nx09RgZDhZoSvHaYQBXHH5VIY3ZmS8MCNObdom970zlwKr84/s1600/LIGHT+PINK+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LIGHT_PINK_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LIGHT_PINK_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIYS7q3FVmvmOj8bEm6tUGq1wm7W3dF4mWkjHSEDpYIzy1yRBOQaFOrn_quhR8_lGIgIeDuKx8f6mAedjKbPYs3vcXF5ul317EbH3tGg7m2DErAc3oblQgCmfjw0UfG0fS0fGWf6uK6rgL/s1600/LUCKY+STAR+-+MIYUKI+TAKARA+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LUCKY_STAR-MIYUKI_TAKARA-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/LUCKY_STAR-MIYUKI_TAKARA-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgax22a5r481Vj4DLrag_JMQYq8nXo2svE6jM2wBHYH1dLrPaeDXqBeCJFOVT3eQ9463BWEta_BSrPhSWJSFPQZOgCGnRMs1Qp7VQ6Et0SzlhCBM6Km03uKVrNSD0fSgs_Oln_xPFJi_zwU/s1600/MACE+WINDU+LIGHTSABER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/MACE_WINDU_LIGHTSABER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/MACE_WINDU_LIGHTSABER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKNuZjz4Preh9Mif9yg0gZhg8qccfW6P5oLJc3E7Sq7US470oOHuQG6k_wl_Umud0VDt6ykU4GOfnRQf_WSV5yD8GRb3OZCXWI4t-G0KwRdJi_jm1h_-kuhRCGWCOFb4yFj9IRcIk3jE7E/s1600/METAL+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/METAL_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/METAL_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8qelh-qVsvd46415fFgGQuKzZ-irW1NEDQAptrWoFjwjQ-fFsaJm-Du46Wg98zkG-Q6NwD9t7fcHwNv8F_6lwRXRyNJTicvZFQOn9Vt-iuETbORrM4WahA-e3-Cz7W4Oi-rhR6Ej7TnkV/s1600/MICHAEL+JACKSON+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/MICHAEL_JACKSON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/MICHAEL_JACKSON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgND4y0LhWI3HP_Fkdrw8MHoXSaldqVAqnhQ4WlLOmTxplJ8f-V3SQvZGJ13gzIpZItfopckNqJMaa4YdFdlmERAj8jzJA_YxY3S1DB6LkbnEXXN4YqNkxmlfaIsUfLI6IfTyuAkHeO7hc/s1600/NANO+UNICORN+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/NANO_UNICORN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/NANO_UNICORN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhndnzHkyjeuIEMEEUwpbW007hCtkad97nezuc1A3E5NgUgLha4JdghX3VYA3ndkIHCaX2csFN07ms447d77i8wrMJruavNitNrMB_xuuLOXhJn6BVUeM-wpjlRpadIowmpYs6gdWClrDKi/s1600/NIGHTMARE+BEFORE+CHRISTMAS+SALLY+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/NIGHTMARE_BEFORE_CHRISTMAS_SALLY-www.24work.blogsp.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/NIGHTMARE_BEFORE_CHRISTMAS_SALLY-www.24work.blogsp.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqxignMqfhV5JXjs-givftjuURbIgnp6laBp3liisVkOlMjjXm9linB0RySy0HWRGA2wTU8fORyKhV8umeGy8130Hk8J3SeULsWzJRXO7yA7WTTNKMwfR64FdMlP0ocLlQR0_O5cSTISdS/s1600/OXYGEN+BLACK+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/OXYGEN_BLACK-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/OXYGEN_BLACK-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Sc87aS8CGxEXosQczxvwvbuliwLrb1NJNeg70gXlWKeM41XgKUqiK097hzrkJF_UIgL1Wb5u-SSlceSQhAhJC_Xh6y328LkMTNacl2k-HUeF7TEV97Fn-wtiKhLIHEToxTTEJKsB5obo/s1600/OXYGEN+CHERRY+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/OXYGEN_CHERRY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/OXYGEN_CHERRY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibH71qZdfrStEf8ggJtRILe3xmlunFgeHOcZGzRReLRrp_RsqFsV7WEJ1Y1pHSwqbGBvP0V_NkdcaDBmP9MS5lhNjzs2T8HqtM16yWCribfK590SpzxW4PgLAzv5ZbTECuv66LrLPmxgfR/s1600/OXYGEN+CHROME+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/OXYGEN_CHROME-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/OXYGEN_CHROME-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM9uyrB6T7bYd4NYaW5u5xFp9_hooKjLpxtwKECj2JBPmHoDAFWAx3I3K0VjEHflH2yHhA9wDZEwnz9Ge1aOJLffeOskw_0_xV8oSXtgLruAT_7QAflU5Dfd7TGA4kotwPiEMIBkHVTMrC/s1600/PEPPERMINT+CANDY+CANE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PEPPERMINT_CANDY_CANE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PEPPERMINT_CANDY_CANE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwI9FF9kydrDGqA8OsRuBL_dJGT23iBgBRf1j9eBzq96Tr-9qfv8crrq847f0axRz4f32uXa6b0nRL-vhn2soaKBAfaLLVvxnKTXW4cmoU9VGg3q2t0S7ZYYXRU7LBuG_jRjfcXOvS8xD4/s1600/PERFECT+WORLD+ONLINE+-+SWORD+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PERFECT_WORLD_ONLINE-SWORD-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PERFECT_WORLD_ONLINE-SWORD-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiedcTdfHRs9hdDRYnnpRAUHEJZxh7wrWdqiT6T5oqYis7SHnv1FiR197ZzbcmCYWReqNOsLWhqOTZ9epwB00qGXiBfLSkKA9vYRCWmtlFdV33kiU-9Ou08qbyYz10XKVvxIdlYQqFpjUC8/s1600/PIKACHU+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PIKACHU-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PIKACHU-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiduvtVuYsAEQY1Yho1nBPlnF2AC7gM18-dcEu6C5cSdhwPnMm95RplKR_V0BU2SeQBq1omlxqIQHvDFAMHgbmGUnr25CfpLRVt4YBRotV5fy6x-0urCVEH3Tdl9NMnqF21cOw746P2_MAx/s1600/PINK+DIAMOND+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_DIAMOND-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_DIAMOND-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcvwVGmkhrvFdfSlfCcqez9vMg5k6W5dzK8aWjxQOs4pktGAtQaL0CfVzVFZF2ClxUu814Sr_z02WFeD3B-yhou92d9-2X_eNq3Uy8FuGbyikF97C0kvSWrnTGN08MS0AyuRknxgeCMtn9/s1600/PINK+SKULL+CROSSBONES+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_SKULL_CROSSBONES-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_SKULL_CROSSBONES-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy5JHj5opqF18o79EAHxoYGpac3D66hON4D-w_mTPUosJVXXXycq9cw2epE4T96tV3qbsOPCWHQCcf9VyYi-6H2MbAba0H_wKl-_DjDUq8WRdoZc3PTxandrjiBmP9qv-My4-cJfBlsvA8/s1600/PINK+TINY+HAND+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_TINY_HAND-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_TINY_HAND-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2TWhGIX5lWQVqdXy2opREjtl4oo86EF7LUa2_Co2YFP_Zq2Ot9_ujq-rrXZlJGozY-v4U0kjVoZLpOAzoTJwPUyVJvLTQcofd1bYISBjtUgkKT3i6udb_b24VbNHirMuN5lrrHl9d591m/s1600/PINK+TRAFFIC+CONE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_TRAFFIC_CONE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_TRAFFIC_CONE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0FE-NB1Gm8nLBf8l-2-6Mi54RX0AxuNab1l5n7dafD40QJ4n5gYoSdTyGfOLg2BFryDSmLKzU10zEA3UPGam5otZ62deD15uokvXqKbK4nOShVWlCc7QTdXJMJCGtrf-zgnQpnAw0kPby/s1600/PINK+TRANSPARENT+VALENTINE+BALLOON+HEART+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_TRANSPARENT_VALENTINE_BALLOON_HEART-www.24wor.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_TRANSPARENT_VALENTINE_BALLOON_HEART-www.24wor.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmUc6ZollowLC-SpK5z5vPIsmL64lPjj3Hpunpfi2Qj_4C4gJF6XTttJGlC8eztfdNTl4HG9yK7Xtq_pmLQMyU3U2f0AcHYajO_dU3XAoKNio9pToFIi5W88or5WWwal0A_8CDnEc-1Oh_/s1600/PINK+WING+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_WING_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_WING_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioJBjpvhhyE2OpOktyT_8AddT1RuX-MZQ6bCQgjWVbI9z5_b9_6z-CqEnNEUsS5f3Sx4wGZ-0UCOMBbbYVUrkwIB-XmqxFdD7now93eo-Ma34SaHKd4wdhADrJNFIbrHHd2-lbwmmeugWm/s1600/POKEBALL+ABSOL+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEBALL_ABSOL-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEBALL_ABSOL-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgceNgeUAoA2EbUPOPVPG9Jpt-3y794FB-RlehLi3y8mA59BQ5SKXLMkQQ7k7gogMx2I2emRw3A-1s90UnySEXVwBmACe8PO8LQJU4gkmec-VrhyRrGAmCjBdtpWhbsZQTmIdijVc-JiUzp/s1600/POKEBALL+ARCANINE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEBALL_ARCANINE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEBALL_ARCANINE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimS-5rq2_0TeWQSRkUtGPGc_hxP7WR0T9fDfphSMVtIX9_xlU5824GbhP43isTAywjgG52VwhhDXa7T4edqEA6SREyzoThUnY2jg9706rqHFQ5fQvUA4UBefgTT3RUH9kR5mf4V6Kl-WJr/s1600/POKEBALL+BAYLEEF+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEBALL_BAYLEEF-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEBALL_BAYLEEF-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyuqtxAkDW9Smd7lFxwIFlwOquN5mtv0Jj_KDwb2Q6aUC6mNUN6NhQiD0PaLWEeGF_wtMSWTYjXb-pUrZcv1BsOR3v0xA5Uodfr7cvVxxaFnsOTjuKQ_zhKToFhiZdxLOifO1ugSo8qyD9/s1600/POKEMON+BULBASAUR+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEMON_BULBASAUR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEMON_BULBASAUR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmlgTJLlruDGajEp9nDhXO1-mfM79F3W3dfvKolVBQ3ylc3Gyumlml2IU5s_-BSqq9Qg4KtZhWuRUJ1F7su1b6oW0CduaW91kPl4geeA_csPlSIhwJzRJ6ozhXMEVRVZ6jdh5VnpFBNQ0F/s1600/POKEMON+THE+RAINBOW+BADGE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEMON_THE_RAINBOW_BADGE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEMON_THE_RAINBOW_BADGE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOk1Sn-xXW-E-kvkBbrgbl03fXxli2ub9hDFBCAFiNXcKmKLMCIdC4j7FSAVIGzJPin-oarFf3MoEozuKjsEe_4l98udpHioH4tGHyZotuiPmqC39fjPZjUvzlD0cE1OzuPVdG6OEODfd3/s1600/POKEMON+THE+SOUL+BADGE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEMON_THE_SOUL_BADGE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEMON_THE_SOUL_BADGE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSI-oikrL9FEF0A1fikDt4rIOWcsVXTVLMPLzFtwq0K73VApGl8Cy-UouDKtkJqwxYwEdHVz_h_PJKPQMH0n_Oz4Vx2ybuCKyWebi5ufMzqD9ivaHs3BPQ3hyphenhyphenPFKhEfqjBOJFcqtc9tmwx/s1600/POKEMON+THE+THUNDER+BADGE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEMON_THE_THUNDER_BADGE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/POKEMON_THE_THUNDER_BADGE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXoEWZlkvJhYboyuJDXso2VoQXIyxVDe6YfuAlj9MNwBi3_yqTVi-GXZBucKfGIu6rvsgKQmtuArTukV8YgJWQRzfyoEneJkdOxW9R9e2qi8kszbIfm9BF1wZwwxuSs3KSiwbff9wMosAZ/s1600/PRINCE+OF+PERSIA+-+DAGGER+OF+TIME+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PRINCE_OF_PERSIA-DAGGER_OF_TIME-www.24work.blogspo.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PRINCE_OF_PERSIA-DAGGER_OF_TIME-www.24work.blogspo.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr9sbL_1TSqa97Jmgg9dyd25yygnIZ0nHiZqJ2PxcPDPAVMV3okAqbeCbaC8Ru-ZnBwphj5jW978R9vNGcfrks8KLKjzgNv9BIuFRubWbC3Ebt1u01DJh8-9bPx4d3vMc1ZI6iKOICxtpW/s1600/PRINCESS+JASMINE+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PRINCESS_JASMINE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PRINCESS_JASMINE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoVY60m3oYoZt4B81PjUbQOze6NoIV0mEx3WuiM6gZPX5t6Mdn5GbfmK6YnHFNN1PFD1bmCtkCI9glxWWN4HxohaICstoxzMOHEhnutSKJpyGsz8mgnX6eEdxlBxsT7bVIAUVD6g43jD_G/s1600/PURPLE+HEART+SET+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PURPLE_HEART_SET_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PURPLE_HEART_SET_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAZQ6vdR2X7wZPFeNyb38ZcVum4iWj1GmTfYwDaLfegpYjNY0_2-HK6-ujA_Gb4NCsA5X7cz-VMC_6eCp36UpkF1tcGCsrdOaULu5qBCzPop8Z8SsNdHEawOFXpt_8QJHIdH4likZwQZ-j/s1600/RAGE+FACE+COMICS+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/RAGE_FACE_COMICS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/RAGE_FACE_COMICS-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9zf5lMnnLB2Pii87jHdy-AHmbvjvOeZge5LM0Qjwwp5oGf8RF75LirNvzw-a266_Lo0Btg3GgPFUNrIE9FdkJ3N2qKfk1XlUgS5WcaxarwvFWr7kj0v3AhuZoZSAc5tbH3SozTineCieZ/s1600/REALLY+ANGRY+ANIME+SMILEY+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/REALLY_ANGRY_ANIME_SMILEY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/REALLY_ANGRY_ANIME_SMILEY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWKwtOPgJJjQTFuUuxkZ962IYnOPk2j62eUCoNTwzGLfSQ0QOtyMsBgjqjwTZG6_UIB-WPnhTpdR7Tag0tYDznGH8Xz8jFtqsYHJC-_OdmZduRemqwA-KimX5s7K1M0XohG5CzEEDSdT41/s1600/RED+MOUSTACHE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/RED_MOUSTACHE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/RED_MOUSTACHE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg3vh0J1VUr-otxunx2NZkpJjeZZLLcoE3OJd8ti594g4NaNTP0I0KXvu6WZRBZpyot3LRVxbfXIGSWQCNojRlxIrUITdLTVfWMYPX9sXHFnm8mircrtWPxw4vulgb-jMYx6zwwee20UbF/s1600/RED+TINY+HAND+BOW+TIE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/RED_TINY_HAND_BOW_TIE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/RED_TINY_HAND_BOW_TIE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh33fcuilmXIc_XUOaGX1ZuiWrYLJNHTxy6NkdsXtZ1YZLG9vzrlqc_dZv-9IjSKrgEbR4J2THy5vF4RkoK0L4yYcSda29GnX7wmhCY7CNoZpm3GUQPRq0HYi08S04HvLWNPDVFUwIC4Gut/s1600/REVOLVER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/REVOLVER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/REVOLVER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3fJBVu4BjrCmDJDkTWIOqcwQkIyChnM3V9kB1VZctO_KYpTuV2ht4nihZtQ1LEW10iuQKwIL_r0UqhL6n5XgDMgMaGiA2aJ4YadbF54jSZN9kc4YbJNECkwckPtHrfEklU_axlbbnojGl/s1600/ROCK+ON+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ROCK_ON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ROCK_ON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe87hgi3NpvB7K95gmjhDeEFqGXVMhiXV-TEaplOqoHmBKx3eWcY_KvFZ3mjCHClIxCsDaeZmmIR40t4dAWNECXxDxiqr_qmwezGOO3LbXAOW9_5KGVGDw0F0DhEe3sDt5B4sRV4kKjvbD/s1600/SILVER+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SILVER_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SILVER_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJZcXaqpfoiZiwowNr2eTRgYKNOvbFeooxeexe4iir4KPJ2c2jSWFM1QeiKfD5ANLCMxeh4SUSHp0wDnoDm6nqEW8FIdcdhmkNGaM8Gdp1ggrHcgseDOW8Z_pPkPfJo-BoDDaGM5zQ1CPZ/s1600/SKY+BLUE+UMBRELLA+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SKY_BLUE_UMBRELLA-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SKY_BLUE_UMBRELLA-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9B4ngyfxrUXRiKi8CnKtolY3zXJYXl325FPyV0Y81ik8RGvCWCjXNLXrPDQeHwez20qohcN5_P9jTYhftPAqxdGED5D1t0AZZpSfir1ZKkeN2DQDQ8bFcxLjmem9lZkL4mmp8S5PxqTV3/s1600/SMALL+CUTE+BLUE+GRAY+POINTER+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SMALL_CUTE_BLUE_GRAY_POINTER-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SMALL_CUTE_BLUE_GRAY_POINTER-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnWLw7MOPdKVXYQsi0XCvxVM87ZFgy7aJDhF6www_3n53xAt0oRyHN04M7FJwXR0QCybnvmY0ygomHJJ7mSKdwcmcaSVyz6NNkO6zvlTfhpHFkVu41y03sGQGEirRb_rza3mWgMZyi94et/s1600/SMALL+CUTE+HOT+PINK+POINTER+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SMALL_CUTE_HOT_PINK_POINTER-www.24work.blogspot.co.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SMALL_CUTE_HOT_PINK_POINTER-www.24work.blogspot.co.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvh4A8VtbBCCCfZ5BX0yPhQy4wOhyphenhyphenIW7wcS8l2Kj07SR_lNbjluLGZnEmlqSDkhT0_G2OXnY-PCA24ISb0-QsbjwRxAuwKm9OMxabqk2NPMM99Txda0vzVpcUbwesnyxOiRHPP9XCAZSxE/s1600/SMALL+CUTE+PURPLE+POINTER+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SMALL_CUTE_PURPLE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SMALL_CUTE_PURPLE_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Wo1owc-76jPoFt8qk4rou4u_5y7PnL-pNvtJYfLA8GKDThVDQMK9WA_CM0UpqxxKcbGOVeoet_UJ93jPsx_Hqjm2Q9oGXG6ShCPh5HrQEM9vPmVCx7Ld4jEn5tI7u6VeXM6vPAiEE_kT/s1600/SORRY+ANIME+SMILEY+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SORRY_ANIME_SMILEY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SORRY_ANIME_SMILEY-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit5FFmon4hZjRaeW3gmJn-QM49b2O-Oe6ApBxWneMCHrztBNIXI_zoiqZXxm0N-7dI2S-6caSZtlLskkS1zoPRlkSy3zZxxM1vFRHM7xyJTFdI6FlqOw8nXLWSErVB0H60-9XZcVmYTWiN/s1600/STARFLEET+RED+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/STARFLEET_RED-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/STARFLEET_RED-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKB-m1mgDoqjAHyC3u2og6OIq_yavSiKKQurw03yK2hUdLgAfpSZUGKdi9PgpBer1LD6n0Iska54oMNGOO-xLe5in4A92Qcp9nvHQN_67kWhyphenhyphentrO3B8ReKNiAtzwVa6sQJI3Aag8lxSTfV/s1600/SUPERMAN+LOGO+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SUPERMAN_LOGO_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/SUPERMAN_LOGO_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-mAq77cauU-ejWZ_vpXzVhy1isK4Caxoo0aiGgZI01iXg6GI7lkY71JZGm65JnDbeu89GNdsbImTa8kfvPFkqw9YAoL3L10YW6kSCXSQojB6ljgQS02A2GCw-djDe0b_OepRVumaJCHb/s1600/THE+ELDERS+SCROLL+SKYRIM+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/THE_ELDERS_SCROLL_SKYRIM_POINTER-www.24work.blogsp.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/THE_ELDERS_SCROLL_SKYRIM_POINTER-www.24work.blogsp.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv4MhK52Ctek2DfzinBBMLKBbmhbO97Ovi9ooVE78Ly6d1PdnaxpnwmF-JBsHTBskv9RqtMO8RFCG6UdryJkTECE5mipEeCCvKIJ20AUF7vqZrxwv6VVMBuga0Iy3jNAvanAtc0MGbCSOc/s1600/TINY+A-OK+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_A-OK-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_A-OK-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMVoKI0mSk5IOB929emXdcIoxVW6jfU3X_MFA1ZsCe_o6zc9yiCklH7dm6F0v2FVsTxhhtt0a0nSqy-vKIfwlxT_3GieB-6vK5m7Ef7f1b4DWUrFUDStUNXL0PyVMcoTSwc1I7YfVgR1xq/s1600/TINY+CHRISTMAS+TREE+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_CHRISTMAS_TREE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_CHRISTMAS_TREE-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY2ulp0C_ITX-3f9bUpaFl8JIQ1332AvHPq3TKgn7ZL-1cZdTX-39E-SlxReA7gh8nPhmw48PYKw4wySmWYS1hQPW8fPj3eVq25g5nsBkNQBuqCV6aB5AAT7v8sRPo0Dp1iiyHe6l0HJLE/s1600/TINY+FINGER+POINT+HAND+WITH+HEART+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_FINGER_POINT_HAND_WITH_HEART-www.24work.blogs.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_FINGER_POINT_HAND_WITH_HEART-www.24work.blogs.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZjIUPMq75ZA-9JK4_b0Ih6F00MPFNDgVNnNAfFKlmtoD-_u_x-PelVo3YNmrFo0GEqW4CAPn18EAey7kGtSpAA2-ZEpC-7r2N-fIbmhxxZSY9pAO1sdnSvIPpRPdQLo5Bvine_VGzMhFK/s1600/TINY+HAND+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_HAND-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_HAND-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikm1cj1XN7NbLWnIzAjLdURI_LNh6n2lD7l8tkYiEluT1au02fnLG_ljwJwngcioSC3LQ_3CpCL0uAt-F-_P1Z6m6MIDWcW5slwVlqBqEbJNgD-zVFEAKDyUXNVpomE_PWpu-2_hWklhPf/s1600/TINY+HAND+PURPLE+BOW+HEART+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_HAND_PURPLE_BOW_HEART-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_HAND_PURPLE_BOW_HEART-www.24work.blogspot.com.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTzhVSiXS7Qt24bAFQcMD_hXhgTx3U4XzfXzleeu4O8IklLrMh3fi1qgLSuBq1lNUfpaFib1kxVT4oy6UbyC1ZiEMCQ5KyF68xTRBuI0oQH5HciZkZyXgDxbE1ANUKrTY9GQuGcTvc7164/s1600/TINY+HAND+WITH+PINK+HEART+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_HAND_WITH_PINK_HEART-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_HAND_WITH_PINK_HEART-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKApSOGLpMu2t5EXeUkeaVD2-Ezpqm599M_glZKblAhYgVc84FqVw3wCUUbK7KXhYEvrl56fkO25q4yMzdurLr6XRMF0YBv9mQ_ych0fWKDSLnXUU9ZMuty2G3DfXOhtPk1tbcxGb8PIRH/s1600/TINY+ROCK+ON+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_ROCK_ON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TINY_ROCK_ON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgllvniqt9pPyh1BLnNtzTB61GyyDzratZxgqjX09asF8H6Chc_qrw3iDPjGkVk498s0S3hrVsmaokdro869qlglQKnhVNmOWptVCn79dEekGGD-30UJPfdhaVW6gvREiJUkS5mdgeXF5Ji/s1600/TOAD+-+MARIO+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TOAD-MARIO-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TOAD-MARIO-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrDw3zkbBTs6QmZ5_uMBuxg_p9YXsJpTl8BkOvlS2jO4AQtDfAivqmuvG2qQzWaAeGRwmw4IjzFLulb7ON-s4Kdjuj3_wQl11a34925SUOskYf3t08fouEqnLpCliPdyY9RbjNChWFvjI_/s1600/TOAD+-+MARIO+WORLD+LINK+SELECT+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TOAD-MARIO_WORLD_LINK_SELECT-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TOAD-MARIO_WORLD_LINK_SELECT-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw4J9ubUavsBnsZxXnF5Ar552CdTXnTCTrvx1ei93suK5pb40wczqQXouxK5tc3w4_VQ5893TfJRfv5c9GrJiug1DAApof3CR2jiKjIrfanE_kfun6je_qfmT-yaDROaxwuYo9GxzH2MoE/s1600/TRAIN+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRAIN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRAIN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0JXkhyx7ZayfraI9GxCkbq_Wm75cep24kduO8bZGrROsKlHoMIJJd0LXUa0SGaG0bn9rta7FO_0a9_uamORNMPMVltMfPuomKRJimSIRDhsCqYbiwVFeaq6-dZzwgUfEOwW54Tzu8cru/s1600/TRANSPARENT+GREEN+STAR+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_GREEN_STAR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_GREEN_STAR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-S1wdTgykeLBMr-Wjxk_CYcroz81-GFjwIjhngo_u85ZpqOrrNK0huwdCTvCppWyLCTdKB27vNTQ3G6EL-NWod3VSLOpf30F3Zw_jiFZh7OVaq3Hp2jnYuOeITLABrvG0t2FAVKDuUXQs/s1600/TRANSPARENT+HALO+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_HALO_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_HALO_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL2nc87ZCm8PwJ7WRK_3c18kcxiOYRV6tKGf_VvsLp__w3jTfujjkH4OXrThmy7pJ9Od45E0dwVvGfZCev75wIlmDbMpFtmkj0hVesGD6_9q8yH2yDfx6042m5GgShBFJIqkvFcwrnqIjW/s1600/TRANSPARENT+TEAL+STAR+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_TEAL_STAR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_TEAL_STAR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCjCUpM2atZ4EbOCJ7DcMrnF1qsdL7BgbykYd-7HhYr4_oLQIifMCQnTKl7_2cy21kjunh55mTTn-MkHoAbAgFPA_I-CIgXwa-qzlualHlxZ6hHRDGmeAQNMUAbgezCB8Wi79NyVnRbWsY/s1600/TRANSPARENT+YELLOW+STAR+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_YELLOW_STAR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_YELLOW_STAR-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiitN0G60k-cPC3F787ou33HRPtLs350MzpTtsA_bE5NNp8iFUnd85k1soKmz13wAHzgmrIwEzVvusLD-E45nd4Otg6ZXrX6WlatOeRyOlUytM03ZjEYJkzSaSbdBuh80Ob31eK1zXVA0QR/s1600/TWILIGHT+BREAKING+DAWN+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TWILIGHT_BREAKING_DAWN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TWILIGHT_BREAKING_DAWN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiEYkZf9O5kIKpQOGHV4JNWxw5nq3VwfxZnfcat512cNUIRy14XrlLxiwh19-p3IFXu-BQARvzAGnwycvsO0txtmwLMdSGZsuvXy9J9V8iisprjJF39rTpe2I702G__nugfAiUA6m-tf8v/s1600/UNBORN+8.0+BLACK+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/UNBORN_8.0_BLACK_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/UNBORN_8.0_BLACK_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJY2a62pKF-HI7LsCeKDJsp4N5g92sWAyREw3RLYDN99PO5Be58nelz3Q70KpBbGZvRO_WW3_vh_U3qQrhKRBMUemikHCYSgVcuNFlaq1XX6e_F4o3JsG2AmWxXTL0sv1FNvaXsfzQfRnW/s1600/Unborn+8.0+Blue+Pointer+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/Unborn_8.0_Blue_Pointer-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/Unborn_8.0_Blue_Pointer-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWliErEBX7FK4zbsah9DZkSTFS2jQ8Zir-tjIvcps04mh9DVthkuVQnQ1iFIuKNLfcJjWKF9w5gpx4lqsN4cZcDYwq5gA_dZfqRcoZ2BlyTREceu_kS3aZ1opRLihyphenhyphen2PaFbRqLOWG9rqSw/s1600/UNBORN+8.0+GREY+POINTER+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/UNBORN_8.0_GREY_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/UNBORN_8.0_GREY_POINTER-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx5hbW-F59XLsbECDzmZlYSG8lEm7qYIrZ63MmaGEyeKyUNPkk-3A88g2HzFjI-4jwqQ8dge7EdHjvT4TXeFddkXmvOd6UkLZbbcsjwzDrBwrfyiI2Fs4840yIqx9ibZV2VthK9ER2IoLw/s1600/USAGI+SAILOR+MOON+-+LINK+SELECT+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/USAGI_SAILOR_MOON-LINK_SELECT-www.24work.blogspot..cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/USAGI_SAILOR_MOON-LINK_SELECT-www.24work.blogspot..cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhivyQVbayy3x0hTj4nq3SIqJpSwLnlGo_dgb1-7AAPqezm09GBtVaKC4nbAcWX36NG6Y0Jbt-xjBvaz5m6941AvwnCgIWHaFekjWXPbcpL97tgc4JOSNmsyDvIzXFnNIpmjyrwfSmtmD5u/s1600/VIRGO+-+ZODIAC+SIGN+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/VIRGO-ZODIAC_SIGN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/VIRGO-ZODIAC_SIGN-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe9WEd3Ge-HsC8jLjaDu-W_b7mcYLcFyhZrz08xal34bzjmIq5syjn5GpoV-Fna0BQ1tFROoj3_RMQZ2YiyNkbWbKY_Ac9EidAow8TsD7En2zjUrzpQDgWSYdl4Q__cphDFQxs-fSU4_Zp/s1600/WATERMELON+%255Bwww.24work.blogspot.com%255D.gif" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/WATERMELON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/WATERMELON-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-rQzXlOOprgXBMgZdldWLsIo4Op8ITYJJImAXHUQVt6txROUlhZ0TRXlKCDacMWjzFJGGIv4tZHsJQzduWd88b371rOXs2qNJK5HHOEeivE0W7E3bV0o1c3cMtFXoSNxUCmPGPxVeTUUQ/s1600/WIDE+EYE+CHIBI+LINK+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/WIDE_EYE_CHIBI_LINK-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/WIDE_EYE_CHIBI_LINK-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje4AiGUglH8f9rUCo_Ziua_bsxD1dQVN0ti0HZGxvSB1jFSa11z5OXRy4jymNPyF5Hl7m1OjvwB-p1Iyy7SIFrn1GxX97gej1DeRyBGWrIp-rhATzZbHS6xFBTTBef4jTnb0US-1A0w3in/s1600/WORLD+OF+WARCRAFT+14+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/WORLD_OF_WARCRAFT_14-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/WORLD_OF_WARCRAFT_14-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRUqNSETmYjoVzB1iyNWnt_Yn_psBzF2i6vKfZy8_M46Do5oE0lW-O_CUfL88wPMjmmOaiq77bLRSvt1jF8qzjMmpCqYjqmuBP0mnBV-PHd6Rf-h9RbfcLKdcPbsNNQLNhpekjPc20Yi2/s1600/YELLOW+LADYBUG+%255Bwww.24work.blogspot.com%255D.png" /></div>
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 92px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 388px;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/YELLOW_LADYBUG-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="" /><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com/" /><input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<textarea name="widget.content" style="display: none;"><style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/YELLOW_LADYBUG-www.24work.blogspot.com-.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></textarea><br />
<br />
<input name="go" src="http://4.bp.blogspot.com/-FzFKeWptOBQ/Tvq9bO-P4_I/AAAAAAAAACw/N7IRUbkhDOM/s80/add2blogger_lg.gif" style="border: 0px;" type="image" value="Link To 24work" /></form>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h3>
<span style="color: #000099; font-family: Verdana, Arial, Helvetica, sans-serif;"><br />
<br />
Mouse Cursor Styles</span><b><br />
</b></h3>
<h3>
<b>Question:</b></h3>
<br />
How do I change the style of the mouse cursor from JavaScript?<br />
<br />
<b>Answer:</b> Most modern browsers support the following cursor styles<br />
<br />
(hover your mouse over the style name to see the cursor change to that style):<br />
<br />
<br />
<pre><span style="cursor: auto;">auto</span> <span style="cursor: move;">move</span> <span style="cursor: no-drop;">no-drop</span> <span style="cursor: col-resize;">col-resize</span>
<span style="cursor: all-scroll;">all-scroll</span> <span style="cursor: pointer;">pointer</span> <span style="cursor: not-allowed;">not-allowed</span> <span style="cursor: row-resize;">row-resize</span>
<span style="cursor: crosshair;">crosshair</span> <span style="cursor: progress;">progress</span> <span style="cursor: e-resize;">e-resize</span> <span style="cursor: ne-resize;">ne-resize</span>
<span style="cursor: default;">default</span> <span style="cursor: text;">text</span> <span style="cursor: n-resize;">n-resize</span> <span style="cursor: nw-resize;">nw-resize</span>
<span style="cursor: help;">help</span> <span style="cursor: vertical-text;">vertical-text</span> <span style="cursor: s-resize;">s-resize</span> <span style="cursor: se-resize;">se-resize</span>
<span style="cursor: inherit;">inherit</span> <span style="cursor: wait;">wait</span> <span style="cursor: w-resize;">w-resize</span> <span style="cursor: sw-resize;">sw-resize</span>
</pre>
<br />
<br />
<br />
To set or change the mouse cursor style for an element of your page from script, <br />
<br />
you can set the element's property <code>element.style.cursor</code> to one of the above values. <br />
<br />
(Alternatively, without JavaScript, you can use the attribute <code>style="cursor:value;"</code> in that element's HTML tag.)<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://24work.blogspot.com/" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-SWLq2qH8fgI/TvV89baDMRI/AAAAAAAAAgE/RoZDn7JFE-s/s1600/icon_author.jpg" /></a></div>
<b>Author</b> - 24work is a Blogger And Designer, he created this script and wanted to share with bdlab Readers.You can find 24work on his <a href="http://24work.blogspot.com/" target="_blank">Blog</a>.<br />
<br />
<br />
<br />
<br />
<br />
<b><span style="color: magenta;">Note: We are going to add more mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download oftenly so keep visiting this page</span>.</b><br />
<br /></div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com27tag:blogger.com,1999:blog-404186049558999833.post-1365807257544218722010-12-12T21:29:00.000-08:002013-02-05T22:40:58.614-08:00toggle show hide jquery for blogger<div dir="ltr" style="text-align: left;" trbidi="on">
Now Friends you can use toggle show hide jquery in blogger footer.you can add this toggle show hide jquery your blog easily. it's really cool.Now I will tell you how to install <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/hEwHv0" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCQebkEOQ8OxRSj_YToAkImPdvZ2Oo_ful4Nm9-MPljU82MSlq8IZtf2kede9tU3bxIWiv6QN3hadw6tCiec7MeC_d9lIdtCNs3ZVDyu1w0ydWUG7gMKKN4u8hO6KBxnkMPfDoSAFz6r57/s1600/Image+8.png" width="420" /></a></div>
<br />
<br />
<blockquote>
The .slideToggle() method animates the height of the matched elements. This causes lower parts of the page to slide up or down, appearing to reveal or conceal the items. If the element is initially displayed, it will be hidden; if hidden, it will be shown. The display property is saved and restored as needed. If an element has a display value of inline, then is hidden and shown, it will once again be displayed inline. When the height reaches 0 after a hiding animation, the display style property is set to none to ensure that the element no longer affects the layout of the page.</blockquote>
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><div>
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 12px;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><br /></b></span></span></span></span></div>
Instructions To Follow</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://draft.blogger.com/post-edit.g?blogID=2648032558084820227&postID=2886259784970943" name="more" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" tip=""></a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; line-height: normal; white-space: nowrap;">Design</span><span class="Apple-style-span" style="font-size: xx-small;"> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML </b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and mark the tick box "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">"</span></span></span></span><br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="color: #1f638a; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="480" /></a></div>
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;">Then, find (CTRL+F) this code in the template:</span><br />
<br />
<br />
<div class="code">
</head></div>
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And immediately </span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><span class="Apple-style-span" style="color: red;">before</span> </span>it, paste this code:<br />
<br />
<br />
<div class="code">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/></div>
<br />
<br />
and<br />
<br />
<br />
<div class="code">
<!--toggle show hide jquery Scripts bdlab.blogspot.com --><br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$(&quot;.btn-slide&quot;).click(function(){<br />
$(&quot;#panel&quot;).slideToggle(&quot;slow&quot;);<br />
$(this).toggleClass(&quot;active&quot;); return false;<br />
}); <br />
});<br />
</script><br />
<!-- end toggle Scripts bdlab.blogspot.com --><br />
<br /></div>
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Step#</span><span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">2 </span><span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">Now find this line of code</span><br />
<span class="Apple-style-span" style="font-family: arial;"><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="color: #474747;"></span></span></span><br />
<br />
<br />
<div class="code">
]]></b:skin></div>
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And immediately </span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><span class="Apple-style-span" style="color: red;">before</span> </span>it, paste this code:<br />
<br />
<br />
<br />
<div class="code">
<br />
/* middle */<br />
<br />
#panel {<br />
display: none; /* u can erase this if u need show toggle */<br />
}<br />
<br />
#middle {<br />
<span class="Apple-style-span" style="color: red;">width: 930px;</span><br />
margin:0 auto;<br />
padding: 0px 40px;<br />
<span class="Apple-style-span" style="color: orange;">background-color:#E5EECC;</span><br />
border-bottom: 1px solid #000; }<br />
<br />
<span class="Apple-style-span" style="color: magenta;">#middle a { color: #2E3C07; }</span><br />
<br />
#middle a:hover { color: #cccccc; }<br />
<br />
.middle1 {<br />
padding:0 8px 8px 0px;<br />
float:left;<br />
width: 280px; }<br />
<br />
.middle1 li { padding:5px; }<br />
<br />
.middle2 {<br />
padding:0 8px 8px 0px;<br />
float:left;<br />
<span class="Apple-style-span" style="color: blue;">width: 280px; </span>}<br />
<br />
.middle2 li { padding:5px; }<br />
<br />
.middle3 {<br />
padding:0 8px 8px 0px;<br />
float:right;<br />
width: 280px; <br />
}<br />
<br />
.middle3 li { padding:5px; }<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
/* toggle */<br />
.slide {<br />
margin : 0 0 5px;<br />
text-align : center;<br />
color: #fff; }<br />
<br />
.btn-slide {<br />
margin : 0 auto;<br />
<span class="Apple-style-span" style="color: lime;">background: #617F10;</span><br />
-moz-border-radius-bottomleft:0.5em;<br />
-moz-border-radius-bottomright:0.5em;<br />
width : 140px;<br />
height : 20px;<br />
padding : 2px 10px;<br />
display : block; }<br />
<br />
<br /></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 14px;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-size: 14px;"></span></span><br />
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">Step#3 Now find the bellow code</span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div class="code" style="font-family: 'Times New Roman'; font-size: medium;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><div id='footer'></span></div>
</div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;">If you cant find it then try finding this one</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div class="code" style="font-family: 'Times New Roman'; font-size: medium;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><!-- end outer-wrapper --></span></div>
</div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;">If you cant find it then try finding this one</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div class="code" style="font-family: 'Times New Roman'; font-size: medium;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;">outer-wrapper</span></div>
</div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;">If you cant find it then try finding this one</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div class="code" style="font-family: 'Times New Roman'; font-size: medium;">
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"></body></span></div>
</div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;">just</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #3333ff; font-family: Georgia, serif; font-size: 16px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">before</span> </span>it, paste this code:</span></span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<span class="Apple-style-span" style="font-family: Arial, Verdana;"><br />
</span></div>
<br />
<br />
<br />
<div class="code">
<div id='middle'><br />
<p class='slide'><a class='btn-slide' href='' style='color:#fff'>toggle show hide jquery</a></p><br />
<div id='panel'><br />
<div class='middle1'><br />
<b:section class='middle1' id='middle1' preferred='yes'><br />
<b:widget id='HTML16' locked='false' title='Recent Posts' type='HTML'/><br />
</b:section><br />
</div><br />
<div class='middle2'><br />
<b:section class='middle2' id='middle2' preferred='yes'><br />
<b:widget id='HTML58' locked='false' title='About Me' type='HTML'/><br />
</b:section><br />
</div><br />
<div class='middle3'><br />
<b:section class='middle3' id='middle3' preferred='yes'><br />
<b:widget id='HTML60' locked='false' title='Recent Comments' type='HTML'/><br />
</b:section><br />
</div><div class='clear'/><br />
</div><br />
</div><br />
<br />
<br /></div>
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: black; font-size: x-small;"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; text-align: justify;"></span></span><br />
<h4 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; font-size: 12px; font-weight: bold; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;">
Customization</h4>
<div style="font-family: Verdana; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
You can easily customize the look and colours of the this footer widget. I have bolded the important parts in the CSS code above. Read the descriptions below carefully to better stylize your <span class="Apple-style-span" style="color: black; font-family: 'Times New Roman'; font-size: small; line-height: normal;"> </span><span class="Apple-style-span" style="color: black; font-family: 'Times New Roman'; font-size: small; line-height: normal;">toggle show hide jquery</span> widget. For changing colours use our<span class="Apple-style-span" style="color: #333333;"> </span><a href="http://bdlab.blogspot.com/2010/04/hex-color-code-chart-generator.html" style="background-color: transparent; color: #ef0000; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Hex Color Code Chart & Generator</a><span class="Apple-style-span" style="color: #333333;"> or </span><a href="http://bdlab.blogspot.com/2010/04/html-color-codes-generator.html" style="background-color: transparent; color: #ef0000; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Html Color Codes Generator</a></div>
<span class="Apple-style-span" style="border-collapse: separate; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; text-align: justify;"><span class="Apple-style-span" style="color: orange;"><b>background:<span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small;">#E5EECC</span>;</b> </span></span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px; font-weight: normal; text-align: justify;"> </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; font-weight: normal; text-align: justify;">Changing the six digit colour code will change the background colour of this widget.</span></span><br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><b><span class="Apple-style-span" style="color: red; font-family: 'Times New Roman'; font-size: small;">width: 930px;</span> </b> </span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">This is the width of the widget. If you want you can adjust this width value in accordance with the width of your blog.</span><br />
<br />
<span class="Apple-style-span" style="color: black; font-size: x-small;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; text-align: justify;"><b style="color: #474747;"><span class="Apple-style-span" style="color: blue; font-family: 'Times New Roman'; font-size: small;">width: 280px;</span> </b>is the width of the three columns where the widgets are added.</span></span><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; text-align: justify;"> </span></span></span><br />
<br />
<span class="Apple-style-span" style="color: lime;">background: #617F10;</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;">This is the Colour of</span><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"> </span><b>toggle show hide jquery </b><span class="Apple-style-span" style="color: black; font-size: x-small;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px; text-align: justify;">Title Headings</span></span><span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b> </b></span><br />
<br />
<span class="Apple-style-span" style="color: magenta;">#middle a { color: #2E3C07; }</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 16px;">Editing this will change the style and colour of the</span><span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 16px;"> text</span><br />
<br />
<br />
<br />
<br />
..................................................................................................................................<br />
......................................................................................................................................................<br />
..................................................................................................................................<br />
<br />
<br />
<b><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">This is an optional step:</span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"> </span></b><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">you can also style this hover effectlink. For this, in your template, search for </span><span class="Apple-style-span" style="color: red;"></head> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">and paste this code right above it:</span><br />
<br />
<br />
<div class="code">
<!-- Effectlink Code Start bdlab.blogspot.com --><br />
<br />
<script type='text/javascript'><br />
$(document).ready(function() {<br />
$(&#39;.sidebar a, .menu li, .post-body a, .post h3 a, #middle a, #footer a&#39;).hover(function() { //mouse in<br />
$(this).animate({ opacity: &#39;0.4px&#39; }, 1000);<br />
}, function() { //mouse out<br />
$(this).animate({ opacity: 1 }, 1000);<br />
});<br />
});<br />
</script><br />
<br />
<!-- end effectlink Scripts bdlab.blogspot.com --></div>
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #4d4c4c; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</strong></span></span></span></span></span></b></span></span></span></b></span></b></span></div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com0tag:blogger.com,1999:blog-404186049558999833.post-6317619774715779082010-12-12T00:24:00.001-08:002013-02-05T22:43:42.901-08:00Related Posts Widget For Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Guest Post - By <a href="http://24work.blogspot.com/" target="_blank">24work</a><br />
<br />
<a href="http://24work.blogspot.com/2012/01/related-posts-widget-for-blogger.html" style="background-color: white; color: #7fd4ff; display: block; font-family: Arial, Verdana; font-size: 22px; font-weight: bold; outline-color: initial; outline-style: none; outline-width: initial; text-align: -webkit-auto; text-decoration: none;" target="_blank">Related Posts Widget For Blogger / Blogspot with jQuery</a><br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe>
<br />
<li><a href="http://bit.ly/xqQlgS" target="_blank"><b><span class="Apple-style-span" style="color: lime;">17</span></b>+ <b><span class="Apple-style-span" style="color: red;">Featured Content Slider</span></b> for Blogger <b><span class="Apple-style-span" style="color: red;">Using jQuery</span></b> Tutorial</a></li>
<br />
<br />
Related posts widget is very important for a blog as it increases the number of page views and also help the visitor to view other related posts on the blog.Now here is wonderful hack for displaying links to related posts beneath each of your blog posts.At present there are many types of related post widget like with thumbnails by using Java script Using HTML etc... Here i am going to show a method which is very easy to install.It will show only title of related posts using jQuery.It will look like an image below.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/exUexw" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHEJ2zedjl1s5vDtGlSFnBiUVS9iglIVe5AVccLgViprHdNqhxgTXIjrrjVN1Z_G5CUU6DBzTkoz4P3BpPAfJzwchi3-Du0Do7sVm379-dAb3yXoWNu9dmh0MLxZc2z3LOnbictGx6warj/s1600/Related+Posts.png" width="360" /></a></div>
<a name='more'></a><br />
<ul>
<li><span class="Apple-style-span" style="color: red; font-size: large;">Related Posts Widget For Blogger</span></li>
</ul>
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="color: #2c3240; font-family: Arial, Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Instructions To Follow</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://draft.blogger.com/post-edit.g?blogID=2648032558084820227&postID=2886259784970943" name="more" style="color: #30568b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" tip=""></a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; color: #30568b; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; line-height: normal; white-space: nowrap;">Design</span><span class="Apple-style-span" style="font-size: x-small;"> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML </b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and mark the tick box "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">"</span></span></span></span><br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span" style="line-height: 21px;"><span class="Apple-style-span" style="color: #2c3240; font-family: Arial, Verdana; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLHIASH1_KgZokpVO-tiDZNco9t7inQiAEH4PtH8VCMogpJTka4T4YF-nW1OP34edqZiOkOBF4x4uFqOoJiQtb6TKfaWNT2P4uNveVL7MQPRB2aQ9T8Ss-pO8jcZlfvwSKpbM3rASSn1e/s1600/Image+5.png" width="480" /></a></div>
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;">Then, find (CTRL+F) this code in the template:</span><br />
<br />
<br />
<div class="code">
</head></div>
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And immediately </span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><span class="Apple-style-span" style="color: red;">before</span> </span>it, paste this code:<br />
<br />
<br />
<div class="code">
<!--Related Posts Scripts and Styles www.bdlab.blogspot.com Start--><br />
<span class="rem"><!--Remove--></span><span class="kwrd"><</span><span class="html">b:if</span> <span class="attr">cond</span><span class="kwrd">='data:<span class="IL_AD" id="IL_AD2">blog</span>.pageType == &quot;item&quot;'</span><span class="kwrd">></span><br />
<span class="kwrd"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><</span><span class="html">style</span> type="text/css"<span class="kwrd">></span><br />
#related-posts {<br />
float:center;<br />
text-transform:none;<br />
height:100%;<br />
min-height:100%;<br />
padding-top:5px;<br />
padding-left:5px;<br />
}<br />
#related-posts .widget{<br />
padding-left:6px;<br />
margin-bottom:10px;<br />
<br />
}<br />
#related-posts .widget h2, #related-posts h2{<br />
font-size: 1.6em;<br />
font-weight: bold;<br />
color: <span class="IL_AD" id="IL_AD1">black</span>;<br />
font-family: Georgia, &#8220;<span class="IL_AD" id="IL_AD3">Times</span> New Roman&#8221;, Times, serif;<br />
margin-bottom: 0.75em;<br />
margin-top: 0em;<br />
padding-top: 0em;<br />
}<br />
#related-posts a{<br />
color:blue;<br />
}<br />
#related-posts a:hover{<br />
color:blue;<br />
}<br />
#related-posts ul{<br />
list-style-type:none;<br />
margin:0 0 0px 0;<br />
padding:0px;<br />
text-decoration:bold;<br />
font-size:15px;<br />
text-color:#000000<br />
}<br />
#related-posts ul li{<br />
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKIJoqM0hB1olnFaZ__1EaA6EDA2PuvShBt6V-jJBlGd11_vpgJJX7ADuPrPUiQueeZaRQcXvPbXNYdcbDQy69kRBLuOcK9r8wbfRiB63QyXpYUNd8qCtU3l7hFiotWAy37kSAZXShWw/s200/greentickbullet.png) no-repeat ;<br />
<span class="IL_AD" id="IL_AD4">display</span>:block;<br />
list-style-type:none;<br />
margin-bottom: 13px;<br />
padding-left: 30px;<br />
padding-top:0px;}<br />
<span class="kwrd"></</span><span class="html">style</span><span class="kwrd">></span><br />
<br />
<span class="kwrd"><</span><span class="html">script</span> <span class="attr">type</span><span class="kwrd">='text/javascript'</span><span class="kwrd">></span><br />
<span class="kwrd">var</span> relatedpoststitle="<b>Related Posts</b>";<br />
<span class="kwrd"></</span><span class="html">script</span><span class="kwrd">></span><br />
<span class="kwrd"><</span><span class="html">script</span> <span class="attr">src</span><span class="kwrd">='http://safir85.ucoz.com/24work-blogspot/related-posts/related-posts-for-blogger-24work.js'</span> <span class="attr">type</span><span class="kwrd">='text/javascript'</span><span class="kwrd">/></span><br />
<br />
<span class="rem"><!--Remove--></span><span class="kwrd"></</span><span class="html">b:if</span><span class="kwrd">></span><br />
<span class="rem"><!--Related Posts Scripts and Styles www.bdlab.blogspot.com End--></span></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">If you want to change the title of your widget you can edit this line of the above code</span><br />
<br />
<div class="code">
<span class="kwrd">var</span> relatedpoststitle="<b>Related Posts</b>";</div>
<br />
<span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">If you want you can edit the blue and</span><span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">black</span><span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">colors present in this code</span><br />
<br />
<span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">2.Now find this line of code</span><br />
<br />
<br />
<div class="code">
<span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">='post-footer-line post-footer-line-1'/</span><span class="kwrd">></span></div>
<br />
<span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">If you cant find it then try finding this one</span><br />
<br />
<br />
<div class="code">
<span class="kwrd"><</span><span class="html">p</span> <span class="attr">class</span><span class="kwrd">='post-footer-line post-footer-line-1'/</span><span class="kwrd">></span></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">Now immediately after any of these lines(whichever you could find) place this code snippet</span><br />
<br />
<br />
<br />
<br />
<div class="code">
<span class="rem"><!-- Related Posts Code </span>www.bdlab.blogspot.com Start--><br />
<br />
<span class="rem"><!--Remove--></span><span class="kwrd"><</span><span class="html">b:if</span> <span class="attr">cond</span><span class="kwrd">='data:blog.pageType == &quot;item&quot;'</span><span class="kwrd">></span><br />
<span class="kwrd"><</span><span class="html">div</span> <span class="attr">id</span><span class="kwrd">='related-posts'</span><span class="kwrd">></span><br />
<span class="kwrd"><</span><span class="html">b:loop</span> <span class="attr">values</span><span class="kwrd">='data:post.labels'</span> <span class="attr">var</span><span class="kwrd">='label'</span><span class="kwrd">></span><br />
<br />
<span class="kwrd"><</span><span class="html">b:if</span> <span class="attr">cond</span><span class="kwrd">='data:label.isLast != &quot;true&quot;'</span><span class="kwrd">></span><br />
<span class="kwrd"></</span><span class="html">b:if</span><span class="kwrd">></span><br />
<span class="kwrd"><</span><span class="html">b:if</span> <span class="attr">cond</span><span class="kwrd">='data:blog.pageType == &quot;item&quot;'</span><span class="kwrd">></span><br />
<br />
<span class="kwrd"><</span><span class="html">script</span> <span class="attr">expr:src</span><span class="kwrd">='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;'</span> <span class="attr">type</span><span class="kwrd">='text/javascript'</span><span class="kwrd">/></</span><span class="html">b:if</span><span class="kwrd">></</span><span class="html">b:loop</span><span class="kwrd">><</span><span class="html">a</span> <span class="attr">href</span><span class="kwrd">='http://bdlab.blogspot.com'</span>><img style="border: 0" alt="Related Posts Widget for Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEhLBL1HiErWg_Fiw1XL2S9OSv5tVQ5FyKnzkzDqpkthoU4qk1aiuB6cgSaq3IxygwOj1_kXC9np7Fae2NJ6FHF3_QQZ8MpqWCjKkP5knc9gl20A9COpJ_t8xcnZkfrKiNQCRzh0dukGmR/s1600/blogger-widgets.png" /></a><br />
<br />
<script type=<span class="str">'text/javascript'</span>><br />
<span class="kwrd">var</span> maxresults=5;<br />
removeRelatedDuplicates(); printRelatedLabels(<span class="attr">&quot;</span><span class="kwrd"><</span><span class="html">data:post.url</span><span class="kwrd">/></span><span class="attr">&quot;</span>);<br />
<span class="kwrd"></</span><span class="html">script</span><span class="kwrd">></span><br />
<span class="kwrd"></</span><span class="html">div</span><span class="kwrd">></span><br />
<br />
<span class="rem"><!--Remove--></span><span class="kwrd"></</span><span class="html">b:if</span><span class="kwrd">></span><br />
<span class="rem"><!-- Related Posts Code </span>www.bdlab.blogspot.com End--></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">You can adjust the maximum number of related posts being displayed by editing this line in the code.</span><br />
<br />
<br />
<div class="code">
<span class="kwrd">var</span> maxresults=5;</div>
<br />
<br />
<blockquote>
<span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;"><strong>Note: </strong></span><span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;">If you want to display the Related Posts on every page, then remove the 4 lines of code starting with</span><span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;"> </span><span class="Apple-style-span" style="font-family: arial; font-size: 14px; line-height: 19px;"><span class="rem"><strong><!--Remove--></strong></span></span></blockquote>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #000222; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22px;"><span style="background-color: #fe6602; color: white; font-family: arial; font-size: 18px; font-weight: bold; padding: 5px;">How To Add jQuery Related Posts Widget for Blogger </span></span><br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: black;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 20px;"><b>Typical Usage #1</b></span></span><br />
<blockquote>
<span class="Apple-style-span" style="color: black;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 20px;"> To display related links at the end of every post. copy this code into a new HTML/Javascript widget and place at the bottom of the post or at the footer in the page elements section.</span></span><span class="Apple-style-span" style="color: black;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 20px;"> Widget uses jQuery v1.3.2, If you already included jQuery into your blog. no need to do it again.</span></span><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; padding: 0px;"><b style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; padding: 0px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin: 0px; padding: 0px;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; padding: 0px;"><b style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; padding: 0px;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin: 0px; padding: 0px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin: 0px; padding: 0px;"> </span></span></span></b></span></span></span></b></span></b></span></blockquote>
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Instructions To Follow</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://draft.blogger.com/post-edit.g?blogID=2648032558084820227&postID=2886259784970943" name="more" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" tip=""></a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: x-small; line-height: normal; white-space: nowrap;">Design</span> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Edit HTML</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and mark the tick box "</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Expand Widget Templates</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">"</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #2</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Now find (CTRL+F) this code in the template:</span><br />
<br />
<br />
<div class="code">
<data:post.body/></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">And immediately</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: blue; font-family: Georgia, serif; font-size: 16px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">after</span> </span></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">it, paste this code:</span><br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" style="opacity: 1;"><b><span class="Apple-style-span" style="color: #cc33cc;">http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js</span></b></a>" type="text/javascript"></script><br />
<br />
<br />
<br />
<script src="<a href="http://safir85.ucoz.com/24work-blogspot/related-posts/related-posts-widget-1.0-24work.js" style="opacity: 1;"><b><span class="Apple-style-span" style="color: #cc33cc;">http://safir85.ucoz.com/24work-blogspot/related-posts/related-posts-widget-1.0-24work.js</span></b></a>" type="text/javascript"></script><br />
<br />
<br />
<br />
<script type="text/javascript"><br />
<br />
relatedPostsWidget({<br />
<br />
'containerSelector':'div.post-body'<br />
<br />
,'loadingText':'loading...'<br />
<br />
});</script><span class="Apple-style-span" style="margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"></span> </div>
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save Template</strong></span></span></span></span></span></b></span></span></span></b></span></b></span><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 20px;"><b>Typical Usage #2</b></span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 20px;"><br />
</span><br />
<blockquote>
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 20px;">To show related links at the side column. copy this code into a new HTML/Javascript widget and place at the side in the page elements section.</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 20px;">Again, If you already included jQuery into your blog. no need to do it again.</span></blockquote>
<br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Instructions To Follow</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">:</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://draft.blogger.com/post-edit.g?blogID=2648032558084820227&postID=2886259784970943" name="more" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" tip=""></a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; border-width: initial; border-width: initial; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">STEP #1</b></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-origin: initial; background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" tip="">Blogger</a></span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">, go to</span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: x-small; line-height: normal; white-space: nowrap;">Design</span> </span><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyuHQi1IZzPKgxCdKT5QCB1suMFkUM1Le2EbyFd8tD73A1yYKy1Ky9iBSxRQQjobmJodb29tzYB2HfhehFso0Bj6T88XD8SvqboOY8bzYvFqT9rYDe7YDyyVibplnbti2byRykY-V86na/s1600/Design-PageElement.png" width="420" /></a></div>
<br />
<br />
Add a Gadget of HTML/JavaScript type.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8ppXZOBCJJZN5isA5iqsvtZ7tNWFDk192V7GItyKvVebpLwNzI7H-r839Mf9DBgNIcZMV1xDebgrH9eMZ-DOHVoZkvxkw0cT2EXbfaswQsO8p1-8tNb60Ks6aQoKi4F07C0_60-U7Tf_/s1600/Image+2.png" /></a></div>
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><<span class="Kw">script</span> src=<span class="qs">"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"</span> type=<span class="qs">"text/javascript"</span>><<span class="Kw">/script</span>><br />
<<span class="Kw">script</span> src=<span class="qs">"http://safir85.ucoz.com/24work-blogspot/related-posts/related-posts-widget-1.0-24work.js"</span> type=<span class="qs">"text/javascript"</span>><<span class="Kw">/script</span>><br />
<<span class="Kw">script</span> type=<span class="qs">"text/javascript"</span>><br />
relatedPostsWidget({<br />
<span class="qs">'loadingText'</span>:<span class="qs">'loading...'</span><br />
});<<span class="Kw">/script</span>></div>
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; line-height: 19px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b color="initial" face="'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif" size="13px" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; line-height: normal; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: 20px;">Now Click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: 20px;"> <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; vertical-align: baseline;">Save</strong></span></span></span></span></span></b></span></span></span></b></span></b></span></div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com6tag:blogger.com,1999:blog-404186049558999833.post-71193607325253866692009-11-29T06:52:00.000-08:002015-12-13T06:58:24.921-08:00test post<div dir="ltr" style="text-align: left;" trbidi="on">
test post</div>
adminhttp://www.blogger.com/profile/02183330337918146999noreply@blogger.com