tag:blogger.com,1999:blog-26480325580848202272024-03-16T11:53:05.578-07:00Blogspot TutorialFree Backlinks http://bit.ly/9XgyGuadminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.comBlogger118125tag:blogger.com,1999:blog-2648032558084820227.post-14656716297362600482013-04-29T10:54:00.000-07:002014-11-28T02:45:42.137-08:00Free Backlinks for Blog and Website<div dir="ltr" style="text-align: left;" trbidi="on">Do you want to know Where to get free backlinks? This is a free, fast, and simple immediate automatic backlinks for optimizing your blog or web page on search engines result.Everyone knows how important backlinks are to getting a good rank.Here, we offer a backlink for free and very fast for your sites. Copy the html code first (no change needed), and then paste to your website or blog.To view your backlink you can click the image link from your website or blog. And well... your website url done and will be displaying in first references.If any visitors click this banner from your website or blog, your url backlink will be creating automatically in this website.You can build backlink as many as you want, no limitation and restriction, but no spam ! Wish your website's ranking quickly on Top Google, Yahoo and Alexa!<br />
<br />
<span class="Apple-style-span" style="color: #cc0000; font-size: 29px;">Free Automatic Backlink for Blog and Website</span><br />
<br />
<span style="font-weight: bold;">If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-<br />
<br />
</span><br />
<br />
<span style="color: #cc0000; font-weight: bold;">Copy this html code to your website >></span><br />
<br />
<a href="http://24work.blogspot.com/" target="_blank"></a><br />
<br />
<div style="background-image: url(https://bitly.com/bl24tricks2); height: 15px; width: 80px;"><div style="display: none;"><a href="http://24work.blogspot.com/" target="_blank"><img border="0" src="http://bit.ly/work24" style="height: 0px; width: 0px;" /></a></div></div><br />
<br />
<textarea cols="30" name="txt" onclick="this.focus();this.select()" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="display: inline; height: 113px; margin: 2px; width: 409px;"><!-- Dont edit this code or it will not work --><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img alt="Blogger Tips And Tricks" border="0" height="15" src="https://bitly.com/bl24tricks2" width="80" /></a><!-- End http://24work.blogspot.com--></textarea><br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<form action="https://www.blogger.com/add-widget" method="post" target="_blank"><input name="widget.title" style="display: none;" value="My Favourite Site" /><br />
<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 />
<br />
<textarea name="widget.content" style="display: none;"><!-- Dont edit this code or it will not work --><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img alt="Blogger Tips And Tricks" border="0" height="15" src="https://bitly.com/bl24tricks2" width="80" /></a><!-- End http://24work.blogspot.com--></textarea><input name="go" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwomewB6WZpdS44TX9wcXNWhoE0gxSY5NBen57-LaJUnnIlwqil5EF1wDySLvsVOUfnqji71QbFbHpdMB4ICxmxs7TANDNxdKO9aoA3BQNRo6s5Ql_2w2kcjmX-t_9XeD_D-mYRez2JUQe/s1600/add-to-blogger.gif" style="border: 0px;" type="image" value="Link To bdlab" /></form><br />
<a name='more'></a><br />
<b>How to add Automatic Backlink for Blog and Website</b><br />
<br />
<b style="background-color: lime;">Blogger</b><br />
<br />
Now let's start adding it...<br />
<br />
<b><span style="color: blue;">Step 1.</span></b> Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link. <br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/work24" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" height="345" img="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKty1bDRn7_6C6D6tl1oOaQrdz9OGla9uR2wppUM3n049nNQ5XyIG6K13Wynqd-oSrrThjhL98cmWeUNO-w7uKF1vIZAgKTBDNk4jymWYMjALmMetVmcPh4bE2MJeizwBMjJehe4QHKUII/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><br />
<br />
<b><span style="color: blue;">Step 2.</span></b> After click on Add a Gadget link A pop-up box will open now<br />
<br />
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. <br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/work24" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" height="219" img="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg14J0YQuWXQJTcQpStNnnHbLbqxLNlaYdihvtE30SEqwVjApyIlmNefdqYz6put1dYGgSQPw5tSlOCA5ofDzsJJLnm9iJOv26kQQZ0elAivRBBsrgQ0_wgSojlgF7TTbsNROUnhzVLmhQS/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><br />
<br />
<br />
<br />
<b><span style="color: blue;">Step 3.</span></b> Select 'HTML/Javascript' and add the one of code given below. <br />
<br />
<b><span style="color: blue;">Step 4.</span></b> Now Click On Save 'JavaScript' You are done. ..............<br />
<br />
<br />
<br />
<br />
<br />
<b style="background-color: lime;">WordPress</b><br />
<br />
1. Login to your Admin panel > Presentation tab > Widgets tab<br />
<br />
2. Paste the code into the Text Widget. If there’s no Text Widget available, add one.<br />
<br />
3. Add a title. Ex: My Favourite Site (Optional)<br />
<br />
4. Save.<br />
<br />
<br />
<br />
<b style="background-color: lime;">Joomla site</b><br />
<br />
1. Login to your Admin panel > Modules – Site Modules > click New<br />
<br />
2. Paste the code into the Custom Output content box<br />
<br />
3. Adjust module details and menu item links if necessary<br />
<br />
4. Click Apply or Save.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote><span class="Apple-style-span" style="color: red;">* Please note:</span>- After you paste the code into the website, please click on the button to create backlinks to your website.<br />
<br />
- If you remove the code from your website where your backlink will be deleted automatically.<br />
<br />
- if you know any free backlink info, please submit here, Let's share the free backlink list to everyone.</blockquote><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>UPDATE: </b><br />
<br />
<br />
<br />
Hello! `How are you guys? Here is another <a href="http://24work.blogspot.com/" target="_blank">Free Backlinks</a> site. if you know any free backlink info, please submit here.<br />
<br />
<br />
<br />
www.<a href="http://24work.blogspot.com/" target="_blank">24work.blogspot.com</a><br />
<br />
<br />
<br />
<span style="font-weight: bold;">If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-<br />
<br />
</span><br />
<br />
<span style="color: #cc0000; font-weight: bold;">Copy this html code to your website >></span><br />
<br />
<div style="text-align: center;"><a href="http://bit.ly/work24" target="_blank" title="Blogger Tips And Tricks"><img alt="Blogger Tips And Tricks" border="0" src="https://bitly.com/24workfb2" /></a></div><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; height: 88px; margin: 2px; width: 295px;"><!-- Dont edit this code or it will not work --><a target="_blank" href="http://24work.blogspot.com/" title="Blogger Tips And Tricks"><img border="0" alt="Blogger Tips And Tricks" src="https://bitly.com/24workfb2" /></a><!-- End http://24work.blogspot.com--></textarea><br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<form action="https://www.blogger.com/add-widget" method="post" target="_blank"><input name="widget.title" style="display: none;" value="My Favourite Site" /><br />
<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 />
<br />
<textarea name="widget.content" style="display: none;"><!-- Dont edit this code or it will not work --><a target="_blank" href="http://24work.blogspot.com/" title="blogger widgets"><img border="0" alt="blogger widgets" src="https://bitly.com/24workfb2" /></a><!-- End http://24work.blogspot.com--></textarea><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 />
<b><span class="Apple-style-span" style="color: red; font-size: x-large;">Links Exchange</span></b><br />
<br />
<script src="http://www.blenza.com/linkies/autolink.php?owner=mujahid85&postid=23Feb2012b&meme=wiw" type="text/javascript"></script><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com470tag:blogger.com,1999:blog-2648032558084820227.post-9209335320137079472012-01-15T04:44:00.002-08:002012-08-16T07:13:57.082-07:00Change Blogger Mouse Cursors / Mouse Pointer / cursor cursors / Mouse Cursor for Blogger<div dir="ltr" style="text-align: left;" trbidi="on">How do I change my Blogger mouse cursor ? You should know that some people find web pages mouse pointer , cursor cursors , mouse cursor , tumblr cursors , cursors for windows 7 , mouse icon , cursor pointer , free cursor , cursor download. In this tutorial we show you how to easily change the default mouse cursor white something a little more exciting. How To Change Blogger Mouse Cursors In Easy Way.<br />
<a name='more'></a><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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank"><strong>How to change mouse cursor in blogger blog to animated cursors</strong></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 />
<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/AVvXsEi9OYscOLYzTeX1M8VN8fL8-f3wLGnc0iy4jexAC4gVhbIJss9PAV7IqnVpxLqtCu_Y1aNVjM8FyNXwUszMP0lYOusg0ruRwVd2Z9__DAJtkkFT4Ed6AlDBV3Kj_291MJ__aAHe4YTRfQA/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 />
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 />
<br />
<b>How to Install mouse cursor in blogger blog to animated cursors</b><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 />
<br />
<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.Backup your template before attempting this tutorial.<br />
<br />
Step 1:<br />
<br />
<br />
In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.<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/AVvXsEjcTrbA99_kVuZaMvroJbg8w_wx6RT4GnMYAdYmB8D8IUjU9J-W5wh2Ubt4G1_GWPYNJDjZLqOpBHkvFeUcz0UopsPBsphqb3V2g_tJjPrL0SwLYxaUU5mohLtpiB-u1rmT0K79rx0XtyE/s1600/Expand+Widget+Templates-1.png" width="420" /></a></div><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/AVvXsEhIEMRNBTbBxGELqVNgZd0uqAG8cv09tHRV-0N2kcab1PJPSTknTu3vEVBPSq7Qv9_FZ6qoQN5o0DkfPHS6pARE12meKy29mfeBOz_FhOorH3cwzFvpegg_lM6YJiuW_LCJ_Wea6NogJ1g/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/AVvXsEiT98ks5EVK1STFPOejd_x8Mfu12vT_HWGh9UShKL5kIm4_VmOyMc71vy4Mh32v2OLXubNTtZOsFoAW_MvXUDB45hb63aJWFKCpbWNtRK4dHhRe4-HS0Odv0JjPAWr5tr5dymJ1CfbVy5iz/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/AVvXsEiT98ks5EVK1STFPOejd_x8Mfu12vT_HWGh9UShKL5kIm4_VmOyMc71vy4Mh32v2OLXubNTtZOsFoAW_MvXUDB45hb63aJWFKCpbWNtRK4dHhRe4-HS0Odv0JjPAWr5tr5dymJ1CfbVy5iz/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/AVvXsEj7Ayyaa7pa8d9c5myhdGr4LFovWbGkOgjpYow88BsYVxBHU1BaQVDqQVdtN7aBT5LrYCqu5ABH5tqsNFS0f65mjL5_5unPKBqKVtOMykigLlzsIfD51KqTjgNfC7VEjp7qN1FF1uE4oidI/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/AVvXsEh6HwZG311y8B3oUBEjVxT3QDJL1i46emcxe23nkFkPT35EX86lb4jenDQMTMD41bHGIVITG3T1zCfTr2m9QQdnMUk406XGl2aqEsxeEXEQlXsc-uw8EGebuowS3xlCGGOr9eJLdWUpEVgM/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/AVvXsEie4vghdSe5tF3NfjYM39nobbU7dbDM4L76CeS_K441Z-thxWycbXLf4qf3Pg3Js3J0oDf481mdkJduTh0rme-V0Sd8qKcxCmMuxjwoS0ACdqJLWBEoboGFY1-n6pGi3yetWkaSkbzsIYcI/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/AVvXsEgbiNx4CrkmCb6MLO8bX82_APPLSPSg83sLZAX-Zvk63k1yhoIGHU9RYvIdJ5fjT80CwhyphenhyphenOuLqoXlfVO3JsvC-mMxaZOr6I6_BabjaPF8bO9HREymRm9QPFXwEzB1Eb6ulNCfpXSSbJ_KdV/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/AVvXsEihKTRbVkqrY9eaecumMsABJ3Ds4lMgUPkjrtF2RXlJWFFdMDRYUxqM0lZx27SOnh_u9iJzEP1tH1sWexVpt7U4UcKhLvQ7Bek3tA5ihdKT6SfE9s7f-yPFsGApXW9G7Ey6qs8wqFwY1JMB/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/AVvXsEhmO7kANlzWifyVY8x3eGE0czferDIU6MdNr5P3KFQ6aQAMC6e78ofmTWpM954KKuMhHuunPrgArDJhuXd5fqWbffgDt2EdSz3COsoQvAJ8tBy7J1MH9tMTZqEjeMYH61cnPiDE2v9Wua_-/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/AVvXsEilWCoVJ5RMiy_KJn1cyto1CzYTSs_nR5jFEWvPd7FEu_1loqVpqUThScUnnBAnSKzgZky2w4gPttPDRTC7eOK7VV2x_wdF5bBDYp8Dt8DeUHJBrkq6eUMtmzzTc-qqalXkyK-qbkkxomXP/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/AVvXsEj0kFFg3bzVNgxTUxjEr_raaa-t4_sHPMhYkW5bQEKRqU-RBwCjyQXWciljyzGtNVuaH8W60dWj3mpwSNxOeywQcthRdkIt-KNOEzT-chtYrzq4yDvs0-Ai7MzIxT-_E9SDpDmLFdCPodz5/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/AVvXsEiP2kzJZsjtrHGCTfqK9P3cwU_B3RvHM-eqhwW9jvBnR-27gfHAir-imqNfEK1jUtLy6OcSFbPVdarT6kxBmNnjnEMQWBHRtbb1HVGZWy_3wiWZ-QDPjtF5OdM3ABvtn2LLQ43-FiANeA8q/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/AVvXsEj2lxDnnVZ2UcX0TeD4_5L2HXu6hMbuehGg00_icYbxgooBL40RrEI6VVqvMbbXF39_1dru4NcifijYRHtDub4j2LSOanOwVNNcHFVwfRqcfuPT0euAsUqSUFRSUn8KILouoKWZpUZ3vZAY/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/AVvXsEiSudoeQddh_QNkbqy6utCMZxrs1dIS30r5zj_buNlYZL323AAenbmmF5Z-QbHXjplEPHWFLzkX0tgUIRZmcpSBkOmuHv-lnjLRBwIwgatvOAdQ-h-r0YNw-kaQYCdFpL8NY_tTRVAPEehT/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/AVvXsEgBHECOkByvPUe6QGam1rvCOraOowSHUrmYv-WH4rnR4nOGnAWBN5ze-p36TKS1OIamrVY7kksVWDBoPtQjk4etsXYJq978KVV0mRdovyquKxpYXX5u0YTTQNPcHJpfkQhxFMJpQx2OYSpx/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/AVvXsEgGLNFyDJFWpafakoDmARRxC-tlI4KTRqgz1P0h3FCt03owxrdz6ygcsE8ynzZvD1UmqKQ4dUe1NjHTRwEFfnqDdFvgPktaP9ivQPGACArf6BWldHOxTLRwhX1i6RIvlfwS_H_jWHlBRiHA/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/AVvXsEgY4WvMaazB5upF9dM1WabUgS-5JAkZhe7cjtx-nmFCWUy001vUGgRIKw6y4aVLBkk6jCIo0nOBxAnUCtvThdAniuhLgAkuJarTUKj3haBEIQIIfXPS_zvUuNetg6YQQOTrzq1yKiEm5enu/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/AVvXsEhjSqDA25N06aiBnJYQM_Yw2lqgv0Txx7kARC-5lV5BNpGcHK33e2bqx_F1XzMvOlxnyDBcpbz8aCWbSfC-r920AikwZvWKB5ehBDXU-CIiJaxAcdCAugNraNky0TGS2x1R4IxmZUbgMoDZ/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/AVvXsEi0Qyi3XRriXJd2eKJ0vslM2mr6l9wDtER3ASpODeccdannCH2BrIB7MfWjILHfj89AJep63RH5OmXV1YKsUUL39PTSnNsAzq6iKU30XndzzcQfqg5JebPgrdmfzTnwX9GAVnJkWRzErWWk/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/AVvXsEhMulIYX8QUkmEGV91WlqB3X9qN4ax1rHbLD8A_eyBL077JnCjlXL3pJdkxliWUM711FinHYhhGGfXDUW0B3N7xIVsu3EdZkQsTPIAibn7Jud8EIjg4tQgvRZ33LSsDgPeFWATWhKxHSZlo/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/AVvXsEhPdnPhndguZgrWOjqcgzDRGzaja04duE7-3C9S9IS3Rar1XSFQ-fQsT6ZyEsNQhOzJEH1mePqi8NzsIm5Zk5NO2Vm_6Q3XOY6MmG5i5ZiGapgV_18ucNTfKxP1ZDYcAsJZERthRy0I5XOO/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/AVvXsEhUbqu01NMlFdQ9Q-06q2lvCAvMmg1xpc-blNL4ExYScAxb8FkQlf686bXSiSPGDLBOUe6Zv9RnKIRMRpPTVxXMdR3d2wDiVydKdLqcBkUfzjR8TZxRCSHsGVVmZuK268GJDER6thkYROtr/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/AVvXsEjhdfl2AM1-iv1VD7NlgNL0-HY1VsgXKAx8BWUoB5jZ8Z5v5HXxMct87nmo3_NlIKYO9TSuGRgrzoLVsVmqL12FfC2LCzHbLiEIr2TC4Lh30usn-PrV8zx_3GmEJfAdvzYsP1O-QQSJlwVw/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/AVvXsEh2XsRizs1Cc-stvHQwtlfHD2eNuGjtAKG2J9hWGPQEXZcm-dSYdU7VX8MokVW9bv_SQHrN-cMqauhbTIfbjvksCA0uu_4D9JtxComoEueiO9emEKnr2hoHHFCNbINK0CPYQXiO5UJxz8Uz/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/AVvXsEjfSqA2yUY4xRb7utDpKPfb-V_Ucfz1C_VCB17Vqaxpp8tQp8p3XOjBd4Y28E0H7B9cbzf-oJsDasRI2gkcGIaS-dptYeY1OSJq-0PR3QkiDG-T3Z-VDuEZWlCWZHfGwgPbjMfwj8trCjGi/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/AVvXsEjLAD-_zmW6AMXzM5UrpYmcNQes0gBGQh84ti4yQIolvKyR3ekjgJ2uf00qQFoFs8jarrgsAiZAurZHP2I277rpUezqzOwHygTpylfBbNKjkNab7kL3oWiQay6raFwkZ6w3DbHTDF59gpE8/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/AVvXsEhHY3q7v6crxbmMmyB5XlCn-O38ZBlkQUTaGru0tR2uZLxD4Pn1dIUO2KBX4pgjvqJibaXpd54m0NauDEcs5fuGO_RHN2RKmk91a1JxVOofABJs0-fRGK4tMKrasLUJvJU9tkGB96BZEiDZ/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/AVvXsEiIUISVluxasPbma7PCkrDLRVyFSgTnsHe2Pf9j9jX08rzgkyw6IJ3l4NV8JEx5hqlubw6A438USSRi5YBgetSquxcgbQzbsM6Ksw21sDx-ezLm6ZcZcbiLHTdKVUpTp1SCyP70oanmSKaM/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/AVvXsEj6bGlb7CafC4LdlJ8WsaUhYtksvC2__VAkFamMWOZ7hcHM2e1xtQWvFkmpLxJv62uiexnW3DoUK-vgejRxFHpIRkrLr2kPgClqLCA-6ZiCFjliqJWwkA5JxnrpSWsDxIR6thH1tpSUEvsq/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/AVvXsEimftfdlCUf5Xd5WbH0t2TWlpQUep1Kr8WhNwCj06d-c19gN9iBYx-8QjkXt1opND7G9JngAAwmdSeGe1K26vG9xZLU6eoQKBEl0cnKB4x0nyZIDdxOtlYnr2MmtkG8k7kE5uI6S8T6YY_n/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/AVvXsEjILUf29BMlJv6NZ937qH1HJo42w1euuUlJy6JPkxF4WUptvii_qwucVMZZgneduxQrjIUZpJZl1X0gGfFW5GQ8vFV7lyqbNU0Mu3cpT7KGS3LMWg3BSRw2xRp_uEN6KLIdY0m9GUbq8f9d/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/AVvXsEhqzEggYbzGs2HHt0Ej_240K1PAxpiOFwSsj7ciL_xpM6HOhxBEv0VxLgfcUgPpp-t0RuXEm-xoZccWSIfwibpWp9EybBxQjlgL03X9RrTrrdus9gtJrH86__ct70roFIFlk3ab_KxVikRd/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/AVvXsEis8O7sqC6I1FpRufpF6S3LuJ0Pdo1xTbeJDaajS095TJYAfhCFyod68UWVfn8uQvG3mpCEBrEEll_HVca_n3euzmdw7TNAWarsFCWcEnuD_EyPWPNSptCJAv1mN4r2b02QsAeYB8sRxLmI/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/AVvXsEhsfqUIpcphd2V4XGEUvzXGkNhDj700nbUi9AlPNFJ-SdYRzRKZskPDan8ejFuJHZ8gMqGAy1haTK_jpwf_1LGW_bbax-dcY_Bs2NK3NK4XgqBoSfyb3VkDSmoublCNPsBTTWQQpRhsn3rQ/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/AVvXsEgtjbQ0o7vaeDAmVPQk17dHbe4qvjGTmm2cS8pbnBg4H66R7dA6DkP-2g4mbLMOT3UMwOKOHBYmVFU5ago_XZ28ComZT05setM1JxxgmzdeJLqUtoZm4dTAgwKIeXPipPk0sNe7sXvIyAVr/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/AVvXsEjLsLN8H_HNOrrp4xp86YYWHd9d1C7_1gmbHHkzZGQlHjTmPMvmM8mBWwqDdd4LAC5VN3xo3J5JVhuzsudgegQPWldp2_RaZqq4q-_LAcN5pHUTSgX5FxjLwg5zOYJciZpAtKtzilF7v9wV/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/AVvXsEjWlFRXdSEdgIMzkp_OadmjCmISf5q8UUFwr0q19dtzlgjKOr64Npiz57tcPKvcDpdLY8lxR6f4n4Kj43omz5V-ALsv_NPI0A16PBaqwlOfvc4XH3gQb0FtpZJDX7n2GOO4NyEi4hbszjv3/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/AVvXsEjJUZ6Z04Bbl5dULzbpPPgBUld6Cf0ShC0YsLcGOQnUb8C_0bDL1f-NHIbpPhoiJoxyzw69bwfAwUhy3adNHp75tYETCxdHw0XLhEFZzqvVPwQvx8tW6qa98bqiulds_y1QTaFeaEJzp8DI/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/AVvXsEhYE-baZrD-VTei1B4HdZ-XXLWzkPvLrh0Za2mWQTEmDLhms9djIggRwmn_MAqxpxld0sBrL4ttb8M1vAEh2n6MNK89m4op2SisQulhpPv4m3Z1ihTKpQVDQY75sRwLsw4BBCYbawsTT39U/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/AVvXsEin0ZdyRdj4YTGg1y0V1gi_e2kvnwwJgW_1EdxKL2boZGIdHwn7KMUl-0DEXoniKrKOIPbptwy4I0ZY_ULrekidwYR1yYeZ8JBcAyLL_ME3HZ6u8nAWA7BrWWRO23-s8MyH8I0y8s7218gX/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/AVvXsEiO6adH6cJSgEwVDSunEry9-3SeIELD9BFVUxablg-GGMpKHTKMdN3ifolw-4JCT4SniEi3Le0wjzv88Tk6WwwVc-a7bPN0QnzSosxuYhqX_rGj1jAhQT-cndQp26OmkBwVFrGk2dIZdS10/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/AVvXsEj7KI9JqIjx5fjHxXyU5j616od09taxVLlNZR9h22pH9Qmm0zsqJrTDpk_4FNU5OZQFa3W4hBvoONYuAUfjZb95QkTXl2727JGWprS6QsxCGHIrd-Rs7UFfQFNlQtBS0fkJ1wpDBMJ7kZ9z/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/AVvXsEhQFVY0hcijzhin-Jh4f7VOPrLsLnPMhwwhaTjsrRBQDAz84xUkykw6qMxiNK3xgzT7648xPzui2t1Kw6Z7pJEK0UR8eg6IBfaF06Kysx4QNdOuT5O9EN-Bv4mAGC-sUKuAYeEBAPsqqdrz/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/AVvXsEhIQtRxum42UqqAfgdoGuutgjFnkw5yDKGC0HsA5yEsYWiwMqtfNJA9mLLDHjJHCrwFl9mAlF_BNj9B80a2zBKA2HlYYvyrKT0mcOQ_LJ1OiMNC85YCNOO-_Ri8BkzUl0kpr0L_fc7NsdHA/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/AVvXsEh-pmOdN7PHkwEVwWxrfquLBs_Ba3RmMgx9yLaw2wQZkUlHnR3jaTR3EFk8x-VeVztJ22gvC6fDpUFVYF0lO_6zMwd4PqafttgX2mvJI8a4BjgP50O-lDe9vpWHRxrfoffGjpKP8_MROcWJ/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/AVvXsEhT_6vSZ3fcfEj0fFBYw4-uMicVjhuYJHqbV9aDbTcOckrnBgFiQLZNGr4g_k3HigvVFuSt_HmP9PGUEcO8rCsiOdJ0jaDsqbgZNyvfIyCQacqZiOtsODYy8C1pTA1v-JE5j6VDhhXzsj4z/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/AVvXsEgtjEJ0eghelZMb-U6jNa6XT9eaPkkw-cKxZCF3Q1ogSSX-ytGYouFnwaHqu4wGujgtPLnlbU0X3Ra1L8LxsTxlpUvwodlQWBc5inxOVQTv-nxYRcvLoKlwyMbFZiFay72yGYP-08-1IYh3/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/AVvXsEhSi0_97EDafbZ2cBf3GgQqDqs09Wgs3EVsVXnpXktvZdr9W11pwNquztlBAD319QTi77tbhr3A9BnBM_v7mGP_On4TbtvhIVA-dTrjscOkFm65jELEkcIclFqTsTtz5L12vl_FSUO6MItS/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/AVvXsEhh-6-hL7U9JfLb_nQGYr8rY-8d8HE9obuTiIj4s6ujwmXO835dSJstUhIF1VZIZVkNSbLxEqmmpOOquVX7KHwNK5jVHGwvmFI4kXMaDSLw2cMcosawBpYe5m3VGvPK2ZVdZ8Y6MDZaDZ1G/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/AVvXsEiKvnwIH3Ly4jR6ewmGrRMe27bwpv4G8BMUWlIdTdgwzhUYHfI9LdDId7_S1CoETrV5uDJzBM-FMkEbac1KFvmSjeYZVCPQDPai7ZF0GIuswIRt63mDLCHsjVHR2fCrKAEGC3hrrTQoydFZ/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/AVvXsEifCeUyjG7k_mFn2AbdjtisYgyTyLcjqr-GiSouAEcY37jvoXqci2DBUE6bHllIzvyi7oWAZ64i1Ot0IMT7BGEgXjzAr6LLL0k35DDlVqVivBFFSmAW4c2wOGZ6MT6dqQJFR9GGFbhyl13R/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/AVvXsEjXArONHLv0MEOaPcQ8Ju6rp_yMUzE1wNyoMsizF1m034dGDolSKUv1ASmAtg9pMvPaSnQoIPWK3WP0f4sbr5cJxbxGRWuvrXKRrIiGOeU6ANuMel5bNA_ax65p7FDRg1hyphenhyphen0vlF5LAD1Dms/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/AVvXsEgZ3UT66RkALma5nuZUaemD27gS_BhbXJkKOvMvgcqO5g4QpAUJJgH68Kem1_VcyjzkmnCY96gPYDGJCthmjm5Okx7yKBQOvgDiodR43ZcQMk7vlQz78tEyBJYhf-3xjE54IV4EKNgbREyk/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/AVvXsEhKGUCMxdr7ZJAGBt99GOGSIRu-MX8i7yTMfmTH1vif7WCYFl3DMzUxg1avkBkMopvd7YNeg3z70RSCYGgmyRplXgmNMQae0JKICmluWUWgchH7md5oF412m8DHJ9U6RWPKePBSwqfpjp2X/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/AVvXsEjZrqnxLeMbOV3ZYSWVNflAp9gmUNCOJ61BmbSWfgrmp5D1nOUceT9zFhXpmtoj0eswYW5RrdVtmXZ5BE6ZElM-3c03mg6xhRBZxwcICFQH_EwMrhXIz0sEvAijlYn5634KAvX1ew2Gfk7Q/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/AVvXsEjgF8kWFHfX84bXuZjmFVazcnS2gKCB0KwLjKW1wn_IPJbbjDd9T2F4NSMQGDHjfcfkHrTWhyIDJez7w8E4v38DtKbM0sJNfGvwUNEYKFCi7Bg3zqxKXDyWPQmAvhOMigCum4h5qKpvfTZg/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/AVvXsEg8nWup28-3zCII3VmqpldBcG6a74xAngF_ntioN-AoSepnFA8fW3JB-kFmyhjrgzWe_0XFILoaGkzxUE7BcUDnKX7toRYPZhPkhUjDQ7v0UfNnk8p_wgSuLRknHE_tYNYNByEfybwvJye1/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/AVvXsEjWsEKOI1AH5_tykmgdQpVFB5910BG48UjQRKthodeoPeHK7m_Rf0gBmHVfi1Rh-ZQ3Pi-WWhdrPi8N9LW1erncKfm5PE9DX_8hTAqaTSxikLaUMZKuAUbuRG6dpW2MVBXhwprE3ITjuZkR/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/AVvXsEj_hrkv87MB-C7MrAcQuyBxnoWvxbn5aV9G1gsgWxR_bv7hTe9P224yJu1ylMAfh7IOUiF3_KkzXjYSBmxEDv-ttXgswEHIddBlme6CRI-wFhoXHckhjCdaA9PSXknHN1mbXKWuGkm76mIJ/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/AVvXsEjSBinSbqW1LVtNqSBtNxHVGXCAU1sqIwXg7xSvbgFHHigzMsp-7OH0Wbwj3HvuVgHKBG2__gO8aDmutR9wjg5D0cxQTh3a3-1-kg4P2Lt9KAsBZpoM1iiDPLP92N6kSnalYCYb46TfGNuR/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/AVvXsEhPdmhYegv4DD6kuKElA96D-2Nw6rprvDZAMPR6t26_OO6jXETC12h64WpBX4xAgNibpkTMsgHK9hSBr1STkGQIJ824VNpTontYd7lpfNNy8HkIvpwXQLsAJWWGvsc_KqrilwJpl53l-mYT/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/AVvXsEiSYyGlTionMpbNqJtfJ6MQiuLKxl4gB0qXGdbpkT4pIyEo0YF3t8qcBa1s0Z9LvWHAtwbrfq-M3Aep8OEB2o2kG_q4wz6V-eM_jh-rLEW3WEbWaZizbl8ssxWR-q7MBqggZ-k9db8fYfcv/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/AVvXsEhGIe2_PnJi1TsfuP6yKVI9YO-edecC0C7NVWKQ5EdkMv7NGTOT6vgoAcKSk2LJtFUsc2p7RCFF6TPB7KjAt_Em6I5e1aAaHmpHF9BgVtEKE3GpoHRhcR1fg5V6GhXQI2IFXoroeK6WG1UN/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/AVvXsEg_BEmSDX3uxT7gBXQS2qdXOAdncRrBo4hKCU3Pj3nw_0G6StLLf9yAofFEwm2i4it2LSTojKdqjCqnWhjHg2xr8jSFGsZITOikJV46OwwoC4bYKWvcs782R-AyDd7Xmi0e12JKWciedPPL/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/AVvXsEj7iykZZzQKRA5vFRtWsp1KWbXFpwzfQoLJvmYAo2rhdBGdau-nv4oMRhTeJff5qdX1x9Z96bhN8L9AxT3j-UpmyaUQscbBaCiir96HrErDhnl1WUmzKp4FYsipKrpPAuyIlCfo9ARXrNRj/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/AVvXsEhx7ZRkFlTqTA-ckCiDnY8TiqF8g96e3Wq9GWBhtcTIPFMzv6lSgn4qBQGF_0kWdyCReMqoYP0kn139f9Oy6Q8Umwuevw5wzJ4ILXB68ZD12tuBmGOLgCCW0WMtwkRS3v8mffaC55_HdQmI/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/AVvXsEgn92WRY23Ny-anLRvX8DNxHmtqICFR06qTr1cf7m0-WCjtXqkRzsbvhE1mOqJYUrXX8KZfnQpqROmDfxd-j72YNojK-41vqNRFI3Cxbc9NE35FsjzYhcN0YahXSPuUmEmXcO_Oq2D_Ad54/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/AVvXsEjrHuK62luWJoA6VQYpEoooTWhL9SA6b-Bi_BcBFM5Vi8e7bSt0kJddvdegp6ALUeS3QcY-a75SVp6vCCXiVuyImOMVXL8-QGnN8TN9RZbZf6fzet7ISy6weSNQyRMK6zhpbOIqhDhhKZSu/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/AVvXsEi0o-7dJOmuAtjqilJ61WUoSoVD1wUKAOoK_C7NRoJ03IeB2MXqyyKYeVnnKZk9ec4dS_nWBre0H1YVzug6jWxVyGzRUkqiSjCSvBRGplaGqCaiJRy99g966nnlZ0FSsy4BSo6-K-YqHCFY/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/AVvXsEhhouh38QfSxRY2Z1gkJobAik-7ELQnw1jsoHcBn61ezSgTecFADnb-w-WHfCD_fzYI3HeXxj2_ondAyUU2h5FrzzB8u6xUs8H1QDhu4ew-4rDp9eyoVWvelrJtK_4LXLJRr3PKI4Pq7gNL/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/AVvXsEiYHmTS0yd_hwfzC8qlgU6K5nrCtN45GT0fd_qr9Xc-B1-tKvQ_WSfvGsq3qtGYU2kFIXvRrHCkcSnu69Tal7SXWVms1kXGIxmsDK289MX1wtsd9S_WMLPo8_NMlST4fUdsIbv1rQOnzwHc/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/AVvXsEieXCICxqqoRw2hiQHuQUnBmv2mjpLRyO56UPw_HJPu14hOxh5gvdD6abvSHxvJevUTSL10kszB5rVSIQWuq8r3_NJy7YAHHSA2WON1LWW8vb2WpLGcq1rbOsF2527jXIEZ_VCXSTSE_-f-/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/AVvXsEiNJHFJGe8y0hVL5tR0kDwZFZd6kg9UKbhuOdEiuo0CxCCKL3RdSqIK1iYZWuvemujahmtEnMvbNP1LaTDquz4lGTEFL3lWhjCOKTsSGoP2Yncb_mdakKdhqHMJWYC7Q7VMsKyJoax_zDKh/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/AVvXsEjNR7EkQi4j8QH6xHiPvnvmfQtqczzxnVbBKjvNs7Hi7MnA-ttcXGKdmP26Rsj2Es6eTbubV4QE4QelkFQHU_MczSwNmE-9feNyApKBz6gveSRKQAZhb8d3_0MdcAWRrGfJz8Lk55qrLA_S/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/AVvXsEiR6hap2KDPXG3-8mSnqM9Di6_f9hC6MCjvjHHORNurwXV20zZJBDg5IUWH6e7dm2oaH2H9OG488bHWMp6fmIi_9Sp4_vTywQaM3wld8avgLENYaTQiJ9AG9Ef3GTiyvVkYOSxqx_rkGkff/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/AVvXsEj6WiudNcoIbuOpQDIjLr2cPi_xMXJ7TNdeC932zDrJnfo30Jfir9vqLhndVOPq_jaD8lypifshEIhWWmMFH-N-cBXVFV2eMk2qv-VqHYavuR3d7wg0m6SaLcFbNmtuMk9A7uZtddCZbEk8/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/AVvXsEiSD-C_iVV5hbPNJJHWUvPmZMMNwmmY1_21e5jYKqXYiUEEz-wARhRX2VgfhZR_JOXOLsTdrdVJ-MZxZnNDaJnrPoCzRw7q2Wn2zJxyU430P1O9VyusIj1ME1ZkVaYTeQqZZJI2vufFDDx5/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/AVvXsEgoZ1oLDyUeV9Wpe2pqKtjgqujXjJ3EhiVqncELbC6BB2hSVKqtvGIlLBlfaMvAdlJH5cg_EF44USkE2ZYVehGO7H_rZTeAdiC_kCumrYfBYYARWWCB1yb2EbMcQez6cII_sO3lXuFWJ1E0/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/AVvXsEjMHtuBCGCzKlf7WBaabL9Q5EP7fFRiMAQU0-8tGwKvae2E9hJhkRlMcpqOcJhdYQopvxZKmMVysMXvPQuGpcOBaIr-oKShA7_f1m9pCFvIzmFtH2LRTLZZuxuEtlFSnbFr2UDDoXuAcdJs/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/AVvXsEi4gX2JkTg_CN60aOt2TwhejMxKv1ug66MaVQTldSGe9kw4TuBYZfpAceVBKTLFyE2vRZMEU0ziAGKe1H1efmVG-0JDLuQYWglR7yODa4v9oCRFC7f_aq6_dVgaXVZaewV6yukOnfYUUObE/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/AVvXsEiklwGK4gYznutfSpwwvsBNPHUO2DwdcbQwTWIO3ybb9S-sHl2S5nX3dpBtihu8jqSLaXwArk7NaOsV658AIl0xi-J0erqjczIGqlF5DoNHCQbCqqa7h4nI16pA4BQKOI2bRUI8a1npyeSz/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/AVvXsEi7ekIPXsW8p2b8ba2AeMO6faUKrAdPEfuSrjgH1l1AUUrElPdrov91xIxovsP9y0lDluHxOUiOQm4OkHlMeGGDUpIcX8H98hI66v8Vk6oSrA1Bux3bls52Tt8ix-9NZUWKUUO7ZmBM7ihS/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/AVvXsEjcoGyNggm1vAl-SSvBJTAhsFyLDbq6hkY05kDIB_H70kE91EvAHEHmMp_ROPBN3aVJkBdkPMr3EYu5U0dhqx0fOw3ldr6XTw9z8vdEH8jHdw-MM2H9di7pjx4zNgI6KnvrY8CDvUGpR3MO/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/AVvXsEiu6xxF8nYHZr9yJ0-fWnt1VpO-hwjFKQ9VaMPRCgEVccJl0BH0SVwJv7M2tViofUFR1htzrfhZ5mU5r8xNvjRzXhEeKRqSFSnB_C4yoeVKkhtVQC0fwsqYI9qeuN__PL7wmHqOb3J353TM/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/AVvXsEj_6XLLNTfR_pkz8zB0mOaxtTewvsBPSilQGo27jNu3LPSgytFREtXpto5uxRkNS45rkssNCDKzxgxtc01Ud_NcFceBCbjJGVH-NtVmUlAZHJIE41jbJKkzhY_QZ-5cK1EN7er-lgOd0oVc/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/AVvXsEib_nFEDevP3MdHi5Dxqc5kEOrz-05maIk-3go7MEn8OgBpLtBI0Z2bMpEI9RX_xP5il-rzPGHwzbMbSkDcYp7-oXAc-PYO45dYwcfxly__KXrWR6-9d03D5dET2vWc5Fs2p-noSVygHmzM/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/AVvXsEi-oWeiEcBDpUcjC1MX95rdX8cj4YlBgjBllECF-obXbQ0a5YhlieKjIM5xCucDxa2w7lHwBXxFN5FchDbp4_wUJTOOejycQgfRtYipse76MXDautiElVu347wQrDZtuGY6yGrYEW_ReY82/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/AVvXsEimdEEGcCh76DPDs-gqzq0ga6_JAojlD65JGR_fNJeRj9rL0ezPEh6h_K88mz4yr50zc-jQLa3D2Ao-Hr6doSV3fm5wwjsNJuVKnEj7YBiVTI0CeortIcnHjYNC02l80iWAsqgO4BuA3PV3/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/AVvXsEjORiBwUNaDSsNiBvHKA7SBfiHZeTEpjqiEm2Q1I35PJTBVIOGQbDON7b3TS_5XmqmwBP6bjSdld_GcjzzZH-6u6RPnFDPFwakO_fku1t356u1glh73a-U-uHXt2NO7XaDy8Ag4TzmNRz0B/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/AVvXsEiMGwVgjVMjVGDfFXcNmUrdoVUgNaeO9Gui0x1sfF3fgc-XFAgPZcPZKN_6eP_27gEsCjl2T6gxQRioCtb-nimnNCAnHTZyA1H2djO9tlWYroG6AAHv6gSZTbllOb1A5oFw_QKjMnCNVmPd/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/AVvXsEiCxQnczHu3HGNM9Nu9GIWJr7L3LErnGb0FGiF2g0Mx5M2G2-hEK9XkoZr0ABbO6xNuNlQXaOfQ9HCbU0ihdVrISgGM9nny-WsA7347CDGsWPP-u-hFKYbsYYqtdgpx2KwzdO6Wpbpjrn4S/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/AVvXsEhQ4Vn4WATC3yI60vIOcguF_y3naFd4P-wN-ZGsZg5EDHokOQbhgC6fUIVC2Pb82dRglO5LJmpNxf3Y50Qw4IiePpGiSCQFWMOAs7wH0b78E7Gq_sSHVrkJSnMUtzzT2JWatFkqOI7vQ9px/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/AVvXsEga99j7BDDOVqy0iVf_luYTpv3VuB1nqY1Zm1V3wpFDD_JpTxcl8X-7fm5X1Y4npK7wRcpbLUsRJDqoFXDvTqN2QTtSCtUUH7jayGzkYSPBzyvzGEmbufT0rYprOISsb3J6NCF1w7lPpGuM/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/AVvXsEh4lh6rzgkcdy8Tj83ATbkMEoG_TSOe5K-FXqnCIuFhOwMi1jxztpMD6LAghKZY6QaulMyz7CUJ1yKx49vAHT2cSc9mBFuVTuA1EwZasf3ay-EMrIAQNli39l9kBZBFwTYojcp4lD8fnhZk/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/AVvXsEhUZ-vlnkGQE59-h04FHhd6jBEDCa5wy2yR_x6SmP-6Ugh-mLRztQsI6xmJidkqVWpJ6sD6hidQCF6JhBkUQiDBfcRn4JdzSta5mXnhjMjvbuwdo0z-xcqQEt_Be6IFNStUWzQMAJvbLeWp/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/AVvXsEgYCyn0w7bLr9kzr1I9eV1f_x7gRpI2kJiWiz9WKLNUDHbcEqWgH6KesYvZsRTFm7oXr0ygKjkAU-7DDuaRjPtFcmG6bUyZwCPucgFXyc2etdFjOzr2PP5EGzmAQxaPBWAEEQtjRdGnM37s/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/AVvXsEjqDjzEb68cmmj7PsaNRjySSPwG-z7yvyQNO8wCAN6eIxJIPqAyxfjbaO2MgrLPe6ogEu2J6Kh2M0NxI8Q-IRaF7GOaH2hzo_vKpE9XJJrOVft67dn4y9xGk9-NyxC71PaH7JwylA7MV2cB/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/AVvXsEhroOono4QNZJ5wPajNU6LGJiFeGlhr3hMFjSI22_cxYZWCTWmP-alCH_iCCQ1dl9irJmmu_KmAQxNP8Bvu0RuJXumo0qku6qQtnAh4WOAkSdxdjTfJFpPMPF-b3LqtPM2eZtCovFO47GB3/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/AVvXsEgUPYjCUvheTL31t3qg5wOFamUP5UPb8j3pbN-s7PbN2XA3V9YWv2BGn_TNhIMHiw5nLvIi_wy1ncHFlJwYlDkApHJTsRJ2YGMVDcI3t-QLQhoh-lp5EiQla8Yj7K5WLklp4Fbngg1xf4XL/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/AVvXsEhRDQZKlkWDJgVbNxNPE3jA_njiCzbP6scgnWCQOHriVTb00dImCKZU4qexNvJBGslrug9HeZRf6P-0suVm-ic2x3np3dPRBoKFP54Ycwcl7Glc0x4JRvabklsPRyfxYh6sSukSwcH2zdaR/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/AVvXsEgjj5CzGJpBPIgWo2Wnz-rccI7RFuOhQJGx5XMRFZnUrT9sjSRVEGNZGemeV0nAPZlIMlRBBys-8jlJMTDrvsJ_diCDBC5c1NkG-BXLd-L9Gqsl0lQEXJigcgEpMQ37aqWdvoxX3GlQwfuQ/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/AVvXsEj0gLzAhOhcfhs20m2uFtOBGGPbEIyeWtzLMQz22EGvJMAEpdK2LAZ84OCT_pcqljEIiGb_TSuvfnrFU3aEpr6meEzZR29_XdjlnFzyp1EiAug8QJCxYf6mNtd-9xqSa0HulJCeVmRqNYml/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/AVvXsEjfFFd2L8X3FuYRvcIbJXk9aNb4uQ-yfQiT-SldN85C2PA4LAL2Jl8QVww_x3IR2zvr5m8rGongkUWg4ld2gw7N59GSHILn9QATBFtqw23HEeETegy31NPSBfuFhOJxyZgJJwLl2vuSiI89/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/AVvXsEiP5mdvZ8dPTwOn2Q93q913t1MsnbZvg3oPoztU2VSCelUzaycaDo64AqtCd7HhFklupL2jwPhLauw6DiVF5NKiSKTpLLJ_uy2Owscvd_MezWGhbKQh7Qpe7H42T33QMDGBgSumIKVMsA6r/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/AVvXsEjCB_qMbdET39SORIax2UkqlbtFALjgdANGDZeoiCd3x2cYWwSAaJwq5lBGevQjt5XrGDJHV_2kcZ5EKtZIaZlTvJSPxi3bPZ7abWCybu9cluJWmNLpIlWXz28Pr_ODtYqcfoWoz5_EFtMb/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/AVvXsEglPBNp-XAQmg4dWEkRU82PKkvhwttu7TQvZKTEpwuBJkikCd5p4lf66h1b7RrAz789G4MyzgcoQ_XPQmAj4mA8wd6vR3gKt230oxaD6oGp56pUaDJqduSbTCTpBlUSHwEJMsd8mxKFR0eb/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/AVvXsEhDHFauusUfxN926exJuelGb0Re5qwQ2Xd8o88Xi8JUUIjpTU6M5Og-w91fKPO0tJ1PGCNXTGj90v39sIRryd4mIeb9xNQ3tcWbweCYklz9YQY7Xy4ZyofmzOweGL48rFCErkAAWeCqCDIP/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/AVvXsEjXLtwktPswZnDro5m4Q4-cU9V7PxeFEkSxpqU7bTQEf7nu1q3dODFqPdvfk8RHzqacshpbZbBsNQu4OsA0Z7A1yeO8BFMfcRBLJET3OSIKjoDYAke50k6kXrbSydo9d8w3cyHljU6AwJ1U/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/AVvXsEj30IHTr-R7Dz8Q7n8_05KF3Lk-fO3oLastXGBhAd5Mfp8KQPswlHrFxwbm0jHngkawF_CvTBvOo0XclVs3Mb98oKRduUQrOQbRxTXcoHVyFamJSuiXjsatSEAMjOn1KOxD7yC4ZgrAo9ug/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/AVvXsEimIZcc80Lp4hyorf4A8dHa8sLmiW0yuDPkRr6vRa3ynI6MTP0RA2-mD5TpJfWKqDrFIwzlwOYKeS-m0uhRxZUpKVlYx-ECl5jhvQnXwj5nF1131vMRYCYvqPO-ga6cJYerYigMzS_-0t6_/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/AVvXsEgbbp86Wrn_4za8ZfuxtRnfqIMrBivaHM3ZnLU-U3VX2MSPZ38NEoBOqIYZzQtircWeIBMtBug2HqkXuzYAZv8ynHaZX7grnwb9SAhcUtJGkQjIIg7_7-oyclvVko1sNJ2FCxBkfPTmf-Q5/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/AVvXsEhK8S8ko_QAwE0qGBC1zsIVCV2xkA9pBCY17Y7uttooqZU_0_KZnv_JH5lc5dgSP4medcK9GsycVeOcOXjkXhuDmqt2TvNchyphenhyphenxUhm-1_MyQiQ8e_Afz-5HUJorjoc3m6dioq57MCyudYfJz/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/AVvXsEjMNAXmihLrCQz84xw8VV5DVOUzahT5He0_rVijTGsL1Kb7XBt1aQhVJxjQrbiLAbnRJKVucU6uRIHZc0R5dq9X9QqI_yfMmvYgjNdbpygFZNgJw0lTK5y2zpIt8tRta3hyphenhyphenO2oqRSjKf6N5/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/AVvXsEgfOPmED3IHat8_fYfEwuf6lV3Ma0Zj_YwwuZ-KB1_nbHFet3z1jPU_RAvrVHTk8snCskJQl_6qgNzkpYTEkzhME2jIjKGBdo3t1qq4kf91DOeZ0B8bDQc8_hcpNkHC594QhzUG51XOHLhf/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/AVvXsEiCk4XjVuWxGRmjLLmXIu7jh4_QEfJyGknXX-7j1Co3E-LAh0j7Nt64sguk4b1CVJoxOx7yA6PklHt59GQPzHMRFrImCCWipng4Bch64xindR6A_3Wc3MgtI11aLvAumiiRaOZnOLRfet-f/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/AVvXsEhxlVWtC15TmHgvw0zEeDsJ5Zm7cFrov-lFo45_SQ_B1ss_4CGq0D9CdI7ExsPBntrX_6g4fu5TeBk3EQ_9JJLIgYjpMqrljPcfVL4OH31zHxcJyf6STWuoZ_cEcwl3IT-1gDvg6hpCiSb5/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/AVvXsEh-Dzx7VZoBhDP_JSP6Yp78AAEdXkauWzZ6gK3uI0RiCMv355X8KuwIBnuopaSuwBs-N9GsrA7j2uXhVAxDvzB1etTfOgmSRL_E6sCiZQeSNzcdsftB2o9klF9zklBb46nAPSxDKwuGfevN/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/AVvXsEifZIml2dg6-AywyIycsBFw6db3S0f92eyHiA-zWsXH_LBogr4NYz237HocLy5ZFdms0CzhqW7f9xjlZEasMNX6-0QzOy-C5KBXLnSI3yb6_KTOXfGSvfPsngPzsy7NozELk1zmWp5Pg_h_/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/AVvXsEg-HzckhrFNzwNhcBVivfYQKx2BPElBYw31wVzejZnmaKYdqRvOa3CbU0eUbpy8jkSsVW60oToTGXpSJSvHGBSCdYE60TKfChjRT6L-mtPf7eCWszrS-ViI_-_kgHZoLPatUPxpU1-ZzrXa/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/AVvXsEhHqKMaPC7Tf2_hZlIiNk1xo7tbuqLULus6kxCHUiqqKPzWo2Co43szLaq-x627DO1BznsoLoD5Uj9kM5K5tz1IEXswueKEvI-zPOINqyyyGSk00t_uzJbRUPXKJ4LLPc4TO8C4K00RFyxK/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/AVvXsEjTect3iz-r8xYNNbLkdKx_I5MCYyUPX04CFUfqkczU9DV-q6hCJpXEvwlX8utySTxRpt-rSILHPe3Ou_oB5bLMYDFDutKG2rdYUW6ZOepi8Sa6MdpbTyyVEPihakdGYAVqOwv2pRMxR4Rc/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/AVvXsEjz89fJaalmFIkBaG8WL-qmVLX8RNG-YJR4K3noFubbE3EVeikJnhgvLk0Pniv64RD_rnsBuTpv3uEgrBeCXcM5CU3e2gFdEkTWBYeLxcAwzsg4msz0ZBfjEPRwtPsqtjiF3viTKLsjooYs/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/AVvXsEhSQ_DcrI698W2EcxZiF7__EOPzLRkstRBPephwS99um6qpm65Mkn9gszGauHSEDD6donbI6wvXkNj6UjIRlJemPWWHKHM7IVD3dc3NGKKCDYzLB0YunY-MYhI_3alEpG4nyaTxDx5vlYAi/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/AVvXsEgc2ZK3OH4n2mjT9uj6gJ0cTMe1iNVtR7wLSmARwBxkx7C-g_KcClNlhulurxrMkSZAtlpyAHcJKtGYUfWovk-OFOokh56G-V_DquLEcXJ9DrGHSicbTLy6CynZ0zy3Qd6htsgKMdxZsfza/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/AVvXsEh2jLA4YoojFRJUC9dULQFnNmHmIdRVGu81cvUfwaiTSAG-ttaa_-0MYSmlgZCTUrUwjt2kdapE-3dnNbj_0p4pZ5lGvLk9e3v0AK8rUy052GwB9H4kIkEWqIRlRob1ZP_-cHWSIAms6vM0/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/AVvXsEhv22pJFvA-W6VJ06Bk6TVSY3Oe-2V9v7A67vUtf7IxiBWGeOsekIGNfEw61ENnp2m02Fu9c-C5o1Ri6g0B2RGxnwCpKjtiFvbYVCCjSU-PXDBEIWWaWWk87m3pp-IcHEIcdMKkR-XUh4vi/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/AVvXsEjMkbW4Yw_Z5qViJlp8cqcqxaWO2Zk3niHi0Za2EkTMzJkIoBxGy3n_TmbfT9KirZqEZDCgo6lUb2gM2Oqn6iaZWd_E0LIzMg5mfjq95pMXLVDeEfZWx3iVlTYWXZO4_Dt4OC8S_dOWMrGY/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/AVvXsEjl6_S7LAOLBTuIRJvGyNXiEnx_gRqXlR57m_yIcVRaz8KHtH9IRK_8gadmYZ31TITjB7e7tABxOTdc3i0TE69wRCqgvrLGjd9vKK4Qa7duH-DZErYXxjB8EfK_jkiL_GhiAoSvOpKNXu04/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/AVvXsEiXZUpWrgxjvUoxhYeLCoRNjYaq3byM2sOux28zRrS0mvxe7x1FwqAkNRfW5lLOuOML28VRmUkCeVHfofyxrsjsHQ_orR82MSYS21FyDqE2qjM4WRVGZeK8nxhYH6co5puVT3looyOyJsOs/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/AVvXsEgW5cQWDO41XBVfEGwHTk60fwyLQuDY8VafmF1KWNvgEcLr8E7VCT74kvKBn-efz6RMe9jdSLJffwfiqDkvQJFF3trp6T0BXN7KV-qC5ZbMC6rlaBN2zRvMTFxewGlIPjfb03X8jvFKWBcd/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/AVvXsEgOa-St3vhZsedSlUAd6wX_HO5AI6D2uVddoZXnYjcYL367H_cqdhyl7BxnIDsdFL7CdTNlW9Jk6qk9eHL5kUdew9469qNNjsRRL32TZ87QrOGBXySvGbWlztnfUHf3jy9XQYiuEJFSjYHz/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/AVvXsEgdOd9Is38LCS4xQ1a4PPyWCCE_YEGTB2THSfzAN-xShPDjjx1Eeti-ViDoi9JiGpakr1Rb0JIYGmZYMSJEm_pvzqPaLyLk-JlM0BbsCKEVxziV-rVRIcZ97r0LViSctXCeSyv-KCk4FlBl/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/AVvXsEjwvb-f01TF1CvJDVw7aNgY2r6keoRpah9Y1m_nWMSM9FtvFfuPLGzlluRU8VtoT4grBLIFtQSW7Bzxm8hcUXsWy0S8bPcTAerMlX2oh2UA0dPGE1DfDmhxy4loUrkVsTqLdfIlbRdtZsQ-/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/AVvXsEgWiZBy-eY0eSRv5_gwjf0WhPCWAbTZlzaXby-Ejw7zU6zIgBxQ9sr1SZm6FkCHECncXBha90lAUp5cGS-4BtozQchRgl7TApwl2a1ySIrtDLQ5Z4r6vnE5cGvn3pSVBL9jagsNkHlqln6G/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/AVvXsEhtBYxkh7V0Y51qFxZFsIbBKLUMW46l_pC3az4U6frD8_vrTge-dIzuxbzjKLMnMGFl6JyN9gIq5R4X-gNk7QT8MG7hK692HGra9hXorT4EGoXo8WkzWKJqX-xONqxMARo1jMcqRErpa-Pu/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/AVvXsEh5gsQYm-fhAwMW2tni0rtc6y_r3M55Z3sDTZa_7LjI8cmpg2-rRJjq6F3SBT8Nu8YuPVr2dyYpPzwYfOLC7wvd-O2GURUmtLvqRDZigdEjPL6zgvkPkyMrJCUHju7xUmhCGNONS_zeg3gb/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/AVvXsEiTiQ59ReidRyp7cBmEAyoN0CF241qw-owBjWfFO0YNznYQpYgcCxqIjz2YUnR0xIwrAHivW7L1QSy70_Vom0VfTSdAVoOybf2vdXf_e4GkrbyL6_jKMfET-WQiVyCovyeqn9Tog6B-e3t-/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/AVvXsEhQAbHLVFrGUObHEqaub-829En8w8Ynifrx5OZCYJWwVm-t7bXU53hWcBlZizO9QikQQaSDbDoz9aRUSpxY85iEn6aSCxjBU5GzJw2-lWo2mSZS2kLvD7NZ1G2E9-1heRQd6ljJUg1w3rgc/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/AVvXsEhf1VLJ0oC9ij2xGTG6wLouofvvrAwPPzU_rbOJrGnMI6nh864HKQuaZATcQ74yRFF5K6zvbRlTh2AW5TVN25ikZ_UQiqYzMd3H7F7GnHG49P5R2CfY2DwGw9ggmNnxTyqcSSjGPT2LbDjp/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/14194733695963296483noreply@blogger.com97tag:blogger.com,1999:blog-2648032558084820227.post-8985387615052344962011-12-23T23:46:00.000-08:002012-01-16T18:40:29.081-08:00Add Falling Snowflakes / Snow / colored stars / Yahoo Smiley Emoticons to Your Blog<div dir="ltr" style="text-align: left;" trbidi="on"><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 />
Now Google’s blogger.com is provided some more new option to its users world wide.<br />
<br />
In this post 24work shares a fantastic script he created <a href="http://bit.ly/urdao2" target="_blank">Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Flowers / Leaves / stars / butterfly / heart to Your Blog </a><br />
<br />
<br />
<br />
Live Demo - Click To See The Demo : <a href="http://24work.blogspot.com/2011/12/add-falling-snowflakes-yahoo-smiley.html" target="_blank">Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog</a><br />
<br />
<br />
<a href="http://24work.blogspot.com/" target="_blank">24work</a> writes how to Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog. share his new script with <a href="http://bdlab.blogspot.com/" target="_blank">bdlab</a> Readers.I will write summarise the steps and <a href="http://bit.ly/urdao2" target="_blank">how to Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog</a>.<br />
<br />
<br />
<blockquote class="tr_bq">Note - This post and script can not be republished on other blogs by request of Author, if you want to share this you may link to this post.</blockquote><br />
<br />
<a name='more'></a><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 />
<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://bit.ly/urdao2" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKah3kki50k787PDmg7BSyBDH1325C3aBpb9YYinck-X4_iny3LGTcO71k4e6YuWMtMrUH-yF3Dv_cF7TNWzCKyqlJ6qwdIXCwqvs95BrFinMVZ8MHptcpg0t_mM5uuwYFSSRIlS6Doz7A/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/urdao2" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDZDa1guUYgLdH5a5DWP321DXvxlsX0yAEYVmOpvspUIQBQaYhi_D3v6hLGWeG1qaIJqYxeT0EUZn_hoCp0w5SzU5rVpJDmNu3VewwaULVUXeqR3bQbE0kfa7KAAizDoqmAxbSI0j4q-LD/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 />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/urdao2" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_YM9U95VsI9beSSB6Oa3GEDqoOweGvSPuhqGu5KsLLx8VXD-31z7cDB4zYQIPoXPEUH21dEieNa2_xzIaUELNM_b1B3euIHz8fkj5QRDEu3fObeEONug2wDgGY-YTLnpX4ScpoL5XUsDC/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 />
<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/AVvXsEiDHvNguBKhFkjsVG0PajyFsfAuwJe__uWB24EMLxdJ6Ib5lqU8wI6M099wprh9AC7EiyjP8pqp9Fyn9qSYACYJ0Lat9AaclJHgtzC9bBb2t95BmpKQ5wROMww6ip3wEphVqrryowXC51o/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/AVvXsEg05CyqFl1ktEJX2k90e2G_iRSV8hEgpgfT7BvoNWkh57T0RAeTUyhIyO-4P1DCxXHgcOEDrpXy-YKaeAHmR3Q4JhmY3Ow-9vXhYyyTEr3lx02hs5lMvl11iU8vbPoz1uwlFwsCIi4yZQw/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/AVvXsEi04-5bHjDW1cAt5ewtY7SI2eRfKVeO0pZBiyZap-NYvLaIYNRZbSkQS2Mi-z26dj6iRYy18zmko8CKClAEayLbC51nZN8t0uX14PGzQ3UebmqwB5yKkTMmH2DxngjD_yY3UkVKbb_7fis/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/AVvXsEheLF5WfEYa4E61b-1JePiGG3VSuURhyphenhyphenVKuIiFYbws_qc4dmKEIona-W-u-hYGNp54PmF_du1LQOjjYIbfuxvoUlg7E5KdaU8Nv_rXrB1OA_5pzwv_80oy12pwxBEoOG0wrSjgKHMutffs/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/AVvXsEgucvgUFaZ6MdunhAwzdPysfhrR2czAAMwRGBt3TkJ3ZsfXZtlPPUYltcYscn-6D_MAb3lqiuertAkrPy26zBiFSGnHsvyg8LkVsYCw3ykLP4qnEGqtP6cHdRIVaGZ3X0J06Kplm-hSzgg/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/AVvXsEhlGF_xldlpHmuTe0savoT3awWyfsnnIg6zR8h90m1TMrGORQckrZkyAJOh5Pg9CjZj7HuCniPdB0LMadjfDFIobRkGZ1fdJGeoEb4aeajSjXdMq0DaQAfcYdsF34LIoSCnOXsVzeNiBGw/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/AVvXsEjNMIQDn8d07uw2jicTKZrc7LvdCIuFwQlRV6ymD5gxfobm0fgfMuX5nPhRv2bQq3SCyjuw2GHhUvT60L1x6QbDWeXIS08fYB2QGICTAt5PkZ2_EElgr3BDYCzJM6_v9rVsN-zedpcl2hc/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/AVvXsEhN8XSeEEKMFDiPL3DyvBl6yYABpnWa6To1YZoQ1mOH8IA1XKyktJI77nB1xD1ur1CzIcSWxI4BF0aRAZEXyj3zlXcZ7vDsemb1uTm1WTXI6S_5Ec0YlZNxrswoYYCfZ6q8s1wQ6Al-WXY/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/AVvXsEg5rzgaeMV9adBGSMDN9lFmaHCz2rFBJg9j38tUKksx5j5pf2J_hGthDbfKrcYMhN_B-0ZiUj-Fjof1GbZd2cJpdaYV7zuYTh8pPx0A2Zz5f4F6J-G_XmmF1O9tqhHHRRn5khmMav-4uMU/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/AVvXsEg3TVW-OdSzQZVitwkSa57msx1mb28n4F4ykLnv8ALCSvd5qss4or7NPu8FmT8eD1dE7MW7ui1v0sNXamW0xYoqFUuk1shNZERM-KjFN4dW-DZlrzaMy1-TojmDBbNfLTbRevC6MqNdXKM/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/AVvXsEggkspYsunP3vY6_XCCU88aN91uHoV4CyJ9NtHNDBlvdC-eA9RBU6oogJDUZHoYIA1OmICbj9_OqiFQyfNIVivjEYLwkUioyAvr_mclM_5F5gq8R_Dbzq_8ubpW89-DaX9S9fokIMNcA6Q/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/AVvXsEjSk905A6DFm2D3goJKxyz1ekmsmV3PSBekRPJUEMy_JOJSghca0dWg0dPbmikaETFBToK4ToqsyetnTUeZQYD2uVZdonDk81K55QeHDV7zvjPHmUR30VRqpqmlNA1B0WPBDtCSSkUG0uQ/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/AVvXsEgiA69MP4oW5mSY42B4MkWSL-1Y6uNQ56vn4GmIh3oeu645wmFhQdLbRPNjrrSWxnVpbNj47ls_DqytOkqpocrP21dpxRhqVha9F1imv_ep4I1-OqOOAssyKmnh1D6eiJJ24Gk_8FO-1mQ/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/AVvXsEjp4LaTBJ4dR_OA1RPlYFOv_tL6shOGpSfgKmYWZzydP89Scy4jFucIv3BcjRKIy2EuDgiSp-r31FuA0YQuvgpynw3bGJop3YpvEZydt0DBJs-A9pENcq2E3GucUJC6goQGTxIxKKUPSBc/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/AVvXsEgs6oVfSKRLUzxh8jW71sQ1msbGAiFw0IAolcoJHQpXFIV83WE_Tb6zrL-CSImlbl_FM7Z7e8wgPTQKHCO330jBayZiRNiysHVcaprIYXTOFVwbvopa7N1J7mCdXqkbDWhRhcoN0WIWzeA/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/AVvXsEglqcFgZfTDM_5ub4AAmyZ4ZpdBj22cOih1qUnOYzKlSYEP7KcbbbPXAZ1Y7GdnQl6P6gLElwxCDbqovMNnaARkb6UkW9fFfrS0YUithdvi5GsVCXREaFKYq0xrUJOJ0KmA8XmFVIJGjmM/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/AVvXsEjQrsp-GrxCNN8xdhxhGmRhBSX5pcRMHQdP-sMcQGDz1cn6Nbu793eaaQej6ml7pmWa1kDK-xlY2cqm8JwhZWSSGuJlcJqhSuZSifpPlxsTreTo0kxsU4I65HxCISH7DbWQVKs4muFU2uk/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/AVvXsEhrJCFhAQ9XR2P-CX_wkZGqfXwfkHYx5Nd2sxp-BVUyOT0gVcNhDr49dkx_dCSjR7YYzHeaukJfZKmXjzgXIVd2vNyLND1nhzWo5W_iS-uDRn1dhQLJT6LCm83Ck4TeoTU_HZInPRseOTU/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/AVvXsEhA2gEIRlOPvV6GXtRXJQ6Uc65mYr4KZ5gj5hHhR4WuMwEc0L301GRSEvHm3d4c8xzbsIxShAD7gtSBICy6NolOjOpOHqR1vqocC4uYB6AySN73qel0SHPMk5h6qLK5oUz-rFt5wbTCZi0/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/AVvXsEjbHn5betxcZJqtV7HIJBR6ofLfpF3ckF1pPnXnk8lj1DV1ywDaIuaCHVoTy_6N23AzPE9hIjqYQro_oeV9DwZM0X05RAREg9sUEm_Q9wKsNb1rdj78Yla7N0I8uBgjybgFXxI0tAAf5LA/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/AVvXsEhdm8uM6dzO6j2SpffMVQEUq7Cuklp9igAVYP8Fuf2hqHI6Ql39uQqy9nByaucG1Mrw_66pWhCRm2Ax8oEX0g5CBeEcQBwGDk90sYEhlhj_G3V93P2YwfQ3E0fl3cct4pdIbajnjSiTf70/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/AVvXsEjNFO7wSmfGkHAMsOsFxcZuFi5qgD1g5XIPAi01LQQmQynCUADVFR2E5ZvYR8p2Fig8xW2SvajO2ipgBcc_vmf4S7QizCZNMKF5BYmXr96bjXIdX2DMjrBf76FIcyPSYR4tgFnSgMgl9iI/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/AVvXsEiyhSWQe2Lwbs-o_4zzTCFsVsRqO4E0U0uINiaAP4xNxVnnh7f1t0efrpKP230xIBRDAUR0UNxa-JZ-tkzZn5JRZfBroZGVOLXMCHt4bvb7KZgA67lANkU0iJAd-tl5h9zoRWW7lbGaG38/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/AVvXsEgA8PLtPT-acUHNawynkjNdM9IEHqNxooQNHXT-r3g4qRaqSAKwmyX56FKJUrTGm9ee-af18C_gPiHxmCrfZPo5XlIxI9AcyyfXRYvZ7gx2uQ_y0CpnxVJ-KVip-i-7-cjNS4tc22sK4Og/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/AVvXsEizJM3_GXqHGjS98YuwMeKNWM49aaas45u5isbhfC-6Rhy03F8_i9YrFuP1VAz2Xuxyznw60bfIVanYqFRlLkl3fEek7WOklhT7VDPTNBt4midttAgIppQX0oBe6zdcCrw3XELGK0O3T8c/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/AVvXsEg_a939eTeRXJAiitw5SH721fYYJ-drNh2re4OFiP-kk57PsEPCp7zfKr5vleTSF-fmA4s9QkDNHPQkvJVqkxM0WEWZ15jctgbricyx6XI3Dde6BLWPx8nvIE1sevWwS755bpmb2f9K3rE/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/AVvXsEhhWPkU_KYcIfQMAMSagxK6WmpNxyGgLSNG4nWqdILT54VQqgpY0RX24FeSgQtWO-0j8RG4qLDsVljItsZin-DPqzJw8eibeRVPapFsMaexsx5jExnbPsrau9bqDYcX_uiPMIQL9Ri1uJw/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/AVvXsEgxRYRscrUBYOVoCf4OuU66raICNTe9RFlMkfSRfgz4Qa9C5W1HN9CvnN5K8Gamn6gqZxjChf7tU-S98O16KYd0i5VlhByPLRIgOi2GopVcqmTkkij3ynHYWkf9LzscueFIlLW_pFuePXE/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/AVvXsEgC7BzV-Fv9Ms1en7GQvmpSVjLkgzM3UDL_eoqUHlQIhi_8-f452LZFXa_weXYvOYIhdCN1XNnU-PBlJYz138QGyIdkWehhAcPEsMZv5etepxPxZOZS8U1jLc9ZBDtuzGfHIRFQt72Cejk/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/AVvXsEgADI77ARlhLJhcahjZmtRG-WRgrOOFVMYB-Alyk4em0XgE7W2jVdfx02yyhZ0vew2-Ujb2GnDdpa7P6NaQ-ET6Uqu-f-jSM6mBC-zWoAW8xKCKxUY5nYVjyOs1TVqWTsgEl1tJHK6zqIY/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/AVvXsEgDVBAKk0V4lzcnAiZ9Fe6-g951P8yUkvIqrwLkHvfKlhCTyqbnKd86zxy1DL-foTAn4Tvl545vFjYVyM9SCntZtQmMuXsjJU-P5S-gg9detbS88Inn-Oxf4NAUhWcWNnU6vI6PVuOjWY0/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/AVvXsEgZNadDjYHv-jSE_YBEqwBQgLkewffSuGFIsMXV1eUsxwyMU9ixNQ8D8pwNuj3OvHECg8wHMHm0bpfICXmG7mLdeekuMg_o1Kz65Nju210RZ0i_q8ZQgZsIa5hZWem-kjNOqL5rghxOqus/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/AVvXsEgOx-1HEnaZYfQT-tOGaV6jH1kCQWYuUtLu4I8zZMjq2PE4ThvB9CK7ih4RtKPyeIBYGcwyqKV0IScryD9kjmn9fInSXhxC4_wUi2BFYpzoJJJx_ZO1YDed_4C_qah6I2K54a4mvyk31n0/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/AVvXsEjKzG750mRdF6kM3jaqweRrh5_gawH7QzlRPsfpKsfvZ1mcIID3c0lGqMA37VJzYrVT6a-rtyqSVnTaq5GoZ0KWKLXYs1s_zn_cs8r3lFvFMkux5GDLZnaUubpn0yuNu7jZ6EUaZwTdQIo/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/AVvXsEjH8NqzKTKU65esGRxS8q5EWNGrQhgPE8mmac78ryUgHw9JMkI4L1VBTnvFER79K1PSr0WVgn72BqKK_jZw7OOFCH0S6-WUlGfC84l7UUWS3nT31ahdBj3-Cu4Vhjx0dQX_QkSE9-c-mXg/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/AVvXsEgKeuwe9EIaKHTX3-VdOJ9AIPRHbxnu6UT0ebOAtqtqTtFDSeO8BEXzOv_8Hk3TGL2UqS_dFpcJKfj2tL-rgb6T8_WRnmExhfKO5DqtyVJ6kHUpgCyz04Ukah4eyWBriOYHILEV_MwfIio/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/AVvXsEiea0N4NLvS8hOgGvxbmJjCogWP5R0nK8rGFtHDYLbSYnW5L7teFd2E33ufOlb-3RfQlJtbhmbn7Z28NEhVGwOcuTL3nUZPnheMDRzv-Tr_C71BxSHF26kMvqXX1Iy_1gS0mvM1SZDP2WU/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/AVvXsEhcsNMd-wuhYGEhTuQXvNO75PA19oh4x3Rwy4fiLpJYuzxUDzm1Hku8oSoN9bLGEVR0FHYxJoxAcEFKOY-ormvdx9QK3QuVKtcXBL7PtV8wvxkEq4YF__fvlNxayRdlnjcLw1XtXjPi0jA/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/AVvXsEjNYcUC5pajvbJFaFPgZJ4mbKCYv4sN4sFBJONzXagcU-fzGIvetaPl92fHXDkutWEh9V8Bd0dfVKLPgFpPvKPPu7VPeWitUXU8AzPp3j1BXn8Jaagr8rbOiVPA3pSNbVa-H9iI9cU8-Eg/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/AVvXsEhdqWaHvmfVaRt885xmnCLzIgidKf7ttCVg_WK_f66SO80f-TKZ9QwQiTM0vwgenL1IszD5-8-nxMPUlNNaX13JNu0954OgQdOUWkbwfP2aKs7VgELRf_nkT-TfrvWrYL3X_rqHbAIGB4A/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/AVvXsEjKbmHLrg11jJkuyvBn5cNeEJKWwiNnz1yjLp57OmATpyQPmh1EtFdBv2l036Ygg98qdzhy2XX7JvZFCApbQdWirvZr5rN6YQpo0eSZI2E-eyU1YWHkeGLzpSpABdMh_RkdRKhXCk8Hhh8/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/AVvXsEj57oBTkoWUFNITd-d3uMgTbvOttbfWiKhuXYdBYZ1hZv48fTZG9-7t9Q9hwVp-hmSF93ivpbEqAC_URQriciMyAxRF4eRIcQLkjsjgX307CEPAii1lAcT9wuMbi91FFnSB6n_YOzBap5Y/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/AVvXsEjaL1XrnA9FjZkpPjccDABDGHb79lD8tLJwvVYJ7aNuZlN4dl24GfRdFSyAEfvKHfaiKsTqk3KSCKyH8tbSp6D7ZCop1gRZyak5LFQeGLTtm2Nv2vUTb3BQ7Qkx_HVVsE3RNMQXPKeoksY/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/AVvXsEgKTVc3sUnGEL1kbNu7X13GSlDLnq1GQccTuYaHNV4IzQR3FqFN-bPSneFVk3Aw-IfV9BtUdpeCsPGpXdaOkTh_tQ2NAs4yjPRFRHB_JBAutGfm3uFHEVHT7z9PcnzSNrjTq5ZV2ZdKENc/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/AVvXsEiZl0BLlOgOMW287JkU72lo4qE_r0hoinLmWGmw6-g_Q-IIZSzD9M8N7dddLDdGU4Qd83W_GVo-qMiI6J3g0_tKA2ykrlIUIVvdR8XuBRd8hurpeFTvfn_cu39YM68NmT35bivP2TXi4oc/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/AVvXsEgzr7_HpReHPxvaxvAjG3hYMaaPhrCtWG84qmCWWtB1Z1WyHlO1TeDKAqOae72CY2-1V9Y5FOVVTO6go__pLHcM0cseBmqv6ZKA56hiHbqXnOkYbzK0q5f7G_siksCHGEINCi-IvH90kPQ/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/AVvXsEj338HYmvn8Tv9Q7ox9TV2EmWuJIBubFqLohHZwhIZRaGbcSFw9SQlYVy8_4WpQL5yUZ-WYjXhuLPE8WrSHqSmovvwqqfuW1vtks2JgRHKOvDHJJuAkXexgnlBX5n42SbHSbLUSO8hxq38/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/AVvXsEilRZSFvgLwDovwSanNJf_2cDFqHw_Pa_B9X1sGjy7BIXPP7MQ_Fae6ettE-Wgm2iRH402xdsBXNI6SxnInxJQBjQdjDLzxISlTOxatyr2kwZKAEZMpJmRJHzZFRxEJYnt8soiZZ39YWrQ/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/AVvXsEhikxT3J7cmZSy2jm63xeT0ut8BN7lnbg5bmYySGJ9C-7X0n7Jbpw2K9e10EaSlpb35K7CeTasqEvijJ4A-c-NA5iyHoyDKYp2FRbj4L4IGUgU1IlUbvGy8-wMLO7A0gNyF4rlqzK_0tHI/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/AVvXsEiGWwdogTYFg47dwacTOy_yVSEE-WQvhmmTQ7UAVnpt5qE1qQOpH1TEnuBXgoTAUF2klBHkaMhW1OJouM8_io9WTUoneDtYLCejsRX0jFsUZCHcNZ2gIkdEsJ93ZH2amD_rfrXg_CW_2wc/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/AVvXsEghEcDxPmhEGXCJIp1mkYWpgPwB-qznkYYl0DWIpumJii8D9N3Mnk8uaAN35hat0MrzbhVIAM4TPBjVryMYH80Lq_pNOQq9U3BLRQp2GjtJ3pLxieBS4h6sBaobHhV4hE_ISBWOL8vM79g/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/AVvXsEiLpxCsxdN4jwEzzJCqE49i-vw2fIUiDhXamivVAGto0QMzBQGr_bHRjtjiA8YPCgECzKSd0fGUmKoVvsOE03uP7vBzmpYCN8LF4sggNISKOAPXpQU9pTwlvbHZd1MH4F_MvanJZWhKHoI/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/AVvXsEgfSdc1u1c4GwcNBc2_oDRAEhnSaMVD1bxv2XD51IzZbMRlqAvQtDQfz1mLuVY1sBisjepOPOyTz7a65tONQl1UmNXcminp2GVfY93URpwb86Nmz7sIy7jIOyyfcGriXh8tFW_dbqNjikE/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/AVvXsEhV8u5lLGLmOvDJb0r2hHDJO4_cQkhFQ3vzMClDOJvhL_0zp4Rgu9JyVwGZMAUjeZWiah_hmMqjdYx2d5vNeC88w8xIpu5y9q5OV6AnLQeDZpLJObXSi6cqbnfAmtjAL-vjW9ndEnMgvRU/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/AVvXsEiKOG6m1Fd5D9-FtfMIzocGNX_E8HnUqKoxH3FPZAeyl30MjVSR4ei1RMJpTt2812fMbyaBP1UdT7ciVnaNYEn-Wd1aTF6ffrtzRKH2FgBGVTlNCB9YX1SQd8qqfkfc3aU733NWBOrih1E/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/AVvXsEjkjUu1Iu1U4iKiXqwBJ42SYX4s144txg9eS1UIOVaN53Fm7hB5_v867BUaAnHlYGb0vD2Tp3D36Z8QrzvkEQkali-8TT0PqmpGd3xaPuB6XlT4Fe7egYZBGdSA7hjajTbzqx2jF829_mI/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/AVvXsEi6gpArLEABAkfFiTwo2CmlP1xnOiDQGf3UYyBrH-GRCZ63vSZLsaIu-xKxlWjwoBFfKrej0S7wuZ9E9y2kkli99ac8-HsHMvU7y3xgcCXnl2-eun5hT46YuGTpEmSjwNfZ1nb4dWSjffM/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/AVvXsEi21TgkpnD5-xKK2bKP2pVbdX_xfOdY8KZJtTF_B14BzBsFgNIgadrLs2ZQ7QUbm1-9hAmDLf_k9ruMVfs3aS55cCDn3qhLjspUz-DoZGerSnAqtj5JDr54rAsspp8crwK7HbMd37W7gaQ/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/AVvXsEiAldQYIhRV0DpWlf7ZqKF-touZa-_buQcF9M4ywCb94hyphenhyphenrp23tHhQv2RHY1MWQ8OkMaiaNJeSoHkdz5LrRpuGJhc8amAqGpIjoBl4ge3TmGa4jfReL6S7gVD5yvLTkDygDntbCVmwbOuY/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/AVvXsEjoWaVoqHJJieHprfJ5Lp2PAeehgfzrG9jUxpCG3XsgaJDWODk6hfeofMxWiD5IkLlRbREXbX0aeynGtLsF5h2-emvKIGRGIM_qQwyV6GCh_uV2qThqzhYmb8lvptrc-Q53r5p45pACW-dp/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/AVvXsEhJe1O_FuaHGlVGqSygkFKnTRpYUc08tTfL-wv5WFKabg729rWc2gbim0T4AIZ5KeyXG29tTS_4DM6Ih2CMeNWMIALEhRxyt_Y2HhetJTGMS2qPVcgefTvfCQ_yN-uEzYVRU2feYT6WNhyn/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/AVvXsEjzeQjlqnwfHNWmdtcD6CDwHAKXygoz-TBtoUZhsGvG8L0xeBTiCf0I8RRCfcXWmUqbWmle3RHHyY_Wv_AngOetBTGLhUEJG0GY-vS4HzbuLzXuxD-UqGp_ly0uLT9uz8wdIjATgeKob-8u/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/AVvXsEiKsSmvigjZAk-yDBgwMlJs5TBMVzi_IEjSBYLL9n9kdozhakRTVhNhU1QYoe7yEh0aaEF4FJMPbI8q0zuLGQWAwpFm3Pp5JwL05_MX-xDHQZ_6AEA9nWU1kjd3AnT808wdtHG5SAGystQg/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/AVvXsEjPUMbqzAjkSTzC3YByy59BSnqhfzl7XAA9zLNtzy81uY15AJ8ZfQganTepTsk1MoY1BIYQad-d9qovqY5t84KgrkjqbPWSr-NF8ixhWO7mT5tOoN_jtN8P-2wjia0E6eOC7HNWe14BGihU/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/AVvXsEguNzmozlbetJwG0YFPIimOc1s_vUgZaSEHTvCW5jSbB9xKpnzjbCJ0Ab7wE_jYay8KVULbnEu-9fxu8DMyd6TodReH5k5ScaeypE6G-7DSMqydwlYA5kjFlW9aSy_bs6WDxA4LN9qmnS_X/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/AVvXsEhSW1HKPe_Av83EBcZjAEHYwqnD1CjEpFv0qWElxUOMKH0j8HxEcg1pp85jNaYY6FEiDe1sifL4F1vDc-Ng7dxGuEx-MHOIi81NevQMHkxVDchYTMPO5MYMZCvxyp8cooUodR0ENiGlgTna/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/AVvXsEgao4lVEjOtHAjCDGPNHd-W-2zR0l-PyiDvAFvUoO2_8gCFMryqJzWg7L9bp4_tR1_UMB7y5JILehSm3oKjmaIZQSvyPGHU-wMSqnEFuvohNUKojxWIsZAKFiGWEMyRQSlh5Il-OeTHwS2c/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/AVvXsEix-7B1QuLHX45h6nhrFWTZ78Ve9M-Vhtw5DB9oWC493W2PvKuZfEzaLYvnreBwdfZGKaCF-rOD-2306kZaQJMgBhEE0_6BfwDvc6z4_MgnU8uIDe37i8948Wn8deonQ_p-ua3IJ7iV5i-S/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/AVvXsEgHissQSKB3nz3v1T5ZUBhDL6NiLt3VF7OCcP1IwknU2bpVwKQO1ExVkF-jkTRHljqRKi2MluHng7Iqiz6S2643dFDEUBVIEch-e3AXVdfujboR2pbLZgN_JklEdhVpUCKNtKU-H8nYgNGv/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/AVvXsEizmLEg3FGEG5xHDppnvcr2uKjqtRFbJZ4xkVV8Fa01nhqQyAmWTL9v9I4pTSNlNPoyAFGItW9BzFsvnnVeoFbGYJTMWR9UEcgOoWhgyLlmsipmloWikMSKGk9jTLCjHiyCvRysIG62KBnZ/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/AVvXsEhDakxJW-k0HYs2HLtzJon1gIxpX-GoVlDsrul97uafxNLTE4BChBUCCUn93zWQRJj5xMLb7q_v2dPpIIVPI_nAMF29NYaQUxTlnQyRzKseYm5z26Nm3dmHX9cVHFn78XN6R85Z5OeRNvVh/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/AVvXsEgruY6FKt1k9T2m1qlYmHm5S2vmWOemZTUug7NYL95qh1IyNHMPOJAS-IQBZjpkNyvkz3bXFghzfYNDyEvpgX8etib2Eiu33_ZrmTsctNF6_eh6stwgyDwMhQoocADZ-QbbTNR4a7brUOxm/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/AVvXsEiC4Wl7XiuurnPa8rDPZy_e1P2lMlptYKubYjb08flcSfHSeeaimHpQihFROXgVd5cdGdbFwycPmiZcPD7Y9yflyljwqBEhz5DIveTJOBe2HDYr2Nv9ynakrjcy-SZ3E_Ju5TY57l3cnqsT/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/AVvXsEg0p-wu1VER3eB_F6Xhp88G1wYAF0CP_PtoXb0LOEf2Yal4oqsS0a-9DOnw6YL2do_wRfQB7OVVVU3gAr3L7dF1G-S9gVpvkSsPPZIRvVNyr4CtyOZTTemiTGpV0G0_QgZpToDis17L5C6E/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/AVvXsEheWHfAQ0p1tFIC-MetKIvO-uKvc8Iw0ttNJy6NCEdpGeyUnTeoFtJZfYwU6vB1CwRMFfZfFfHU-Khtczm-_Z_HHtpe_fBxExqlJPTbdMa7D2wZBvbE1bqSlCw7cDOfHjoylqt7F_9skIin/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/AVvXsEiSqlhNADwd_1627A-FPfjmTWTSMpu3Vba997evYGcxHswIkzlJB1lJqNIyWmd1p-C1exmTtFgHhXZcrQPBuS65Z3QI00ddhvjg1UxPX0wi7h3w4cpNp0Oi4B96TQ7u9fACF1l5IAUIOhcF/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/AVvXsEjcH5UJR3ZUH014HvK1zZRR6ztG2-wt3q_LlX2DkxWyGlzEfBl9r_RHeBokNH1KO7FJ4d5AlaAmP6vyOiG-nTA6RQPOaaFAruYPgdt6zF-4i8IJ7sRQVNdjZMWAzSqUuQ5XzItKbqgxwE44/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/AVvXsEhVO2fC1JaXlmwC0z0pYYjcXT_3suxlo4gsDh_h8jmAPyifFI_r496FZ2XyUnbrGSI9cNODqkgdvLxfsWNJvG8o5GNOwV-3IDj-U-sD0QY-CAjnH0wKftdGkpwM2yKqUgaUXNOpevsOIOCH/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/AVvXsEg4MIKy6odkXRZPuHMo-RRgN7L2ApiT0a-NYZcCDwUl2-mSQkXjM5rnzy31t3gmFR8BPITnM4x1VzLc77f1uLK2WR4__jGCXFBADhQs_TpQqCosyQMmF3Lief2ZGYxvL6715nSiHrnmwVjf/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/AVvXsEgfYtnzC7rTB6gzyuqsNLAPFFv77RN5vRb-dncCg9T-Ptw3UhF-8AA7z68wNrbXS4rCdOONhfM-RBRU10AtdG7fmTo2agJOI_1151WYAUaz_JRgnK0dYDQUpZoKujsCMCuiYANg6o6Yi9yo/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/AVvXsEhHMH7o_XPRIRp7szA1t6MR8cMUTysbAd-Jm1R2prC6x43eabuGskw592c7sbDFiYiWYacBOhUJwBLhiPSPsw6rLV4AkM5eHyJIN7ryOEb34qrqu78x8BHd5a5ICVnNb_7Pe8e7jXfV6vBA/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/AVvXsEhH0X_5JSesv9mWVd61RrhDruwBwgJJnIv2DxmoQ6HbbKNiRNXTwQntj0-c5_VU2032RhKVTDDaiuJJ0-D-Pt6QMAV6uwiwAttbOq0sSIv0D6gQj3il7LiPEwfEuV8VERFX6a35mkwTnh2G/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/AVvXsEiJ8esj4J-gt_-0NalFmkEsgfmQ9qjjI92KNIUDkms8D-cH23eSuNWkULDIQcYSALrz9Ww174esK2xlhFQPwQHtIsYaDVRHjuFtFwJex0H6sYhDDArYmI8m06XmFprnrxNLRN8mYb65ksVG/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/AVvXsEisJGUSZvjCNNBYC8dF0oWE0BCS8f2CJcOqaUSHqRQkqSe7itI62IS3QTr9iztFgj0xfS1qyeA9y0f81We4uJdJ8iFPXYmJyQd1F8uj2SxXZIcNybznViRzCMrPmllfJ14bHjYVx6ZRxLU9/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/AVvXsEgN0sXkHXaLiOCQVe-egoyDwRdpNsJ-FoIZOj3W8V61nPuh-armQGYiTMstmMOwlGefUxlARlS6WJ2DTEgfza1rpVeHD8wmp4jY5Jdnck3EedtTj7l5tMi_yEoBsT2QZTR1AZ4KoL02WxJD/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/AVvXsEg3BsE6glGa5WphWKDgSItmEBkIYnxWstTVxmjtzyYJ0l5PUyxwNRyDNUmvgMSRF5UPw0bsETs-gWXUSDZXDCPAXZorO1fAyQFAD-u8yZz_HMctoj5So04uldQLyL_IwPqZuDRpMlo03F1E/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/AVvXsEgruY6FKt1k9T2m1qlYmHm5S2vmWOemZTUug7NYL95qh1IyNHMPOJAS-IQBZjpkNyvkz3bXFghzfYNDyEvpgX8etib2Eiu33_ZrmTsctNF6_eh6stwgyDwMhQoocADZ-QbbTNR4a7brUOxm/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/AVvXsEhm9jVtErqrvAmPafHrC1X4usN9vdxK75Mr_rMWYSw4AwWc0KmNWE4tuSlfEE56WxaLqXZMijv-L14y9V8fiAngrXRmqA4G4WfoFWFcXbWtsLDqbBqo1P3BpNhJtDf6W3JUyeVu5NM1iP-U/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/AVvXsEiY6xomulDO4EtcqWbhZDHvTKLgYd1a6HZ_9D6USc2LjNrUUy6abMUInrsX8R7bsLNkcMcY0z7w1vSeLIDwLGqJRISq1PTc3O3drYENqz_ZrWdMnraHpIWKgpQ95jSRyXT2jTWW-7ypBlhG/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/AVvXsEi5yBv2w1NIjEfW8HfdukDY9kO_1um3ZnDhd16KjM0grfp8HgIp9UIaVdtxSTLsWip4lopgcuna9Ic43k4QyceLKNBDxOYNOWGany-T77MiivvIocFxrcclR2HPXrMaB0-2KKWIAnml5myK/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/AVvXsEjreBJfmH-srfnLQq3vA7Z9AF6ekRLmmsYjljK3mNQjNpYs9MnqxeUt1J0NS_EUrHe8PtaSh2ZM97HR55l56P1pNK1pRrI-SjkbbNBY0g4kqUkvNry1tyAB3RWp50I1ceorjCekI3VNaS77/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/AVvXsEim7-sl6EfSRaR1zvCscjotz5JHW1vwF5tYUof-2EMuAoiIS111yY254exo6Hpyn-2qQKb0tzHqK_8NxRaPAXfPx0dZhOuNSOIAMkUZ8OXlI0DkXmdgH-ci8tMsqT9mKQvUfG60qEPX29Ta/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/AVvXsEiJk72h94rBu3QcrmppwYt3xckv8-Du9wREgPdPFzqngapCvdy0qYTt0KBGBfIDTZKkInATSnICqi4smQJzZ2ZqkC4a9RScglBbG0IsvEjvtA2D6lDiiuqNkyq1BRpCO3DnWdx0zO_oODOM/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/AVvXsEgt7qUVCorQts6_ZJXAW4OHrfrwrlx51EtaBHoVqkoCa0kDVbfDNQ2FA_cnmCWEmMiHFANlZnMpQW6s7u3t7CkIpnt7yHDFHmdp8UVg7X2tZlhIFVJTcxSwS9iXTPKvBX9U-IVdGPL2gPWp/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/AVvXsEjgNS5ucFsoe5S7pCDXurL1BqcnNrGnXk5t9Aj7a8AMOxySiLQ5jMK9GryFd6PEJkpQzApHy5ufV9_DWkvaBKCLpqldhvkA389GS9AgXI1FzUQuYZu5pXx4UY7KTlygL44CAcZBnWKGTYgD/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/AVvXsEiBslrKczq3kw-vMj8zcqI7DhHHSCvmS0NOW7YxD_UY8rQ2icqgPbakmWYE7A-Zrvjk11lfQjPCoGiODeA0UAtF0eo6B-Vjvc-J6kWRtUslgetDJVkru5rVVy9zpjZR9RyMAzuTQisT9J83/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/AVvXsEgZDShz0tsBXVKB0DN6eL1ojg6VleVpElklRXhuk3MqqAI6VMrMgWbnzzS1MH_wqUlE8CQpSxxDTXpgA23FUOLTPcrddwXvXi0y6_VjIhwNoX5XBcnRkpYy3tpdsk3m-ecltVYRUI7YPgif/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/AVvXsEhVbDUB4p6EWqlGA61e2e19EOQ2gjc-x_t__QmNw2J7yG9TaEXcfethRFD43uj1NVhDKS-ioDthmyYPq6xMzV9nrbZM3UAlNxHxOK5IyZxEiQatxac7gqjsprrgFEQHyFf5FYZs2LX0r9rT/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/AVvXsEg7yBS4GFKU68998YFZwUmRQlyKillCSZfblRo0qxLC8WGCJWvLL5sL0u_2dbFDgdd_MWhTkzVGeRcKYe8TLCixFRFhstvvLjd7WSusD7msJcQofdv7abBwe_LaVlhjB0fWcuiQKaQo0Vhj/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/AVvXsEhNNBtnOeLy-eRAllVSR-yAyouG8WYlxBk5hrgnnmcUJDq_7NAgwO0H8iiRjoU8Dw-h6RiOcGJpvsrxDOPb24XA5M0ta0H8zRMwXPvQCHUjxIYSoMuAFNaP_6DARbwynkGLFGjwn2i2aiUj/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/AVvXsEjesPOTyLUIqQUv2qsnVmSlwlv36cD5ZzbeoBoEI3tY5IkYSswfFmGisS-zvStE2_7afhd1WR735c1bW1ykuz6v0GkxLB2e-4d1L3amffLmyvS50i5OhvxIrnwR-V6e6EE8doU0kJbZ-2pr/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/AVvXsEievUHOUYGeVY9c-utEnqphMXv-I__sXSSNSKphZ5R_lnPZUDOWfR8xBPzElHFI6jRMien2wvoI4FwAe6Htwv-ees7lW-gOH6pD7jNEeSSGPNKY48oHPP_jC74P0lGDzHB9oVEs2NvU369z/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/AVvXsEj74WP5FO4Kk8zaN44TSBoHDxJd19tmn7_TTXoSPB1Fa7P8odo7e00mpEL-l8q2bQMfYgvIQJtxUPpuP-ME6-9mx1a3u9zIwKlW-umhxuqhnJuzImMDcuaRrc6FiImR4ksZFAwyQSBuGw8h/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/AVvXsEgFQoHW2n_dDQXJC5N2_ekHA3EqSnRNth3S0_u_n1V7GCe4xvVxNgGqww44Lsv85jpKRhR1Gycpc0oWwyQsnIMcLVFB9nYkJrKL0bVcPZogZM8qkH1OxGBf3YtTmf1Fb7EiaQjjwvQBQSGF/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/AVvXsEiKqOqAovLC5PLxtgsWAJhw09D2afnvIFIDqCWZYSa3tPGGxAw5V9YjmDRwT69UonQr7fnTdNNTInDDhyphenhyphenHxWxvd-_p3AGmdLZiRrmIpv6d_35_F_5C74dGdfTRvWUU9fL3A8jg8bjWRixDh/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/AVvXsEgD5yn-jI0bqrOb_HM-EcKCz83ckx-9TMqAngROwtPZAwcCrBI0pf4N_pWOYcTFVMVet96SQsD4qqZiNqAGhyphenhyphenoxbNcqp_haCIMHDT0yKMWR7koh9cO1kHxpXFgzTe8x03_I43DY3FHmT929/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/AVvXsEiJ8McmJOLuE_L-6wtOmucHmipYi-3x2LGXhXdi1YsrI-U-Ml5amus1EDQl1xdCKDBbUAIMTLEeWp5wInRiOjJ3Dughm5AXF6u-lFlT9eD56Ng_jtdZ1HUAx-JYMbf4MqjKp-kynEod8gBs/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/AVvXsEg1iTeL9vV1ZDMMoGxpr_tneanh59uxvjWWdIeCd5uVP33tuBN0XKvOC8NK2sFSlvjH6LMSCm95jo0b744ZfGm8Ul0FZTTTTQB5Yj5NoABapeOymfDxE3YSzTAlDgV-V92dNoN9HEDhIc37/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/AVvXsEhWEQO3K5bhjIB71f47XMgDB9emavYm0ax6aPkxMtudxGurjOX7qvKqRqjrRl9vhQcz88fwNeSqbDvtIW33BvycUpRYCRS0wW2q-9b-spWSMKyzXhQrOdfUnLpVTG3Yc0WgSxbj5a3NtT0/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/AVvXsEjxoDy5p2O-3dSQsmPqZAbCAAtHjUQCGAgMj2uTW40BD8hSBGnPRbaK60nuowrdrTfNHyIvbP3uMwCUgPxBLnDKATPfJc01J6feSw9BaYVYKrgX9znUbu0j8QyNnq6jrH8aD00BlAkeRZk/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/AVvXsEgsExVeeYVn-pJ7CVJ77t7PhZKfXcb7q6ENkfkA1eDE1YlV7sCDHdYjqkqgwFvbBwalvUTKJxzrjEG92PSPGMYqyId4BWAVUseGt03rjaTHqVI7Z5h2zFEATbs6PLgcyxXhO4xTAqo8FFs/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/AVvXsEidWg_WmoZSUFdeeNp5mCs5c2HpiBU41U3o02mTb1SmghwNOfs5Mi_plBDsjqCJPzHNfiINGRsXyxzASGOzmvJ49noLJB4kmIQBoleGDx6nYGH1mC5fLWwOypGHwVtFWLnD_B4f3CF3xkg/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/AVvXsEg9okVpvjcxgc0oxv-EyrISEaMSev-See76irXJvMJ7HcuPZQNm6gGMpzMJ0lcc1tSUCl39d2dwuEjHxvGMsT3LLhZIlbX9VE8WuAmy2Jv5i3woKDElCqXKWe1ZX6FgxKKkg-RuGYV0_Nc/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/AVvXsEj-q1WallW-1we-7IGySGkaDOlFvMq5gRtrwGShKDCXxbmTPrbq4gZMEgr0RDKMHMFUHTcDSfkIjOLBi0OlUpOdrUM8u1pNkD0IYpg3rgYe8X6KiGDjBeYONO-pJTjuawIkZE51U5j6i5E/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/AVvXsEhoNU-d9bKlq2HszZK-PQqFE8KnSMLM_yV2fVv4S8EQj7zcwh0Iy708REuH8nnZxBnqmrvViQwB49TEiWacN2ouuvEz6NjkwmKVVLbpU-3KZazzuDGucfWdXwhTxirsnkZooVLvlihfHao/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/AVvXsEjH0oMbX4ocLHP4_fGmx4eEw4EVm7cA71NqSCXRkoQdlqf7VdK4pPu9u1lnRiTRJRzSomn42bBF8sub1KtSyKHX6s-9haMqHSIa97qhnvADWftoyAMzP4p3TiYbp1JQKqll3U5C_kSK1nk/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/AVvXsEjXD0bH-Ra2G16RijmI3Woqtw1_9yA3c_4efutTSLBHpIsMH6mxm-lqt7kv-5pDP0-KChkzDkq1lUo5n3faZh7hnRvTLLdM6a13sqQelY7p-MPeQQIvPGuZj3LjA_m9rF7JkcurpXSG00g/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/AVvXsEg7F6isVhhcH4MqoP-Z5l1nYYx6fwHZyEKcHVAcy8vUTTDMgAQbscHe5b8L8hhtpfQJyJjSzhjrnIoXKXUiXjI4I2O8hOTMivVhK9aFjS8k_YftFTG79IuD1nmcwHhjsE25LVcdRod657g/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/AVvXsEgtucU0CktVPHQefPSQNL11dRo4CKvMII1lsqsdy3RP-1r7hvEr6vAqJe-1A_EyR13qIJZ5onRcfO8-CA0P9GSpnTOYYpXipT010ERTG9nIHh0B8VfA35wjE9KE0Q_UFrRo7FbTf56kwNA/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/AVvXsEgHrRzdvRd96-LHO0EtPI0riI2B2wNQn1rSja6TE_nHCljbFrXh0kUJdHEXiJGaEDTXXdCKwKkW0VX3FcBRudHEmxPbDaggiU-JxM8xsqFfe63v35Fcwhw-hx_PhyphenhyphenlalfFX6CBKmzqNvHk/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/AVvXsEjOk-4ihB41IKYYBiXMUQ7TVQFbBgJRlFTt90qADrZK7xiuaekOf00REh02Fx3Q5VQ2vBqcjmslisykrZf168goQ3CE0utBGWZD9GN7HrlKtmFUU1l99f_bzcy2Q69E6Afs9gZguhVTLd8/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/AVvXsEh3if1uT_2lYf3aTXnPuEBkGGFXm5jQDDu6BxcjL3UY6l-pevgcGtvV2s1t98qrqeZNz5gMVukOyz4H0gRaWyZF5QlCcB9XBP3aokRdD2m1aG8E1jUzR_hzuSXxjfJR50Myo79-2XIvm4o/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/AVvXsEio-YIjmioZ3eFy9yZ1BuM9wwBEvdxCCd6j1y1RfCU3CDZyITNYHsiLAFyG3c-05_0kxjw1kLxH8VEvTNixuItCcHs0I0E_ekrJeywvNCubk5lq1xJNhgYr54X9jYH2E_GPDT-jIrd2KUwi/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 />
</div><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 />
</div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com37tag:blogger.com,1999:blog-2648032558084820227.post-76060231868531678992011-11-15T20:39:00.004-08:002013-02-08T02:52:46.155-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 />
<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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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 />
<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 />
<br />
<br />
<br />
<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/uyMSmR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf2ePtdjiZY587Z4PKbDi0Dfp-xMhb-rlLKYvCWbKWJmYXUlIKQu9sQ6tP_pIs3iXeaY-Tqq6_vo_4PLtUAHqCk7q1O9AGv5tOcplA2BvQkg4_kxk37dlR8lCHxvNerBIG-UnSJQJor2ro/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 />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe><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 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/AVvXsEh4fFOGP3ZYYXL5Gjix6h4tDd7VCMt9GT5E2bAqklNldM1zCHKSAgvLCs74BV_zthhKOpEVpfNFXqGniUQpQrt3E7BkGjqKiVs2r2-hOC_xsOJl2DmqkSqmvaKmz9IL3h_k-wk9HjLODIp0/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/AVvXsEjnCVbYSGgREHRs_9br8HdLJ-sstm9344w3I9Sa0Uf_eFmNfwDau1zHiwHcsq6LJSnw4E43OUgzthnxzmWKg7j4dVW6N36O3jsNQwyBjduBi0el47buW-ODgsTycpJl12xYyheJK6vtqO9I/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/AVvXsEhCeTQOdICPy00W78VZrMf2Zoed5VhC92I9tOjhJIL5RfxlY4ojURlMUt-u4pVAKsmo40r1NI_YdihWKph8sJ-uLfitfCWSn-_yTV5FxZVAlrltd0mVxy0n0kxH-O8iRQKpKixeb-EH6Yfb/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/AVvXsEhX8tWTgk_WNM3oFEpI7zds8-xGp34UgNMpnrV_Q55cX8J-QgqjJlslga77MrZcj91E-pQ8ShOCoa9wWqi8ScK-BUtUa_8iTgeRU6TwE3OEZ4muZv31gHRsaIOfpA24uyOrD1EexiCH9Ib2/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/AVvXsEhX8tWTgk_WNM3oFEpI7zds8-xGp34UgNMpnrV_Q55cX8J-QgqjJlslga77MrZcj91E-pQ8ShOCoa9wWqi8ScK-BUtUa_8iTgeRU6TwE3OEZ4muZv31gHRsaIOfpA24uyOrD1EexiCH9Ib2/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/AVvXsEjb_LlolVtVruFuRTSiRFdn1PibbSBxOMAaA-u84MjVRBf8iSUpm1yb29ot1O481La9B7MRd1hktg4-_6yMbgisfZABnOoVVUr4wIZltH5KGcalVIxqOiRK0RREfve7dvPQog_HFT36_BEC/s1600/slide1.jpg'/></a></li><br />
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawRM2ijcl29IP1853ArinFrk4UFrQ2Uz1GI6aOf5vFuJN6OSK1-3wFi8HBjG24nI6zOuAS7CxcP8JPO6C9eJjE_S2Xzcu1QOADS1u7bpw1labagFFmW8UHaTnfT3xPRogXBb9wcilE1L9/s1600/slide2.jpg'/></a></li><br />
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkNhAPm3CthloM7O-LIJ6QvnNjIKkL8ZGUcO8feLPiPBL2sAcAZuY17ckM_DLV0Hu_DuJUKx5qD-K7eh3cVb6uH72Cdws3fz7D3Hw6vImgkwB1nZ84pxUHIqNnxwqQ0zt0fJUsvnQ-wNWL/s1600/slide3.jpg'/></a></li><br />
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_JkLCqk6XyawgfFDnTh9aMMIhESvIAYcVCRlYvjbMJfJ8odKTVxYJX6G4bt2rxapkWMUvT5CksYhqkXn-MVm1Tx_z-JJxGm9MEL0PvOi4tq_U0JLAqZGTr10rWxmU3fKITegAi8Ecz96c/s1600/slide4.jpg'/></a></li><br />
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK1sq1pjvi8ZwTL0Ys3uOd_bnIjZWogbykcG-zhJaKPRh4PwggGZwU0D0ZbiDYFxFA6pwD1Jj_cqBFtFY-rtLXK6KT0FX7rgHDPN4AZ1tLAi70IbHgLTznndKBZ_K26F6IE3VQmPZr0rAq/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/AVvXsEjpeAIFtrPtY5BuoERv6TSXm84s6EjFVQUhSfx4gjSCl8M509ZzRIX_oRPRSgJr6X5rGykwFkXsQRGsjAwfGZwkupgubwpm6i1A6lz3pEDQRANJ1aTz-IOzCsZuXDfmo3kr2Ce_1-dUyXX-/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/AVvXsEhLOul4Cqg-xyNCMiThV-j42j9CgLhhY8JxUlMuHIZj7TA597Bd3TI46PKAQkh5pElfBUHJ0RPc8BhRxH6cmgQ9h7VkKSZT-LYgDkJLExmE19kBcedYzlGa_JI81RySm27A6DnaH6bRA_0/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/AVvXsEh6fqTNXadkw-WOBM_PBaqLzGOCh2K5a8jDaWjEMgRPppgaXhcXX8fEDU4wsryKAKAB012qy9kCzMSShricOQZZC9xRTgeMC2fcop4lLA5eeSXJqrqWmphALTWbxbsqP-4uthyphenhyphenEAX2trUQ/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/AVvXsEjrtzEKafrEZnK8thxBD57X1OxVkDmO8WCbi6PPhS11xCihhKC0ULvrM1ryF-pCV30ki-swrXhwwoiJclFCW4zeUUnHixgt5y1-_bSo1rJ8T6OzbkAgV6S29pND4xOr_my-8qn19mGGxZo/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/AVvXsEjV6FQXdKgL4wrAd28c94AiWRSK5Lbtg_XGhbciF0kXzy2G76yiXYsQoBAC0-a6jQGfMpKJ05_yKepBeCo9r4R9Ux1AUJqcG1_o6eHaJA_pdF5w1Cm0Q0YdDM58eBaQAH5URxISyoFDlQg/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/AVvXsEgC7Nstec1O5cOCAGpvmObMdUL650FOj8JT3XdH3ElFf6TFdq-9Khx7OuzqAgzwtdO_XCxTigvwKRjVsBaw9ZF1XUTmvAx2D1aLlhzo5SdKq7nhUrA92JTFOnSnbboRpvQ0Mr4p88wibmji/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/AVvXsEia6D3fcIiNvkPwY6x76w1kSA7k1R0JAvEAp0UShsAZLq-i9UVyRzO2V3ZibcaRUS6Wm2W157brGMdf2JMWK9tuq1Nb6BVDyh_rGVQW0_FgGKE9pr_aCqrH74ZBD-R5R9AyCQSnqC-IlFmx/</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/AVvXsEhrQwyKVjcSiMdFJVGAgo7c52Qna-F-Hn075AL8vAHT62ZGAmvUzLRcmiP-m47ibJIK7tGq0S__kUYwkDXmRJHcDf3G3ZkWkSuLcgID5wUJYPC4UygZtU5cGMOB5SwsxXECDXBh_GkIbkc_/</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/AVvXsEiQHbpn7QaIkZgiorf7YS9Zr5wTPwPYYMkQ1Oe5RtuKEoVMGWyNUEeSC3OKz1vvdjCPaRxOfEZlbRUeqoQOgTIQRpnw8wDfb8uC49o3d-8Te6cSHf7m4EExLWE6b0o7_u9SK7D1A7sD3b1Y/</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/AVvXsEjFW6VmzxG_YyRVzO2S07HcVdbheWGHRA5OG1aIOqeuHZBn1MdNfobeaQmuQfbqRU6HWJEcQuHkayaZHt3TgOcXw33iZyIei2Ql_8MUzwa4PbstWfeq5GuzlKkhejHzOefPbWTK3sD0Fck4/</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/AVvXsEhRSiFU1vGinnQYDECl7RJgzvK9RAIL-mkIXcagMkNLBGLJmDfO7IoRiOyyhxryrSK1DlqmzbTGmdZO-5VH-pYRwSL4d4itF2Cpq_arUWN3ZA-IIieYj3holbUXqfqD7NMDpHkur9B9mIsu/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/AVvXsEjEO14pHkoh42NbLH2PV4kxTLw64Ild5D_RWaG3knfA3sbJKCLERJG-CrbDvnZq0Ws9TrI-iWBxOehyphenhyphen8lrFM6W4YwfmXFHsXIdtCDdw_TWYYEaV8E4UjbTTjxWHMGsFDZcJzrZAflRmhMEP/</span>', -14, 60], rightnav: ['<span style="color: #3333ff; font-weight: bold;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5xATce7RIFDQmPGOxFYxbIqfdIcMkjulydl_QjNzzKBpHYLVnaJgn1Rlbi4DLszXlrxRYGqh9ErUBNOL2R34WySdgxvGBCgb1pwnO_-D0Qi1FoZvzsAEyG1v_1ZhdbycbD02_hiFHTu1E/</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/AVvXsEjxYeDvxuRMAo0f-xtaaUBfhOi6rIWmoyyn_0nmZd_ly7ZTownE9I1ZsjgNyj3PUhySDlYUwc_cvWOCQgvXPkQTAvGIkmv5Xm9jrV0XlGhPYMh4SzTeU78zvIcttolor7U8Jd4w-yi8qO2L/+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/AVvXsEiqJHeHyfK77Sm3E3ZT9638LhOZEJv68nZc-pvYKjZstW_Azs-1iipEdKLgQWVHCkBPYqBMgTIjCwhwmT4aMQO5TVF7_pHaVaphhLVp2W8qKaM278Gic1O1CBFM9d3weQM70K7_dX070n0C/+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/AVvXsEhP8QYi__HPzEZRmnZRpUeojWHCk9nM8GbTNsiXs4Fiabxkc6PIC4zlThQAvlU0EcNZcGdXgKtH9k9_01SEZ0K2jz2in01oBUtNsU6PUxIiLagd06GH1rZEetmmKnPMcHgUVeJgT9WN1LDj/+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/AVvXsEhSG6H2aHQYIbnIbJEWKf58d37cQ-YJcZiHbx2QxESsW63sO1UGVaeRY6apHPeCDZLiW9soUhOd7Nei30VdPxBdbCZnIFNOS_ctVZj71VOj29sWluzlYmERBj96nOwH7u62yyV20xeKEgGD/+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/AVvXsEjEVwFl9qyzd-G7ONGWbzuk5hi1zDYJraEVuJWZevTmH1bcqsngWXDQTp651ywV7LUqpKPSy0Okq2Myen_eIOq2wHIJh2jr_Bf7LucnKsfUfWXINKUv-MQb5ng6fQC65bQja7R2j6SM1OSo/+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/AVvXsEgpTu5t7ObCPyE84XjvMGzOLIGxlRq34XUbhLhaTAFe-p8BvmZHpc2zEMpnWzpGVEhAuN_SfDmBFhmP43xm2TKbHAwkjhQI3QpqXhvg_O4u4pBFnvHUBu-8SYFTcO8QH49mB56QIoZOsDPY/+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/AVvXsEiEwYPtcHvmrUWhAp858ZuS4BTHWtpsMHmpSYPPYbOra78k6NfqDF_etdK_kMUbUCp2wIJzsGgdR5pLps4LH-Ss2k6tnSId83LVuVm-qZwJ-JYnF5WpVkRvMd9hJ_Loagh2h5NDapxLmY6q/+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/AVvXsEg0itu4EC-TS9K27u9hXyi2RtTKd_Ugd8-64xTVFcWsHVOkuH6jJFTGgHuQMYXWSuNAOaovxSZC-71_Z0kf-_4jA6JVaPJ-NEpJirZZYykNKFs3tP2cm9CS7yLAqP-hUyOz8gQpdGr4_wLq/+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/AVvXsEiorasHamPePx7k08WccQLhNTWGGp98MeTjz5PMnEDBIvMyUx0x_wwLQ2bv6HY0eU23UyQe7WoBSdm7ytse92E8DCUGN8TnZRMgYBuU_cUPzFu4fSUONvMebKJxTdnRmB6icuZ4QdIxuQAA/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/AVvXsEjKPgfYpRSXP4aAvsmIRFj8cc9_1Aah_12cVUQVzYYyf2iJ3Cu29qc35la5yLclLCOb_pABA84Mz_8okmxFfJl5ZzGkuVorCzdYiRS62CxPm1qNx20H91yP_qW-KSk5cl9W_lCR2amTAeLd/" height="200"/></a></li><br />
<br />
<li id="l2"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheBbsutvwW3CJAaLmCL1Qn1gYfQ15HWgHLBLXKVTp9NC-tTns6-Lm-pJWp7B5sp-xdMKp2yIJ7cRhxnBVqf8fXUBKN2vKDLP_Gh2mjiALXm0cj3WdkVJtzHxOoDugSvKEkT5DGgi3ccKxk/" height="200"/></a></li><br />
<br />
<li id="l3"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1h5PTPuaW7NFkWArUaZF1klx9S5vvwdxX6Xy1NAhpyWo5NgRMwsCBd7jJ7ZdIhBswJ7FVLd4jX-52ORXs_TYTz4uxUaHQHCzU6hXD2xNjgDH0YgZVEqxfjiMMfX468s2srSyo2fvpqonV/" height="200"/></a></li><br />
<br />
<li id="l4"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio6XUeJG27Xh46-24jn1Kdntn9HOMLtfYMcJ_Fqgo2Ri93QjYiAzZyhUpK2nnKEPoStt5VBCfIm2mgHR6MaYMnBkQhFXtigS0t-5po1GtCoP3a8dVA1xIwemIJ-sgRHFAT0DOJAeYYM8Ft/" height="200"/></a></li><br />
<br />
<li id="l5"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXyOW7Jy3fljPf18YUg1WFiDOrav9yJ1haRmmpPOL_7OGLSjjHk6LQ7Wb8MPaRb6yc6u09KdBQS_77scP5F9ZsgmvoVPMleSCjfxsYuqqXkBXdq3Tq2jiXMeaz3OS8KZB3MbjQQ7NSxzc/" height="200"/></a></li><br />
<br />
<li id="l6"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjepco9jIOZud4CD_hOXCS0P2Ezdttj5tTODtIBIx6D-inRVNFimaMdXE3oKVcn4RSVbnu8_45SofFAFR-ABmYNU84Ui6UH8UXzQGDEQmyJBsyqpaMPUxIIRMtV0P9fO6LArLxgQmGPKX6/" height="200"/></a></li><br />
<br />
<li id="l7"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHG3M7UDKtL8aJOSfxQ-dwKEE8YmY8i7ysrbiTeGRhZVmYiSMuI0iwLHEpnIog-PyD2uyir2St76w9fGyL8f_si-X_IT6mbs_7crf07qV2CVDT7jbgMzfRbCay0n99yUOz9khfTRs0sMXI/" height="200"/></a></li><br />
<br />
<li id="l8"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrt_DOwNE6Cg64Jjg3i07z5OubKT5byN79crutsMwt1jfM45kXqc1wdkq2ljW-YksO1tKJL-tIJ2lgTQYcWeRd4e6MPPUzA12nw2pHvlkpdxnrusuq3eZnihD25-PkAcJFbUfL_X3UTRyJ/" height="200"/></a></li><br />
<br />
<li id="l9"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9y2NCCqc02xXYp7yMm3l0g3uc6tw0zF3CxFUFqF4l2V5-75umo1WCjT_HD11OgR6THu9N4kWxYpQzclZjzJnvBiDwty9SrEl37sLeJwTwz6l6NJ4Nq84hnCDf6_ftEAAuLQAG8EFL7Qdq/" height="200"/></a></li><br />
<br />
<li id="l10"><a href="#" title="#"><img alt="#" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOCSAJWthAXwKQcdyTYq3ncFqIQSssG1xjhbWYzDU2D-Wx8Ga4d_RHCsrbtAjJXzs5Ku5h3Up90YNa_0AlQC8x8z77DhuAautwsen3h1x9Zp0LtXIifMSmBHwLCWRxbnEAzrG-aTEzYIW/" 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/AVvXsEgFd8A7hPiseCL59IJgO165jwtnaanNnMcLy-z3SXDm9qNarLGyXaH_cH8caCj0vsUCSSf-dunRNwNu2ogapx7IU18lV3pp9AGCKf0wAHsl6ayE6mcXXLQVHuGQ0hP3GlqMqbuGRkhuDW_t/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/AVvXsEitcwyWlA7PIqMAyikn5VouaHjvISkKKg5duWIYtgyjHCvEcyvGenotLSCyPN0y-__VqxZSwcA4NLvblLIy7MFj8Tnxd-xMvnLg6VxwXLLU5xVWZ0XN6pinJ0kFXJjbCD_56ij7cDXVrZRx/</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/AVvXsEhrM1kvQCpPzeUsy4RPqpEHXsGtQF22th3BhUn_8q3uCmEoSr3KJ_25vQOE2P1R2_WCUw6_qMNdGdjlqwpy-B_iyyIT59QTZvu5QeI1ymXi6EgxRJa_u6Bn0NQISZxMOl4_DlQ5Cw61pWKy/</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/AVvXsEhZOhIxHFQJYt_e07kUK2Bpuu-4KHy6YVsOQknH7xzpg2HRl10CkUnrZfoUH3pKerR3kpysWkhicuf_ZPpm1SzdKMHvlwM_vKIi93j0eGFM92t7mKNLhkiSNqsPCHgavwWskze69nlP9fmt/</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/AVvXsEgbFhBNn15zEyydUrhXgY4BCO-jMy3aj-hGvFviKt01fi_g0lbZGsszrwZm-u_hecpMfmDVUOQz8mywgCH7-w1VHjHY-TnwHAqbvDJKxI1SfdRrpSWH_H4roizQyfKXJ74BafZZfCk2MTy0/</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/AVvXsEjC5IzH4JnHkN0QeV0iNaCEqlTCmNBIDvtkuFRPPzAT8oaYTCW5U9ji2g_IIcphtXupd5GemCdwFZOTRMSpugEAiqb5-PRqGmU1KA0fzj3s1o2hNoRpgyplgx64XVpffsTD93JwwZuAi-NH/</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/AVvXsEhxkkBsqzcWi5zUPiHRrWl8-ue_kbgrm0ADnS5fKNWe0YB9I9OP3wgY3OA_yzEXwJ0a2iCczsvPOCX2IMEisK_CH4zCVf3WLyw9f51_Ptt7MumlOWZNkPb4K5Wk8D0ve335n80RWJVO_ECM/+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/AVvXsEhocfZoydfyOgphFlHXij3dJQ-XghCGJBzyKIYXX9Uw0Hq3zN6hWH4t7Q1B6ini6qSVZijrhIfyreo-NAkmhOPIpjgenLfOl5IrufVXpxf-w0H7R5xx44mtnhOHqcrkYKMMItMlFZg-xLYB/+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/AVvXsEiVTBjwMDAA4lIlAtte59Zg0w1HdDYqDhVLkSD_xBPA6BWguy6qxGQARj71uThLKZjT31_-FAVl-UG1IyHqF1HT_5zXKa2qosoeAAvnRh_t1X3y9BHBpJUv018vX7M_a_iL4eT4RD8xPc13/+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/AVvXsEgae1j1fS8GkC95p5UcoLuFTolsrpe_uxEZJXtyKmsTspgJtSWsdvxhGVOmUxiuZlOlX1dQN6B57R1JF1I6BbXqr6T3G3H0Hh9mKYVTOulrvfK_3oVhjtuzIkuIwoEsxwI2JsygiY3iI0q3/+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/AVvXsEgyvsw4KL5FE2UGBObM0EPCCzjdWd1Kmv_85DWMAXXUlD4efLM9IfpHDBX4UNcrbkBZaiLLi6ZIkwaZLwupcHSKp_oGHgDH2kGBrPM2W7FUCMB-7yfldsJB_npievY8Y18dsytN5mUzIeNZ/+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/AVvXsEg3nVdV93BPmcCZwxEtFdflwpRJkqP27KNO4NDWSdZeuhvvBLQDgYlgngIQkajLXzVz-8urB9SJgT_yUOV6k92VfvvJL9tJqPc_zMq_iu6QeE8WCHC6yD-g61O043kdvHt-Hgl62Aaokhw-/+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/AVvXsEiGOwF83aEH9WO_ZBwb3k6si-m0Aozo8F30lYcrS7rw3O7sSaKjAuUqBNOiv8nu11SNEjxM7KsYXIGGYiP8kYFm-FATmAVRzKyQcOIN965zczBpJTqN7PRf98r-GuS7OasQrKLf9E0Zd9Ih/+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/AVvXsEj2VbZJLNyz5g5d2wjXhmlYyedNeTscq94CpLOk7ItULLP6kqC2P5vczxFXWvmjDzpB2K__bja5JvmSqvSC-qAI9ZpwCX2zCkGqfjvfnmPqSTLqwIJNcPYexucuagg7hXSYmKrkGHiOhVs0/+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/AVvXsEi1gthuB0vFnIfWGzk-BDX9qlj0nK5jjDCPOtRbRHSTBGkvtojs3-zjMqH-3MthqaEIPihcayrMbzCDB-LA19yRQWs3doex2-SYr_bTl-nFpgOY2JqUtfYo8w3hVRZ3TCarhDRpVZLciUGO/+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/AVvXsEiCP2CEIkS7rDTK2qNUGptLRB10WqIS2y3IXtb1sPBH-vhvdnT6M5ovIKD2YEYIAFPN_JprWqMcVlMRAYo0h8qvjCSXxOhbJsEhS9huY2x8Rw7_IKchRVHbsGyk9QFnIK1Qdve6GTqyY6-C/+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/AVvXsEjTTGJsNoxsV24xufmbrw6ecE_Bud8wClZcgt6727hvQ2D9J-GOuJV-aOpPanjdKmC9PBRgjYMq7y7gU-GniFQ__Rc_IQFhv_WuQehpLRF0ak7JEegaDSZvnlxT4cdWW-kLW2i9xuikgvPE/+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/AVvXsEh_rUdWCoSdMhl-FpuDq2Or_7eZj6-tjJSsyJPCSxvroxWdOCju5EhimWGEypmcimKPIdX4enEjB_6Df3krGeuWfc2QC8LWfl0Ais57YC690thi5nRLjAYc6EAbHwLtuBopbUU5Gh5_z6rE/+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/AVvXsEheBy7Px1lwu7cZuj0yCiKCg6z1344fOhAul3r1reI57q-tisHU5bTnaA3TAG1WaAzMl3jKbxD_W91VULH0VK2uuUM-rb-xlKkMOumdYLKwcOoTRwKWYpZzeCW3kNSHh6wGe2RlvgOuy8wT/+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/AVvXsEil_o7BZSqSeE6mMSRB-5KY5WznQQxSKWZ1g3GBbDVbLz5o6cocQzbRsNHRrdvCXWmmdfqLoMpusWhxWUIkiVg3RjjUwYE06aikKixzKZUs_Oom-AK6yAVOoedqDTmxKwrLv78uu9U_H2MY/+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/AVvXsEiIIRN_As_SP20l7-al8is9s9LnjQZckrlZUDHr4cqjD2ITozZLzw8TtaV3Xi-tFOSpymACBv9zB3YDFmbMPvdJPU1KtHsqJLbrEdpWVMrCLdF_i9nLU2xI0JI2muQUu_oE3mAii_1TpM91/+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/AVvXsEioxDKXzOn7LumZO92szYPgBJue32EUzaxQiXr0l-hmTgMEJ-ooCBusth2_aqx5OaWz7OYxAqfnqgWd3w4a3ad7u0LoSTOQrisBqQg9ZeerxayNan4hkAYIDL9-2lUllja2_9VO6g8rt6lj/+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/AVvXsEifJUWh5mmm6LZ7jq0rvN7MSOuYU8H_1yutY42kpfezd3H5yX4IRmADzuvK_0h59vI9oqMvoL-evxOujswthMXYebHKTvOzdBglvRMPocXsqpj6WhyphenhyphenZEgdzpmKIzltiep0jRaCHofdsBoLk/+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/AVvXsEgzyehwL25kwyHssjZbIKIdYWJq3Xr90RQ3D-Jul48jYmbwFkycNCFdap_kQDewnVE0AadyBrBCouAqszJt-CA7865G7tct90bY5cEW2clwotvSU0_dEb8kO-UWISky98DBKOioandtjM-f/+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/AVvXsEhvOfNn9Vfs6IvNSRUJDWzGno9hfvXFQoRqk6DHMHVVH-1JVGeb2D02lhfUImTweaLyVj4kd5qwRHBR7JFDB1wKToyF299DkVNyKldyb6JJAg-DpOhBsTBvrmwzAqTWXj5bw_tVtvYoK_dG/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/AVvXsEit-tYMfFNfsT_onyFkAcaSfAR8UJrF3D9wPfzkpSV8vRDXh8B39w0cs2oXSDKchHLDrJI-3kL0MGukhkElFJMke_hSl0aT0l2EtY3uVqpZ5mjeEzGcvmxTFUHAT8cWZbmk5z05tmkbGuJU/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/AVvXsEjSLb-n8yLwblYMdkN7VhgE6350K-rxfHiUKCPF68NgBhQqToy89e_eYKnnTznZ8o39jqdUAsFLcY2ZOFwaRCSTHP0tAnmbwGgnAJNITiHu_VRrqGyUeTx3Y6-kzD75bexZRdZyu79tUnoC/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/AVvXsEjJgdzRmRYw7VOzhNGSoT4DS32aY0qUn_KSp3pjozmnA4pXylqb8QcI3C-bV7zqyzZDAufKxjl3q1e2ER7gL-krWalAbfyQMndPywZoXqJlSTb0M0zAccrPnEFBDuGzVnXADDUs1CT7rULu/" /><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/AVvXsEj_2YHwHF4ijU6WBPAQBQpo1m1wG0Jrmbgo0Cx5RbqIQmpZHNpwetHW7WJi6xwjnIwzvVydK8hEgjwkNPFWVIb_ufcbFJ-iTNBfH7HJvf5W72JLeZMoBNfklu11qCXNATFYm3JvFdeN10Kp/" /><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/AVvXsEggdBAvPL2PbNG4A-cyUml_Hl7PsmcIdMKlbf2Up8QU9PhmQfK0xqprXjPfUUUDtXT9ooZ9SdVfgmqG-4U8sKiIvNHy5Lc2nHPCtuIbHktSF88Co14x_PxtzYg2Bn6jh4SrPiqNBqmn8VBV/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/AVvXsEiIJrpx43TvN5vHO3zdTZrtvDBYwXXZ-iYlY_r1-OgRdMh7SDdEiGhKUay0Je7DipzdDYhlLtSRu9Ki3VDFgS_vnx5ccpSWRjZ6slbv42cSCvOuDNLzEGk7iTUsxy9Cc1oJg_YCELbYrDXK/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/AVvXsEirn2sQyv0gqN_lxDCL5UQfQhPCeDaQPLylTZJ8tLVwHvhpySQod4P_PuRi25HCnn3A6oPaCqFetr1iM0PIFuncPQMDF83borLMXF7XxblrfA3uR-KgZpB2FzqBtlIusy1rOjNrjvWlDbY-/</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/AVvXsEi0PSABWY8gyzllXcsTWFeLsghR83pkYZSKy-cDxzcTFZetxhOFb_SqGB1S8Yopt5omx3zoBg0VPBLyxXOYVYvmOQ3WTq4sTNabXFKlgCkkPizzuHuRfD5b3nK8sBGrvpAq95q4jlIFQO9R/</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/AVvXsEgne6Bg2DTW5CGenNhV-EcVeEAdxgtOLvDaqcwktu0NdGoJ71VHtroYgD7LIjTrT9B8DS8HCitYbCjrfXv8sSexkPKW72TO_aOfyQNYHkfJC007VQtmJMuOizMeWqIwLiyAdY08Kly5fxyC/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/AVvXsEie9mofPpK7CmotPX6Stzv9bUmfAyhuoHYrkcgG_KxtaIdpdluYBoiQH4O6IAyoNKR8-O4Ogndjd7_VP7c7FyXWnRhPU1n8OgnVurxDQ4MBIDgB6tsmXCF5X4tiCGb_C6Yys84yVdi6V_Pz/+slider1.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie9mofPpK7CmotPX6Stzv9bUmfAyhuoHYrkcgG_KxtaIdpdluYBoiQH4O6IAyoNKR8-O4Ogndjd7_VP7c7FyXWnRhPU1n8OgnVurxDQ4MBIDgB6tsmXCF5X4tiCGb_C6Yys84yVdi6V_Pz/+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/AVvXsEikIG9Tvr9y22JEhA0MQhb1v8JbJkJ60q_Lw-dsbsF-yat7aGMBQNKj8hKsDXjUFBJgTr9fytC0V1JwwFbPq_Vb661quHGh5489LBvSDlkHyJ0PSir_oXqPGtAh9S634jvsJHdYCYBVNdrZ/+slider2.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikIG9Tvr9y22JEhA0MQhb1v8JbJkJ60q_Lw-dsbsF-yat7aGMBQNKj8hKsDXjUFBJgTr9fytC0V1JwwFbPq_Vb661quHGh5489LBvSDlkHyJ0PSir_oXqPGtAh9S634jvsJHdYCYBVNdrZ/+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/AVvXsEgEjCP_sflxqp596Dsonj2m07rpQuhKVAOjaNfwxRfNi1aNxDlzmt3EJ208kZGLxYMSdoJee8jdx0sfuAs53xuv7ZyarGTBXkjZ_dXl3kLUG0X4d3zWuwL_KlUe0Ks7r89r1XAMlKOgcYju/+slider3.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEjCP_sflxqp596Dsonj2m07rpQuhKVAOjaNfwxRfNi1aNxDlzmt3EJ208kZGLxYMSdoJee8jdx0sfuAs53xuv7ZyarGTBXkjZ_dXl3kLUG0X4d3zWuwL_KlUe0Ks7r89r1XAMlKOgcYju/+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/AVvXsEguSWU6fXx0tDscqFqOW0ES-MADS9LiJWP-q4zSSMtkIpSANLZ61Z4OjlcO_kVkFROiWU9r96x82IPwdRvpUOjUgRr3VWuRTs9a8owdmpyR-_8g2_OdlHoFbtkh3bTg-065TmYc6d1IxLR1/+slider4.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguSWU6fXx0tDscqFqOW0ES-MADS9LiJWP-q4zSSMtkIpSANLZ61Z4OjlcO_kVkFROiWU9r96x82IPwdRvpUOjUgRr3VWuRTs9a8owdmpyR-_8g2_OdlHoFbtkh3bTg-065TmYc6d1IxLR1/+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/AVvXsEiv-7g3olLV9I_b9F9z8Bz_u8V1057iB9xCeDX708lFdj2WYUaLtYM4nwUOdsxdMGH7Y8GskcW_vSb_UyANInDbTs88pvLVD2zl4od7byJeTr1fklg0EnagQAyhBbgRUFaeYNs4P-pb9ihI/+slider5.jpg</span>'/><br />
<img class='thumbnail' src='<span style="color: #ff6600;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-7g3olLV9I_b9F9z8Bz_u8V1057iB9xCeDX708lFdj2WYUaLtYM4nwUOdsxdMGH7Y8GskcW_vSb_UyANInDbTs88pvLVD2zl4od7byJeTr1fklg0EnagQAyhBbgRUFaeYNs4P-pb9ihI/+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/AVvXsEjfriCgCOWdDmoUZZ7Dqxrfb7_Z9uUtYhHxZG6GfXZQduv-RUs90ddxUvVDAHWodhH8r-LEGChYuJtnacfFY1h8AthpwwU3I2zIa2S_SWu3YiRHO0_Kmf717s2WaVApTLktOP70WeiiPWNB/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/AVvXsEilMEuVjqz8E_SUaqwchH2gVTZAQ7WRxv0KLj1un2wl7MfX-dy-oNHt7zwtnnK2vQxv1RlhmJN1usHMhp3qJkrCA6jja7Qgr5Am_Kl5X_ZoTbkequ5MiGI-rkzKJYjUu-0E1IEN5bWs43ed/+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/AVvXsEgRDnE76rc9X72djqxFRNpRzMhtYWgAMMRkTtxfjD2L1xOwh5EFE4m57VZQV85W8PoznNcSkLkhL6pidhhSGxrWyddwam3_Cyz7rUwVMUSFx0bsoJxMvuDDxEIYUzU_rziSowW7-GC0FthO/+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/AVvXsEil_BZjDF3RgNq-na5sTnFDasQmZu6mH7Krr2tCEuAjL1-QTg13D9wQtiIjyPmLO93YVIOehOABi5sJsGGUX7xPuv37HD5kJbpSNc4uX4TnEwVROlSlN4du0Cyx-bAqfBX0OGAwv3Ugy7CJ/"/></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/AVvXsEikEwiLEiFiNM8LfkhxFF09zRF4iTjrXPqG-s05Jt_I1vqaeLpd2cZGw-_ODrfA3O0QzqcVS5wk_AV_dscUcbHtIF0HtxnNZhWfgcwUyAzZRZyplWCmbYY2Aa2ku_vjaMXljyVNDBt59ZXm/"/></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/AVvXsEgfF-SAu-efRIguAbeSZA3z5IK4DF2A_wQxnzU7Tk3KPwQ3vVUuEwCqe-d9Vlnbv4EmBL3xouUgm-60HDFnGHFVtdzSe77qKztw2Zvid8nzcLkzWnOo2OCuupjcagFpaa5KGJe8kM7Fg0Ee/+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/AVvXsEgVkaZGH_LR1ejIQzKr7hxpZQ34SRpH3fCjGrPdZnxjsZuID7NWv326c3uxJ-HATmLpoxXVy1VJR2wOW2S2BLDR28EfrPl6SBSuM0Zlkyhbw25D9Eho9f6rI-GJdQN5enH-HV_e_MDuJtVX/"/></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/AVvXsEgLc6Lmnc4H9wb7uSlTb4PrPCyINFXMklglm86Qy5hdhkVyB-b5Bu4Y1X6HrSbaSatkwprC43NmzHl0Xrl1-1XuPbhszXPtlNeNTrk2SDIW6DlOIwoILxyf4MsGXjq9-MmmTHtVKyjdXyYs/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/AVvXsEhOa2Rv_ladcb1Bb5cvZ6C_pSNrU4OHlwa3d77fpQJj_t9DxJt6gYyqsffd15ZHAuS5kfNED9g_2Qh4tTryEGvLtBXz8Bku8awzueFoMBHdhlEBBpkEUPuSoUSmciLsdmPYRN7utRRaNF9C/</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/AVvXsEij_KXBAZj-ZjFzTsmp5SD8A5IGrHY8cy2pgQkXwZNkWIxrQDHsIo403efIvFSnqrJHzm4E1peNQvc2wnMmWiXK8HW_mmHMi4QULxAxAblhWSDYXAYVJFIgt1wUnfNuoRgTwjmCLn5u8-OU/</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/AVvXsEje4E63SLgE9Xh_TOwxWR2wZ1DdG3iRtJtLeKf2Ie2ZSCsdgWCoU9CDO4D-ebx_bz7gm4Iulr59rCMfeDA-5dEhD1Jiwz0ymxvqUiAJV-xw5VlxcW-WuMts-bwvmU74tfqjlMX1CCSdU-rb/</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/AVvXsEhuRw7iTPcYg5Fl_coUlYH7eWGGBVSQVTtX5m-SBJAWaaJLzXMzdrEWp8MSiZqom_u1nGnyHUajIXXeIBbSSDZjcXFM9j-n5ecsnoCr2CGj3DIBfimBPFc_BAGNVaIgytpz2YwIU-V-RMkQ/</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/AVvXsEiOPRn7zC2Vs4ULTD6qbQyVXNxq4shgx6FuZGaXdrvYwkIk0H2I0FHZrA_pQwGOm2qdUFzcTG5pc8vfzppUTL7EfPUYL9lRv6pThtUT6lrtDENUuL1Vn_3vx4uYIIh6CBW7aICxV_9KvNKD/</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/AVvXsEjyBt4HppOe6co6WpBhtmmAujmlkG03sTaB5J7xuRqOCUeNw7z3xF370WH5OYl_F_w0FY8NRBpjmV8A2bzPo_OidC58IEs1pG6GrHAnrcTCIJ_iSvICwpPD-2AP5Niv7E45bDIK14vMqnOo/+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/AVvXsEj2dXCoYXI1PBBi44CZD1vzc_UI2zSoOvoz0xjLud9b7lHYMZd9_x6jWRjSeydLvT4Akgw-3sekn7fJJJkBO1OjQL-z-MY4_ymgwrIkotGGfiTJZzfrLc9zU2l62gS4T0TRz2Q1yXT_4kd4/" 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/AVvXsEieT-KpbJ9pfAIR_pZlkogRo2UEPl2le97evR6kw6PUYqqK_IStsI_kYCaazAtuLAvjfKG6TVU3JBhy_jMLKSlGfMYWbih93UdHfadJdRQ0p6T8D85pqzhA6CZ7dkpR7oCVGhD2A8m-KXVk/+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/AVvXsEiDvwqrGxa6SWDaCYFpVwvm1knqpCWqQk5HCo_c_v1nHyjL0rYnsk4hx0YRPvwMGJDX5lw8FF01C2vH8wMLzqsqu2AAGtbvZ0nWV9Wfk-yHP4-FRs_oXtVw1fVTCGfYtNhvhXjRMqczv_4m/" 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/AVvXsEgOk8E2_X-cqdyhLp9F7IFQFMFGMFtT9z3IuGomGLyyeqW_vilSk7ICRuzLmrdmUk3E7HbjAyJAfddf86j875uvxsn99EZze9LiX0jeT6LK866QDfy3ScIRuVRtrIGOHZpyGY67THSyVe16/+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/AVvXsEgiK4GQ931A0uTNhPeTYg0c0-cLnVfdGqmxSRFtX4cq4vCC_wYoD6pQI3lfD2_X1bttUf0KzhMDtQIBuS4DXYNeWxCWj0Wq_aTVN36ZhvfSnXV1dCCKQidp6MKrfmTtc4k599CkCN-7hvxP/" 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>
</div>
adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com40tag:blogger.com,1999:blog-2648032558084820227.post-19808404156688609462011-01-03T11:00:00.003-08:002013-09-22T01:16:30.355-07:0017+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes<div dir="ltr" style="text-align: left;" trbidi="on">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.Here is a list of 17+ Horizontal CSS Drop down menus.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.adding drop down menus in blogger can benefit your readers to find out the intended Posts of the blog with ease.so lets start now introducing the menus one bye one, whichever you like just copy code and paste the code.<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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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://bit.ly/1fpoo5Q" target="_blank"><strong>35+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes</strong></a> ..........</div></div><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 />
<br />
<a name='more'></a><br />
<br />
<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/ePMci3" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPed6LeTCbneA2Uw-N3Yzm_-PGZW3ZeU99hdwNvQFptDg_3snS_umqBxaMjcz6dm7Dv7QCrGfwGAl8hAPHMAf43lbblGGfrhsJHu4bOo6a9lIgFdu2N_xMxuSLcgdgk70DfrVDMC2HGy-T/s200/17%252B+Drop+Down+Menu+Widget+in+Blogger+Horizontal+Menus+With+CSS+HTML+Codes.jpg" width="200" /></a></div><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 />
<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 />
<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;">1. Massive Blue Drop Down menu </span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><span id="goog_1770000201"></span><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk11JkQUDQOb5WxxjDcQrr4jTjn3b8e4jWdmZ1M9Pz4PCItC5zZqTSfPpHIdQzQE4a37nUvb-qWxdKweKanPpO5Vwpdmva-A-Eta-IBRKvmmqMRvsS16EtCLgVAinmz0D-R2ibWnbqx6O4/s200/Massive+Blue+Drop+Down.png" width="200" /><span id="goog_1770000202"></span></div><br />
<br />
HTML CODE:<br />
<br />
<br />
<br />
<div class="code"><div class="menu"><br />
<br />
<ul><br />
<br />
<li><a href="#" >Home</a></li><br />
<br />
<li><a href="#" id="current">Products</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/faq.php">FAQ</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/contact/contact.php">Contact</a></li><br />
<br />
</ul><br />
<br />
</div></div><br />
<br />
<br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.menu{<br />
<br />
border:none;<br />
<br />
border:0px;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;<br />
<br />
font-size:14px;<br />
<br />
font-weight:bold;<br />
<br />
}<br />
<br />
.menu ul{<br />
<br />
background:#333333;<br />
<br />
height:35px;<br />
<br />
list-style:none;<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
.menu li{<br />
<br />
float:left;<br />
<br />
padding:0px;<br />
<br />
}<br />
<br />
.menu li a{<br />
<br />
background:#333333 url("<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYQWO2AgL-IfGZ_mqTAs43MEjAEnkdRgDMRngxFJZAdwEcRq9CKxMRIqIBkvMd8XWoEHcpQ2cb95d-NY4hf_fyViAp-2Ugh4Bee3hNc79sfHyNyxBBcVVYyL4IspWp0kvZmLltTrmn7Sf/s1600/seperator.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYQWO2AgL-IfGZ_mqTAs43MEjAEnkdRgDMRngxFJZAdwEcRq9CKxMRIqIBkvMd8XWoEHcpQ2cb95d-NY4hf_fyViAp-2Ugh4Bee3hNc79sfHyNyxBBcVVYyL4IspWp0kvZmLltTrmn7Sf/s1600/seperator.gif</a>") bottom right no-repeat;<br />
<br />
color:#cccccc;<br />
<br />
display:block;<br />
<br />
font-weight:normal;<br />
<br />
line-height:35px;<br />
<br />
margin:0px;<br />
<br />
padding:0px 25px;<br />
<br />
text-align:center;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li a:hover, .menu ul li:hover a{<br />
<br />
background: #2580a2 url("<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJGeXueWZ7BpNBJsCQTheQwnt0Nv_mH8Hj1LdQyf_M7tZ2uRu4h0mVSRu0wCr33RKHfzv4R-LkQHdOjVHb5skTyVcmHzRm1wTNWBgvRvkIwO66G_PvlRdswOLJhqDJueAlf6s7ID_2_ZbC/s1600/hover.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJGeXueWZ7BpNBJsCQTheQwnt0Nv_mH8Hj1LdQyf_M7tZ2uRu4h0mVSRu0wCr33RKHfzv4R-LkQHdOjVHb5skTyVcmHzRm1wTNWBgvRvkIwO66G_PvlRdswOLJhqDJueAlf6s7ID_2_ZbC/s1600/hover.gif</a>") bottom center no-repeat;<br />
<br />
color:#FFFFFF;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li ul{<br />
<br />
background:#333333;<br />
<br />
display:none;<br />
<br />
height:auto;<br />
<br />
padding:0px;<br />
<br />
margin:0px;<br />
<br />
border:0px;<br />
<br />
position:absolute;<br />
<br />
width:225px;<br />
<br />
z-index:200;<br />
<br />
/*top:1em;<br />
<br />
/*left:0;*/<br />
<br />
}<br />
<br />
.menu li:hover ul{<br />
<br />
display:block;<br />
<br />
<br />
<br />
}<br />
<br />
.menu li li {<br />
<br />
background:url('<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlgdD1n8xpP89wKp-1mN8pigNyUiH_ff8SchqJWHRbdvEud9OTNA8p-Xuznjv11IbA-bzRn28v-82MLkdNFcJfQHUgYFLzOMSFR0m-cAjKLUbxy6EcDTU1YxK4s9-FgJzRjTdlz47ElFsn/s1600/sub_sep.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlgdD1n8xpP89wKp-1mN8pigNyUiH_ff8SchqJWHRbdvEud9OTNA8p-Xuznjv11IbA-bzRn28v-82MLkdNFcJfQHUgYFLzOMSFR0m-cAjKLUbxy6EcDTU1YxK4s9-FgJzRjTdlz47ElFsn/s1600/sub_sep.gif</a>') bottom left no-repeat;<br />
<br />
display:block;<br />
<br />
float:none;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
width:225px;<br />
<br />
}<br />
<br />
.menu li:hover li a{<br />
<br />
background:none;<br />
<br />
<br />
<br />
}<br />
<br />
.menu li ul a{<br />
<br />
display:block;<br />
<br />
height:35px;<br />
<br />
font-size:12px;<br />
<br />
font-style:normal;<br />
<br />
margin:0px;<br />
<br />
padding:0px 10px 0px 15px;<br />
<br />
text-align:left;<br />
<br />
}<br />
<br />
.menu li ul a:hover, .menu li ul li:hover a{<br />
<br />
background:#2580a2 url('<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxCcDcfeZ5ixBR_a4REZxVGc-Adg3sRacyA8tNFMt7dQ9ED6Lb0CI16pfZvhjkBGOTjjRjF6m9CXMbSoO-j50Plqwpkxr_jclMDBat3dJ7dqf9nw88gV6Jnti_lK_9LdJT6l3pChkmWQO/s1600/hover_sub.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxCcDcfeZ5ixBR_a4REZxVGc-Adg3sRacyA8tNFMt7dQ9ED6Lb0CI16pfZvhjkBGOTjjRjF6m9CXMbSoO-j50Plqwpkxr_jclMDBat3dJ7dqf9nw88gV6Jnti_lK_9LdJT6l3pChkmWQO/s1600/hover_sub.gif</a>') center left no-repeat;<br />
<br />
border:0px;<br />
<br />
color:#ffffff;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu p{<br />
<br />
clear:left;<br />
<br />
} <br />
<br />
<br />
<br />
<br />
<br />
</div><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;">2. Sunrise Gloss Drop Down Menus </span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkUCvWnkbhPCjdxRI4lEKFhvCffybaMK7QrJxRzVIJi4_iviVhFmM9bUz-nGT9eKLYTAmYNPg2VlTqb74pvVRJLFESlhtqq9OPYcE3Zl8hlD_zIYAwGY02u3c24U6lVKHX58MASTKkFp1O/s200/Sunrise+Gloss.png" width="200" /></div><br />
<br />
<br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><div class="nav-container-outer"><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcz3sZU9M1L5awY4Ihm55xCj09-_IObMVbjrrt5FGJaNSZQNPwyiMhyphenhyphenZazhdXxjww5oRG4E_IzMbKtQ-hZ5PKw3tZvQlRCNaxNz6XYqZLFeltMoD-ICgk4Cb_ErOfOUlARustyYkolJmZy/s1600/nav-bg-l.jpg" alt="" class="float-left" /><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6nhzXjCj6Wac0e0iHcIhKRU4YIo86XD1YH0XklILwt053JfTUFJlpZfoEZDKKwQ8vxZaQPv7vClnM9rQ3YThzWapWUxMQThlfo4RpsV0BUCmVMaf7oPRc2rfQ4pG1VNVoR_fuWL3ooIu5/s1600/nav-bg-r.jpg" alt="" class="float-right" /><br />
<br />
<ul id="nav-container" class="nav-container"><br />
<br />
<li><a class="item-primary" href="#">HOME</a><br />
<br />
</li><br />
<br />
<br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<br />
<li><a class="item-primary" href="#">Products</a><br />
<br />
<br />
<br />
<ul style="width:150px;"><br />
<br />
<li><a href="#">SoftwarePlus</a></li><br />
<br />
<li><a href="#">MagicDriver</a></li><br />
<br />
<li><a href="#">GreatFX</a></li><br />
<br />
<li><a href="#">SampleSoft</a></li><br />
<br />
<li><a href="#">UnDoIt</a></li><br />
<br />
<li><a href="#">100% CSS Menu</a></li><br />
<br />
<li><a href="#;">With Cross-Browser</a></li><br />
<br />
<li><a href="#;">Dropdowns</a></li><br />
<br />
<li><a href="#;">Absolutely NO Javascript</a></li><br />
<br />
<li><a href="#;">Being Used On</a></li><br />
<br />
<li><a href="#;">These Menus</a></li><br />
<br />
<li><span class="divider divider-horiz" ></span></li><br />
<br />
<li><a href="#;">Example Of a Divider</a></li><br />
<br />
<li><a href="#;">With No Title</a></li><br />
<br />
</ul></li><br />
<br />
<br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<br />
<li><a class="item-primary" href="#">Quality</a><br />
<br />
<br />
<br />
<ul style="width:150px;"><br />
<br />
<li><a href="#">SoftwarePlus</a></li><br />
<br />
<li><a href="#">MagicDriver</a></li><br />
<br />
<li><a href="#">GreatFX</a></li><br />
<br />
<li><a href="#">SampleSoft</a></li><br />
<br />
<li><a href="#">UnDoIt</a></li><br />
<br />
<li><a href="#">100% CSS Menu</a></li><br />
<br />
<li><a href="#;">With Cross-Browser</a></li><br />
<br />
<li><a href="#;">Dropdowns</a></li><br />
<br />
<li><a href="#;">Absolutely NO Javascript</a></li><br />
<br />
<li><a href="#;">Being Used On</a></li><br />
<br />
<li><a href="#;">These Menus</a></li><br />
<br />
<li><span class="divider divider-horiz" ></span></li><br />
<br />
<li><a href="#;">Example Of a Divider</a></li><br />
<br />
<li><a href="#;">With No Title</a></li><br />
<br />
</ul></li><br />
<br />
<br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<br />
<li><a class="item-primary" href="#">Services</a><br />
<br />
<br />
<br />
<ul style="width:150px;"><br />
<br />
<li><span class="item-secondary-title" >Title For Links</span></li><br />
<br />
<li><a href="#">These Links Still Appear</a></li><br />
<br />
<li><a href="#">Just Like The Others</a></li><br />
<br />
<li><a href="#">Even When Under A Title</a></li><br />
<br />
<li><span class="divider divider-horiz" ></span></li><br />
<br />
<li><span class="item-secondary-title" >Title After Divider</span></li><br />
<br />
<li><a href="#">Once Again...</a></li><br />
<br />
<li><a href="#">These Links Still Appear</a></li><br />
<br />
<li><a href="#">Just Like The Others</a></li><br />
<br />
<li><a href="#">Even When Under A Title</a></li><br />
<br />
</ul></li><br />
<br />
<br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<br />
<li><a class="item-primary" href="#;">Very Long Item</a><br />
<br />
<br />
<br />
<ul style="width:150px;"><br />
<br />
<li><span class="item-secondary-title" >Title For Links</span></li><br />
<br />
<li><a href="#">These Links Still Appear</a></li><br />
<br />
<li><a href="#">Just Like The Others</a></li><br />
<br />
<li><a href="#">Even When Under A Title</a></li><br />
<br />
<li><span class="divider divider-horiz" ></span></li><br />
<br />
<li><span class="item-secondary-title" >Title After Divider</span></li><br />
<br />
<li><a href="#">Once Again...</a></li><br />
<br />
<li><a href="#">These Links Still Appear</a></li><br />
<br />
<li><a href="#">Just Like The Others</a></li><br />
<br />
<li><a href="#">Even When Under A Title</a></li><br />
<br />
</ul></li><br />
<br />
<br />
<br />
<li><span class="divider divider-vert" ></span></li><br />
<br />
<li><a class="item-primary" href="#;">Fully Flexible</a><br />
<br />
<br />
<br />
<ul style="width:150px;"><br />
<br />
<li><span class="item-secondary-title" >Title For Links</span></li><br />
<br />
<li><a href="#">These Links Still Appear</a></li><br />
<br />
<li><a href="#">Just Like The Others</a></li><br />
<br />
<li><a href="#">Even When Under A Title</a></li><br />
<br />
<li><span class="divider divider-horiz" ></span></li><br />
<br />
<li><span class="item-secondary-title" >Title After Divider</span></li><br />
<br />
<li><a href="#">Once Again...</a></li><br />
<br />
<li><a href="#">These Links Still Appear</a></li><br />
<br />
<li><a href="#">Just Like The Others</a></li><br />
<br />
<li><a href="#">Even When Under A Title</a></li><br />
<br />
</ul></li><br />
<br />
<li class="clear">&nbsp;</li></ul><br />
<br />
</div><br />
<br />
<br />
<br />
</div><br />
<br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">@charset "utf-8";<br />
<br />
/* CSS Document */<br />
<br />
<br />
<br />
body{<br />
<br />
padding: 25px;<br />
<br />
}<br />
<br />
<br />
<br />
/*^'^ Navigation Structure ^'^*/<br />
<br />
.nav-container-outer{<br />
<br />
background: #990000;<br />
<br />
padding: 0px;<br />
<br />
height: 74px;<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKA4AscYv8T3qgR6Dw1k46zxG7tQprpKMiVZNY1yK2Qb1lLALClrGOF3C3yUYrBFrX_KbavbDD-TJCj_3yJzTvH2exhyphenhyphenSKxHlGyNQWxTTapXCynUYxBBwVvah3SEhEihooUyRtd0DQE7db/s1600/nav-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKA4AscYv8T3qgR6Dw1k46zxG7tQprpKMiVZNY1yK2Qb1lLALClrGOF3C3yUYrBFrX_KbavbDD-TJCj_3yJzTvH2exhyphenhyphenSKxHlGyNQWxTTapXCynUYxBBwVvah3SEhEihooUyRtd0DQE7db/s1600/nav-bg.jpg</a>);<br />
<br />
}<br />
<br />
.float-left{<br />
<br />
float: left;<br />
<br />
}<br />
<br />
.float-right{<br />
<br />
float: right;<br />
<br />
}<br />
<br />
.nav-container .divider{<br />
<br />
display:block;<br />
<br />
font-size:1px;<br />
<br />
border-width:0px;<br />
<br />
border-style:solid;<br />
<br />
}<br />
<br />
.nav-container .divider-vert{<br />
<br />
float:left;<br />
<br />
width:0px;<br />
<br />
display: none;<br />
<br />
}<br />
<br />
.nav-container .item-secondary-title{<br />
<br />
display:block;<br />
<br />
cursor:default;<br />
<br />
white-space:nowrap;<br />
<br />
}<br />
<br />
.clear{<br />
<br />
font-size:1px;<br />
<br />
height:0px;<br />
<br />
width:0px;<br />
<br />
clear:left;<br />
<br />
line-height:0px;<br />
<br />
display:block;<br />
<br />
float:none;<br />
<br />
}<br />
<br />
.nav-container{<br />
<br />
position:relative;<br />
<br />
zoom:1;<br />
<br />
margin: 0 auto;<br />
<br />
}<br />
<br />
.nav-container a, .nav-container li{<br />
<br />
float:left;<br />
<br />
display:block;<br />
<br />
white-space:nowrap;<br />
<br />
}<br />
<br />
.nav-container div a, .nav-container ul a, .nav-container ul li{<br />
<br />
float:none;<br />
<br />
}<br />
<br />
.nav-container ul{<br />
<br />
left:-10000px;<br />
<br />
position:absolute;<br />
<br />
}<br />
<br />
.nav-container, .nav-container ul{<br />
<br />
list-style:none;<br />
<br />
padding:0px;<br />
<br />
margin:0px;<br />
<br />
}<br />
<br />
.nav-container li a{<br />
<br />
float:none<br />
<br />
}<br />
<br />
.nav-container li{<br />
<br />
position:relative;<br />
<br />
}<br />
<br />
.nav-container ul{<br />
<br />
z-index:10;<br />
<br />
}<br />
<br />
.nav-container ul ul{<br />
<br />
z-index:20;<br />
<br />
}<br />
<br />
.nav-container ul ul ul{<br />
<br />
z-index:30;<br />
<br />
}<br />
<br />
.nav-container ul ul ul ul{<br />
<br />
z-index:40;<br />
<br />
}<br />
<br />
.nav-container ul ul ul ul ul{<br />
<br />
z-index:50;<br />
<br />
}<br />
<br />
li:hover>ul{<br />
<br />
left:auto;<br />
<br />
}<br />
<br />
#nav-container ul {<br />
<br />
top:100%;<br />
<br />
}<br />
<br />
#nav-container ul li:hover>ul{<br />
<br />
top:0px;<br />
<br />
left:100%;<br />
<br />
}<br />
<br />
<br />
<br />
/*^'^ Primary Items ^'^*/ <br />
<br />
#nav-container a{ <br />
<br />
padding:7px 17px 7px 18px;<br />
<br />
margin: 10px 0px 0px 0px;<br />
<br />
color: #FFFFFF;<br />
<br />
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;<br />
<br />
font-size:14px;<br />
<br />
text-decoration:none;<br />
<br />
font-weight: bold;<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX5gvIamXH_P3Y9V56g5rG8wJqE3SN1J7xtrPQmcvgCUoIZVakaOfdRk9mrMtZlZ56_evbV7B_g2QlKHb6yOKNucEqwk7gMRf3bmnzpDaChGU-fHMkITY7RySbpzVZxU-xaDm-hA7lfiRn/s1600/item-primary-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX5gvIamXH_P3Y9V56g5rG8wJqE3SN1J7xtrPQmcvgCUoIZVakaOfdRk9mrMtZlZ56_evbV7B_g2QlKHb6yOKNucEqwk7gMRf3bmnzpDaChGU-fHMkITY7RySbpzVZxU-xaDm-hA7lfiRn/s1600/item-primary-bg.gif</a>);<br />
<br />
background-repeat: no-repeat;<br />
<br />
background-position: top;<br />
<br />
}<br />
<br />
<br />
<br />
#nav-container a:hover{<br />
<br />
color: #6C3600;<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX5gvIamXH_P3Y9V56g5rG8wJqE3SN1J7xtrPQmcvgCUoIZVakaOfdRk9mrMtZlZ56_evbV7B_g2QlKHb6yOKNucEqwk7gMRf3bmnzpDaChGU-fHMkITY7RySbpzVZxU-xaDm-hA7lfiRn/s1600/item-primary-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX5gvIamXH_P3Y9V56g5rG8wJqE3SN1J7xtrPQmcvgCUoIZVakaOfdRk9mrMtZlZ56_evbV7B_g2QlKHb6yOKNucEqwk7gMRf3bmnzpDaChGU-fHMkITY7RySbpzVZxU-xaDm-hA7lfiRn/s1600/item-primary-bg.gif</a>);<br />
<br />
background-repeat: no-repeat;<br />
<br />
background-position: center;<br />
<br />
}<br />
<br />
<br />
<br />
/*^'^ Secondary Items Container ^'^*/ <br />
<br />
#nav-container div, #nav-container ul{ <br />
<br />
padding:10px 4px 10px 4px;<br />
<br />
margin:0px 0px 0px 0px;<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS7osL9d2VhmcZR2G7tRR7Gww2dnpDL9OWSg3CcnO2PF3R_LEIz0FIQgV3zQbObHo95a9N3NbErh0AlNfxWbI9qQ1tSKon5TnHJSqmnR9pV_d1BubEVMI0VNpBIUTw4g9pjZkngxtlfOM3/s1600/item-secondary-container-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS7osL9d2VhmcZR2G7tRR7Gww2dnpDL9OWSg3CcnO2PF3R_LEIz0FIQgV3zQbObHo95a9N3NbErh0AlNfxWbI9qQ1tSKon5TnHJSqmnR9pV_d1BubEVMI0VNpBIUTw4g9pjZkngxtlfOM3/s1600/item-secondary-container-bg.jpg</a>);<br />
<br />
background-repeat: repeat-x;<br />
<br />
background-color: #FF9900;<br />
<br />
border-bottom: 1px solid #CA6500;<br />
<br />
}<br />
<br />
<br />
<br />
/*^'^ Secondary Items ^'^*/ <br />
<br />
#nav-container div a, #nav-container ul a{ <br />
<br />
padding:3px 10px 3px 6px;<br />
<br />
background-color: #FFFFFF;<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2AccIWVb6aJzc1KdeNIrUSpTpD-EFEckDWx8FT5S20v4GXpoGW8e_Ya6l3wy6xIbVk_-fY-8q_ogz6xB3H2TiNjZspDs3fN8LB81RhQKquLqDnpMgDKwbThOt2npJAFZ2ga9YhB3Xbx59/s1600/item-secondary-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2AccIWVb6aJzc1KdeNIrUSpTpD-EFEckDWx8FT5S20v4GXpoGW8e_Ya6l3wy6xIbVk_-fY-8q_ogz6xB3H2TiNjZspDs3fN8LB81RhQKquLqDnpMgDKwbThOt2npJAFZ2ga9YhB3Xbx59/s1600/item-secondary-bg.jpg</a>);<br />
<br />
background-repeat: no-repeat;<br />
<br />
background-position: 0px 22px;<br />
<br />
font-size:11px;<br />
<br />
border-width:0px;<br />
<br />
border-style:none;<br />
<br />
margin: 0px 0px 0px 0px;<br />
<br />
width: 149px;<br />
<br />
}<br />
<br />
<br />
<br />
/*^'^ Secondary Items Hover State ^'^*/ <br />
<br />
#nav-container div a:hover, #nav-container ul a:hover{ <br />
<br />
background-color: #FFFFFF;<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2AccIWVb6aJzc1KdeNIrUSpTpD-EFEckDWx8FT5S20v4GXpoGW8e_Ya6l3wy6xIbVk_-fY-8q_ogz6xB3H2TiNjZspDs3fN8LB81RhQKquLqDnpMgDKwbThOt2npJAFZ2ga9YhB3Xbx59/s1600/item-secondary-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2AccIWVb6aJzc1KdeNIrUSpTpD-EFEckDWx8FT5S20v4GXpoGW8e_Ya6l3wy6xIbVk_-fY-8q_ogz6xB3H2TiNjZspDs3fN8LB81RhQKquLqDnpMgDKwbThOt2npJAFZ2ga9YhB3Xbx59/s1600/item-secondary-bg.jpg</a>);<br />
<br />
background-repeat: no-repeat;<br />
<br />
color:#CC0000;<br />
<br />
}<br />
<br />
<br />
<br />
/*^'^ Secondary Item Titles ^'^*/ <br />
<br />
#nav-container .item-secondary-title{ <br />
<br />
cursor:default;<br />
<br />
padding:4px 0px 3px 7px;<br />
<br />
color: #6C3600;<br />
<br />
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;<br />
<br />
font-size:11px;<br />
<br />
/* background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFlivhE5hQHkxCXltS3QTeuMSTYolIuV26WOafFwRtHzaLbjyTby6R3jHetXGcsvAZeeuI_2X4PYRlWdeJmiNmnYGhi99uz7l96UUY_iYzin0iYmSDD0ZRmBeIcZ9i9l0J25Y2oGqdBLYo/s1600/item-secondary-title-bg.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFlivhE5hQHkxCXltS3QTeuMSTYolIuV26WOafFwRtHzaLbjyTby6R3jHetXGcsvAZeeuI_2X4PYRlWdeJmiNmnYGhi99uz7l96UUY_iYzin0iYmSDD0ZRmBeIcZ9i9l0J25Y2oGqdBLYo/s1600/item-secondary-title-bg.jpg</a>); */<br />
<br />
background-repeat: no-repeat;<br />
<br />
font-weight:bold;<br />
<br />
}<br />
<br />
<br />
<br />
/*^'^ Horizontal Dividers ^'^*/ <br />
<br />
#nav-container .divider-horiz{ <br />
<br />
border-top-width:1px;<br />
<br />
margin:5px 5px;<br />
<br />
border-color: #C16100;<br />
<br />
}<br />
<br />
<br />
<br />
/*^'^ Vertical Dividers ^'^*/ <br />
<br />
#nav-container .divider-vert{ <br />
<br />
border-left-width:1px;<br />
<br />
height:15px;<br />
<br />
margin:4px 2px 0px 2px;<br />
<br />
border-color:#AAAAAA;<br />
<br />
}</div><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;">3. Blue Dawn Drop Down </span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaeBuB9vB-wMsI6J40HLuUnPpsR-dwTcV6cd8CxbcTe9M3FPdgC1Rp-sF3QecZZt63hlC203Y4NsinN2YL3oMgeqKomRWpfqu0oX20aXEVnsghJvHeBGkZJhLDuLaBlFfTFviRzQORrCmC/s200/Blue+Dawn+Drop+Down.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><div class="wrapper1"><br />
<br />
<div class="wrapper"><br />
<br />
<div class="nav-wrapper"><br />
<br />
<div class="nav-left"></div><br />
<br />
<div class="nav"><br />
<br />
<ul id="navigation"><br />
<br />
<li class="active"><br />
<br />
<a href="#"><br />
<br />
<span class="menu-left"></span><br />
<br />
<span class="menu-mid">Home</span><br />
<br />
<span class="menu-right"></span><br />
<br />
</a><br />
<br />
</li><br />
<br />
<li class=""><br />
<br />
<a href="#"><br />
<br />
<span class="menu-left"></span><br />
<br />
<span class="menu-mid">Blog</span><br />
<br />
<span class="menu-right"></span><br />
<br />
</a><br />
<br />
<div class="sub"><br />
<br />
<ul><br />
<br />
<li><br />
<br />
<a href="#">Archives</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">Categories</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">Top-rated Posts</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">Most-viewed Entries</a><br />
<br />
</li><br />
<br />
</ul><br />
<br />
<div class="btm-bg"></div><br />
<br />
</div><br />
<br />
</li><br />
<br />
<li class=""><br />
<br />
<a href="#"><br />
<br />
<span class="menu-left"></span><br />
<br />
<span class="menu-mid">Development</span><br />
<br />
<span class="menu-right"></span><br />
<br />
</a><br />
<br />
<div class="sub"><br />
<br />
<ul><br />
<br />
<li><br />
<br />
<a href="#">Wordpress Themes</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">Wordpress Plugins</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">Mac OS X</a><br />
<br />
</li><br />
<br />
</ul><br />
<br />
<div class="btm-bg"></div><br />
<br />
</div><br />
<br />
</li><br />
<br />
<li class=""><br />
<br />
<a href="#"><br />
<br />
<span class="menu-left"></span><br />
<br />
<span class="menu-mid">Tutorials</span><br />
<br />
<span class="menu-right"></span><br />
<br />
</a><br />
<br />
<div class="sub"><br />
<br />
<ul><br />
<br />
<li><br />
<br />
<a href="#">Photoshop</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">Illustrator</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">Css, Html</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">Post Your Tutorial!</a><br />
<br />
</li><br />
<br />
</ul><br />
<br />
<div class="btm-bg"></div><br />
<br />
</div><br />
<br />
</li><br />
<br />
<li class=""><br />
<br />
<a href="#"><br />
<br />
<span class="menu-left"></span><br />
<br />
<span class="menu-mid">Gallery</span><br />
<br />
<span class="menu-right"></span><br />
<br />
</a><br />
<br />
<div class="sub"><br />
<br />
<ul><br />
<br />
<li><br />
<br />
<a href="#">Personal Photos</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">My Friends</a><br />
<br />
</li><br />
<br />
<li><br />
<br />
<a href="#">Tech</a><br />
<br />
</li><br />
<br />
</ul><br />
<br />
<div class="btm-bg"></div><br />
<br />
</div><br />
<br />
</li><br />
<br />
<li class=""><br />
<br />
<a href="#"><br />
<br />
<span class="menu-left"></span><br />
<br />
<span class="menu-mid">Portfolio</span><br />
<br />
<span class="menu-right"></span><br />
<br />
</a><br />
<br />
<div class="sub"><br />
<br />
<ul><br />
<br />
<li><br />
<br />
<a href="#">My Works</a><br />
<br />
</li><br />
<br />
</ul><br />
<br />
<div class="btm-bg"></div><br />
<br />
</div><br />
<br />
</li><br />
<br />
<li class="last"><br />
<br />
<a href=""><br />
<br />
<span class="menu-left"></span><br />
<br />
<span class="menu-mid">Contact</span><br />
<br />
<span class="menu-right"></span><br />
<br />
</a><br />
<br />
</li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
<div class="nav-right"></div><br />
<br />
</div><br />
<br />
<div class="content"><br />
<br />
<p>&nbsp;</p><br />
<br />
<p>&nbsp;</p><br />
<br />
<br />
<br />
</div><br />
<br />
<div class="content-bottom"></div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<br />
<br />
</div><br />
<br />
<br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.wrapper1{<br />
<br />
color: #44433f; <br />
<br />
font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;<br />
<br />
margin: 0;<br />
<br />
padding: 4px 0 0;<br />
<br />
}<br />
<br />
.wrapper1 a{<br />
<br />
color: #E5F2FB;<br />
<br />
text-decoration: none;<br />
<br />
}<br />
<br />
.wrapper1 a:hover {<br />
<br />
color: #09548B;<br />
<br />
}<br />
<br />
.wrapper1 p {<br />
<br />
margin: 0 0 17px;<br />
<br />
padding: 0;<br />
<br />
line-height: 18px;<br />
<br />
}<br />
<br />
.wrapper {<br />
<br />
/*width: 710px;*/<br />
<br />
margin: 20px auto;<br />
<br />
}<br />
<br />
.nav {<br />
<br />
background: #fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_u-YW9ZIm1r-kM_lAxVFZWglbs94tbO3569vBKjDCyXv40pmB6agw5m5AYOTt28yOEojJ9xKW-S1S7SaQ6byQ1SObyXOfZlSGnvZud8aVaJR9Hv1r4Xl8ku93GOaRKR_4G9Aq0m71szRM/s1600/nav_bg.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_u-YW9ZIm1r-kM_lAxVFZWglbs94tbO3569vBKjDCyXv40pmB6agw5m5AYOTt28yOEojJ9xKW-S1S7SaQ6byQ1SObyXOfZlSGnvZud8aVaJR9Hv1r4Xl8ku93GOaRKR_4G9Aq0m71szRM/s1600/nav_bg.png</a>) repeat-x;<br />
<br />
float: left;<br />
<br />
}<br />
<br />
.nev-wrapper {<br />
<br />
clear: both;<br />
<br />
float: left;<br />
<br />
}<br />
<br />
.nav-left {<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGa31eD6tdHF0U-4pUP0aPjS8Dktc4Uos1eVxOIys0aPXzFOf6Ec6YiCXJc-qsRCbZx8CnOuZZAJZagWCObTuM_Fd1cffXFAjPgn2pYNqpuZ9p_OaUr1-1yhO87UHPX6K-X3rwzZt8FEaE/s1600/nav_left.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGa31eD6tdHF0U-4pUP0aPjS8Dktc4Uos1eVxOIys0aPXzFOf6Ec6YiCXJc-qsRCbZx8CnOuZZAJZagWCObTuM_Fd1cffXFAjPgn2pYNqpuZ9p_OaUr1-1yhO87UHPX6K-X3rwzZt8FEaE/s1600/nav_left.png</a>) no-repeat top left;<br />
<br />
float: left;<br />
<br />
width: 11px;<br />
<br />
height: 41px;<br />
<br />
}<br />
<br />
.nav-right {<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDOOH0IBGoIiTyCpepXCprkFf77YhttMUQIl3vcPRSdxxvVO7rQuS9iqDhglu_JVnCze1E0GlmHUzOm84egU1YHpOoiEjWF39J_yXhDC2zJB1k9Zuyou_dQ59ZyLgUOyrRAbdERUQSytX/s1600/nav_right.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDOOH0IBGoIiTyCpepXCprkFf77YhttMUQIl3vcPRSdxxvVO7rQuS9iqDhglu_JVnCze1E0GlmHUzOm84egU1YHpOoiEjWF39J_yXhDC2zJB1k9Zuyou_dQ59ZyLgUOyrRAbdERUQSytX/s1600/nav_right.png</a>) no-repeat top right;<br />
<br />
float: left;<br />
<br />
width: 11px;<br />
<br />
height: 41px;<br />
<br />
}<br />
<br />
.nav ul {<br />
<br />
/*width: 648px;*/<br />
<br />
height: 38px;<br />
<br />
float: left;<br />
<br />
margin: 0;<br />
<br />
padding-top: 3px;<br />
<br />
list-style: none;<br />
<br />
font-size: 15px;<br />
<br />
}<br />
<br />
.nav li {<br />
<br />
float: left;<br />
<br />
padding: 0 7px;<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4WYm_ZinOYqph8sjQBKjoFEAsl07iI3HADLYdx8IyA17tqLlBJTdMBgsriseig1t8qlca9x61tDyZNxI2jZFhzrojPelePNU9a2Vxcq1l1oJidiFcZXmrqJPn_XDGW8enf84riPBGURE9/s1600/split.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4WYm_ZinOYqph8sjQBKjoFEAsl07iI3HADLYdx8IyA17tqLlBJTdMBgsriseig1t8qlca9x61tDyZNxI2jZFhzrojPelePNU9a2Vxcq1l1oJidiFcZXmrqJPn_XDGW8enf84riPBGURE9/s1600/split.png</a>) no-repeat right center;<br />
<br />
position: relative;<br />
<br />
z-index: 1;<br />
<br />
}<br />
<br />
.nav li.last {<br />
<br />
background:none;<br />
<br />
}<br />
<br />
.nav li:hover {<br />
<br />
z-index:2;<br />
<br />
}<br />
<br />
.nav li a {<br />
<br />
display: block;<br />
<br />
line-height: 38px;<br />
<br />
overflow: hidden;<br />
<br />
float: left;<br />
<br />
}<br />
<br />
a .menu-left {<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLZBVh124H3GtxIIVO6buMjCXbGYWggxxdDOqeps64nRrdHp09AchHo9UB3l1ClmbipRDfRnzCeah17uNmL_SBerydtWg5R2Nb92XR7U_XNfBONFTGprg0Ib3B4jpI9NBsmFwxOqFTrvE/s1600/menu_left.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTLZBVh124H3GtxIIVO6buMjCXbGYWggxxdDOqeps64nRrdHp09AchHo9UB3l1ClmbipRDfRnzCeah17uNmL_SBerydtWg5R2Nb92XR7U_XNfBONFTGprg0Ib3B4jpI9NBsmFwxOqFTrvE/s1600/menu_left.gif</a>) no-repeat left top;<br />
<br />
width: 8px;<br />
<br />
height: 32px;<br />
<br />
line-height: 35px;<br />
<br />
display: block;<br />
<br />
float: left;<br />
<br />
}<br />
<br />
a .menu-mid {<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgBepa-P5wo2_CMSPuc0rxHkFhi_pCeP_erBWk7g2wYcofUMD3hAL-DjA4s3jhu43qOXnPkjGVDkr14ZYglFY3PMFn8vWBfo6Akbv-Kt-c8IKnQY_0Od0CFnc8oVUToctds5n3SFlnRin/s1600/menu_mid.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgBepa-P5wo2_CMSPuc0rxHkFhi_pCeP_erBWk7g2wYcofUMD3hAL-DjA4s3jhu43qOXnPkjGVDkr14ZYglFY3PMFn8vWBfo6Akbv-Kt-c8IKnQY_0Od0CFnc8oVUToctds5n3SFlnRin/s1600/menu_mid.gif</a>) repeat-x top left;<br />
<br />
height: 32px;<br />
<br />
line-height: 35px;<br />
<br />
display: block;<br />
<br />
float: left;<br />
<br />
}<br />
<br />
a .menu-right {<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk5Ds1x2FmmC4vO72Aswo0rTEv6WthyphenhyphenTC0Ul4qxEfysgiacpHlFM-J9EFVsZQ3FrmhWpNU8oKkDRSzh-o5mno0w-Zepc8cxHlnKo6CLr9WdlKW6l2mWBkLgVDX4CVKs4mOZABmsxqVXU1m/s1600/menu_right.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk5Ds1x2FmmC4vO72Aswo0rTEv6WthyphenhyphenTC0Ul4qxEfysgiacpHlFM-J9EFVsZQ3FrmhWpNU8oKkDRSzh-o5mno0w-Zepc8cxHlnKo6CLr9WdlKW6l2mWBkLgVDX4CVKs4mOZABmsxqVXU1m/s1600/menu_right.gif</a>) no-repeat top left;<br />
<br />
width: 8px;<br />
<br />
height: 32px;<br />
<br />
line-height: 35px;<br />
<br />
display: block;<br />
<br />
float: left;<br />
<br />
}<br />
<br />
.nav li a:hover .menu-left,<br />
<br />
.nav li.active a .menu-left,<br />
<br />
.nav li:hover a .menu-left,<br />
<br />
.nav li a:hover .menu-mid,<br />
<br />
.nav li.active a .menu-mid,<br />
<br />
.nav li:hover a .menu-mid,<br />
<br />
.nav li a:hover .menu-right,<br />
<br />
.nav li.active a .menu-right,<br />
<br />
.nav li:hover a .menu-right {<br />
<br />
background-position: 0 -37px;<br />
<br />
line-height: 35px;<br />
<br />
}<br />
<br />
.nav li a:hover,<br />
<br />
.nav li.active a,<br />
<br />
.nav li.hover a,<br />
<br />
.nav li:hover a {<br />
<br />
color: #09548B;<br />
<br />
}<br />
<br />
.nav li:hover .sub,<br />
<br />
.nav li.hover .sub {<br />
<br />
display:block;<br />
<br />
}<br />
<br />
.nav li .sub {<br />
<br />
display: none;<br />
<br />
position: absolute;<br />
<br />
top: 27px;<br />
<br />
left: 6px;<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixseUNtWoZNdD-xlosNlWve04PFK7U1HjcHPrCxelyVeKWfW09Cy7gMzkt2phBNwdumvHw5NlvbCclQa5fT2WkYA9vprPwKpMIbLKw2D2WojBtBA1L4gPYKoMTQYRqFJj-wBRUeS4blLPE/s1600/submenu_top.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixseUNtWoZNdD-xlosNlWve04PFK7U1HjcHPrCxelyVeKWfW09Cy7gMzkt2phBNwdumvHw5NlvbCclQa5fT2WkYA9vprPwKpMIbLKw2D2WojBtBA1L4gPYKoMTQYRqFJj-wBRUeS4blLPE/s1600/submenu_top.png</a>) no-repeat;<br />
<br />
width: 186px;<br />
<br />
padding-top: 9px;<br />
<br />
}<br />
<br />
.nav li ul {<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZONJYKlGLWREwemBpHcu2ntoQJVI07y_KuCdUik_rBBp9PUMcew9qhQoLarUlPmu4tJWyYNJhZQJ2azb4bY0xtiDjlldVxHMcE8FAQj9kZk7R_i9nAq1QV6y0umVLSaDK7Cgh3_L3g3th/s1600/submenu_bg.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZONJYKlGLWREwemBpHcu2ntoQJVI07y_KuCdUik_rBBp9PUMcew9qhQoLarUlPmu4tJWyYNJhZQJ2azb4bY0xtiDjlldVxHMcE8FAQj9kZk7R_i9nAq1QV6y0umVLSaDK7Cgh3_L3g3th/s1600/submenu_bg.png</a>) repeat-y;<br />
<br />
width: 162px;<br />
<br />
height: auto;<br />
<br />
margin: 0;<br />
<br />
padding: 0 12px 10px;<br />
<br />
list-style: none;<br />
<br />
font-size: 14px;<br />
<br />
}<br />
<br />
<br />
<br />
.nav li:hover li,<br />
<br />
.nav li.active li {<br />
<br />
width: 100%;<br />
<br />
padding: 1px 0 2px;<br />
<br />
border-bottom: 1px #C1D9F0 dashed;<br />
<br />
background: none !important;<br />
<br />
}<br />
<br />
.nav li:hover li a,<br />
<br />
.nav li.active li a {<br />
<br />
color: #09548B;<br />
<br />
background: none !important;<br />
<br />
line-height: normal;<br />
<br />
width: 156px;<br />
<br />
padding: 8px 3px 3px;<br />
<br />
text-indent: 1px;<br />
<br />
}<br />
<br />
.nav li:hover li a:hover,<br />
<br />
.nav li.active li a:hover {<br />
<br />
color: #fff;<br />
<br />
background: #165B9F !important;<br />
<br />
text-decoration: none;<br />
<br />
line-height: normal;<br />
<br />
}<br />
<br />
/*IE*/<br />
<br />
.nav li li a:hover,<br />
<br />
.nav li li a:hover {<br />
<br />
color: #fff;<br />
<br />
background: #165B9F !important;<br />
<br />
text-decoration: none;<br />
<br />
line-height: normal;<br />
<br />
}<br />
<br />
/**/<br />
<br />
.nav .btm-bg {<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbsoU6IPLPhxxhPtMnZg3ipDTB-sJCoL0VripifAPtoO_KZmsj_EDwiwX0qQDjqpe5xr4qcB9TRWap5fA_qKSJ0iMOtQLjMjPmKZNog8TIgZWMrAXF50OMLMwYPC6OarEnxCiTvtoQ6_a3/s1600/submenu_bottom.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbsoU6IPLPhxxhPtMnZg3ipDTB-sJCoL0VripifAPtoO_KZmsj_EDwiwX0qQDjqpe5xr4qcB9TRWap5fA_qKSJ0iMOtQLjMjPmKZNog8TIgZWMrAXF50OMLMwYPC6OarEnxCiTvtoQ6_a3/s1600/submenu_bottom.png</a>) no-repeat;<br />
<br />
width: 205px;<br />
<br />
height: 9px;<br />
<br />
overflow: hidden;<br />
<br />
clear: both;<br />
<br />
}<br />
<br />
.content {<br />
<br />
width: 670px;<br />
<br />
background: transparent url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ3IUvq3x0IjMGnuMvtXUQRoJ_ZXcx4uB-5pUxGT6JXrjx252i5V7oHjYZG9UVK0RqZ_G-SOt9I8ERv7khMegsL0k-GKDq-VQspIM1b_ZrkBQz02LKzjo8CC-4eEuLJAQearb1fIgnV7Qc/s1600/content_bg.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ3IUvq3x0IjMGnuMvtXUQRoJ_ZXcx4uB-5pUxGT6JXrjx252i5V7oHjYZG9UVK0RqZ_G-SOt9I8ERv7khMegsL0k-GKDq-VQspIM1b_ZrkBQz02LKzjo8CC-4eEuLJAQearb1fIgnV7Qc/s1600/content_bg.png</a>) repeat-y;<br />
<br />
float: left;<br />
<br />
padding: 10px 20px;<br />
<br />
}<br />
<br />
.content h1 {<br />
<br />
color: #333;<br />
<br />
font-weight: 400;<br />
<br />
text-transform: uppercase;<br />
<br />
font-size: 18px;<br />
<br />
border-bottom: 1px dashed #C1D9F0;<br />
<br />
}<br />
<br />
.content h2 {<br />
<br />
font-weight: 400;<br />
<br />
text-transform: uppercase;<br />
<br />
font-size: 14px;<br />
<br />
padding-left: 10px;<br />
<br />
margin-bottom: -5px;<br />
<br />
}<br />
<br />
.content p {<br />
<br />
padding: 0 15px;<br />
<br />
text-align: justify; <br />
<br />
}<br />
<br />
.content-bottom {<br />
<br />
width: 710px;<br />
<br />
background: transparent url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuogT0EiHSJ3dbgaMrfPUZY66e6Cyhl6auyhe2DpKpkHGU72tuiNHG3I6Wc3C47d9QFFY6f_I2-f5bLxU4vpNJG1YVXim1zspRoQX-aCZjh9zxFyZlneW1wk-SxF4ehUmeLG-JXa_-m4Sw/s1600/content_bottom.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuogT0EiHSJ3dbgaMrfPUZY66e6Cyhl6auyhe2DpKpkHGU72tuiNHG3I6Wc3C47d9QFFY6f_I2-f5bLxU4vpNJG1YVXim1zspRoQX-aCZjh9zxFyZlneW1wk-SxF4ehUmeLG-JXa_-m4Sw/s1600/content_bottom.png</a>) no-repeat;<br />
<br />
height: 13px;<br />
<br />
float: left;<br />
<br />
}</div><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;">4. Blue Center Drop Bar </span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT9WqKIPgiH-u6scKiou9v0rv9eRUI_zLZbUALG0tUPqBKyoCX8AEHWvZfBuTrsyuKxGXa-nMxk8xMU8Gre1IT2nnZpq0JZ0SEjZ0V8Yoxy5-8QzfwagvzxZWFqJovXmjh_CbK1Cx1nS59/s200/Blue+Center+Drop+Bar.png" width="200" /></div><br />
<br />
<br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><div class="nav"><br />
<br />
<div class="table"><br />
<br />
<br />
<br />
<ul class="select"><li><a href="#"><b>Sample</b></a></li></ul><br />
<br />
<br />
<br />
<ul class="select"><li><a href="#"><b>Sample Menu</b></a><br />
<br />
<div class="select_sub"><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
</li><br />
<br />
</ul><br />
<br />
<br />
<br />
<ul class="select"><li><a href="#"><b>Sample Menu</b></a><br />
<br />
<div class="select_sub"><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu 2</a></li><br />
<br />
<li><a href="#">Sample Menu 2</a></li><br />
<br />
<li><a href="#">Sample Menu 2</a></li><br />
<br />
<li><a href="#">Sample Menu 2</a></li><br />
<br />
<li><a href="#">Sample Menu 2</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
</li><br />
<br />
</ul><br />
<br />
<br />
<br />
<br />
<br />
<ul class="select"><li><a href="#"><b>Sample Menu</b></a><br />
<br />
<div class="select_sub"><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu 3</a></li><br />
<br />
<li><a href="#">Sample Menu 3</a></li><br />
<br />
<li><a href="#">Sample Menu 3</a></li><br />
<br />
<li><a href="#">Sample Menu 3</a></li><br />
<br />
<li><a href="#">Sample Menu 3</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
</li><br />
<br />
</ul><br />
<br />
<br />
<br />
<br />
<br />
<ul class="select"><li><a href="#"><b>Sample Menu</b></a><br />
<br />
<div class="select_sub"><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu 4</a></li><br />
<br />
<li><a href="#">Sample Menu 4</a></li><br />
<br />
<li><a href="#">Sample Menu 4</a></li><br />
<br />
<li><a href="#">Sample Menu 4</a></li><br />
<br />
<li><a href="#">Sample Menu 4</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
</li><br />
<br />
</ul><br />
<br />
<br />
<br />
</div><br />
<br />
</div><br />
<br />
<br />
<br />
<br /><br />
<br />
<br />
<br />
</div><br />
<br />
<br />
<br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.nav {<br />
<br />
height:35px; <br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjN_Qjybk_EigaE652wXE-kCNK_3_d3wdm-ma2Ekgvd1eCnpwBfuCu38FTkiX_EehudbBw95lpu4trcEbNVuvIXzLlkJwcC2DT1EkE3Mvv_J5zOrRhwiLmUZE2mMu8jGUD6Rf-PaMAvMgY/s1600/bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjN_Qjybk_EigaE652wXE-kCNK_3_d3wdm-ma2Ekgvd1eCnpwBfuCu38FTkiX_EehudbBw95lpu4trcEbNVuvIXzLlkJwcC2DT1EkE3Mvv_J5zOrRhwiLmUZE2mMu8jGUD6Rf-PaMAvMgY/s1600/bg.gif</a>) repeat-x; <br />
<br />
position:relative; <br />
<br />
font-family:arial, verdana, sans-serif; <br />
<br />
font-size:11px; <br />
<br />
width:100%; <br />
<br />
z-index:100;<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .table {<br />
<br />
display:table; <br />
<br />
margin:0 auto;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .select,<br />
<br />
.nav .current {<br />
<br />
margin:0; <br />
<br />
padding:0; <br />
<br />
list-style:none; <br />
<br />
display:table-cell; <br />
<br />
white-space:nowrap;<br />
<br />
}<br />
<br />
<br />
<br />
.nav li {<br />
<br />
margin:0; <br />
<br />
padding:0; <br />
<br />
height:auto; <br />
<br />
float:left;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .select a {<br />
<br />
display:block; <br />
<br />
height:35px; <br />
<br />
float:left; <br />
<br />
font-weight:bold;<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjN_Qjybk_EigaE652wXE-kCNK_3_d3wdm-ma2Ekgvd1eCnpwBfuCu38FTkiX_EehudbBw95lpu4trcEbNVuvIXzLlkJwcC2DT1EkE3Mvv_J5zOrRhwiLmUZE2mMu8jGUD6Rf-PaMAvMgY/s1600/bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjN_Qjybk_EigaE652wXE-kCNK_3_d3wdm-ma2Ekgvd1eCnpwBfuCu38FTkiX_EehudbBw95lpu4trcEbNVuvIXzLlkJwcC2DT1EkE3Mvv_J5zOrRhwiLmUZE2mMu8jGUD6Rf-PaMAvMgY/s1600/bg.gif</a>); <br />
<br />
padding:0 30px 0 30px; <br />
<br />
text-decoration:none; <br />
<br />
line-height:35px; <br />
<br />
white-space:nowrap; <br />
<br />
color:#2b3238;<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
.nav .select a:hover, <br />
<br />
.nav .select li:hover a {<br />
<br />
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOk_s64sGrOAxEij4jjrYO5onwXcFK5jkZugXk0Cr_msT_zZMmflSn7ZyTL4n-9wsTCnINwo-QQCBhSmfVhlBaOH-J_3RU9FOc1YvAiUm6iZ3TjXM2psutJaE6dXH8w0FQBN60rOEIJ0K/s1600/hover.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOk_s64sGrOAxEij4jjrYO5onwXcFK5jkZugXk0Cr_msT_zZMmflSn7ZyTL4n-9wsTCnINwo-QQCBhSmfVhlBaOH-J_3RU9FOc1YvAiUm6iZ3TjXM2psutJaE6dXH8w0FQBN60rOEIJ0K/s1600/hover.gif</a>); <br />
<br />
padding:0 0 0 15px; <br />
<br />
cursor:pointer; <br />
<br />
color:#2b3238;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .select a b{<br />
<br />
font-weight:bold;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .select a:hover b, <br />
<br />
.nav .select li:hover a b {<br />
<br />
display:block; <br />
<br />
float:left; <br />
<br />
padding:0 30px 0 15px; <br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOk_s64sGrOAxEij4jjrYO5onwXcFK5jkZugXk0Cr_msT_zZMmflSn7ZyTL4n-9wsTCnINwo-QQCBhSmfVhlBaOH-J_3RU9FOc1YvAiUm6iZ3TjXM2psutJaE6dXH8w0FQBN60rOEIJ0K/s1600/hover.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOk_s64sGrOAxEij4jjrYO5onwXcFK5jkZugXk0Cr_msT_zZMmflSn7ZyTL4n-9wsTCnINwo-QQCBhSmfVhlBaOH-J_3RU9FOc1YvAiUm6iZ3TjXM2psutJaE6dXH8w0FQBN60rOEIJ0K/s1600/hover.gif</a>) right top; <br />
<br />
cursor:pointer;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .select_sub {<br />
<br />
display:none;<br />
<br />
}<br />
<br />
<br />
<br />
/* IE6 only */<br />
<br />
.nav table {<br />
<br />
border-collapse:collapse; <br />
<br />
margin:-1px; <br />
<br />
font-size:1em; <br />
<br />
width:0; <br />
<br />
height:0;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .sub {<br />
<br />
display:table; <br />
<br />
margin:0 auto; <br />
<br />
padding:0; <br />
<br />
list-style:none;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .sub_active .current_sub a, <br />
<br />
.nav .sub_active a:hover {<br />
<br />
background:transparent; <br />
<br />
color:#2b3238;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .select :hover .select_sub, <br />
<br />
.nav .current .show {<br />
<br />
display:block; <br />
<br />
position:absolute; <br />
<br />
width:100%; <br />
<br />
top:35px; <br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijvSr3_6ocCYHYITX9Rpyz1MDCAfgoXZmG44l_CkM5fr9FJD4O7y20hHFNoXYMiZ3q3HpUtta-iVR-QkoSrUD-rBl1WZpWE9yRFHE6gvjxk6ZHqpPczfWFIRA4mkELDUVNwVbBxwQ5UNgC/s1600/back.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijvSr3_6ocCYHYITX9Rpyz1MDCAfgoXZmG44l_CkM5fr9FJD4O7y20hHFNoXYMiZ3q3HpUtta-iVR-QkoSrUD-rBl1WZpWE9yRFHE6gvjxk6ZHqpPczfWFIRA4mkELDUVNwVbBxwQ5UNgC/s1600/back.gif</a>); <br />
<br />
padding:0; <br />
<br />
z-index:100; <br />
<br />
left:0; <br />
<br />
text-align:center;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .current .show {<br />
<br />
z-index:10;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .select :hover .sub li a, <br />
<br />
.nav .current .show .sub li a {<br />
<br />
display:block; <br />
<br />
float:left; <br />
<br />
background:transparent; <br />
<br />
padding:0 10px 0 10px; <br />
<br />
margin:0; <br />
<br />
white-space:nowrap; <br />
<br />
border:0; <br />
<br />
color:#2b3238;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .current .sub li.sub_show a {<br />
<br />
color:#2b3238; <br />
<br />
cursor:default; <br />
<br />
}<br />
<br />
<br />
<br />
.nav .select .sub li a {<br />
<br />
font-weight:normal;<br />
<br />
}<br />
<br />
<br />
<br />
.nav .select :hover .sub li a:hover, <br />
<br />
.nav .current .sub li a:hover {<br />
<br />
visibility:visible; <br />
<br />
color:#73a0d2; <br />
<br />
}</div><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;">5. Blue Impression Drop Down Menu </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJVg1E2RpqYBAy6igfVLK1fcOXBvX8KIo1hOOPZFeiI6QQWHSkDqPk3_eiKc44iRpuwQfzBwQzw-h4P9ylQJpNIT0VHmDHrzCmOLkvAoG8LHrita89xkFroTPhiwZ87rLWRjDDj0gci3kK/s200/Blue+Impression+Drop+Down+Menu.png" width="200" /></div><br />
<br />
<br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><ul class="menu"><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu This is some longer text</span></a><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<br />
</ul><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.bg {background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif</a>);}<br />
<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/AVvXsEhFmi0KFqZ8p6TxFtPa_xBz6rwt-m7GFz79x0_LPrl6BCdx_9T7t5xuZdZ9SkkZyx4ql-xgyAIflFPr_Qy-wrbx7CKvP5gpyDhocJalElAdgnl9JcrSnSS_MNMjCGRt6EF5Z0X7rKQvYqM1/s1600/button1a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmi0KFqZ8p6TxFtPa_xBz6rwt-m7GFz79x0_LPrl6BCdx_9T7t5xuZdZ9SkkZyx4ql-xgyAIflFPr_Qy-wrbx7CKvP5gpyDhocJalElAdgnl9JcrSnSS_MNMjCGRt6EF5Z0X7rKQvYqM1/s1600/button1a.gif</a>) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }<br />
<br />
.menu li.top {display:block; float:left; position:relative;}<br />
<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 />
<br />
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}<br />
<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/AVvXsEix2D7_vPwItudAqiw60vNlTu8oOywPmG2ZKyZZxJ5-UM4VL5BAflI7mLUrrgeO0M-IC7X0vJphSnTY_CK-op-BF5Rx6vhsBqQMkZiwC6XNQMtOvayUbPLotTfR0wZLZBtcHCrkYc5yVY1U/s1600/down.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix2D7_vPwItudAqiw60vNlTu8oOywPmG2ZKyZZxJ5-UM4VL5BAflI7mLUrrgeO0M-IC7X0vJphSnTY_CK-op-BF5Rx6vhsBqQMkZiwC6XNQMtOvayUbPLotTfR0wZLZBtcHCrkYc5yVY1U/s1600/down.gif</a>) no-repeat right top;}<br />
<br />
.menu li a.top_link:hover {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif</a>) no-repeat;}<br />
<br />
.menu li a.top_link:hover span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif</a>) no-repeat right top;}<br />
<br />
.menu li a.top_link:hover span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZYuNsMCEev7GorTYC9aBWilnbwFSQmhehroJJkQQU1jbLfu0FOi63Cd7dgrrZD_dUIfY37sjVEn119n-Q9wJY6kMLOb3Oxgll0FSpYcMOzMABuuidqU96tAEM_ITyBUH0pAfRxrG8rpG_/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZYuNsMCEev7GorTYC9aBWilnbwFSQmhehroJJkQQU1jbLfu0FOi63Cd7dgrrZD_dUIfY37sjVEn119n-Q9wJY6kMLOb3Oxgll0FSpYcMOzMABuuidqU96tAEM_ITyBUH0pAfRxrG8rpG_/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
<br />
<br />
.menu li:hover > a.top_link {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif</a>) no-repeat;}<br />
<br />
.menu li:hover > a.top_link span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTbFoQRXc-UxUZo0YhIwyIja04fYW3bBGBlQf2JI7ZXnPoyFWiV7aU0eobP_9Hha1uMM2xMWAINkj-HbxZFiLtPooN3SxBUxgQHzcCLNmTHmVeHrxN6aPPZAGyA2OPO4_mWbGQNsSz_Ny/s1600/button4.gif</a>) no-repeat right top;}<br />
<br />
.menu li:hover > a.top_link span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZYuNsMCEev7GorTYC9aBWilnbwFSQmhehroJJkQQU1jbLfu0FOi63Cd7dgrrZD_dUIfY37sjVEn119n-Q9wJY6kMLOb3Oxgll0FSpYcMOzMABuuidqU96tAEM_ITyBUH0pAfRxrG8rpG_/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZYuNsMCEev7GorTYC9aBWilnbwFSQmhehroJJkQQU1jbLfu0FOi63Cd7dgrrZD_dUIfY37sjVEn119n-Q9wJY6kMLOb3Oxgll0FSpYcMOzMABuuidqU96tAEM_ITyBUH0pAfRxrG8rpG_/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
<br />
<br />
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}<br />
<br />
<br />
<br />
.menu a:hover {visibility:visible;}<br />
<br />
.menu li:hover {position:relative; z-index:200;}<br />
<br />
<br />
<br />
.menu ul, <br />
<br />
.menu :hover ul ul, <br />
<br />
.menu :hover ul :hover ul ul,<br />
<br />
.menu :hover ul :hover ul :hover ul ul,<br />
<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 />
<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 />
<br />
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}<br />
<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 />
<br />
.menu :hover ul.sub li a.fly {background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDtlIb3o0ZrEqq2hEEFMiALwmb0nPb0VDCqctWvaV7jnl7WSM6z_XEIKSkqCAoiiGQ_rd6rokNucpHBlwfuclfpI9dz6yfgxCBTleecezin0__QqXbz_h-IHvXVVeh-rFttZWOpiJWAN0W/s1600/arrow.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDtlIb3o0ZrEqq2hEEFMiALwmb0nPb0VDCqctWvaV7jnl7WSM6z_XEIKSkqCAoiiGQ_rd6rokNucpHBlwfuclfpI9dz6yfgxCBTleecezin0__QqXbz_h-IHvXVVeh-rFttZWOpiJWAN0W/s1600/arrow.gif</a>) 80px 7px no-repeat;}<br />
<br />
.menu :hover ul.sub li a:hover {background:#95d2ee; color:#fff;}<br />
<br />
.menu :hover ul.sub li a.fly:hover {background:#95d2ee url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgsBjDovQ9EHhbTbTyXzlDscPCU2OWS3sw3Uy3CC40MmErBsglglfP6PXDMM6gpp7nPsfIwmyKzaADiEZG3egKS3ze0gwO5vMGRNzoReVukznvlPr1CR6NA6XGVXCPqecpORY7CakrF7g/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgsBjDovQ9EHhbTbTyXzlDscPCU2OWS3sw3Uy3CC40MmErBsglglfP6PXDMM6gpp7nPsfIwmyKzaADiEZG3egKS3ze0gwO5vMGRNzoReVukznvlPr1CR6NA6XGVXCPqecpORY7CakrF7g/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;}<br />
<br />
.menu :hover ul li:hover > a.fly {background:#95d2ee url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgsBjDovQ9EHhbTbTyXzlDscPCU2OWS3sw3Uy3CC40MmErBsglglfP6PXDMM6gpp7nPsfIwmyKzaADiEZG3egKS3ze0gwO5vMGRNzoReVukznvlPr1CR6NA6XGVXCPqecpORY7CakrF7g/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgsBjDovQ9EHhbTbTyXzlDscPCU2OWS3sw3Uy3CC40MmErBsglglfP6PXDMM6gpp7nPsfIwmyKzaADiEZG3egKS3ze0gwO5vMGRNzoReVukznvlPr1CR6NA6XGVXCPqecpORY7CakrF7g/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;} <br />
<br />
<br />
<br />
.menu :hover ul :hover ul,<br />
<br />
.menu :hover ul :hover ul :hover ul,<br />
<br />
.menu :hover ul :hover ul :hover ul :hover ul,<br />
<br />
.menu :hover ul :hover ul :hover ul :hover ul :hover ul<br />
<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 />
<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;">6. Green Impression Drop Down Menu </span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3AyW28IS-qnymxL4XA4vHmPYQrU3wilk6GZenRxrxwcsPg1Qdok3mlhYCNDbDi4fL2xuvnJBL8hWRerwIkMdNR24PIGLiCVqjxidud7F4G_GriWNEaUaWgdyOw0gukFnJcBWF02DhsUpT/s200/Green+Impression+Drop+Down+Menu.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><ul class="menu"><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu This is some longer text</span></a><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<br />
</ul><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.bg {background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif</a>);}<br />
<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/AVvXsEhhoP-KmgnA6cD_AdsqI0Tvf-hfYIi4RjFaFHirfOYTI7tysuq5H6N3yKmhg6Fq2iT0RTT259YMIewfj7BHDLdLY0_XYp8Ibbc7XimFJg0aw4jKCcTlpI79E8c4AaQ8U44BcmHZoAd6Zi8Z/s1600/button1a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhoP-KmgnA6cD_AdsqI0Tvf-hfYIi4RjFaFHirfOYTI7tysuq5H6N3yKmhg6Fq2iT0RTT259YMIewfj7BHDLdLY0_XYp8Ibbc7XimFJg0aw4jKCcTlpI79E8c4AaQ8U44BcmHZoAd6Zi8Z/s1600/button1a.gif</a>) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }<br />
<br />
.menu li.top {display:block; float:left; position:relative;}<br />
<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 />
<br />
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}<br />
<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/AVvXsEjbQ-OPXpsSEgedJh3rl__BnRk6WlQkYoDUibsjz8-OZH7iFXbwerOHVH-0lPUDTfeQQKpdsi6YRea2LevqJXPMIPkEa1HMS3NPbBbyumloaVRPHGQw6mwdax6PmSQwpASupntj1TDTnlBc/s1600/down.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQ-OPXpsSEgedJh3rl__BnRk6WlQkYoDUibsjz8-OZH7iFXbwerOHVH-0lPUDTfeQQKpdsi6YRea2LevqJXPMIPkEa1HMS3NPbBbyumloaVRPHGQw6mwdax6PmSQwpASupntj1TDTnlBc/s1600/down.gif</a>) no-repeat right top;}<br />
<br />
.menu li a.top_link:hover {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif</a>) no-repeat;}<br />
<br />
.menu li a.top_link:hover span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif</a>) no-repeat right top;}<br />
<br />
.menu li a.top_link:hover span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh083IWDst8Gzz3jARkFpK4-sycgnuBZcAs4h3w0AZrQVWBulYtkEd4GwfHPfOahdD9qo8qn6O2_Z6XEgFTpwAFeqK1Q5ITdCFRbzYpjPheVOQDOZi_lGy_Y5NTKpSDf_By4kkbjROXt_Ew/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh083IWDst8Gzz3jARkFpK4-sycgnuBZcAs4h3w0AZrQVWBulYtkEd4GwfHPfOahdD9qo8qn6O2_Z6XEgFTpwAFeqK1Q5ITdCFRbzYpjPheVOQDOZi_lGy_Y5NTKpSDf_By4kkbjROXt_Ew/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
<br />
<br />
.menu li:hover > a.top_link {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif</a>) no-repeat;}<br />
<br />
.menu li:hover > a.top_link span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuo7hHfZ1IVorE7wBtH6KmqoRl0DTJq-y9DKatFVrNDs5oGNBYRvLndUr8SK9la6GKGzz9UQEdc01Ys-yFy2ZxhbKS1a6TOZkXJq5IcV51kncXAxPl0CFTUGYUerXjG_Qfd49otMzUUIC/s1600/button4.gif</a>) no-repeat right top;}<br />
<br />
.menu li:hover > a.top_link span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh083IWDst8Gzz3jARkFpK4-sycgnuBZcAs4h3w0AZrQVWBulYtkEd4GwfHPfOahdD9qo8qn6O2_Z6XEgFTpwAFeqK1Q5ITdCFRbzYpjPheVOQDOZi_lGy_Y5NTKpSDf_By4kkbjROXt_Ew/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh083IWDst8Gzz3jARkFpK4-sycgnuBZcAs4h3w0AZrQVWBulYtkEd4GwfHPfOahdD9qo8qn6O2_Z6XEgFTpwAFeqK1Q5ITdCFRbzYpjPheVOQDOZi_lGy_Y5NTKpSDf_By4kkbjROXt_Ew/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
<br />
<br />
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}<br />
<br />
<br />
<br />
.menu a:hover {visibility:visible;}<br />
<br />
.menu li:hover {position:relative; z-index:200;}<br />
<br />
<br />
<br />
.menu ul, <br />
<br />
.menu :hover ul ul, <br />
<br />
.menu :hover ul :hover ul ul,<br />
<br />
.menu :hover ul :hover ul :hover ul ul,<br />
<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 />
<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 />
<br />
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}<br />
<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 />
<br />
.menu :hover ul.sub li a.fly {background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqJiv86MbIHebqeLXnLhGh5XYnE1oklaUo-T1NKh_hwuGOSp4XY37Iyw5F9p5fKphXotxS3Uc4SfOwbK_hGLuZh533FYtB-e5G6N8PnJtX-w8f5h1ZnJMl0s50zQVruYfgcO-y3EHVgh6K/s1600/arrow.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqJiv86MbIHebqeLXnLhGh5XYnE1oklaUo-T1NKh_hwuGOSp4XY37Iyw5F9p5fKphXotxS3Uc4SfOwbK_hGLuZh533FYtB-e5G6N8PnJtX-w8f5h1ZnJMl0s50zQVruYfgcO-y3EHVgh6K/s1600/arrow.gif</a>) 80px 7px no-repeat;}<br />
<br />
.menu :hover ul.sub li a:hover {background:#42c555; color:#fff;}<br />
<br />
.menu :hover ul.sub li a.fly:hover {background:#42c555 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwU6awr0RmWtSa4ApfNedffOFK09yB49hLAqgZTD3RXkdVjqxrrJFq6_WJTp0tke4Li717qoBIyvYwMZlHAaWWE0KLCSCXm84CHK5f8uZLM410I5LKzPwxjtc2OUh7fOo80TeOAf8s_gua/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwU6awr0RmWtSa4ApfNedffOFK09yB49hLAqgZTD3RXkdVjqxrrJFq6_WJTp0tke4Li717qoBIyvYwMZlHAaWWE0KLCSCXm84CHK5f8uZLM410I5LKzPwxjtc2OUh7fOo80TeOAf8s_gua/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;}<br />
<br />
.menu :hover ul li:hover > a.fly {background:#42c555 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwU6awr0RmWtSa4ApfNedffOFK09yB49hLAqgZTD3RXkdVjqxrrJFq6_WJTp0tke4Li717qoBIyvYwMZlHAaWWE0KLCSCXm84CHK5f8uZLM410I5LKzPwxjtc2OUh7fOo80TeOAf8s_gua/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwU6awr0RmWtSa4ApfNedffOFK09yB49hLAqgZTD3RXkdVjqxrrJFq6_WJTp0tke4Li717qoBIyvYwMZlHAaWWE0KLCSCXm84CHK5f8uZLM410I5LKzPwxjtc2OUh7fOo80TeOAf8s_gua/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;} <br />
<br />
<br />
<br />
.menu :hover ul :hover ul,<br />
<br />
.menu :hover ul :hover ul :hover ul,<br />
<br />
.menu :hover ul :hover ul :hover ul :hover ul,<br />
<br />
.menu :hover ul :hover ul :hover ul :hover ul :hover ul<br />
<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 />
<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;">7. Grey Impression Drop Down Menu </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgErG3sVZBp-aQDLkJdoc8Y07UFlpcJbnufUEZmJwPwbfnwFnT4C1m1iJVyvLCNXYxUjz52352wyB7J5b-uZmlnDxhSZ_AiEfXl0maRJFfD_eoZQSDofRZ5nlskBsjzIO_4rEPe7y6nSWpz/s200/Grey+Impression+Drop+Down+Menu.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><ul class="menu"><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu This is some longer text</span></a><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a><br />
<br />
<ul class="sub"><br />
<br />
<li><a href="#">Sample Menu This is some longer text</a></li> <br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
<li><a href="#">Sample Menu</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<br />
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li><br />
<br />
</ul><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.bg {background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif</a>);}<br />
<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/AVvXsEhClK5-JcSjxaeFMCrJgMaknz8bh8e6J0ghyphenhyphendrtFwbag9MjAB1z9I2xTZUljqJROaQoUGOVc3ZIbgl5MNTkMEtRClCae-cxiUDpBejjZFtng4nBG1yQMXHzSiDZ7IV0EVsqWO2xcWKvxa8E/s1600/button1a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhClK5-JcSjxaeFMCrJgMaknz8bh8e6J0ghyphenhyphendrtFwbag9MjAB1z9I2xTZUljqJROaQoUGOVc3ZIbgl5MNTkMEtRClCae-cxiUDpBejjZFtng4nBG1yQMXHzSiDZ7IV0EVsqWO2xcWKvxa8E/s1600/button1a.gif</a>) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }<br />
<br />
.menu li.top {display:block; float:left; position:relative;}<br />
<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 />
<br />
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}<br />
<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/AVvXsEgvsPZWF-wALw-ADw1PcATIDFwqy3PStEVnFkY9ZZ7pj8yGW-0Ld07ma_tYnLLtrkKDnXqYbmvkhEPjT5-hJGQAjbF4UGMdhB17a5v51JbQpWtHgm4JluzHT7oirk0l8n5Sd0G6VAtdx2mv/s1600/down.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvsPZWF-wALw-ADw1PcATIDFwqy3PStEVnFkY9ZZ7pj8yGW-0Ld07ma_tYnLLtrkKDnXqYbmvkhEPjT5-hJGQAjbF4UGMdhB17a5v51JbQpWtHgm4JluzHT7oirk0l8n5Sd0G6VAtdx2mv/s1600/down.gif</a>) no-repeat right top;}<br />
<br />
.menu li a.top_link:hover {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif</a>) no-repeat;}<br />
<br />
.menu li a.top_link:hover span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif</a>) no-repeat right top;}<br />
<br />
.menu li a.top_link:hover span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJHK0a4_KSOCwWKb7lLXSaisd6Cd2k22qC86RVUFKXvLW84-5GpGwM3hC6dL9Pb5_FV4anhzqstMCealZBnpJykuun_oMi5V-DsX9A6uNpku6NdIVBHYd_tpYvsRD32Z2J2KQnAlbyQn5/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJHK0a4_KSOCwWKb7lLXSaisd6Cd2k22qC86RVUFKXvLW84-5GpGwM3hC6dL9Pb5_FV4anhzqstMCealZBnpJykuun_oMi5V-DsX9A6uNpku6NdIVBHYd_tpYvsRD32Z2J2KQnAlbyQn5/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
<br />
<br />
.menu li:hover > a.top_link {color:#000; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif</a>) no-repeat;}<br />
<br />
.menu li:hover > a.top_link span {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i70yQxeFYpJJZDqQi8uJTvFHRSjLiXreraeO_i9ZFJPx4WDqUXiziY1ENXzfeob8BKlRvTCfR8kt0IpS276eVGItpzZnCyAKqeiTeLN3KT2C70GTFmED4IyKoeLwFzTU6zlk4B4EvWPX/s1600/button4.gif</a>) no-repeat right top;}<br />
<br />
.menu li:hover > a.top_link span.down {background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJHK0a4_KSOCwWKb7lLXSaisd6Cd2k22qC86RVUFKXvLW84-5GpGwM3hC6dL9Pb5_FV4anhzqstMCealZBnpJykuun_oMi5V-DsX9A6uNpku6NdIVBHYd_tpYvsRD32Z2J2KQnAlbyQn5/s1600/button4a.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJHK0a4_KSOCwWKb7lLXSaisd6Cd2k22qC86RVUFKXvLW84-5GpGwM3hC6dL9Pb5_FV4anhzqstMCealZBnpJykuun_oMi5V-DsX9A6uNpku6NdIVBHYd_tpYvsRD32Z2J2KQnAlbyQn5/s1600/button4a.gif</a>) no-repeat right top;}<br />
<br />
<br />
<br />
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}<br />
<br />
<br />
<br />
.menu a:hover {visibility:visible;}<br />
<br />
.menu li:hover {position:relative; z-index:200;}<br />
<br />
<br />
<br />
.menu ul, <br />
<br />
.menu :hover ul ul, <br />
<br />
.menu :hover ul :hover ul ul,<br />
<br />
.menu :hover ul :hover ul :hover ul ul,<br />
<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 />
<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 />
<br />
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}<br />
<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 />
<br />
.menu :hover ul.sub li a.fly {background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzVademeZZphIaBmCfo3MAMkvgh2j4NXgjZ2afN4Fbw0U_2ISthV3BkOAKYH5amcmJ-xYkxPZGqOYHgOpm-XY6g1rJv5412KvXkaRh1eBddgICFdAbkPZQFAPVYDBL_sOg15a7SdXN8jK8/s1600/arrow.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzVademeZZphIaBmCfo3MAMkvgh2j4NXgjZ2afN4Fbw0U_2ISthV3BkOAKYH5amcmJ-xYkxPZGqOYHgOpm-XY6g1rJv5412KvXkaRh1eBddgICFdAbkPZQFAPVYDBL_sOg15a7SdXN8jK8/s1600/arrow.gif</a>) 80px 7px no-repeat;}<br />
<br />
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}<br />
<br />
.menu :hover ul.sub li a.fly:hover {background:#999999 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNjiOduqqfwPmtEIq5i7WiL4vjk46CcyC7qjvc7uGkZbxBi9rjHrBE7XM1MScN8_YOOPlEv13rS3TWMFJuzQRKI6khL4N-L2Fi6MDKlnwNbHfm0W7pZ7paGJFmsnh15KefFT-tY6tl7wRk/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNjiOduqqfwPmtEIq5i7WiL4vjk46CcyC7qjvc7uGkZbxBi9rjHrBE7XM1MScN8_YOOPlEv13rS3TWMFJuzQRKI6khL4N-L2Fi6MDKlnwNbHfm0W7pZ7paGJFmsnh15KefFT-tY6tl7wRk/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;}<br />
<br />
.menu :hover ul li:hover > a.fly {background:#999999 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNjiOduqqfwPmtEIq5i7WiL4vjk46CcyC7qjvc7uGkZbxBi9rjHrBE7XM1MScN8_YOOPlEv13rS3TWMFJuzQRKI6khL4N-L2Fi6MDKlnwNbHfm0W7pZ7paGJFmsnh15KefFT-tY6tl7wRk/s1600/arrow_over.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNjiOduqqfwPmtEIq5i7WiL4vjk46CcyC7qjvc7uGkZbxBi9rjHrBE7XM1MScN8_YOOPlEv13rS3TWMFJuzQRKI6khL4N-L2Fi6MDKlnwNbHfm0W7pZ7paGJFmsnh15KefFT-tY6tl7wRk/s1600/arrow_over.gif</a>) 80px 7px no-repeat; color:#fff;} <br />
<br />
<br />
<br />
.menu :hover ul :hover ul,<br />
<br />
.menu :hover ul :hover ul :hover ul,<br />
<br />
.menu :hover ul :hover ul :hover ul :hover ul,<br />
<br />
.menu :hover ul :hover ul :hover ul :hover ul :hover ul<br />
<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 />
<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;">8. Blue Tabbed Drop Down </span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1EDJEh5XPiQCA0qznKBsdrOzoAIaUeygtpFZlGjCfW8KUXEieZnPF8-9sl5-nVirz90VOFdPep1fwYsOjngFa3dMGQgzIhRb_P-2xnrOtgO1FVtWNmMty1S8P0SFkWdxsdPRqp78ddKd1/s200/Blue+Tabbed+Drop+Down.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><div class="menu"><br />
<br />
<ul><br />
<br />
<li><a href="#" >Home</a></li><br />
<br />
<li><a href="#" id="current">Products</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/faq.php">FAQ</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/contact/contact.php">Contact</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
<br />
<br />
</div><br />
<br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.menu{<br />
<br />
border:none;<br />
<br />
border:0px;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
<br />
font-size:14px;<br />
<br />
font-weight:bold;<br />
<br />
color:8e8e8e;<br />
<br />
}<br />
<br />
.menu ul{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgQffWrNgtZbfLLZYebvRqVmcGXFkCy0GFzARAErvmo5y9zvsdfhYeqHXlL_lfM0Ua073oCzQG83EwZPU9gTP-XcZpCG2lY3IWgOzfQmNkwwvaG3fgFFLEvB1Hi9pXOqkP5e7wQBL1DnO/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgQffWrNgtZbfLLZYebvRqVmcGXFkCy0GFzARAErvmo5y9zvsdfhYeqHXlL_lfM0Ua073oCzQG83EwZPU9gTP-XcZpCG2lY3IWgOzfQmNkwwvaG3fgFFLEvB1Hi9pXOqkP5e7wQBL1DnO/s1600/menu-bg.gif</a>) top left repeat-x;<br />
<br />
height:43px;<br />
<br />
list-style:none;<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
.menu li{<br />
<br />
float:left;<br />
<br />
}<br />
<br />
.menu li a{<br />
<br />
color:#666666;<br />
<br />
display:block;<br />
<br />
font-weight:bold;<br />
<br />
line-height:43px;<br />
<br />
padding:0px 25px;<br />
<br />
text-align:center;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li a:hover{<br />
<br />
color:#000000;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li ul{<br />
<br />
background:#e0e0e0;<br />
<br />
border-left:2px solid #0079b2;<br />
<br />
border-right:2px solid #0079b2;<br />
<br />
border-bottom:2px solid #0079b2;<br />
<br />
display:none;<br />
<br />
height:auto;<br />
<br />
filter:alpha(opacity=95);<br />
<br />
opacity:0.95;<br />
<br />
position:absolute;<br />
<br />
width:225px;<br />
<br />
z-index:200;<br />
<br />
/*top:1em;<br />
<br />
/*left:0;*/<br />
<br />
}<br />
<br />
.menu li:hover ul{<br />
<br />
display:block;<br />
<br />
}<br />
<br />
.menu li li {<br />
<br />
display:block;<br />
<br />
float:none;<br />
<br />
width:225px;<br />
<br />
}<br />
<br />
.menu li ul a{<br />
<br />
display:block;<br />
<br />
font-size:12px;<br />
<br />
font-style:normal;<br />
<br />
padding:0px 10px 0px 15px;<br />
<br />
text-align:left;<br />
<br />
}<br />
<br />
.menu li ul a:hover{<br />
<br />
background:#949494;<br />
<br />
color:#000000;<br />
<br />
opacity:1.0;<br />
<br />
filter:alpha(opacity=100);<br />
<br />
}<br />
<br />
.menu p{<br />
<br />
clear:left;<br />
<br />
} <br />
<br />
.menu #current{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEkzTYV2F-jN0Z0T2mX_Ro2X4E-HGsx02GV5xJFuSa-7BuPZZi0kDN_iHabJBzIlkPqznyWvRP06Z89dLn17AVDJZPfRaxjmXfSurIDwFxWXeVLFW1ufb8JbQtthBMTFESDIVHXIwOg5TZ/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEkzTYV2F-jN0Z0T2mX_Ro2X4E-HGsx02GV5xJFuSa-7BuPZZi0kDN_iHabJBzIlkPqznyWvRP06Z89dLn17AVDJZPfRaxjmXfSurIDwFxWXeVLFW1ufb8JbQtthBMTFESDIVHXIwOg5TZ/s1600/current-bg.gif</a>) top left repeat-x;<br />
<br />
color:#ffffff;<br />
<br />
}<br />
<br />
<br />
<br />
</div><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;">9. Yellow Tabbed Drop Down Menu </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Py3q_xx5njczlAkNEyMzi9usTSARbHo3YTETONzkAy_zQrOoZbS89HYoYxvDhPeAyYs10-qIj-Ne2uysVomJLBJ7XUGuAd3ezQSdGcGzvWUJG44WLy3Y7c13qJhAGzMi6PpfhZVyJ6Y0/s200/Yellow+Tabbed+Drop+Down+Menu.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><div class="menu"><br />
<br />
<ul><br />
<br />
<li><a href="#" >Home</a></li><br />
<br />
<li><a href="#" id="current">Products</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/faq.php">FAQ</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/contact/contact.php">Contact</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
<br />
<br />
<br />
<br />
</div><br />
<br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.menu{<br />
<br />
border:none;<br />
<br />
border:0px;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
<br />
font-size:14px;<br />
<br />
font-weight:bold;<br />
<br />
color:8e8e8e;<br />
<br />
}<br />
<br />
.menu ul{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIbZa7d4JEzBGVuD6t6L3GYg9PJoMxPIWIaXL-tHkpGHLez5OOc0cPwiZgqPuqz-n1V_T5ktt_Qnsc9KH9Rhf2iVCnqqrbaIirXbwsx1FZOILM0Aw-iuaIbQZiUPvosz5Zjxl9Uz3Wgbe2/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvPdLKQibO3OA3sXwxanonHkJovCOoAKPOlZYLHor0AdQQ9jSrCjpsWJ3ChAyV-uohEcqwD4I-2RDSPhxrXBTFsnnaNKesYiowtDX9LioDlOEx4v1xJEW7ICQ1kjGBeCxgQnAcyfAxPbEP/s1600/menu-bg.gif</a>) top left repeat-x;<br />
<br />
height:43px;<br />
<br />
list-style:none;<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
.menu li{<br />
<br />
float:left;<br />
<br />
}<br />
<br />
.menu li a{<br />
<br />
color:#666666;<br />
<br />
display:block;<br />
<br />
font-weight:bold;<br />
<br />
line-height:43px;<br />
<br />
padding:0px 25px;<br />
<br />
text-align:center;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li a:hover{<br />
<br />
color:#000000;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li ul{<br />
<br />
background:#e0e0e0;<br />
<br />
border-left:2px solid #0079b2;<br />
<br />
border-right:2px solid #0079b2;<br />
<br />
border-bottom:2px solid #0079b2;<br />
<br />
display:none;<br />
<br />
height:auto;<br />
<br />
filter:alpha(opacity=95);<br />
<br />
opacity:0.95;<br />
<br />
position:absolute;<br />
<br />
width:225px;<br />
<br />
z-index:200;<br />
<br />
/*top:1em;<br />
<br />
/*left:0;*/<br />
<br />
}<br />
<br />
.menu li:hover ul{<br />
<br />
display:block;<br />
<br />
}<br />
<br />
.menu li li {<br />
<br />
display:block;<br />
<br />
float:none;<br />
<br />
width:225px;<br />
<br />
}<br />
<br />
.menu li ul a{<br />
<br />
display:block;<br />
<br />
font-size:12px;<br />
<br />
font-style:normal;<br />
<br />
padding:0px 10px 0px 15px;<br />
<br />
text-align:left;<br />
<br />
}<br />
<br />
.menu li ul a:hover{<br />
<br />
background:#949494;<br />
<br />
color:#000000;<br />
<br />
opacity:1.0;<br />
<br />
filter:alpha(opacity=100);<br />
<br />
}<br />
<br />
.menu p{<br />
<br />
clear:left;<br />
<br />
} <br />
<br />
.menu #current{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUH_ufuSyMi81qw0n7iqjGheMEWjY_ccmVehFjDLi3d_7aeeGfLaE3lyYwfAP5WtVL7fW4l6lWr4kRA6O_R5KWbyHALOQvMI8SdGqPRNtuu6ttSe5wGumKmJkmy_SSuvXD3VsvZO0KTgnh/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh77odFNvjZNQD7sCfrYfGA7n8GL1_62ttFPdvt8dbq9kEyz8LV3SRgE5X553c4zagqfVZSXJ_z61OGVPskfqlukpB3bwpkZIEY8uf7Oqw6HHlnYHZhrDrPz1wD9SaKtByoPWITnLfN_6gT/s1600/current-bg.gif</a>) top left repeat-x;<br />
<br />
color:#ffffff;<br />
<br />
}<br />
<br />
<br />
<br />
</div><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;">10. Tabbed Grey Drop Down </span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUuORMIDKkchf3RX9Kc5w4ui9FLzLC5gLkaPpf1BRzSK9kAI3Eiklk4ypl81eY8dnTYA63vJOKXHmKa5uFqPcS4vEmq2y7NMHxOwMQKHagFf7ABbnSpBTw80iw7qyqd7XFM__K1thTVR-H/s200/Tabbed+Grey+Drop+Down.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><div class="menu"><br />
<br />
<ul><br />
<br />
<li><a href="#" >Home</a></li><br />
<br />
<li><a href="#" id="current">Products</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/faq.php">FAQ</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/contact/contact.php">Contact</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
<br />
<br />
<br />
<br />
</div><br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.menu{<br />
<br />
border:none;<br />
<br />
border:0px;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
<br />
font-size:14px;<br />
<br />
font-weight:bold;<br />
<br />
color:8e8e8e;<br />
<br />
}<br />
<br />
.menu ul{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht49CS9e_0ANCsb4bChF8Nrq3nh_1sgFgbb-Tj26Nw9P5mKknXIG38qqHi28ChpXqSsCqhUI4Kxhq6qjgIVo84bawIYsU2uft8gWXXmNGEFjOmiYNmN2eGSLgYoSZ_prIqBN0IwA_gdyOl/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht49CS9e_0ANCsb4bChF8Nrq3nh_1sgFgbb-Tj26Nw9P5mKknXIG38qqHi28ChpXqSsCqhUI4Kxhq6qjgIVo84bawIYsU2uft8gWXXmNGEFjOmiYNmN2eGSLgYoSZ_prIqBN0IwA_gdyOl/s1600/menu-bg.gif</a>) top left repeat-x;<br />
<br />
height:43px;<br />
<br />
list-style:none;<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
.menu li{<br />
<br />
float:left;<br />
<br />
padding:0px 8px 0px 8px;<br />
<br />
}<br />
<br />
.menu li a{<br />
<br />
color:#666666;<br />
<br />
display:block;<br />
<br />
font-weight:bold;<br />
<br />
line-height:43px;<br />
<br />
padding:0px 25px;<br />
<br />
text-align:center;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li a:hover{<br />
<br />
color:#000000;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li ul{<br />
<br />
background:#e0e0e0;<br />
<br />
border-left:2px solid #9f9f9f;<br />
<br />
border-right:2px solid #9f9f9f;<br />
<br />
border-bottom:2px solid #9f9f9f;<br />
<br />
display:none;<br />
<br />
height:auto;<br />
<br />
filter:alpha(opacity=95);<br />
<br />
opacity:0.95;<br />
<br />
position:absolute;<br />
<br />
width:225px;<br />
<br />
z-index:200;<br />
<br />
/*top:1em;<br />
<br />
/*left:0;*/<br />
<br />
}<br />
<br />
.menu li:hover ul{<br />
<br />
display:block;<br />
<br />
}<br />
<br />
.menu li li {<br />
<br />
display:block;<br />
<br />
float:none;<br />
<br />
padding:0px;<br />
<br />
width:225px;<br />
<br />
}<br />
<br />
.menu li ul a{<br />
<br />
display:block;<br />
<br />
font-size:12px;<br />
<br />
font-style:normal;<br />
<br />
padding:0px 10px 0px 15px;<br />
<br />
text-align:left;<br />
<br />
}<br />
<br />
.menu li ul a:hover{<br />
<br />
background:#949494;<br />
<br />
color:#000000;<br />
<br />
opacity:1.0;<br />
<br />
filter:alpha(opacity=100);<br />
<br />
}<br />
<br />
.menu p{<br />
<br />
clear:left;<br />
<br />
} <br />
<br />
.menu #current{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_EBLOuabWJB2Rh-78MEt-aWYHmOi4yFOvcd8ijASp-HjV0oUVoivFF12_poKSjQ5uKb0ghXxadiAlCGErqmuNpKq1FPQIS3Z9ckAINYD5g-YgiBvOBqQ7B0UYf-oVHkHIodSQmzUK1zZd/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_EBLOuabWJB2Rh-78MEt-aWYHmOi4yFOvcd8ijASp-HjV0oUVoivFF12_poKSjQ5uKb0ghXxadiAlCGErqmuNpKq1FPQIS3Z9ckAINYD5g-YgiBvOBqQ7B0UYf-oVHkHIodSQmzUK1zZd/s1600/current-bg.gif</a>) top left repeat-x;<br />
<br />
color:#ffffff;<br />
<br />
}<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: 5px;">11. Red Tabbed Drop Down </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvCyNffKRxTr1JvpZqg7FRkAH-GBI7VM7DxNEmXuA2FS98SSgogU0HazhEvM25egTHhcIMK9sfr41xpoRdeDgCA4Prs1QQnZfZiu6t94UMMee1mGpRUydYZ6dHD-nljPbIm0rKywzT7yyb/s200/Red+Tabbed+Drop+Down.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><div class="menu"><br />
<br />
<ul><br />
<br />
<li><a href="#" >Home</a></li><br />
<br />
<li><a href="#" id="current">Products</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/faq.php">FAQ</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/contact/contact.php">Contact</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
<br />
<br />
<br />
<br />
</div><br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.menu{<br />
<br />
border:none;<br />
<br />
border:0px;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
<br />
font-size:14px;<br />
<br />
font-weight:bold;<br />
<br />
color:8e8e8e;<br />
<br />
}<br />
<br />
.menu ul{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqA9akkniOSc2QHEnV5zzGg03oDh3VxBZSKLjUfPrzAXxLvEYyjHU40TOM93PfH-K0m5KzU28aUpxnifwvB6M3Li0jBywUjpF0iR1ko1ehgwm5Sw-eCd371EjuftLUcrNiNkRGknkgVesi/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqA9akkniOSc2QHEnV5zzGg03oDh3VxBZSKLjUfPrzAXxLvEYyjHU40TOM93PfH-K0m5KzU28aUpxnifwvB6M3Li0jBywUjpF0iR1ko1ehgwm5Sw-eCd371EjuftLUcrNiNkRGknkgVesi/s1600/menu-bg.gif</a>) top left repeat-x;<br />
<br />
height:43px;<br />
<br />
list-style:none;<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
.menu li{<br />
<br />
float:left;<br />
<br />
padding:0px 8px 0px 8px;<br />
<br />
}<br />
<br />
.menu li a{<br />
<br />
color:#666666;<br />
<br />
display:block;<br />
<br />
font-weight:bold;<br />
<br />
line-height:43px;<br />
<br />
padding:0px 25px;<br />
<br />
text-align:center;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li a:hover{<br />
<br />
color:#000000;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li ul{<br />
<br />
background:#e0e0e0;<br />
<br />
border-left:2px solid #a80329;<br />
<br />
border-right:2px solid #a80329;<br />
<br />
border-bottom:2px solid #a80329;<br />
<br />
display:none;<br />
<br />
height:auto;<br />
<br />
filter:alpha(opacity=95);<br />
<br />
opacity:0.95;<br />
<br />
position:absolute;<br />
<br />
width:225px;<br />
<br />
z-index:200;<br />
<br />
/*top:1em;<br />
<br />
/*left:0;*/<br />
<br />
}<br />
<br />
.menu li:hover ul{<br />
<br />
display:block;<br />
<br />
}<br />
<br />
.menu li li {<br />
<br />
display:block;<br />
<br />
float:none;<br />
<br />
padding:0px;<br />
<br />
width:225px;<br />
<br />
}<br />
<br />
.menu li ul a{<br />
<br />
display:block;<br />
<br />
font-size:12px;<br />
<br />
font-style:normal;<br />
<br />
padding:0px 10px 0px 15px;<br />
<br />
text-align:left;<br />
<br />
}<br />
<br />
.menu li ul a:hover{<br />
<br />
background:#949494;<br />
<br />
color:#000000;<br />
<br />
opacity:1.0;<br />
<br />
filter:alpha(opacity=100);<br />
<br />
}<br />
<br />
.menu p{<br />
<br />
clear:left;<br />
<br />
} <br />
<br />
.menu #current{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggX8PzMfjiR5_kvi-SsHc3gD7N4aCLvtT3lrO6RhxDh5BDEIe3U6aYQseaMqovapEdoKlLl6zIMM5gd0JrJSfouNOi-2HIwN4e-iaJt86l4DxGpIDNE3NMMSDlgIzUlV57pv84XcnNFcQ/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggX8PzMfjiR5_kvi-SsHc3gD7N4aCLvtT3lrO6RhxDh5BDEIe3U6aYQseaMqovapEdoKlLl6zIMM5gd0JrJSfouNOi-2HIwN4e-iaJt86l4DxGpIDNE3NMMSDlgIzUlV57pv84XcnNFcQ/s1600/current-bg.gif</a>) top left repeat-x;<br />
<br />
color:#ffffff;<br />
<br />
}<br />
<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: 5px;">12. Black Tabbed Drop Down </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0X8YcYF_5enPJRiLBi-_yXrleG3D1oF6QIt-_dyRrG9xnxYKUiApolsPXAhnfALULIVyKhH28ju86klRk5icWwaMoow9aWBX7aErhBDebLp1fOL0fv_sE-aTKlek-4mZCnlGmOclH2Qoa/s200/Black+Tabbed+Drop+Down.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><div class="menu"><br />
<br />
<ul><br />
<br />
<li><a href="#" >Home</a></li><br />
<br />
<li><a href="#" id="current">Products</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/faq.php">FAQ</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/contact/contact.php">Contact</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
<br />
<br />
<br />
<br />
</div><br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.menu{<br />
<br />
border:none;<br />
<br />
border:0px;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
<br />
font-size:14px;<br />
<br />
font-weight:bold;<br />
<br />
color:8e8e8e;<br />
<br />
}<br />
<br />
.menu ul{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgweTiY2ObwYbFxu4-7tArmtw4HKIw4LeqiS3p278QS2Vg1QHP92tsIXa5V86-cgmDiHLyX-39u27CbZ0s0bJqRpUFLrUelkQqDu2mTn9eBBqgPNAKVVej8dCD4T0gomCSg1mJO3FUZkW7Z/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgweTiY2ObwYbFxu4-7tArmtw4HKIw4LeqiS3p278QS2Vg1QHP92tsIXa5V86-cgmDiHLyX-39u27CbZ0s0bJqRpUFLrUelkQqDu2mTn9eBBqgPNAKVVej8dCD4T0gomCSg1mJO3FUZkW7Z/s1600/menu-bg.gif</a>) top left repeat-x;<br />
<br />
height:43px;<br />
<br />
list-style:none;<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
.menu li{<br />
<br />
float:left;<br />
<br />
padding:0px 8px 0px 8px;<br />
<br />
}<br />
<br />
.menu li a{<br />
<br />
color:#666666;<br />
<br />
display:block;<br />
<br />
font-weight:bold;<br />
<br />
line-height:43px;<br />
<br />
padding:0px 25px;<br />
<br />
text-align:center;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li a:hover{<br />
<br />
color:#000000;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li ul{<br />
<br />
background:#e0e0e0;<br />
<br />
border-left:2px solid #000000;<br />
<br />
border-right:2px solid #000000;<br />
<br />
border-bottom:2px solid #000000;<br />
<br />
display:none;<br />
<br />
height:auto;<br />
<br />
filter:alpha(opacity=95);<br />
<br />
opacity:0.95;<br />
<br />
position:absolute;<br />
<br />
width:225px;<br />
<br />
z-index:200;<br />
<br />
/*top:1em;<br />
<br />
/*left:0;*/<br />
<br />
}<br />
<br />
.menu li:hover ul{<br />
<br />
display:block;<br />
<br />
}<br />
<br />
.menu li li {<br />
<br />
display:block;<br />
<br />
float:none;<br />
<br />
padding:0px;<br />
<br />
width:225px;<br />
<br />
}<br />
<br />
.menu li ul a{<br />
<br />
display:block;<br />
<br />
font-size:12px;<br />
<br />
font-style:normal;<br />
<br />
padding:0px 10px 0px 15px;<br />
<br />
text-align:left;<br />
<br />
}<br />
<br />
.menu li ul a:hover{<br />
<br />
background:#949494;<br />
<br />
color:#000000;<br />
<br />
opacity:1.0;<br />
<br />
filter:alpha(opacity=100);<br />
<br />
}<br />
<br />
.menu p{<br />
<br />
clear:left;<br />
<br />
} <br />
<br />
.menu #current{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPfA5bVH2l5UNQRofnF0GNKm9k9vYavkPpzC0NCfJ-WWvyRcc1edOsAZj5m0vOboQmSrZ-TGREC2BnvjW8wyxe7f8cJhDp2Vra-OMPQ_KbNm8-2DHdGflklx5Rn5dxQHCmOU_ViM0k5kT8/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPfA5bVH2l5UNQRofnF0GNKm9k9vYavkPpzC0NCfJ-WWvyRcc1edOsAZj5m0vOboQmSrZ-TGREC2BnvjW8wyxe7f8cJhDp2Vra-OMPQ_KbNm8-2DHdGflklx5Rn5dxQHCmOU_ViM0k5kT8/s1600/current-bg.gif</a>) top left repeat-x;<br />
<br />
color:#ffffff;<br />
<br />
}<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: 5px;">13. Orange Tabbed Drop Down </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpV9kUmjDFcEzK_xZcJ8Y1nqlwSIMkvHe1WVSSxZT74ujDBthhUsqDf2gDl4ljKQGslZbfhb65WsLox0Sh_ya5XmiLEJy8ShNpFFooz7_Bqao05gxtq4nFOq3OkYZ3yK3jhairwOQ2h6Hq/s200/Orange+Tabbed+Drop+Down.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><div class="menu"><br />
<br />
<ul><br />
<br />
<li><a href="#" >Home</a></li><br />
<br />
<li><a href="#" id="current">Products</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/faq.php">FAQ</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/contact/contact.php">Contact</a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
<br />
<br />
<br />
<br />
</div><br />
<br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">.menu{<br />
<br />
border:none;<br />
<br />
border:0px;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
font-family:verdana,geneva,arial,helvetica,sans-serif;<br />
<br />
font-size:14px;<br />
<br />
font-weight:bold;<br />
<br />
color:8e8e8e;<br />
<br />
}<br />
<br />
.menu ul{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhezZn_4haU9DAARXjrUjkp5iiX7Byz87tUz345-ySZxKScWkEsarHxhUo5gClI90qWM4ZJHXM0QZ0VyBT54w0NpXAF-OgcVCxMJB3dvIB_TqVlOJob-wwqZsXFjGYi3Ld-voSrTyAKofeq/s1600/menu-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhezZn_4haU9DAARXjrUjkp5iiX7Byz87tUz345-ySZxKScWkEsarHxhUo5gClI90qWM4ZJHXM0QZ0VyBT54w0NpXAF-OgcVCxMJB3dvIB_TqVlOJob-wwqZsXFjGYi3Ld-voSrTyAKofeq/s1600/menu-bg.gif</a>) top left repeat-x;<br />
<br />
height:43px;<br />
<br />
list-style:none;<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
.menu li{<br />
<br />
float:left;<br />
<br />
padding:0px 8px 0px 8px;<br />
<br />
}<br />
<br />
.menu li a{<br />
<br />
color:#666666;<br />
<br />
display:block;<br />
<br />
font-weight:bold;<br />
<br />
line-height:43px;<br />
<br />
padding:0px 25px;<br />
<br />
text-align:center;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li a:hover{<br />
<br />
color:#000000;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li ul{<br />
<br />
background:#e0e0e0;<br />
<br />
border-left:2px solid #f68618;<br />
<br />
border-right:2px solid #f68618;<br />
<br />
border-bottom:2px solid #f68618;<br />
<br />
display:none;<br />
<br />
height:auto;<br />
<br />
filter:alpha(opacity=95);<br />
<br />
opacity:0.95;<br />
<br />
position:absolute;<br />
<br />
width:225px;<br />
<br />
z-index:200;<br />
<br />
/*top:1em;<br />
<br />
/*left:0;*/<br />
<br />
}<br />
<br />
.menu li:hover ul{<br />
<br />
display:block;<br />
<br />
}<br />
<br />
.menu li li {<br />
<br />
display:block;<br />
<br />
float:none;<br />
<br />
padding:0px;<br />
<br />
width:225px;<br />
<br />
}<br />
<br />
.menu li ul a{<br />
<br />
display:block;<br />
<br />
font-size:12px;<br />
<br />
font-style:normal;<br />
<br />
padding:0px 10px 0px 15px;<br />
<br />
text-align:left;<br />
<br />
}<br />
<br />
.menu li ul a:hover{<br />
<br />
background:#949494;<br />
<br />
color:#000000;<br />
<br />
opacity:1.0;<br />
<br />
filter:alpha(opacity=100);<br />
<br />
}<br />
<br />
.menu p{<br />
<br />
clear:left;<br />
<br />
} <br />
<br />
.menu #current{<br />
<br />
background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis3zpSgsYL7t0FZfCcGzfZ3HSv7yHsKWTFTVB9bO_okxWggWL9XpE8HwDfCkRPptjWJuVqgBc31Wz2_o85shaj03cbG7gvs1SGC4Xx_pBOsYkmhxZOuPnBLNAKcZkJFLOmLL977v3E8bap/s1600/current-bg.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis3zpSgsYL7t0FZfCcGzfZ3HSv7yHsKWTFTVB9bO_okxWggWL9XpE8HwDfCkRPptjWJuVqgBc31Wz2_o85shaj03cbG7gvs1SGC4Xx_pBOsYkmhxZOuPnBLNAKcZkJFLOmLL977v3E8bap/s1600/current-bg.gif</a>) top left repeat-x;<br />
<br />
color:#ffffff;<br />
<br />
}<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: 5px;">14. Simple Red Drop Down Menus </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSdqpibxlxN9bgZDvAHl9kna2sNl7Nu6NXzPlGgbH1XjVzWXYGnkmG83H8Nf9hxEmJaqMndzQ2iVo6iBvp6NeC8-xWp7uCOcm4QUTfIVfQeBA3_ccSsmJITCUxjfsaGlX16Dhwt77ssVuW/s200/Simple+Red.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><ul id="navigation-1"><br />
<br />
<li><a href="#" title="Home">Home</a></li><br />
<br />
<li><a href="#" title="Products">Products</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Electric Guitars">Electric Guitars</a></li><br />
<br />
<li><a href="#" title="Acoustic Guitars">Acoustic Guitars <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Six String">Six String</a></li><br />
<br />
<li><a href="#" title="Twelve String">Twelve String</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Bass Guitars">Bass Guitars</a></li><br />
<br />
<li><a href="#" title="Accessories">Accessories <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Guitar Stands">Guitar Stands</a></li><br />
<br />
<li><a href="#" title="Strings">Strings</a></li><br />
<br />
<li><a href="#" title="Tuners">Tuners</a></li><br />
<br />
<li><a href="#" title="Plectrums">Plectrums</a></li><br />
<br />
<li><a href="#" title="Capos">Capos</a></li><br />
<br />
<li><a href="#" title="Cases">Cases</a></li><br />
<br />
<li><a href="#" title="Straps">Straps</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Your Account">Your Account</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Log In">Log In</a></li><br />
<br />
<li><a href="#" title="Register">Register</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Help">Help</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="FAQs">FAQs</a></li><br />
<br />
<li><a href="#" title="Forum">Forum</a></li><br />
<br />
<li><a href="#" title="Contact Us">Contact Us</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Blah">Links</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Taylor Guitars">Taylor Guitars</a></li><br />
<br />
<li><a href="#" title="AER Amplifiers">AER Amplifiers</a></li><br />
<br />
<li><a href="#" title="Shure Microphones">Shure Microphones</a></li><br />
<br />
<li><a href="#" title="International">International <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Musican's Friend">Musican's Friend</a></li><br />
<br />
<li><a href="#" title="Thomann Music">Thomann Music</a></li><br />
<br />
<li><a href="#" title="Turnkey">Turnkey</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE:<br />
<div class="code"><br />
<br />
div#container<br />
<br />
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; }<br />
<br />
<br />
<br />
h1<br />
<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 />
<br />
p { margin:0; padding:1.2em; }<br />
<br />
p a:link,<br />
<br />
p a:visited,<br />
<br />
p a:hover,<br />
<br />
p a:active<br />
<br />
{ font-weight:bold; color:#b9121b; }<br />
<br />
<br />
<br />
ul#navigation-1<br />
<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 />
<br />
ul#navigation-1 li<br />
<br />
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }<br />
<br />
ul#navigation-1 li a:link,<br />
<br />
ul#navigation-1 li a:visited<br />
<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }<br />
<br />
ul#navigation-1 li:hover a,<br />
<br />
ul#navigation-1 li a:hover,<br />
<br />
ul#navigation-1 li a:active<br />
<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 />
<br />
<br />
ul#navigation-1 li ul.navigation-2<br />
<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 />
<br />
ul#navigation-1 li:hover ul.navigation-2<br />
<br />
{ display:block; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li<br />
<br />
{ width:146px; clear:left; width:146px; }<br />
<br />
<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:link,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:visited<br />
<br />
{ clear:left; background:#b9121b; 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:hover a,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:active,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:hover<br />
<br />
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
<br />
<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3<br />
<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 />
<br />
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3<br />
<br />
{ display:block; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited<br />
<br />
{ background:#b9121b; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active<br />
<br />
{ background:#ec454e; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li a span<br />
<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li:hover a span,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:hover span<br />
<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }</div><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;">15. Simple Black Drop Down Menus </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi92HSTYtyg7i29QN0XAg2DL7yMo1_sK_HFl8uVqOcdTRMIIbEiugBYzMZQY7O9lSqTocTQU_4imWkdkXCgr5Dyaf3c8r0T2G2VMzFl1OSRMldbIfqwIR0EbPAezqjZ87EMEW0EI1lHpSBD/s200/Simple+Black.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><ul id="navigation-1"><br />
<br />
<li><a href="#" title="Home">Home</a></li><br />
<br />
<li><a href="#" title="Products">Products</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Electric Guitars">Electric Guitars</a></li><br />
<br />
<li><a href="#" title="Acoustic Guitars">Acoustic Guitars <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Six String">Six String</a></li><br />
<br />
<li><a href="#" title="Twelve String">Twelve String</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Bass Guitars">Bass Guitars</a></li><br />
<br />
<li><a href="#" title="Accessories">Accessories <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Guitar Stands">Guitar Stands</a></li><br />
<br />
<li><a href="#" title="Strings">Strings</a></li><br />
<br />
<li><a href="#" title="Tuners">Tuners</a></li><br />
<br />
<li><a href="#" title="Plectrums">Plectrums</a></li><br />
<br />
<li><a href="#" title="Capos">Capos</a></li><br />
<br />
<li><a href="#" title="Cases">Cases</a></li><br />
<br />
<li><a href="#" title="Straps">Straps</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Your Account">Your Account</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Log In">Log In</a></li><br />
<br />
<li><a href="#" title="Register">Register</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Help">Help</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="FAQs">FAQs</a></li><br />
<br />
<li><a href="#" title="Forum">Forum</a></li><br />
<br />
<li><a href="#" title="Contact Us">Contact Us</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Blah">Links</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Taylor Guitars">Taylor Guitars</a></li><br />
<br />
<li><a href="#" title="AER Amplifiers">AER Amplifiers</a></li><br />
<br />
<li><a href="#" title="Shure Microphones">Shure Microphones</a></li><br />
<br />
<li><a href="#" title="International">International <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Musican's Friend">Musican's Friend</a></li><br />
<br />
<li><a href="#" title="Thomann Music">Thomann Music</a></li><br />
<br />
<li><a href="#" title="Turnkey">Turnkey</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul> </div><br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE:<br />
<br />
<div class="code"><br />
<br />
div#container<br />
<br />
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; }<br />
<br />
<br />
<br />
h1<br />
<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 />
<br />
p { margin:0; padding:1.2em; }<br />
<br />
p a:link,<br />
<br />
p a:visited,<br />
<br />
p a:hover,<br />
<br />
p a:active<br />
<br />
{ font-weight:bold; color:#b9121b; }<br />
<br />
<br />
<br />
ul#navigation-1<br />
<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 />
<br />
ul#navigation-1 li<br />
<br />
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }<br />
<br />
ul#navigation-1 li a:link,<br />
<br />
ul#navigation-1 li a:visited<br />
<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }<br />
<br />
ul#navigation-1 li:hover a,<br />
<br />
ul#navigation-1 li a:hover,<br />
<br />
ul#navigation-1 li a:active<br />
<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 />
<br />
<br />
ul#navigation-1 li ul.navigation-2<br />
<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 />
<br />
ul#navigation-1 li:hover ul.navigation-2<br />
<br />
{ display:block; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li<br />
<br />
{ width:146px; clear:left; width:146px; }<br />
<br />
<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:link,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:visited<br />
<br />
{ clear:left; background:#b9121b; 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:hover a,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:active,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:hover<br />
<br />
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
<br />
<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3<br />
<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 />
<br />
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3<br />
<br />
{ display:block; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited<br />
<br />
{ background:#b9121b; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active<br />
<br />
{ background:#ec454e; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li a span<br />
<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li:hover a span,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:hover span<br />
<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }</div><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;">16. Simple Blue Drop Down Menus </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3m58RLA8XEu1TbYSVZf3KMDrhQ8-Fk5-VD99FUDLPiTfsJpTbvIdLm3wPp2ouuRWq9ks6UQDzKYbESgplrCmY0F-b5nEpT89L5ZzhmHKWYFsUCVEID0dKlGYyUx5-Qg-_wE9fAconIem/s200/Simple+Blue.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><ul id="navigation-1"><br />
<br />
<li><a href="#" title="Home">Home</a></li><br />
<br />
<li><a href="#" title="Products">Products</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Electric Guitars">Electric Guitars</a></li><br />
<br />
<li><a href="#" title="Acoustic Guitars">Acoustic Guitars <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Six String">Six String</a></li><br />
<br />
<li><a href="#" title="Twelve String">Twelve String</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Bass Guitars">Bass Guitars</a></li><br />
<br />
<li><a href="#" title="Accessories">Accessories <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Guitar Stands">Guitar Stands</a></li><br />
<br />
<li><a href="#" title="Strings">Strings</a></li><br />
<br />
<li><a href="#" title="Tuners">Tuners</a></li><br />
<br />
<li><a href="#" title="Plectrums">Plectrums</a></li><br />
<br />
<li><a href="#" title="Capos">Capos</a></li><br />
<br />
<li><a href="#" title="Cases">Cases</a></li><br />
<br />
<li><a href="#" title="Straps">Straps</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Your Account">Your Account</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Log In">Log In</a></li><br />
<br />
<li><a href="#" title="Register">Register</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Help">Help</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="FAQs">FAQs</a></li><br />
<br />
<li><a href="#" title="Forum">Forum</a></li><br />
<br />
<li><a href="#" title="Contact Us">Contact Us</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Blah">Links</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Taylor Guitars">Taylor Guitars</a></li><br />
<br />
<li><a href="#" title="AER Amplifiers">AER Amplifiers</a></li><br />
<br />
<li><a href="#" title="Shure Microphones">Shure Microphones</a></li><br />
<br />
<li><a href="#" title="International">International <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Musican's Friend">Musican's Friend</a></li><br />
<br />
<li><a href="#" title="Thomann Music">Thomann Music</a></li><br />
<br />
<li><a href="#" title="Turnkey">Turnkey</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
CSS CODE:<br />
<br />
<div class="code"><br />
<br />
div#container<br />
<br />
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; }<br />
<br />
<br />
<br />
h1<br />
<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 />
<br />
p { margin:0; padding:1.2em; }<br />
<br />
p a:link,<br />
<br />
p a:visited,<br />
<br />
p a:hover,<br />
<br />
p a:active<br />
<br />
{ font-weight:bold; color:#b9121b; }<br />
<br />
<br />
<br />
ul#navigation-1<br />
<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 />
<br />
ul#navigation-1 li<br />
<br />
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }<br />
<br />
ul#navigation-1 li a:link,<br />
<br />
ul#navigation-1 li a:visited<br />
<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }<br />
<br />
ul#navigation-1 li:hover a,<br />
<br />
ul#navigation-1 li a:hover,<br />
<br />
ul#navigation-1 li a:active<br />
<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 />
<br />
<br />
ul#navigation-1 li ul.navigation-2<br />
<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 />
<br />
ul#navigation-1 li:hover ul.navigation-2<br />
<br />
{ display:block; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li<br />
<br />
{ width:146px; clear:left; width:146px; }<br />
<br />
<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:link,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:visited<br />
<br />
{ clear:left; background:#b9121b; 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:hover a,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:active,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:hover<br />
<br />
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
<br />
<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3<br />
<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 />
<br />
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3<br />
<br />
{ display:block; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited<br />
<br />
{ background:#b9121b; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active<br />
<br />
{ background:#ec454e; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li a span<br />
<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li:hover a span,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:hover span<br />
<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }</div><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;">17. Simple Green Drop Down Menus </span></span><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIEy53-MbMn8z2kn-R7CONLbCoQoUx2aKDQmNs1YOik1I1-aBuRf0fITsxT83goTAt5CfUZZ4q0iYbh-wKwLTc_5z_FoaeVNupchgqZEx_hIw8ucbmY5QN9mkTs_KPwsQpuSavtvZyABnx/s200/Simple+Green.png" width="200" /></div><br />
<br />
HTML CODE: <br />
<br />
<br />
<br />
<div class="code"><ul id="navigation-1"><br />
<br />
<li><a href="#" title="Home">Home</a></li><br />
<br />
<li><a href="#" title="Products">Products</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Electric Guitars">Electric Guitars</a></li><br />
<br />
<li><a href="#" title="Acoustic Guitars">Acoustic Guitars <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Six String">Six String</a></li><br />
<br />
<li><a href="#" title="Twelve String">Twelve String</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Bass Guitars">Bass Guitars</a></li><br />
<br />
<li><a href="#" title="Accessories">Accessories <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Guitar Stands">Guitar Stands</a></li><br />
<br />
<li><a href="#" title="Strings">Strings</a></li><br />
<br />
<li><a href="#" title="Tuners">Tuners</a></li><br />
<br />
<li><a href="#" title="Plectrums">Plectrums</a></li><br />
<br />
<li><a href="#" title="Capos">Capos</a></li><br />
<br />
<li><a href="#" title="Cases">Cases</a></li><br />
<br />
<li><a href="#" title="Straps">Straps</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Your Account">Your Account</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Log In">Log In</a></li><br />
<br />
<li><a href="#" title="Register">Register</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Help">Help</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="FAQs">FAQs</a></li><br />
<br />
<li><a href="#" title="Forum">Forum</a></li><br />
<br />
<li><a href="#" title="Contact Us">Contact Us</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="#" title="Blah">Links</a><br />
<br />
<ul class="navigation-2"><br />
<br />
<li><a href="#" title="Taylor Guitars">Taylor Guitars</a></li><br />
<br />
<li><a href="#" title="AER Amplifiers">AER Amplifiers</a></li><br />
<br />
<li><a href="#" title="Shure Microphones">Shure Microphones</a></li><br />
<br />
<li><a href="#" title="International">International <span>&raquo;</span></a><br />
<br />
<ul class="navigation-3"><br />
<br />
<li><a href="#" title="Musican's Friend">Musican's Friend</a></li><br />
<br />
<li><a href="#" title="Thomann Music">Thomann Music</a></li><br />
<br />
<li><a href="#" title="Turnkey">Turnkey</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
</ul></div><br />
<br />
<br />
<br />
<br />
<br />
CSS CODE:<br />
<br />
<br />
<br />
<div class="code">div#container<br />
<br />
{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #b9121b; height:400px; }<br />
<br />
<br />
<br />
h1<br />
<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 />
<br />
p { margin:0; padding:1.2em; }<br />
<br />
p a:link,<br />
<br />
p a:visited,<br />
<br />
p a:hover,<br />
<br />
p a:active<br />
<br />
{ font-weight:bold; color:#b9121b; }<br />
<br />
<br />
<br />
ul#navigation-1<br />
<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 />
<br />
ul#navigation-1 li<br />
<br />
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }<br />
<br />
ul#navigation-1 li a:link,<br />
<br />
ul#navigation-1 li a:visited<br />
<br />
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }<br />
<br />
ul#navigation-1 li:hover a,<br />
<br />
ul#navigation-1 li a:hover,<br />
<br />
ul#navigation-1 li a:active<br />
<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 />
<br />
<br />
ul#navigation-1 li ul.navigation-2<br />
<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 />
<br />
ul#navigation-1 li:hover ul.navigation-2<br />
<br />
{ display:block; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li<br />
<br />
{ width:146px; clear:left; width:146px; }<br />
<br />
<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:link,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:visited<br />
<br />
{ clear:left; background:#b9121b; 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:hover a,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:active,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:hover<br />
<br />
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }<br />
<br />
<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3<br />
<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 />
<br />
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3<br />
<br />
{ display:block; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited<br />
<br />
{ background:#b9121b; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,<br />
<br />
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active<br />
<br />
{ background:#ec454e; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li a span<br />
<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }<br />
<br />
ul#navigation-1 li ul.navigation-2 li:hover a span,<br />
<br />
ul#navigation-1 li ul.navigation-2 li a:hover span<br />
<br />
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><br />
<br />
</b><br />
<br />
Select Any one menu from the above given list <br />
<br />
<br />
<br />
<br />
<br />
<b>How To Add Drop Down Menu Widget To Blogger</b><br />
<br />
<br />
1. Go To Blogger > Design<br />
<br />
2. Click Add a Gadget or Add a Page element<br />
<br />
3. Choose HTML/JavaScript widget<br />
<br />
4. Simple Paste the Navigation Menu Code inside HTML/JavaScript widget<br />
<br />
5. Hit Save<br />
<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://bit.ly/ePMci3" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span id="goog_1770000207"></span><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyuIPV4oFJE_x2gnM3qOSmh19Z4ZddIpb7JYj6KzhJ0TcAQ8C8O7e2GuD7PN-Y3ZReoyorwUbWN_919DNHfIc5ThXoC9Ho_9x30XL-SBOjTs482bWY36mCO8YQYsmWqh4DkgZ6VFmyiQrd/s1600/Drop+Down+Menu+Widget+in+Blogger.png" width="420" /><span id="goog_1770000208"></span></a></div><br />
<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 />
<br />
<ul><br />
<br />
<li><a href="#" >Home</a></li><br />
<br />
<li><a href="#" id="current">Products</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/faq.php">FAQ</a><br />
<br />
<ul><br />
<br />
<li><a href="#">Drop Down CSS Menus</a></li><br />
<br />
<li><a href="#">Horizontal CSS Menus</a></li><br />
<br />
<li><a href="#">Vertical CSS Menus</a></li><br />
<br />
<li><a href="#">Dreamweaver Menus</a></li><br />
<br />
</ul><br />
<br />
</li><br />
<br />
<li><a href="/contact/contact.php">Contact</a></li><br />
<br />
</ul><br />
<br />
</div></code><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><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 />
<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 />
<br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/ePMci3" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiedSH3IkBN40VnUwWgLT5RXdv2eycWP-SGMBarqVmM-lT9fg3UhfX_Qn76fFeUYeQhR_N3ElnPHOZuAu085Bhf43YPSEEy4PVECTugcDu_3oh9aSouuQ-eJ8YTPQ8qdaJy1L8HhGSDgBnl/s320/Image+5.png" width="320" /></a></div><br />
<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 />
<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 />
<br />
border:none;<br />
<br />
border:0px;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;<br />
<br />
font-size:14px;<br />
<br />
font-weight:bold;<br />
<br />
}<br />
<br />
.menu ul{<br />
<br />
background:#333333;<br />
<br />
height:35px;<br />
<br />
list-style:none;<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
.menu li{<br />
<br />
float:left;<br />
<br />
padding:0px;<br />
<br />
}<br />
<br />
.menu li a{<br />
<br />
background:#333333 url("<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYQWO2AgL-IfGZ_mqTAs43MEjAEnkdRgDMRngxFJZAdwEcRq9CKxMRIqIBkvMd8XWoEHcpQ2cb95d-NY4hf_fyViAp-2Ugh4Bee3hNc79sfHyNyxBBcVVYyL4IspWp0kvZmLltTrmn7Sf/s1600/seperator.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYQWO2AgL-IfGZ_mqTAs43MEjAEnkdRgDMRngxFJZAdwEcRq9CKxMRIqIBkvMd8XWoEHcpQ2cb95d-NY4hf_fyViAp-2Ugh4Bee3hNc79sfHyNyxBBcVVYyL4IspWp0kvZmLltTrmn7Sf/s1600/seperator.gif</a>") bottom right no-repeat;<br />
<br />
color:#cccccc;<br />
<br />
display:block;<br />
<br />
font-weight:normal;<br />
<br />
line-height:35px;<br />
<br />
margin:0px;<br />
<br />
padding:0px 25px;<br />
<br />
text-align:center;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li a:hover, .menu ul li:hover a{<br />
<br />
background: #2580a2 url("<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJGeXueWZ7BpNBJsCQTheQwnt0Nv_mH8Hj1LdQyf_M7tZ2uRu4h0mVSRu0wCr33RKHfzv4R-LkQHdOjVHb5skTyVcmHzRm1wTNWBgvRvkIwO66G_PvlRdswOLJhqDJueAlf6s7ID_2_ZbC/s1600/hover.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJGeXueWZ7BpNBJsCQTheQwnt0Nv_mH8Hj1LdQyf_M7tZ2uRu4h0mVSRu0wCr33RKHfzv4R-LkQHdOjVHb5skTyVcmHzRm1wTNWBgvRvkIwO66G_PvlRdswOLJhqDJueAlf6s7ID_2_ZbC/s1600/hover.gif</a>") bottom center no-repeat;<br />
<br />
color:#FFFFFF;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu li ul{<br />
<br />
background:#333333;<br />
<br />
display:none;<br />
<br />
height:auto;<br />
<br />
padding:0px;<br />
<br />
margin:0px;<br />
<br />
border:0px;<br />
<br />
position:absolute;<br />
<br />
width:225px;<br />
<br />
z-index:200;<br />
<br />
/*top:1em;<br />
<br />
/*left:0;*/<br />
<br />
}<br />
<br />
.menu li:hover ul{<br />
<br />
display:block;<br />
<br />
<br />
<br />
}<br />
<br />
.menu li li {<br />
<br />
background:url('<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlgdD1n8xpP89wKp-1mN8pigNyUiH_ff8SchqJWHRbdvEud9OTNA8p-Xuznjv11IbA-bzRn28v-82MLkdNFcJfQHUgYFLzOMSFR0m-cAjKLUbxy6EcDTU1YxK4s9-FgJzRjTdlz47ElFsn/s1600/sub_sep.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlgdD1n8xpP89wKp-1mN8pigNyUiH_ff8SchqJWHRbdvEud9OTNA8p-Xuznjv11IbA-bzRn28v-82MLkdNFcJfQHUgYFLzOMSFR0m-cAjKLUbxy6EcDTU1YxK4s9-FgJzRjTdlz47ElFsn/s1600/sub_sep.gif</a>') bottom left no-repeat;<br />
<br />
display:block;<br />
<br />
float:none;<br />
<br />
margin:0px;<br />
<br />
padding:0px;<br />
<br />
width:225px;<br />
<br />
}<br />
<br />
.menu li:hover li a{<br />
<br />
background:none;<br />
<br />
<br />
<br />
}<br />
<br />
.menu li ul a{<br />
<br />
display:block;<br />
<br />
height:35px;<br />
<br />
font-size:12px;<br />
<br />
font-style:normal;<br />
<br />
margin:0px;<br />
<br />
padding:0px 10px 0px 15px;<br />
<br />
text-align:left;<br />
<br />
}<br />
<br />
.menu li ul a:hover, .menu li ul li:hover a{<br />
<br />
background:#2580a2 url('<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxCcDcfeZ5ixBR_a4REZxVGc-Adg3sRacyA8tNFMt7dQ9ED6Lb0CI16pfZvhjkBGOTjjRjF6m9CXMbSoO-j50Plqwpkxr_jclMDBat3dJ7dqf9nw88gV6Jnti_lK_9LdJT6l3pChkmWQO/s1600/hover_sub.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxCcDcfeZ5ixBR_a4REZxVGc-Adg3sRacyA8tNFMt7dQ9ED6Lb0CI16pfZvhjkBGOTjjRjF6m9CXMbSoO-j50Plqwpkxr_jclMDBat3dJ7dqf9nw88gV6Jnti_lK_9LdJT6l3pChkmWQO/s1600/hover_sub.gif</a>') center left no-repeat;<br />
<br />
border:0px;<br />
<br />
color:#ffffff;<br />
<br />
text-decoration:none;<br />
<br />
}<br />
<br />
.menu p{<br />
<br />
clear:left;<br />
<br />
} <br />
<br />
</code><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: 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 />
<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 />
<blockquote>Many thanks to <a href="http://24work.ucoz.com/24work.blogspot.com.html?iframe=http://www.cssmenumaker.com/" rel="nofollow" target="_blank"><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></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com170tag:blogger.com,1999:blog-2648032558084820227.post-57733296190759388042011-01-02T09:18:00.002-08:002013-08-04T23:51:14.851-07:00How To Create Your Own Blogger Template Theme<div dir="ltr" style="text-align: left;" trbidi="on">There are many people using Google's blogspot platform for their blogging uses. Blogger is the most simplest and the easiest way to get yourself on to the top of Blogging.Blogger provided default templates, they were far from being called good. It allows you to customize HTML to make your own templates, but they require advanced knowledge.This tutorial will cover the steps needed to create your own blogger template.<br />
<br />
<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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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 />
<a name='more'></a><br />
<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe><br />
<br />
<br />
<br />
<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/dGGqba" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidU4SF0Y4hzi8YNu5m6zGR9qRGTNeJfOWWnonAlbFRWOZeNXVqWD3Wy5h9N6Icl7WJLdeRWLT1UDIheYt8yBjqkJUfVDZ5zn-qoWg4plskNzrR93702MhOyyp6Z4bkmw5lhyphenhyphenqeKHpQgfx2/s200/How+To+Create+Your+Own+Blogger+Template+Theme.jpg" width="184" /></a></div><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;">Now Design and Generate Your Own Blogger Templates </span></span><br />
<br />
There are five sites given in this post that is generate,make our own blogger templates which is very easy to generate.<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;"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.wannabegirl.org/firdamatic/" rel="nofollow" target="_blank">1.Firdamatic Layout Generator </a></span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/dGGqba" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA7Wswm34gvplXRxxJheV16MNkhTAYKdKYtZblCi77n4veP1equyenBj3YmhlrJsLsNjJgf4NVZER-Xk2FseYrh6L4oYUxPG9hwawI0KjV5PBaRMUxdoGP3jivjuzDXYweX5KiCiatqxA8/s1600/Firdamatic+Layout+Generator.gif" width="380" /></a></div><br />
<br />
<b>Firdamatic</b> is an online tableless layout generator that allows you to create and customize layouts easily only by completing forms, making creating skins for your Blogger-based layout a breeze. This tool is available for free for personal/non-commercial use only and comes with no technical support. So use it at your own risk.<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;"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.pimp-my-profile.com/generators/blogger.php" rel="nofollow" target="_blank">2. Pimp My Profile Blogger Template Generator</a> </span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/dGGqba" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80j3C3klp0f-5ETpVdHtvJyVhtIwM-dm48CBX_H7QLvzR-NAYibi4kvf2IY9Cbu0x_5hg1FlleHtbhOa3lGKHhyphenhyphenTPRhvtRuo6KIB-un7-Dq32V-6Ojeh8fHl4AL3UFjdjZ1RpLnuO6VPI/s1600/Pimp+My+Profile+Blogger+Template+Generator.gif" width="380" /></a></div><br />
<b>Pimp My Profile</b> Blogger Template generator should not be a preferred choice as it has the worst interface to work with. Surrounded by ads and sidebars on both sides and popping advertisements make the experience worse. But the Good thing is that you can keep previewing your template at any step. Although the simple 7 steps do the work yet customization options are still limited.<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;"><a href="http://24work.blogspot.com/p/demo.html?url=http://e-infotainment.com/applications/blogger-template-generator/v2/application.php" rel="nofollow" target="_blank">3. Trix Template Generator </a></span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/dGGqba" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisIuM6A-5m_BQr12v8twMaf8wIsLT6i9mXJcYh-CE2K52LcUI7tDg4xSUZF3DNtlqDML6X6wBKme3OVUsA9Za-3FoDW_ct3xb1yoRL0KDaCD0sle56sChPJaDMZo_GzKYGNJCo2RQdlOzK/s1600/Trix+Template+Generator.gif" width="380" /></a></div><br />
<br />
<b>Trix Template Generator</b> is a simple application for creating templates for Blogger/Blogspot without any much knowledge about HTML or XML language. If you have the imagination and the creativity, you can very well design templates to your likings. The interface is user friendly and the best thing is that you don't have to refresh or preview the changes. You can instantly see the changes as the tools are hovering over the actual template you are designing in the background.<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;"><a href="http://24work.blogspot.com/p/demo.html?url=http://psyc.horm.org/" rel="nofollow" target="_blank">4. PsycHo Template Generator</a> </span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/dGGqba" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLABR8RCdRB_Lu5XVmZOmYd-5_9h0XtlIJuI8iUUhKNZ2DTljzMzpwb9Ey85-VU8H1jr4x0hsxonQ92vUqBoUzvS3A5I9jLGruemyamzp4JJQ31cxN1XFuZRHFVFQAsZ6t4NN6Xttjy8az/s320/PsycHo+Template+Generator.gif" width="320" /></a></div><br />
<br />
<b>PsycHo</b> is one of the oldest but still lacks some attractive interface features but customization options are far more and better than other template makers. But as they are promising to update to some newer version they would definitely come up with some exciting new interface and ease of use. Again it doesn't require you to know any HTML coding - customization of every single bit of your template is behind those simple drop down boxes.<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;"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.artisteer.com/?p=blogger_templates" rel="nofollow" target="_blank">5. Artisteer Blogger Template Maker </a></span></span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/dGGqba" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPthOVOtnXuAJ4QWjAnRPd2g-uaJ4bCt8-Lgf_QwT0grg4gWXCmIhQvT6Be_EC-2NkGp2ZqskevZ0ighb56q6uFjMMohIaIc5JUaBLexNfu4O7YoiWJJGCSu3oARFqIIQXiyNIkEABADM9/s1600/ARTISTEER-by-bdlab.gif" width="380" /></a></div><br />
<br />
The most professional looking Blogger Template Maker - <b>Artisteer</b> is the latest discovery from blogger template designers and generators collection. It is the only application that works offline and you need to download it first to enjoy the most user friendly environment of all Template Makers. Interface is quiet familiar with that of MS Office 2007 that means every functions is at front Ribbon. The only and worst thing about Artisteer is that it's not free to use! It comes with a trial version. But the trial is unlimited and adds "trial" watermarks allover to exported templates and does not allow you to save designs as project file for future changes.<br />
See the Artisteer <a href="http://24work.blogspot.com/p/demo.html?url=http://www.artisteer.com/?p=demo" rel="nofollow" target="_blank">demo</a>.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Thanks to <a href="http://www.tipsotricks.com/2009/12/5-best-blogger-template-generators.html" rel="nofollow" target="_blank">Tips o Tricks.</a><br />
<br />
<br />
<br />
<br />
<br />
</div></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com187tag:blogger.com,1999:blog-2648032558084820227.post-76050269196959842662010-12-31T07:10:00.002-08:002013-02-08T04:55:30.222-08:0022 Amazing Examples To Customize Blockquote Style In Blogger blogspot blog!<div dir="ltr" style="text-align: left;" trbidi="on">Whenever I put hacks codes for the blogger who used the blockquote function are the quotes that appear when you post something you want to ENHANCE your post.Porém in when he wrote that he wanted to highlight something in the posts were featured on the same hacks. So I decided to differentiate the citations codes hacks using a very simple feature that can be embedded in your post during its creation, it is this box of code that you see when you post the codes. (I'm still updating older posts putting the boxes to the codes). First let's learn a little about the function BLOCKQUOTE : <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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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 />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/" target="_blank">Live Demo</a></div><br />
<br />
<a name='more'></a><br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe><br />
<br />
<br />
<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/gwsKGg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
<span id="goog_798272682"></span><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoPyRDtiTmQBG2VP2ronxjFnJM3sZlwVOxUufw4F2ArktCkGPHW0Jy0vsBRTBsTueXxmN6euLXlHph_U41X2nbqw5dfbFvGAsk4ObQdmW0CU0eE4r2DyElfDAJTnfbVaaM9kUcTPRiu6UV/s1600/Blockquotes+a+nice+way+to+impress+your+users.gif" width="360" /><span id="goog_798272683"></span></a></div><br />
<br />
<br />
<b><br />
</b><br />
<b><br />
</b><br />
<b>How can I style a blockquote in a post?</b> <br />
<b><br />
</b><br />
<b><br />
</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/gwsKGg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJI2KHQ0Hf2XfAd_HmSiyinhCsAPgER52IU_Y3sM3l0efXoK8x2QA5gWvbSkHaLXP7uCJN8fhmlMD1e762mlp4SQLluNIbA1NXh7ftKOYACvaQOFd0lx3i3wsJc7-woQtEY8jc6JL4UT9/s1600/Blockquotes+a+nice+way+to+impress+your+users.gif" width="410" /></a></div>When creating a post with a blockquote, the quoted text will be indented on the right and left to set it off from other text. However, if you would like to add more style to your quotes, you can use the Edit HTML tab to make changes to edit the blockquote using inline CSS. For example, after inserting a blockquote in the Rich Text Editor, you can click on the Edit HTML tab and look for text like this: <br />
<br />
<div class="code"><blockquote>This is some quoted text.</blockquote></div>And edit it so that it looks like: <br />
<br />
<div class="code"><blockquote style="border: 2px solid #666; padding: 8px; background-color: #ccc;">This is some quoted text.</blockquote></div><br />
This will display your blockquote with a 2 pixel wide dark-grey border, 8 pixels of padding inside the border, and a lighter grey background. Example: <br />
<blockquote style="background-color: #cccccc; border: 2px solid #666; padding: 8px;">This is some quoted text.</blockquote><br />
Pro subscribers have access to the feature, which allows you to easily make stylesheet changes for your entire weblog. This will allow you to edit the display of your blockquotes without editing the HTML of the post each time you include a quote. For the same results as above, you would add the following in Weblogs > Edit Design > Custom CSS: <br />
<div class="code">blockquote { border: 2px solid #666; padding: 10px; background-color: #ccc; }</div>If your blog is using Advanced Templates, you would add the above code to the Stylesheet template. If you would like more information on all the possibilities of styling elements with CSS, there is a useful tutorial <a href="http://www.w3schools.com/css/">here</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;">22 Amazing Examples To Customize Blockquote Style In Blogger! </span></span><br />
<br />
<br />
Blockquotes a really a very nice way to differentiate some of the content from the rest. And it is also a nice way to impress the users by using a cool style for the quote In this post i have given the different styles of blockquotes from different sources just check the styles.<br />
<br />
Style 1 <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhegCzDkZ-NzPM9oRZIKTbg0ls4bhI3vWipE7ZoDkEKC5SP_2OP4UraingQOGYUJtBU_lbu2Jg8CboaV4KrDNcNtmHLVWd0c0tP-AR4j2JO_OQgI07fe2j1eCjnP6cc-RlX1z9ghD2BhKvy/s1600/Blockquotes-1.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }</div><br />
<br />
Style 2 <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPll-vOCY4zQsr0-VDexArCdOu9w1krOi23ydLqXry2jNHlPsbEdxAl40-5Hxh-xLf6RxIp0czTJINZPYmRfN1aAgG2MGvz8BQqnmKMvWrPQVCLI2OQdo_sMkm6m5JdNGER6Cw-WBcN4Hv/s1600/Blockquotes-2.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }</div><br />
<br />
Style 3 <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1g11OSmM1XFuAOEoLF_XqPYcI70QUkdNkNuacFyxfaLYpA5s6WvEMq0dLRYT51c40eJkXOVrjoi1pa3bg4SY1TVRgAA-FH_Efn3hgUe6S1uZKwGhc4n5BcSx7rUwxRpl70IMr1R2RWM7G/s1600/Blockquotes-3.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }</div>Unlike other quotes this style has an option of bold first letter. Style 4 <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIEAAE0Diom7ps7DqTKJi4qFZRSdKOKD4PXA3hkB_c89nCDzLbkIJ29lUUj01FUFTEhBugb6XzZdNyhEOC-BVwEPIz4S81DT0VoPSASEWK0oPqk_d4zXOeK0djEKD4T3yKOEdNnlaRJWim/s1600/Blockquotes-4.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }</div><br />
<br />
Style 5 <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtFbknqvJwHnIk_0TqURURNtKuAm9P9C4s87aQ11ZcjGjwHt-L3MKmasaM18Hi-krOiQdLUQZ2J0v7lIbAwfxSxv0WVO5IUKlAq1S2dUXkXIMW6PJZWmEkJjx2bLzCxLf00nlWxtyk3oj4/s1600/Blockquotes-5.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">blockquote { background-color: #666; color:#fff; padding: 15px; margin: 1em 40px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; }</div><br />
<br />
Blockquote With a Fancy Border and Owl Image <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOIJFbkCOIU-BaPeWXg4aJDGrFejPOyN4OlfeypNd2hr5i7jgHPG_BT-v4nK99Fb2rRoySIeKL0-AVjKKPGVTBROfVUPRgeUKhGiT_nVqzdyB9lNJcqelUAtlDhAMswJ_Aogn6am9Z3lhU/s1600/Blockquotes-6.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Uhv6atqu_ebbM6mijNI8uaNMJrk_UOZBVgtM9J8i0we1NC_BYk2zkQzVSWW-jDHjsTCpunUf92f7wZ0H6lDfrG5Iok4DGHCj3_sfdRYTEeG54uTxMLFl-6DZPi5_o4UADbgp4MJJFuU/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Blockquote With a Purple Corner Label and Border At Bottom <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijUJV4Ex9_pkVtLdglfgyzuY3Er-TDOgZWy8fe98ew2YKcmRYV34a3epvdF2BVCHWo7YtANbz_dVnANAvHzCwaSEFlUWEijwDbPrEZ2Dooy0Y1PXePkxBkWowYQdFzWyDaIVaL-FfNKYXk/s1600/Blockquotes-7.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPbf1UcUh4p1hGHWJakGQ7h139LgJAK8cPdUX0xS50IoepQMPthU8llsxJ2VppTe1QLMRHjmEIpqRvDMU5F-HT63G8VxJXMOyDW7zYQyVSdibtX1KsAo6MfslE3Zf3Bg1b5543aH1EOY0/s400/angular-purple.gif) no-repeat top left; font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border-bottom : 5px solid #435388; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Jigsaw Blockquote With An Image At Right Corner <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmjftPZBkuPb5tVWONFZjpNlSzZUVcbW6NSsyS77ZwS6kKOMwhtmRqECwGqNfAwIAAfItZYDtjzwzTz3ZMGOsYp89uvuCpttgvaee3JtY2lWMv81sMtrVhEUSAvl_Y6qhyzeAfS627vTsO/s1600/Blockquotes-8.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOsBuk9IF4hri4I01C0wrITaK8WXNadQv3AzHxexS-MV5TFeGDeUmN6fqkiUttk8_JVCyAEBEkIXbMpJ_PCrNCuLyEbA_uRnIYQTETZQXM_bmDjVuVRvnHip4FGlUFP8pfTaITXVhzivU/s400/block22.gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Blockquotes With Classic Left Borders <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZJ9Sy-4rDc1Cpz1ORtaZ9Yz5WELTzHNxM7bLHBy4RYJMlbDbsrfCzx7ah_M099uC-dA4g3O1cUb3TZnSbbRRxOdGE0yxIjINmOlmXLZ-w4jYh0t0HzuouHme6zk_7UoA-CXkMijcrlIAp/s1600/Blockquotes-9.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg24ZgEiFpczWXqbvAEPZa63i4wxm9gv49DOmGDPI1X-Lceqx4S2C4amDqJEj05VhWid4LYS8ukLarUIcSsa34tAwnWZMVv39QHbWlKK9dIrEtc1BNPd-cwghHDmvH5_aUzb4gKJxFv8N8/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }</div><br />
<br />
Blockquotes left sided green black <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_lcCQ4CVtpI5h9trRMhUwDBymZXuPbu2KXUduW3_VnsAePSKtvS8zjpMDt0phOD3lED301XSeuvSH4JhRyhzFTk9kBvo8MaTy4MsWYer8FfGVFz-n68X6dDVBgMU0g-TenzQi52QyRS-w/s1600/Blockquotes-10.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-g2k5ATOHOiC2Jemm4VdfkTMmIwB9T4cdrEzt_Qz2ZpHIhwBzLpgFEOyGFz_o7t48ApMNRGCdFoONdylwyB8Fb-ss3bEiR-WcSNNO6bffTvXCL4dBIS2-GR5q-vVACarW9p0mPs2QHwI/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman"; } .post blockquote p { margin: 0; padding-top: 10px; }</div><br />
<br />
Blockquote With A Brown Corner Label <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBrl-E3oHT63APzB1KZIPHlzCkIuCqVhnblgUR-WEx41kspuj9wP-_cc3Ke1j6xA_UtLLh51iXqXQCmKSVp9s_Mr8e346-ENRhILvR8hoHG5qWLISW7QgoxZz3y-ebs28hJRTGm420nbtW/s1600/Blockquotes-11.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPE4kgcHURan1QMbgJCgsr6r223LFnT_-7oGB4F-khaOIfnSjMKnjdja2uR0QkDp2J24m5Ubin4MtUNgfpro3D9WFKOAYQP48BVTNrfhrLxnOFPURKtsgvdpLu0qH23Hv5T8534_UA7Og/s400/angular-right.gif) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Blockquotes With Inverted Commas <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4Cw4RqRDxBbjVYXD4woabUJREMdsve1y1KkSvmnZp4soI2Yy79wDuymRa9ONGtYNwAwlT9s75K8je7lcQgGIEwOa4BAGs9tJVUDDBuXcfC_5S1S_zDPa1_IYul9QDxeQwVzMGfSW4vkH/s1600/Blockquotes-12.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieiWwrQQIEbtHnakjqubYwRHbkHIj-ngzwiAnEKfd2vj7Hll6RoaRDEiJMsNmmNw7O9S3qnTd-slVKPHzv5wspqe2MeLI_cly8Grhy8hT5Zc40ifoxpvAnmz2io02pEPCkCbUJ74wxA5U/s400/comma-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuX1YZYwj6iTYVZd6qQZ396H-Q_pz5rkNWVyaTXPU5FAmrzRcscQLPs6-Ad0Tr33uvXnLzaiXCcLCAiXf2xrcPz6wQfFrwOH952HcfpveHyfSJTc8ERtK442jNriUYRFlkTPDCxvqoXp4/s400/comma-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Blockquotes commas orange <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rPONuRPxvi-9-aXx-XTBupUuXLh_EK2BKOn0Bk91FomWZ0dy_hr77KKEuYYc-ewFglOEsnCuf9pd6lC3BBX6PqEV7Crt1b6LapT4CmMkm6CvIkgssFJqZVdMBr5sdOmwxmOArMig2KLX/s1600/Blockquotes-13.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-wi9gv2wR3acqijkYtZxUz2vg92eeZsSM2vuenJqp3r6qIsuYtWLsf4ocml42SMKT11jIPr95tgTsnxMcwNSfyHI9xMoSuz4un-LFAE1bHcmkxS20_RwA2HFUQRdLgz6SSC3dkqC-Ww/s400/comma1-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnvZyKssCupd5UyALkJaLP8RfjdzH5MVqPsRQIoyZJiMLW3oNMx-kpA034jeWiA7S5FAGORWBmB7yRP9-WGtbNgikhPoCvGGGZXlBtJWFuOF-PQFSIRwLoQ95qNHNl6k3YFpk892fq5u4/s400/comma1-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Blockquotes commas hands <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoaRt8FPNpOR9GVuJk6DQSDNF-GHplD0240Z72Wb3vhn_WUqFfmvSbV8MI08X9rYL9G-A2oZmZyFdwKvi7VRLQVK4674ew_X_-9J0vH8-ISjrYHezQAnLWVB5niYTjZDVqjDwpsxcQHmw/s1600/Blockquotes-14.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { font:bold italic .9em "comic sans ms", Tahoma, sans-serif; padding-top: 25px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJJfL2Zgk5u2B_vq7aOqq-kDJW6RjYreMK0aaz1YAGTXCLvf_0yNB5xIJUszdXH6QpLfQfO0YbJM1zerV7K7kUJGmH61OxQOqs5ID6x8Do2y7Yr4dow5OdONDMotE3cA3uYwghPADzRQ/s400/left.gif) no-repeat top left; text-indent: 65px; color:#6299E4; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFclGvihpwd_s9zw8qxxrWDSoJm9fOZlBgyPzbdvrtThSNeZf2lPLu_rP1ysrqNYhPhPuf-bxy9aj3_wOp0I-5_cOZL_i6dX1Ty2GXGGtXurwmQZv31ltYvU1ZFbKXK6Ii0LAxz7FmaNI/s400/right.gif) no-repeat bottom right; padding-bottom:30px; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Blockquotes commas green <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilYVY6AamFnajbJoVgEmQDLZeVtWK8grTs3C3n8xv9bz628ZMxbvHd9jtWdbtey41f9oouGZjAiKHeLRPIs2G9He59g-IGcABQqw7IZktbywqPRaamtasmJIc44ITdbw5dnmaglFa87Ek5/s1600/Blockquotes-15.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { font: italic 1em "comic sans ms", Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQv9TduSN_IYVXAeL4CprHepzoMoeDiM-w9MOhMWRX8f5xUjJk2rdNh-xN2M9AgB8NVn0GIKEKdPG-wP7onr8SHweCEJhmiM9QopzjGZpHQHev6DSNh6UqpptoEEZ1-5kq2p_TxB_rqBY/s400/comma2-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg31AvBBPnYiX56eTse071YEnHHPY2h0u2mhCfNrsOIQGprNZrroc_VOhs93q6Q6vrQAeai8os7gHoTx0q2YoqrBZgdhAJZsscTI1fnLq97xCCLU71-COfhnJqMWcB7WdjMUl4zwzyE4uA/s400/comma2-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Blockquote With Well Aligned Image At Top <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpj9bOV1auWLQxtKmsfnxCIP2KWWFCoQ-Hu1IhqsVSYfTi0tOQX1oOTPWyq0iP2Rgg-F7gmGxOddZZZM9994RNYp0Mx8-baRgJv51N4fKql70oxCXW3dCL-P7uPHhYE6ZxhPGXRjr2d2d5/s1600/Blockquotes-16.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { margin : 0 20px; padding: 70px 20px 20px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBNijGbVnUy1aWqSgjRGKwGKobeGCk-E0xaRS7tA73YKQsYEMxF9MCCnotFys-Qc53pyxdO8kb6a-Y1DnplfcdEs1XaHKhqrM0XjS54zaYeep3pq9HUyIok88Yap-S0iGcDsLpbi1X7CQ/s1600/block333.gif) no-repeat top; font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif; color : #000000; border-bottom : 7px solid #FF0000; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Blockquote With Canopy Style Image At Top and Bottom <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-9LbWRMrtnNqood6ufhsZwOlbvUUZSAf7XDBeoo7fPZnjf5WoYLSrTDtJizOccZ_u7iKgX3vTdcImz-mj97zFIyXXefbWF2DIbf0ttEL1Ea9Fx4EDL-EfPQouB3urWBpFCT1QBoErGAy7/s1600/Blockquotes-17.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCSbcoTuzZKcaZb3ZMbcLcQCCK8PkboBLJDz1m3BmFiquJWme_ODyvusa-NIyFK_SMAdbQ1D5UZ3d7_bBF1H-eCVhTUw9OIQI1uN5gjsDNT3GXJPcaeh7M9LS4F_ZqxWXeLq-vYpx5H9w/s1600/BLOCK1-TOP.gif) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyBQxxffprKgJpjmh60SepL-dLEOZ9zWR69gkVNxkEEVIEVqMgx6N678hRF1qVrax-KDD8qkbVMlbw79E-SO-zJh4NpT4F9YgiGR2zWdKLQhi2nrk2gXlPkyxxrlTzC31SWxUT3EAzf9k/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
Box Style Blockquote Surrounded By Borders <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgguh6Cr-Mpt3YztGlG1EogsWKPASz3u4vDzefwo-_j6OSwFjeiTi9PYJ39eTCHsJhvV5NWm9O2ImPUFp7z3LWFqYydhqvt_DZfAExvvMuyG1iwZYuLQkqE10QlVXkbzJ0v4dpeGlgYQ2YN/s1600/Blockquotes-18.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy3oxojjMIlqQuih01uaNAxvnuS2YhkiTeMdEONEHv601-TqnKLMNqNga76i1zHKomJ8AK-QykvW1g70XrKVWfCC07qiPXKmEuTlCjaEmOXJLOKkZ2GpvLc-6QTq9F7FC0SBIrKpxAm4U/s400/block3331.gif) no-repeat top; font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif; color : #343434; border-left : 7px solid #FF7802; border-right : 7px solid #FF7802; border-bottom : 7px solid #FF7802; } .post blockquote p { margin: 0; padding-top:10px; }</div><br />
<br />
The Monkey Man Blockquote!!! Once you get an idea on how to use these blockquotes then you can create artistic and some funny blockquotes like the one below, <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMheKoc5rUxVf6btlu66oYqwZ6JNYRWLq5346bS_GWW6zIyZwuwPks-pOn3zXPT8Brf99gkKDYlLBw_oOXU0RlpW6Gpu2JnMYoGuFVbkmuj2pnWT4Q7e3Rgqdvn5dXPr3OSoKbTX8je6dD/s1600/Blockquotes-19.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7fnSOQXr9tMhr0rxzvePEH8HaSUdIAkZQlAc8dqfgW4fHxe2zzcVcmYSBVgMVVRuEZuflfoTflydyPhXezPxy8CK_8HG2dmttJKCO1KonGZzu3lWZvv3I0dXJMeKwcoiqAwA_o6d84UA/s400/head2.gif) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnbkyPEJsrGEZqlf5UiD4XifiQ1VZSfYKlrZg8QZ2mYkJaKQh6-Fc2HE-3rCYm15pflJLZPRXPvo4XBHUIxuOS3RL0iX0Gy7smFXBH6MjpVrCCqWa0dWWLA9mGgoLZD45Gidm41TBQxaA/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }</div><br />
<br />
couple of ways to dress up the lowly blockquote <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2xz5lPkbQwU7LhozOXBkhxI1mZ14plHWRFyyi_EJbOSqyP3rNhK1vXk5WtfDg1XrYPQ7b9XwYn_CYFxGXF8Bx_XwdtSyIPRuCtrL2KCo5gqR2EaA6J5OzLvF-qDYJlaP0k6zceTwCzW2J/s1600/Blockquotes-20.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">.post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } blockquote { background:#EFEFF7; }</div><br />
<br />
big chunky quotation mark blockquote <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5lWNzIlcisWQ7dJ0hiDR6KSlYnW-8LOyvFdgHDV2ZPVIQGJJrnrGnTNXesyKLeBlsQjbHNhB_0hZGJoiQpRtuB1tvaKmlKGKVa2yT7alMIAU9RrIKUNlrwkhY3tN8675RUh4gBMOhz3Gh/s1600/Blockquotes-21.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUIIrizL_SfVo_KSF3DshqK0DjaGsSTBcFHHOYWLbG69OMFRSwbbMMhdORq12FxwHrpXFrLn_tvcyXoajuEa4wMHaIbct4lleZr1VO54lUataU-nyWYn9KcpF_M5Orbc1xptYCCRcGv6a7/s1600/quote.png") 5% no-repeat #FFF8DD; }</div><br />
<br />
Here is one more. I use it on Buttermilk Clouds. It is simple in a fancy way. I'm changing the color here so you can see a variety. The great thing about this blockquote is you don't need an image to save and upload. It is all done with smoke and mirrors! <br />
<div class="separator" style="clear: both; text-align: center;"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi788u74anAkcn6pjNp2oLF0w_dRf4Y_ALJ0sLuL0umR-vDdBSuZH4mlSD2eMvun73QfON9cnwatrWljyqOMo5dSZcb4u4g41iGCyMiPeAyCk1EROQOwSIHjL_aknHSwtB7o76rrFBYaU6Y/s1600/Blockquotes-22.gif" width="320" /></div>Blockquote Code: <br />
<div class="code">blockquote{ background-color: transparent; border-top: 3px double <span class="Apple-style-span" style="color: blue;">#DC143C;</span> border-bottom: 3px double <span class="Apple-style-span" style="color: blue;">#DC143C;</span> padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }</div>If you want a different color, find one on this fantastic <a href="http://24works.blogspot.com/2010/12/make-snow-effect-on-mouse-cursor-on.html">color chart</a> then put that color code in place of #DC143C in the code above.<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;">Implementation and Customization:- </span></span><br />
<br />
<br />
Implementaion:-<br />
<br />
Now To add One of these amazing and unique blockquotes to your blogs, <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;"> </span><br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<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;">STEP #1</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;">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;"> </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: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Backup your template</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> <br />
<span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br />
</span></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/AVvXsEiedSH3IkBN40VnUwWgLT5RXdv2eycWP-SGMBarqVmM-lT9fg3UhfX_Qn76fFeUYeQhR_N3ElnPHOZuAu085Bhf43YPSEEy4PVECTugcDu_3oh9aSouuQ-eJ8YTPQ8qdaJy1L8HhGSDgBnl/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/AVvXsEiedSH3IkBN40VnUwWgLT5RXdv2eycWP-SGMBarqVmM-lT9fg3UhfX_Qn76fFeUYeQhR_N3ElnPHOZuAu085Bhf43YPSEEy4PVECTugcDu_3oh9aSouuQ-eJ8YTPQ8qdaJy1L8HhGSDgBnl/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;"> </span><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"> </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;"> </span><br />
<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;">Now find (CTRL+F) this code in the template:</span> Search for .<b>post blockquote</b> and delete it along with all its occurrences. In most templates the codes look like this, <br />
<br />
<div class="code">.post-body blockquote { line-height:1.3em; } </div><span class="Apple-style-span" style="color: blue;">OR </span> <br />
<div class="code">.post blockquote{ bla bla bla}</div><br />
If you couldn’t find such code then it is OK.<br />
<br />
STEP #3<br />
Now search for ]]></b:skin> and just above ]]></b:skin> , paste the code for one of your favourite blockquotes. I am giving a sample code below<br />
<br />
<br />
<div class="code">blockquote{ background-color: transparent; border-top: 3px double <span class="Apple-style-span" style="color: blue;">#DC143C;</span> border-bottom: 3px double <span class="Apple-style-span" style="color: blue;">#DC143C;</span> padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }</div><b><u><br />
</u></b><br />
<b><u>Customization:-</u></b><br />
Important areas to be customized are bolded. Where, <b> </b><br />
<b> # padding:</b> It refers to the distance of the text from blockquote borders. Which goes in this order –> <span class="Apple-style-span" style="color: orange;">Top </span>Right <span class="Apple-style-span" style="color: orange;">Bottom</span> Left <br />
# <b><span class="Apple-style-span" style="color: blue;">background</span></b> :- This includes Blockquote background color and image used in it. The six digit value is the background color and image link is inserted in place of bolded text in this part-> url(<span class="Apple-style-span" style="color: blue;"><b>Paste Image Link here</b></span>)<br />
# <b><span class="Apple-style-span" style="color: lime;">font</span></b> :- It includes font <span class="Apple-style-span" style="color: red;">style</span>, <span class="Apple-style-span" style="color: orange;">size</span> and <span class="Apple-style-span" style="color: magenta;">type</span> respectively. Match the colours with the code above for reference. <br />
# <b><span class="Apple-style-span" style="color: magenta;">color</span></b> :- This refers to text colour. You can use a different font colour using our <a href="http://24works.blogspot.com/2010/12/make-snow-effect-on-mouse-cursor-on.html">color chart</a> <br />
# <b><span class="Apple-style-span" style="color: orange;">border</span></b> :- This refers to border <span class="Apple-style-span" style="color: lime;">width</span>, <span class="Apple-style-span" style="color: cyan;">style</span> and <span class="Apple-style-span" style="color: red;">colour</span> respectively. # All other blockquotes can be customized in similar way.<br />
<br />
STEP #4 <br />
After customizing finally save your template and preview it to see the interesting new change.<br />
<br />
<br />
<br />
<b><span class="Apple-style-span" style="color: red;">Guide:- </span></b>For above mentioned blockquotes you need to add some extra tags inside blogger editor as explained below, Now Whenever you have written a Quote inside the compose mode of Blogger Editor simply switch to the HTML mode and add two tags i.e <b><div> and </div></b> between the blockquote tags as demonstrated below,<br />
<br />
<br />
<div class="code"><blockquote><div><span class="Apple-style-span" style="color: red;">Your Quote Will Be Here</span></div></blockquote></div><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;">Thanks to</span><span class="Apple-style-span" style="color: #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 class="Apple-style-span" style="color: orange; outline: none; text-decoration: none;"><a href="http://www.mybloggertricks.com/2009/11/14-amazing-ways-to-customize-blockquote.html" style="color: #af2d10; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;" target="_blank" title="">My Blogger Trick</a></span></span> <br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"><br />
</span> You might also like: <br />
<br />
<ul><li><a href="http://bit.ly/gkC5aN" target="_blank">Change Mouse cursor of your Blogger blogspot blog to Animated Cursors</a></li>
<li><a href="http://bit.ly/i7Mc1M" target="_blank">Add Falling Snowflakes / colored stars / Flowers / Leaves / stars / butterfly / heart to Your Blog</a></li>
<li><a href="http://bit.ly/dGNroD" target="_blank">make a snow effect on the mouse cursor on the blog</a></li>
<li><a href="http://bit.ly/hsJQYq" target="_blank">Numbered page navigation for blogger With 8+ new styles</a></li>
<li><a href="http://bit.ly/eSgVna" target="_blank">How To Add Automatic Read More With Thumbnail For Blogger</a></li>
<li><a href="http://bit.ly/faUEph" target="_blank">32+ “Horizontal” Navigation Menus For Blogger With CSS & HTML Codes</a></li>
<li><a href="http://bit.ly/fHfJD7" target="_blank">25 “Vertical” Navigation Menus For Blogger – CSS-HTML Tab Menus</a></li>
<li><a href="http://bit.ly/hn4YPL" target="_blank">Recent Posts Widget for Blogger (blogspot) blog</a></li>
<li><a href="http://bit.ly/eQqw7T" target="_blank">Create Extra Columns in your Blogger Layout - Magazine Style!</a></li>
<li><a href="http://bit.ly/hGKFQb" target="_blank">30+ CSS Tab Navigation Scripts for Bloggers and Web Designers</a></li>
<li><a href="http://bit.ly/fzOxbI" target="_blank">17+ social bookmarking widgets for blogger And Customize</a></li>
<li><a href="http://bit.ly/fcLG5t" target="_blank">Add Meta Tags to Blogger (blogspot) blogs for Better SEO</a></li>
<li><a href="http://bit.ly/h8dzqk" target="_blank">How To Add Tooltip in Blogger</a></li>
<li><a href="http://bit.ly/fQknQ5" target="_blank">Animated Recent posts for blogger with thumbnails and Simple Spy</a></li>
<li><a href="http://bit.ly/ijgcAK" target="_blank">Recent Posts with Thumbnails Widget for Blogger (blogspot)</a></li>
<li><a href="http://bit.ly/hQFdrD" target="_blank">Marquee Scrolling text and link hacks For Bloggers and Web</a></li>
<li><a href="http://bit.ly/eFk13g" target="_blank">17+ Drop Down Menu Widget in Blogger - "Horizontal" Menus With CSS & HTML Codes</a></li>
<li><a href="http://bit.ly/iaTGq1" target="_blank">How to Change Favicon in Blogger</a></li>
<li><a href="http://bit.ly/forG84" target="_blank">40+ jQuery Tips and Tricks For Bloggers and Web</a></li>
<li><a href="http://bit.ly/e6BRMt" target="_blank">11+ Featured Content Slider for Blogger Using jQuery</a></li>
<li><a href="http://bit.ly/hEwHv0" target="_blank">toggle show hide jquery for blogger</a></li>
<li><a href="http://bit.ly/exUexw" target="_blank">Related Posts Widget For Blogger</a></li>
</ul></div></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com45tag:blogger.com,1999:blog-2648032558084820227.post-14670506712479443652010-12-23T08:59:00.000-08:002011-05-07T10:17:31.525-07:00How To Enable Mobile Version Template On Blogger (blogspot) Blog<div dir="ltr" style="text-align: left;" trbidi="on">Hi! Everyone, hope you all are fine.Today in this post I will tell you how you can enable mobile version template in your Blogger.com blog. Today when I login to Draft.Blogger.com I show Blogger has bought one new feature for mobile readers. You can only able to enable it through Blogger in Draft. <br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/fhkMRX" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBUjX2MeNRZ9AmGwYHQ_2Q-Vd6X5-Jwa3hmonfHtxwtfcqNEDnw3ntpixUZXN5xaeuYxLp1Koj_1_Id4L96lbLHEU8GNSImcxr0DHvORiEHMKJW7COVA06SVVDLKXYoSFP6cNSnEJNFyp6/s1600/How+To+Enable+Mobile+Version+Template+On+Blogger+%2528blogspot%2529+Blog.gif" width="280" /></a></div>Since a lot of people use phones to browse the Web, it makes a lot of sense to add a mobile interface for Blogger and to create mobile versions for Blogger's templates. There's no mobile Blogger yet, but all Blogger blogs have a mobile version optimized for WebKit browsers. Just add ?m=1 to the URL of any Blogger blog, and you'll get a simplified version that works well on an iPhone, Android phone and probably other phones that use a browser based on WebKit. Here's an example:<br />
<a href="http://bdlab.blogspot.com/?m=1">http://bdlab.blogspot.com/?m=1</a><br />
<br />
<span class="Apple-style-span" style="font-size: large;"><b>How to enable mobile template </b></span><br />
<span class="Apple-style-span" style="font-size: large;"><b><br />
</b></span><br />
1.Log in to Blogger in Draft (opens in a new window). <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/fhkMRX" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNwTErNpJw0oWd8_6F9vKxDTWRmDqyvcGb8K0Xb3WzjtLuo1e-R1MuTLl5uRzNWWv2upFIjTApN6QosmsTh7nqymkJ0ShsSgCTZJO4AreLig_5lI8BgM6MI9S7hm9lX6IF9HGvx7HR6x_R/s1600/Blogger-mobile-templates.jpg" width="480" /></a></div><br />
2.Go to Dashboard > Settings > Email & Mobile.<br />
<br />
3.Click the MOBILE PREVIEW button to check how the mobile version of your blog would’ve looked like.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/fhkMRX" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIHwJXpbYzJ_SuVerS6gW1m1KZvOFjZ4NMaSUGH59hRoD50tICod1YuIWzjbURVc9_BPkZ7hSMJAr9mTM9tR4TNWzi7cCVlh2F4Hs4BL78UOl8rNg8hviB76YaiyOV96rykRtfALEJZnKl/s1600/blogspot-mobile-templates.jpg" width="480" /></a></div><br />
4.Select “Yes, On mobile devices, show the mobile version of my template.” radio button<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/fhkMRX" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjepr_jjjePn3JO-TlKfBpFfB00dQh_eZvvzv5oqXFsMkQZ9hOPoQXSkjuu3Mb64QQCW-l-pCKY-Q3euXBhso0Sm6FrnbxWmN4Yiuznw4pJVbhWcJwRApqSLqOwQCI60lcooehyphenhyphen88NoR2eO/s1600/Mobile+Blogger+Templates.png" width="480" /></a></div><br />
5.Click Save settings.<br />
<br />
<br />
That’s all now your blog will appear perfectly in mobile browser!<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><span class="Apple-style-span" style="color: #444444; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 23px;"><b>Template support</b></span><span class="Apple-style-span" style="color: #444444; font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 13px; line-height: 23px;">: </span>Google says that the new feature only supports 12 existing templates (6 variants of the Simple template and 6 variants of the Awesome template) and that all the other templates will be rendered as the Simple template. The mobile version drops the sidebars and most of the gadgets, shows small excerpts from the posts on the homepage, hides the comment form (but you can still post comments), resizes images and videos, adjusts fonts and converts AdSense ads into mobile ads. Unfortunately, you can't customize mobile templates, at least not yet.</span></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com36tag:blogger.com,1999:blog-2648032558084820227.post-58121201972904663152010-12-06T00:51:00.000-08:002012-02-12T18:11:48.023-08:00Related Posts Widget with thumbnails for Blogger<div dir="ltr" style="text-align: left;" trbidi="on">One of the best way to increase page views and readership is using a related posts plugin. After the huge success of thumbnail realated posts widget by linkwithin, Aneesh developed the same widget using custom code which was indeed more reliable and totally customizable.<br />
<a name='more'></a> <br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/hQbIUx" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjetkVleOZL5yUJ973BLycEW6DZPMpTm51mPmhmHV0jR38LvF5HrfQV01ZS8dUVquLgVFJTMz6GvB4__s2aaFPUNcXUF56l-sRDWcIcUvyjPrJnwj-rCaxRi6Yuk84GpqWEW_9KwpPmKpUd/s320/Image+16.png" width="370" /></a></div><span class="Apple-style-span" style="color: #474747; font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;">Now Like wise Wordpress Blogger Users can also have Related Posts with Thumbnails in Blogspot Blogs.To increase page views per user this widget can be very helpful, you can easily display the Related Posts with thumbnails below every post or below the post area with very ease.</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="Apple-style-span" style="font-family: Georgia, Utopia, 'Palatino Linotype', Palatino, serif; font-size: 15px; line-height: 21px;"></span></span><br />
<h4 style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; position: static;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Related Posts Widget with Thumbnails for Blogger</span></h4><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: 13px;">Here are the detailed steps to install the related posts widget for blogger with thumbnails</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><span class="Apple-style-span" style="font-family: Arial, Verdana; font-size: 14px;"></span></span><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: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: x-small;"><span class="Apple-style-span" style="line-height: 20px;"><br />
</span></span></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, '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-left-style: none; border-right-style: none; border-top-style: none; 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></div><div><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; margin-bottom: 10px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #333333; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #222222; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px;"><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;">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; border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;" tip="">Blogger</a> -> <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-left-style: none; border-right-style: none; border-top-style: none; 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> -> <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-left-style: none; border-right-style: none; border-top-style: none; 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>and select 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-left-style: none; border-right-style: none; border-top-style: none; 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><br />
Then, find (CTRL+F) this code in the template:</span></span></span></span></div></div><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div color="initial" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div color="initial" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #333333; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #666666; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: normal;"><span class="Apple-style-span" style="color: #666666; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; 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="color: initial; 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="color: initial; font-family: Arial, 'Century gothic', Tahoma, sans-serif; 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;"><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://i651.photobucket.com/albums/uu240/zendersto/prepb3.jpg); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font-size: 12px; font: normal normal normal 1em/normal 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; outline-color: initial; outline-style: none; outline-width: initial; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left; vertical-align: baseline;"><span class="Apple-style-span" style="color: red; 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="color: initial; font-size: small; 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-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; color: 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;"></head></b></span></span></code></span></span></span></span></span></span></span></div></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, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="font-size: 13px; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: normal;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px;"><span class="Apple-style-span" style="color: #333333;">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 class="Apple-style-span" style="color: #333333;"> </span></span><span class="Apple-style-span" style="color: #333333;">it, paste this code:</span></span></span></span></span></span></div></div></div><pre class="csharpcode"><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;"><span class="rem">
<!--Related Posts with thumbnails <span class="IL_AD" id="IL_AD4">Scripts 24work.blogspot.com</span>--></span>
<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>
<span class="kwrd"></span><span class="kwrd"><</span><span class="html">style</span> <span class="attr">type</span><span class="kwrd">="text/css"</span><span class="kwrd">></span>
<span class="kwrd"></span>#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
<span class="kwrd"></</span><span class="html">style</span><span class="kwrd">></span>
<span class="kwrd"><</span><span class="html">script</span> <span class="attr">type</span><span class="kwrd">='text/javascript'</span><span class="kwrd">>
<span class="kwrd">var</span> defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqv6m9Lk3oE-DlwCF-KU2twpygzAcNpRrN6CMwVVOCaIDmwBXM289u6nGjfpf7LQTxiNXR6HpVisCMf45Hgutf_l6YpgEWZtzxLLXlNfPCvOP25LLI30hkpx9PnAnXdeBaC49jcrs-AfM/s1600/no+Image+1.png";
<span class="kwrd">var</span> maxresults=5;
<span class="kwrd">var</span> splittercolor="#d4eaf2";
<span class="kwrd">var</span> relatedpoststitle=<span class="str">"Related Posts"</span>;
<span class="kwrd"></</span><span class="html">script</span><span class="kwrd">></span></span>
<span class="kwrd"><</span><span class="html">script</span> <span class="attr">src</span><span class="kwrd">='http://24work.ucoz.com/24work-blogspot/related-posts/related-posts-with-thumbnails-for-blogger-pro.js'</span> <span class="attr">type</span><span class="kwrd">='text/javascript'</span><span class="kwrd">/></span>
<span class="rem"><!-- remove --></span><span class="kwrd"></</span><span class="html">b:if</span><span class="kwrd">></span>
<span class="rem"><!--Related Posts with thumbnails Scripts 24work.blogspot.com--></span>
</code></pre><br />
<div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; 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;"><div style="color: initial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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="color: #333333; font-family: Arial, sans-serif; line-height: 20px;"><span class="Apple-style-span" style="color: #222222; 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;">STEP #2</b>:<br />
Now find this code in the template:</span></span></span></span></span></span></b></span></span></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="color: #333333; font-family: Arial, sans-serif; font-size: x-small;"><span class="Apple-style-span" style="line-height: 20px;"><br />
</span></span></div></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: initial; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; line-height: 1.3em; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; line-height: 1.3em; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; line-height: 1.3em; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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="color: #333333; font-family: Arial, sans-serif; line-height: 20px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #666666; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; 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="color: initial; 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="color: initial; font-family: Arial, 'Century gothic', Tahoma, sans-serif; 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;"><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://i651.photobucket.com/albums/uu240/zendersto/prepb3.jpg); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font-size: 12px; font: normal normal normal 1em/normal 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; outline-color: initial; outline-style: none; outline-width: initial; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left; vertical-align: baseline;"><span class="Apple-style-span" style="color: red; 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="color: initial; font-size: small; 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-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; color: 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;"><span class="Apple-style-span" style="font-family: Georgia, serif; font-size: 17px;"><span class="Apple-style-span" style="font-size: 16px; line-height: normal;"><span class="Apple-style-span" style="line-height: 20px;"><div class='post-footer-line post-footer-line-1'/></span></span></span></b></span></span></code></span></span></span></span></span></span></span></span></span></b></span></span></span></b></span></b></span></span></div></div></div></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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="color: #333333; font-family: Arial, sans-serif; line-height: 20px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #444444; font-size: 14px;"></span></span><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, sans-serif; line-height: 20px;"></span></span></span></span></span></span></span></span></b></span></span></span></b></span></b></span></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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="color: #333333; font-family: Arial, sans-serif; line-height: 20px;"><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, sans-serif; line-height: 20px;"><span class="Apple-style-span" style="color: #222222; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif;"><span class="Apple-style-span" style="line-height: 21px;"><b><span class="Apple-style-span" style="color: #333333; font-family: arial; font-size: 14px; font-weight: normal; line-height: 19px;">If you cant find it then try finding this one</span></b></span></span></span></span></span></span></span></span></span></span></b></span></span></span></b></span></b></span></span></div></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; line-height: 1.3em; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; line-height: 1.3em; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; line-height: 1.3em; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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="color: #333333; font-family: Arial, sans-serif; line-height: 20px;"><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, sans-serif; line-height: 20px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #666666; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; 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="color: initial; 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="color: initial; font-family: Arial, 'Century gothic', Tahoma, sans-serif; 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;"><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://i651.photobucket.com/albums/uu240/zendersto/prepb3.jpg); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font-size: 12px; font: normal normal normal 1em/normal 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; outline-color: initial; outline-style: none; outline-width: initial; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left; vertical-align: baseline;"><span class="Apple-style-span" style="color: red; 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="color: initial; font-size: small; 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-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; border-width: initial; color: 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;"><span class="Apple-style-span" style="font-family: Georgia, serif; font-size: 17px;"><span class="Apple-style-span" style="font-size: 16px; line-height: normal;"><span class="Apple-style-span" style="line-height: 20px;"><p class='post-footer-line post-footer-line-1'/></span></span></span></b></span></span></code></span></span></span></span></span></span></span></span></span></span></span></span></b></span></span></span></b></span></b></span></span></div></div></div></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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="color: #333333; font-family: Arial, sans-serif; line-height: 20px;"><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, sans-serif; line-height: 20px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #444444; font-size: 14px;"></span></span><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; font-size: 14px; line-height: 19px;">Now immediately after any of these lines(whichever you could find) place this code snippet</span></span></span></span></span></span></span></span></span></span></span></b></span></span></span></b></span></b></span></span></div></div></div><br />
<pre class="csharpcode"><code style="background-color: white; background-image: url(http://i39.tinypic.com/a47lat.jpg); background-position: 0% 0%; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; display: block; font: normal normal normal 12px/17px 'Courier New', Fixed, monospace; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left;"><span class="rem" style="color: #666666;"><!-- Related Posts with Thumbnails Code Start 24work.blogspot.com--></span><span class="Apple-style-span" style="color: #666666;">
</span><span class="rem" style="color: #666666;"><!-- remove --></span><span style="color: #666666; font-size: x-small;"><b><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>
</b></span><span class="kwrd" style="color: #666666;"><</span><span class="html" style="color: #666666;">div</span><span class="Apple-style-span" style="color: #666666;"> </span><span class="attr" style="color: #666666;">id</span><span class="kwrd" style="color: #666666;">='related-posts'</span><span class="kwrd" style="color: #666666;">></span><span class="Apple-style-span" style="color: #666666;">
</span><span class="kwrd" style="color: #666666;"><</span><span class="html" style="color: #666666;">b:loop</span><span class="Apple-style-span" style="color: #666666;"> </span><span class="attr" style="color: #666666;">values</span><span class="kwrd" style="color: #666666;">='data:post.labels'</span><span class="Apple-style-span" style="color: #666666;"> </span><span class="attr" style="color: #666666;">var</span><span class="kwrd" style="color: #666666;">='label'</span><span class="kwrd" style="color: #666666;">></span><span class="Apple-style-span" style="color: #666666;">
</span><span class="kwrd" style="color: #666666;"><</span><span class="html" style="color: #666666;">b:if</span><span class="Apple-style-span" style="color: #666666;"> </span><span class="attr" style="color: #666666;">cond</span><span class="kwrd" style="color: #666666;">='data:label.isLast != &quot;true&quot;'</span><span class="kwrd" style="color: #666666;">></span><span class="Apple-style-span" style="color: #666666;">
</span><span class="kwrd" style="color: #666666;"></</span><span class="html" style="color: #666666;">b:if</span><span class="kwrd" style="color: #666666;">></span><span class="Apple-style-span" style="color: #666666;">
</span><span class="kwrd" style="color: #666666;"><</span><span class="html" style="color: #666666;">script</span><span class="Apple-style-span" style="color: #666666;"> </span><span class="attr" style="color: #666666;">expr:src</span><span class="kwrd"><span class="Apple-style-span" style="color: #666666;">='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-</span><span class="IL_AD" id="IL_AD3" style="color: #666666;">script</span><span class="Apple-style-span" style="color: #666666;">&amp;callback=related_results_labels_thumbs&amp;max-results=</span><span class="Apple-style-span" style="color: red; font-size: large;">5</span><span class="Apple-style-span" style="color: #666666;">&quot;'</span></span><span class="Apple-style-span" style="color: #666666;"> </span><span class="attr" style="color: #666666;">type</span><span class="kwrd" style="color: #666666;">='text/javascript'</span><span class="kwrd" style="color: #666666;">/></span><span class="kwrd" style="color: #666666;"></</span><span class="html" style="color: #666666;">b:loop</span><span class="kwrd" style="color: #666666;">></span><span class="Apple-style-span" style="color: #666666;">
<script type=</span><span class="str" style="color: #666666;">'text/javascript'</span><span class="Apple-style-span" style="color: #666666;">>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</span><span class="kwrd" style="color: #666666;"></</span><span class="html" style="color: #666666;">script</span><span class="kwrd" style="color: #666666;">></span><span class="Apple-style-span" style="color: #666666;">
</span><span class="kwrd" style="color: #666666;"></</span><span class="html" style="color: #666666;">div</span><span class="kwrd" style="color: #666666;">><span class="kwrd"><</span><span class="html">div</span> <span class="attr">style</span><span class="kwrd">='clear:both'/</span><span class="kwrd">></span></span><span class="Apple-style-span" style="color: #666666;">
</span><span class="rem" style="color: #666666;"><!-- remove --></span><span style="color: #666666; font-size: x-small;"><b><span class="kwrd"></</span><span class="html">b:if</span><span class="kwrd">></span> </b></span><span class="Apple-style-span" style="color: #666666;">
</span><span class="kwrd" style="color: #666666;"><</span><span class="html" style="color: #666666;">b:if</span><span class="Apple-style-span" style="color: #666666;"> </span><span class="attr" style="color: #666666;">cond</span><span class="kwrd" style="color: #666666;">='</span><span class="Apple-style-span" style="color: #666666;">data:blog.url == data:blog.homepageUrl'></span><span class="kwrd" style="color: #666666;"><</span><span class="html" style="color: #666666;">b:if</span><span class="Apple-style-span" style="color: #666666;"> </span><span class="attr" style="color: #666666;">cond</span><span class="kwrd" style="color: #666666;">=</span><span class="Apple-style-span" style="color: #666666;">'data:post.isFirstPost'>
</span><span class="kwrd" style="color: #666666;"><</span><span class="html" style="color: #666666;">a</span><span class="Apple-style-span" style="color: #666666;"> </span><span class="attr" style="color: #666666;">href</span><span class="kwrd" style="color: #666666;">='http://24work.blogspot.com'</span><span class="kwrd" style="color: #666666;">></span><span class="Apple-style-span" style="color: #666666;"><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJdOoB6l4jLhKJOn1h2ZM-EAnDIaJ-9a62KvoiIXjqMOfF9uD_rtnDk66o2pJRG88c9PZlDCpgJ4ilEuH_IgWe41aenFg7-a5CLM3jpjyI4F-Q4ZG2LeL3jhruutYb8tzjhPPx0-xm-hrL/s1600/blogger-widgets.png" /></a><a href=</span><span class="str" style="color: #666666;">'http://24work.blogspot.com'</span><span class="Apple-style-span" style="color: #666666;"> ><img style="border: 0" alt="Blogger Templates" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQQc6OCja3eoysXan8TNVKye2fugQ8ER9mikv9m1ArLgI87NAc5y4iAGxcWoIvZFOeoMdrtLA3uZhb_ZOrgseJ5e0nq4b4hetswePDrqfKiFNail80eDam5jKCvoxwu3RfwNzOGXsfoesN/s1600/blogger-templates.png" /></a>
</span><span class="kwrd" style="color: #666666;"></</span><span class="html" style="color: #666666;">b:if</span><span class="kwrd" style="color: #666666;">><span class="kwrd"></</span><span class="html">b:if</span><span class="kwrd">></span></span><span class="Apple-style-span" style="color: #666666;">
</span><span class="rem" style="color: #666666;"><!-- Related Posts with Thumbnails Code End 24work.blogspot.com--></span></code></pre><br />
<br />
<br />
<div><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><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; 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="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 Template</strong></span></span></span></span></span></b></span></span></span></b></span></b></span></span></span></div></div></div><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"></span></span><br />
<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="color: #000066;">..................................................................................................................................</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: #000066;">.......................................................................................................................................</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: #000066;">..................................................................................................................................</span></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: #333333; 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></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div></div><div><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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;"><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://i651.photobucket.com/albums/uu240/zendersto/prepb3.jpg); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font-size: 12px; font: normal normal normal 1em/normal 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; outline-color: initial; outline-style: none; outline-width: initial; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left; vertical-align: baseline;"><span class="Apple-style-span" style="color: black; font-family: Georgia, serif; font-size: 17px;"><span class="Apple-style-span" style="font-size: 16px; line-height: normal;">var maxresults=5;</span></span></code></span></span></span></span></b></span></span></span></b></span></b></span></span></div></div></div></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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="color: #333333; font-family: arial; font-size: 14px; line-height: 19px;">To edit the title of the widget you can change this line of code</span></span></span></span></span></b></span></span></span></b></span></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="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"></span></div><div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"><br />
</span></div></div><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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;"><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://i651.photobucket.com/albums/uu240/zendersto/prepb3.jpg); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font-size: 12px; font: normal normal normal 1em/normal 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; outline-color: initial; outline-style: none; outline-width: initial; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left; vertical-align: baseline;">var relatedpoststitle="Related Posts";</code></span></span></span></span></b></span></span></span></b></span></b></span></span></span></div></div></div></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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="color: #333333; font-family: arial; font-size: 14px; line-height: 19px;">To change the default thumbnail, you can edit this line of code</span></span></span></span></span></b></span></span></span></b></span></b></span></span></span></div></div></div><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"></span></span><br />
<div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"><br />
</span></div></div><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"> <span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"></span></span><br />
<div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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;"><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://i651.photobucket.com/albums/uu240/zendersto/prepb3.jpg); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font-size: 12px; font: normal normal normal 1em/normal 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; outline-color: initial; outline-style: none; outline-width: initial; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left; vertical-align: baseline;">var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqv6m9Lk3oE-DlwCF-KU2twpygzAcNpRrN6CMwVVOCaIDmwBXM289u6nGjfpf7LQTxiNXR6HpVisCMf45Hgutf_l6YpgEWZtzxLLXlNfPCvOP25LLI30hkpx9PnAnXdeBaC49jcrs-AfM/s1600/no+Image+1.png";</code></span></span></span></span></b></span></span></span></b></span></b></span></span></span></div></div></div></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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;"><br />
</span></span></span></span></b></span></span></span></b></span></b></span></span></span></div></div></div><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: arial; font-size: 14px; line-height: 19px;">To Change the Colour of the Splitter Line , edit</span></span></div><div><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; color: initial; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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;"><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://i651.photobucket.com/albums/uu240/zendersto/prepb3.jpg); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font-size: 12px; font: normal normal normal 1em/normal 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; outline-color: initial; outline-style: none; outline-width: initial; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left; vertical-align: baseline;">var splittercolor="#d4eaf2";</code></span></span></span></span></b></span></span></span></b></span></b></span></span></div><div><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px; line-height: 20px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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; color: 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: #4e4e4e; 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; color: 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="color: #333333; 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="color: #4e4e4e; 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="color: #4e4e4e; 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="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;"><span class="Apple-style-span" style="color: #666666; 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;"><br />
</span></span></span></span></b></span></span></span></b></span></b></span></span></div></div></div></div></div></div></div></div><br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Trebuchet MS', sans-serif; font-size: x-small;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; font-family: 'Trebuchet MS', sans-serif; font-size: 13px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #474747; 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;"><span class="Apple-style-span" style="color: red;"><b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqv6m9Lk3oE-DlwCF-KU2twpygzAcNpRrN6CMwVVOCaIDmwBXM289u6nGjfpf7LQTxiNXR6HpVisCMf45Hgutf_l6YpgEWZtzxLLXlNfPCvOP25LLI30hkpx9PnAnXdeBaC49jcrs-AfM/s1600/no+Image+1.png</b></span> Code with The One You Like Bellow</span><br />
<div style="text-align: left;"><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; 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;"><div style="color: #666666; font-style: italic;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: x-small;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><br />
<span id="goog_1848842477"></span><span id="goog_1848842483"></span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqv6m9Lk3oE-DlwCF-KU2twpygzAcNpRrN6CMwVVOCaIDmwBXM289u6nGjfpf7LQTxiNXR6HpVisCMf45Hgutf_l6YpgEWZtzxLLXlNfPCvOP25LLI30hkpx9PnAnXdeBaC49jcrs-AfM/s1600/no+Image+1.png" /><span id="goog_1848842484"></span><span id="goog_1848842478"></span></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqv6m9Lk3oE-DlwCF-KU2twpygzAcNpRrN6CMwVVOCaIDmwBXM289u6nGjfpf7LQTxiNXR6HpVisCMf45Hgutf_l6YpgEWZtzxLLXlNfPCvOP25LLI30hkpx9PnAnXdeBaC49jcrs-AfM/s1600/no+Image+1.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><span id="goog_1848842480"></span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh23FZ2_Fzk-8CrrPLwREU4RmxyV9BKJbU4jQQykTmWLspUEoFXvSWhxfoVaPMwY_7uL65VKNP9T0njCmRH8QfwVzf2XMGiCDxgDIIoq5XgN_K8oOEdVSjgn4MltytvVBbqd5QuLwEDkmqT/s1600/no+Image+2.png" /><span id="goog_1848842481"></span></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh23FZ2_Fzk-8CrrPLwREU4RmxyV9BKJbU4jQQykTmWLspUEoFXvSWhxfoVaPMwY_7uL65VKNP9T0njCmRH8QfwVzf2XMGiCDxgDIIoq5XgN_K8oOEdVSjgn4MltytvVBbqd5QuLwEDkmqT/s1600/no+Image+2.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW4TdlKT0VoJycxz02fEEF53LNlnJX2QSpWA2aBdYOCXldoOHqkgmtj61NlgoeFpxHzRWyxZVA04P8f4NtuWx5cej4Sd9zytw9Pb0CTpSQwtqzHeRpSuGcKwD4tqAmrmdn04hPeuBE7mJl/s1600/no+Image+3.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW4TdlKT0VoJycxz02fEEF53LNlnJX2QSpWA2aBdYOCXldoOHqkgmtj61NlgoeFpxHzRWyxZVA04P8f4NtuWx5cej4Sd9zytw9Pb0CTpSQwtqzHeRpSuGcKwD4tqAmrmdn04hPeuBE7mJl/s1600/no+Image+3.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWspR-rcZCKiTMA0KjE7tkV-iOlX_WYgGmkoj80wPwjJnY63jg_r1e9mDgXO3UZZu7L-5G1nn0YZBEdN46UHwkFnV6xlQaX2csa4mwzo7fm6SSayKXQhbslDMFyOw1VhwirV-lsngsDzn/s1600/no+Image+4.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWspR-rcZCKiTMA0KjE7tkV-iOlX_WYgGmkoj80wPwjJnY63jg_r1e9mDgXO3UZZu7L-5G1nn0YZBEdN46UHwkFnV6xlQaX2csa4mwzo7fm6SSayKXQhbslDMFyOw1VhwirV-lsngsDzn/s1600/no+Image+4.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8j5yhKQAswKsWUsC9p_wwUUBdk3DG9a4Fh6m5huO3n2nCOAgCL3B61ryowZBSIMAq1fAbUuo-oODAqeWWaKvi_rzhUT-RpLD04HyrdTknCh7nFUVIkBadrxFz_A518WE73HCtxeOLE6FQ/s1600/no+Image+5.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8j5yhKQAswKsWUsC9p_wwUUBdk3DG9a4Fh6m5huO3n2nCOAgCL3B61ryowZBSIMAq1fAbUuo-oODAqeWWaKvi_rzhUT-RpLD04HyrdTknCh7nFUVIkBadrxFz_A518WE73HCtxeOLE6FQ/s1600/no+Image+5.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKoSEOEc_-zfDVrFOkvwcKfCsei0nX0xcfubKi5UIJua37ocC7WIaa7L1pjngacAMrEOqrpYoBG3mpXFkC3eFwhYfsm17QzMfVTO3YM0UoKSadNHkV6eyADVR4OPGM8Hh42CKoTVDjPBJx/s1600/no+Image+6.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKoSEOEc_-zfDVrFOkvwcKfCsei0nX0xcfubKi5UIJua37ocC7WIaa7L1pjngacAMrEOqrpYoBG3mpXFkC3eFwhYfsm17QzMfVTO3YM0UoKSadNHkV6eyADVR4OPGM8Hh42CKoTVDjPBJx/s1600/no+Image+6.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBZltj0EJiV6D_KIlGkRJ0PuLl7y2KSxxLAJP4Z3SNZp2w2TZcTnhUdIkG5j71bTiZHJhwKoQHkWLUUqSs5na_ednaMglBUCuX2ui2j0TG3rbpRJ-TUUKHzoG-uayCzms-ryewepR3BRR/s1600/no+Image+7.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBZltj0EJiV6D_KIlGkRJ0PuLl7y2KSxxLAJP4Z3SNZp2w2TZcTnhUdIkG5j71bTiZHJhwKoQHkWLUUqSs5na_ednaMglBUCuX2ui2j0TG3rbpRJ-TUUKHzoG-uayCzms-ryewepR3BRR/s1600/no+Image+7.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6t5fZrWR6Lybxh-TSqBVBE_NDFNi_I49ylcpx9cVOZIoHu_arJvsRXN_-vJKbWelQKIHcMC9pNy7wgq5G8inhFLZYPToNp7dlWPMUp69k-O9WyCSQswOPq8R2Yw63am3kkwNiDM2CIue7/s1600/no+Image+8.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6t5fZrWR6Lybxh-TSqBVBE_NDFNi_I49ylcpx9cVOZIoHu_arJvsRXN_-vJKbWelQKIHcMC9pNy7wgq5G8inhFLZYPToNp7dlWPMUp69k-O9WyCSQswOPq8R2Yw63am3kkwNiDM2CIue7/s1600/no+Image+8.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX1Srpplz-aWn6wfcNP5DxQswG7W1b8-WruW_9zTiSGApDdDO16CUYvk8DFcUYaYIEPfYE_ycdburVGY6Unr70vfOCLe_chNTo-9OH3N1dBOsjNxiUXIKrPJ3i_zLIqhMQu_JVPGRiVi8A/s1600/no+Image+9.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX1Srpplz-aWn6wfcNP5DxQswG7W1b8-WruW_9zTiSGApDdDO16CUYvk8DFcUYaYIEPfYE_ycdburVGY6Unr70vfOCLe_chNTo-9OH3N1dBOsjNxiUXIKrPJ3i_zLIqhMQu_JVPGRiVi8A/s1600/no+Image+9.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTI4lHhNkeTQtgaj4FJtz0XHV6eheKi6LbLxWsGvVbpNsDqPNiE_gRlvuyc5e3nqytWgxrFThzsBZrh0KMUYuenTtU8zh18IKSBBN7CEdSypFpX0eTLP3Oy3Y7yhHKlg4Hxi4upNpl_8WB/s1600/no+Image+10.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTI4lHhNkeTQtgaj4FJtz0XHV6eheKi6LbLxWsGvVbpNsDqPNiE_gRlvuyc5e3nqytWgxrFThzsBZrh0KMUYuenTtU8zh18IKSBBN7CEdSypFpX0eTLP3Oy3Y7yhHKlg4Hxi4upNpl_8WB/s1600/no+Image+10.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZgfPJXCQxUc-VHUQGa4XD5hx5AKboX7KgcDDtlYmnTF-RDdHJMV6Ps-HGdkxUEjwzXjTsNefudx3dPpMH5UTMF1sIojlfP0G5iszXHInbRhHxrESP1vsy9O2ft2w6JTWvl6UfKIAhM9Ey/s1600/no+Image+11.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZgfPJXCQxUc-VHUQGa4XD5hx5AKboX7KgcDDtlYmnTF-RDdHJMV6Ps-HGdkxUEjwzXjTsNefudx3dPpMH5UTMF1sIojlfP0G5iszXHInbRhHxrESP1vsy9O2ft2w6JTWvl6UfKIAhM9Ey/s1600/no+Image+11.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaAJovYfcffPxphocsAYBNLD3QWEheB01NL4Z7Y2rs-Dt4RSMCplfJZmlSMtEl7hyycf9VvjTNOwPhxV-KqXirje7HshFAzKd-bMCDkKm7NZPS51vEmUBHcWUDAWgwrZphxI03AktYgxS/s1600/no+Image+12.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaAJovYfcffPxphocsAYBNLD3QWEheB01NL4Z7Y2rs-Dt4RSMCplfJZmlSMtEl7hyycf9VvjTNOwPhxV-KqXirje7HshFAzKd-bMCDkKm7NZPS51vEmUBHcWUDAWgwrZphxI03AktYgxS/s1600/no+Image+12.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9n_uNkkOFUhzBDDsneCqjOau2bncMR8EP99A3AMm2u2QpJElaV-ZdAKB2nywiaZL_6h9jD8Di08iR61SGDjdv1r406oFEOh6BWOzwsu0WcHJumSGjdUIrq65emmAg2s2KItlYWgWEYepm/s1600/no+Image+13.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9n_uNkkOFUhzBDDsneCqjOau2bncMR8EP99A3AMm2u2QpJElaV-ZdAKB2nywiaZL_6h9jD8Di08iR61SGDjdv1r406oFEOh6BWOzwsu0WcHJumSGjdUIrq65emmAg2s2KItlYWgWEYepm/s1600/no+Image+13.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6hGCvYma1VSkUNK_zPnkQ6kQkcmBaCLlw9aaRSMsctnvrvFTJfCucKVf59bbYQsgpPpok9logHxVmNrZBqKrz_N24OMfinttrsMToq76ZdgrP9xz86H_qmWGGEHxbYYauLHFZk_V0Vc_f/s1600/no+Image+14.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6hGCvYma1VSkUNK_zPnkQ6kQkcmBaCLlw9aaRSMsctnvrvFTJfCucKVf59bbYQsgpPpok9logHxVmNrZBqKrz_N24OMfinttrsMToq76ZdgrP9xz86H_qmWGGEHxbYYauLHFZk_V0Vc_f/s1600/no+Image+14.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="color: #666666;"><i><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJXqli0TNMJF5YX0YV3Oyz7Q_40wrPa09YdKu_xpMyK9_4XWGshjgvFqYpzzFXNr9zbmIBlhLoB7Pxe5kZ46qe2sHUTaFVn3rqJ7sx3iXQEVwuAWGLFAclmbuDXbF61JjdNtPP5Mur740H/s1600/no+Image+15.png" /></i></span><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJXqli0TNMJF5YX0YV3Oyz7Q_40wrPa09YdKu_xpMyK9_4XWGshjgvFqYpzzFXNr9zbmIBlhLoB7Pxe5kZ46qe2sHUTaFVn3rqJ7sx3iXQEVwuAWGLFAclmbuDXbF61JjdNtPP5Mur740H/s1600/no+Image+15.png</i><span class="Apple-style-span" style="color: #666666; font-family: 'Trebuchet MS', sans-serif; font-size: x-small; font-style: italic;"><b></b></span></div><div style="color: #666666; font-style: italic;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: x-small;"><b><br />
</b></span></div></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: medium;"><b><br />
</b></span></div></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com16tag:blogger.com,1999:blog-2648032558084820227.post-3135822506636514982010-12-01T01:34:00.000-08:002012-01-10T20:29:13.698-08:00How To Add jQuery Horizontal Dropdown Menu to Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/hY8Tnk" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpeRrWBMK0q877d9_58OhfJc4ym-wCA4sXkb3FPddWyMaei6X6YIlnzMI99vSLCLpmmQRYiNY5wtBUABAgAJ7qP4aSPOobRkzyCp2Yt1_BrzmHOcWL5TeN4MVZ7kxnxwHLXBOIGWGi163m/+menu6.png" width="430" /></a></div><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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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/ePMci3" target="_blank">17+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes</a>........ </div><br />
<br />
<br />
<br />
<div 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: 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-left-style: none; border-right-style: none; border-top-style: none; 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></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-color: initial; outline-style: none; outline-width: initial; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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-left-style: none; border-right-style: none; border-top-style: none; 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><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; 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: 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-left-style: none; border-right-style: none; border-top-style: none; 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> -> <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-left-style: none; border-right-style: none; border-top-style: none; 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-left-style: none; border-right-style: none; border-top-style: none; 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>"<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-left-style: none; border-right-style: none; border-top-style: none; 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></span></div><div 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; vertical-align: baseline;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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;"><div style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-style: initial; border-top-width: 0px; 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="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="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="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="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="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="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;"><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://i651.photobucket.com/albums/uu240/zendersto/prepb3.jpg); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; display: block; font: normal normal normal 1em/normal 'Courier New', Fixed, monospace; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; outline-color: initial; outline-style: none; outline-width: initial; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left; vertical-align: baseline;"><span class="Apple-style-span" style="color: red; font-family: Georgia, serif;"><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small;"></head></span></span></code></span></span></span></span></span></span></div></div></div><span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, sans-serif; font-size: 13px;"><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-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-size: 13px; line-height: 21px; 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="color: #666666; 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="color: black; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px; 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;">And immediately <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-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="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-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">before</span> </span>it, paste this code:</span></span></span></span></span></div><a name='more'></a><br />
<pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><script src='<a href="http://code.jquery.com/jquery-latest.js" rel="nofollow" target="_blank">http://code.jquery.com/jquery-latest.js</a>' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;ul.subnav&quot;).parent().append(&quot;<span/>&quot;); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
$(&quot;ul.topnav li span&quot;).click(function() { //When trigger is clicked...
//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find(&quot;ul.subnav&quot;).slideDown(&#39;fast&#39;).show(); //Drop down the subnav on click
$(this).parent().hover(function() {
}, function(){
$(this).parent().find(&quot;ul.subnav&quot;).slideUp(&#39;slow&#39;); //When the mouse hovers out of the subnav, move it back up
});
//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass(&quot;subhover&quot;); //On hover over, add class &quot;subhover&quot;
}, function(){ //On Hover Out
$(this).removeClass(&quot;subhover&quot;); //On hover out, remove class &quot;subhover&quot;
});
});
</script>
<style type='text/css'>
ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 100%;
background: #222;
font-size: 1.2em;
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuY0zdwo6LcMvm43KLv0eZlPs2wrgOlV-OAlxAdKWqpdUVzJqJF8Xm53qnhx3H2JrgV0v8NxugqUFvBlygLrxPj6ApEn0G-OnNcBC6bnpqBYDglFEeQSJYHss-wdoW_E2MJb1UhCBNMeun/" rel="nofollow" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuY0zdwo6LcMvm43KLv0eZlPs2wrgOlV-OAlxAdKWqpdUVzJqJF8Xm53qnhx3H2JrgV0v8NxugqUFvBlygLrxPj6ApEn0G-OnNcBC6bnpqBYDglFEeQSJYHss-wdoW_E2MJb1UhCBNMeun/</a>) repeat-x;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover{
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHlhANvYU6ofi9o9JX0RVdqtHvyXviuZQrknVnOHg50_FMqvSr8VxSpSAWxN_kQr3mxn06i7fH5mw3p5dQx_dJlz03Ts4J544dWhwl6TOR9Is_E0Dv6x7WKfh1-PgcF3hyphenhyphencFOqnK3bHTe/" rel="nofollow" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHlhANvYU6ofi9o9JX0RVdqtHvyXviuZQrknVnOHg50_FMqvSr8VxSpSAWxN_kQr3mxn06i7fH5mw3p5dQx_dJlz03Ts4J544dWhwl6TOR9Is_E0Dv6x7WKfh1-PgcF3hyphenhyphencFOqnK3bHTe/</a>) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px;
float: left;
background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXxiv4UrygTj9Pn8QPQsaRqu_WOAOHI6fh0Bpd1Myqu9I5H9qHEcEYFxQsD71k4MznjFdQRSqceGPNn85v5ef2TTHz3OVOA6gPMRZTjyKOhWeaRcC_gmaQEUIBIlaSh7zCHeKxrmivY_N/" rel="nofollow" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXxiv4UrygTj9Pn8QPQsaRqu_WOAOHI6fh0Bpd1Myqu9I5H9qHEcEYFxQsD71k4MznjFdQRSqceGPNn85v5ef2TTHz3OVOA6gPMRZTjyKOhWeaRcC_gmaQEUIBIlaSh7zCHeKxrmivY_N/</a>) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;
}
ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #252525; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;
width: 170px;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 145px;
background: #333 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBE-s3sbmiN-oZ_pgAm07eeo8cGFDfiq5o5YLx38O6iyWXUK0t-NBKd4vLISkClcsAh-H_6eoj7_WPUmipQp6oAXE2myqM4muD_Cees_3_TdGSiuChaJJs_1ren_ZlAOTjpSxdYapcEtgn/" rel="nofollow" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBE-s3sbmiN-oZ_pgAm07eeo8cGFDfiq5o5YLx38O6iyWXUK0t-NBKd4vLISkClcsAh-H_6eoj7_WPUmipQp6oAXE2myqM4muD_Cees_3_TdGSiuChaJJs_1ren_ZlAOTjpSxdYapcEtgn/</a>) no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #222 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBE-s3sbmiN-oZ_pgAm07eeo8cGFDfiq5o5YLx38O6iyWXUK0t-NBKd4vLISkClcsAh-H_6eoj7_WPUmipQp6oAXE2myqM4muD_Cees_3_TdGSiuChaJJs_1ren_ZlAOTjpSxdYapcEtgn/" rel="nofollow" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBE-s3sbmiN-oZ_pgAm07eeo8cGFDfiq5o5YLx38O6iyWXUK0t-NBKd4vLISkClcsAh-H_6eoj7_WPUmipQp6oAXE2myqM4muD_Cees_3_TdGSiuChaJJs_1ren_ZlAOTjpSxdYapcEtgn/</a>) no-repeat 10px center;
}
#header img {
margin: 20px 0 10px;
}
</style></pre><br />
<br />
<span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now</span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: normal; 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 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; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">Save Template </b></span></span><br />
<br />
<span style="font-weight: bold;">Note:</span><br />
Please host image yourself.<br />
You can change width,height,color,... as your choice.<br />
<br />
3.Now go to Layout-->Page Element and click on "Add a gadget".<br />
<br />
4.Select "html/java script" and add the code given below and click save.<br />
<br />
<pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><ul class="<span style="color: #3333ff; font-weight: bold;">topnav</span>">
<li><a href="#">Home</a></li>
<li>
<a href="#">Tutorials</a>
<ul class="subnav">
<li><a href="#">HTML Tutorials</a></li>
<li><a href="#">CSS Tutorials</a></li>
<li><a href="#">PHP Tutorials</a></li>
<li><a href="#">SQL Tutorials</a></li>
<li><a href="#">jQuery Tutorials</a></li>
</ul>
</li>
<li>
<a href="#">Templates</a>
<ul class="subnav">
<li><a href="#">1 Column</a></li>
<li><a href="#">2 Column</a></li>
<li><a href="#">3 Column</a></li>
<li><a href="#">4 Column</a></li>
<li><a href="#">Premium</a></li>
<li><a href="#">Buy Now</a></li>
</ul>
</li>
<li><a href="#">About Us</a></li>
<li><a href="#">Advertise</a></li>
<li><a href="#">Subscribe</a></li>
<li><a href="#">Contact Us</a></li>
</ul></pre><br />
<br />
<span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now</span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: normal; 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 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; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">Save </b></span></span><br />
<br />
<br />
thanks to <a href="http://www.bloggertipandtrick.net/">Lasantha Bandara </a><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; color: #333333; font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: 15px; line-height: 18px;"> </span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; color: #333333; font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: 15px; line-height: 18px;"><br />
</span></div></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com11tag:blogger.com,1999:blog-2648032558084820227.post-54047617255126796282010-11-29T03:16:00.002-08:002013-02-08T04:59:02.458-08:00how to Add yahoo smileys emotions / Skype Emoticons / Facemoods Emoticons / FaceSmooch Emoticons in blogger comments.<div dir="ltr" style="text-align: left;" trbidi="on">Now Friends you can use yahoo smileys emotions / Skype Emoticons / Facemoods Emoticons / FaceSmooch Emoticons in blogger comments as well.today i'm give you cool emoticons for blogger comments.you can add this most wonderful emocation for your blog.Now I will tell you how to install yahoo smileys emotions / Skype Emoticons / Facemoods Emoticons / FaceSmooch Emoticons in blogger comments.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/f5lU1Y" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSDLs54YaSQ4XJdG99WfZokWf9pJ4NANrIUUd10qTYXyMwQhZwiSZ-VilVu_x6py0yzqj86ofoX7VxO4_YBG5ndT4adAunil3lJ4VeQ2Z-AlJQUgrRNY_pXjeti1WxoZ2AHKMcRBH1oNHK/s320/Image+10.png" width="320" /></a></div><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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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 />
Tutorial Step by Step<br />
<br />
<br />
1.Login to your Blogger dashboard > Layout > Edit HTML and check the "Expand Widget Templates" box.<br />
As I always say before attempting any tutorial or hack its wise to make a backup of your blogger template. So please download your blogger template.<br />
<a name='more'></a><br />
<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: large;">How To Add Skype Emoticons For Blogger Comments</span><br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/f5lU1Y" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRC3vXDuQDZYpFpP1SKMuxpgEWYlcZmG5KPj-uj5bKBTW1P7F5f0gBm7TdQIbk7ldIqlbRKldb1fQSXnWHaXNGXKAKQdRLvE54q_U7bXJ94m-vqIT6RY6UeqhjsLOSf0d9y8ZJaeWSMkRv/s320/Image+11.png" /></a></div><br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Now Follow the simple steps below to do it:</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div>1.Login to your blogger dashboard--> Desing- -> Edit HTML<br />
<br />
2.Scroll down to where you see<br />
<br />
<b><span class="Apple-style-span" style="color: red;"><h4 id='comment-post-message'><data:postCommentMsg/></h4> </span></b>tag.<br />
<br />
3.Copy below code and paste it just before the<br />
<br />
<b><span class="Apple-style-span" style="color: red;"><h4 id='comment-post-message'><data:postCommentMsg/></h4> </span></b>tag<br />
<br />
<br />
<br />
<pre style="border: 1px solid black; height: 100px; overflow: auto; width: 90%;"><div style=' width: 450px; text-align: left; border: 4px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif'/> :t
</div>
</pre><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
5.Now Scroll down to where you see <b><span class="Apple-style-span" style="color: red;"></body> </span></b>tag<br />
<br />
6.Copy below code and paste it just before the<b><span class="Apple-style-span" style="color: red;"> </body></span></b> tag<br />
<br />
<br />
<br />
<pre style="border: 1px solid black; height: 100px; overflow: auto; width: 90%;"><script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
</pre><br />
<br />
7.Now Click on "Save Templates"<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: large;">How To Add Facemoods Emoticons For Blogger Comments</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/f5lU1Y" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxzjPZN2bB49Kp99_PtSAOjbp9wOflc0CuwKoTbOty9sNI0ri0JwdcdU68P0IZkGn_x_3qnRhkMdtO5ldvjqcm_7-dqLMtdM8b-ue83P6uknWy53H2WpuSD-EVSnYKpfJVATAY2pDZJjny/s320/Image+12.png" width="320" /></a></div><br />
Now Follow the simple steps below to do it:<br />
<br />
1.Login to your blogger dashboard--> Desing- -> Edit HTML<br />
<br />
2.Scroll down to where you see<br />
<br />
<b><span class="Apple-style-span" style="color: red;"><h4 id='comment-post-message'><data:postCommentMsg/></h4></span></b> tag<br />
<br />
3.Copy below code and paste it just before the<br />
<br />
<b><span class="Apple-style-span" style="color: red;"><h4 id='comment-post-message'><data:postCommentMsg/></h4></span></b> tag<br />
<br />
<br />
<br />
<br />
<br />
<pre style="border: 1px solid black; height: 100px; overflow: auto; width: 90%;"><div style=' width: 450px; text-align: left; border: 4px solid #0084ce; background: #FEF9EA; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbu-WhVwI/AAAAAAAAAJU/A78AhL5wxtI/bloggertricksandtoolz.blogspot%20%281%29.gif'/> :a
&#160;
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbu5PtrZI/AAAAAAAAAJY/3q-NOI8y-K4/bloggertricksandtoolz.blogspot%20%282%29.gif'/> :b
&#160;
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbvFPoVYI/AAAAAAAAAJc/P352U_1NuzA/bloggertricksandtoolz.blogspot%20%283%29.gif'/> :c
&#160;
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbvBfkeqI/AAAAAAAAAJg/okTlBowJzJU/bloggertricksandtoolz.blogspot%20%284%29.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZdwfQvrpqvehj4279jyFj3GU6bFRubcVoMPWvAM6ZxKSXm-lAGGyH3nHWPUcVOMaVqnCbe4mXB_kHmLoSblnl2aHwlnUIN-og1TLd3oNvUjGB0Y0e4XZQjcn7v4RhsWLzDh_6fhr-wLc/'/> :e
&#160;
<img border='0' src='http://lh3.ggpht.com/_u4rBCfM4eII/TLlcBc-g6sI/AAAAAAAAAJo/PCTQ7LScutU/bloggertricksandtoolz.blogspot%20%286%29.gif'/> :f
&#160;
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlcBSqn4QI/AAAAAAAAAJs/OeOz2-aTZu8/bloggertricksandtoolz.blogspot%20%287%29.gif'/> :g
&#160;
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcBov0q3I/AAAAAAAAAJw/4t9uXh_yxt8/bloggertricksandtoolz.blogspot%20%288%29.gif'/> :h
&#160;
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcBmMVN4I/AAAAAAAAAJ0/3ptBKygi1BU/bloggertricksandtoolz.blogspot%20%289%29.gif'/> :i
&#160;
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcBsUpAzI/AAAAAAAAAJ4/b5T54JN_2ZU/bloggertricksandtoolz.blogspot%20%2810%29.gif'/> :j
&#160;
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKNoCszI/AAAAAAAAAJ8/JuoJd0NP3ng/bloggertricksandtoolz.blogspot%20%2811%29.gif'/> :k
&#160;
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcKehasTI/AAAAAAAAAKA/SlMTzzDI_B4/bloggertricksandtoolz.blogspot%20%2812%29.gif'/> :l
&#160;
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKVspxRI/AAAAAAAAAKE/PC_j1JknaQ8/bloggertricksandtoolz.blogspot%20%2813%29.gif'/> :m
&#160;
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKpYo08I/AAAAAAAAAKM/yOBc1A10qiw/bloggertricksandtoolz.blogspot%20%2815%29.gif'/> :n
&#160;
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUIo_7WI/AAAAAAAAAKQ/kAG-HS6IezA/bloggertricksandtoolz.blogspot%20%2816%29.gif'/> :o
&#160;
<img border='0' src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlcKXxDYJI/AAAAAAAAAKI/Cvo6C0vweRk/bloggertricksandtoolz.blogspot%20%2814%29.gif'/> :p
&#160;
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUdY6hNI/AAAAAAAAAKU/URRh0r_TBGw/bloggertricksandtoolz.blogspot%20%2817%29.gif'/> :q
&#160;
<img border='0' src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUkZdVLI/AAAAAAAAAKY/QR_ZPEBlNPU/bloggertricksandtoolz.blogspot%20%2818%29.gif'/> :r
&#160;
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcUwj7HxI/AAAAAAAAAKc/jSpVaYr8_6A/bloggertricksandtoolz.blogspot%20%2819%29.gif'/> :s
&#160;
<img border='0' src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcU7Nr_6I/AAAAAAAAAKg/zupXNk6vCdo/bloggertricksandtoolz.blogspot%20%2820%29.gif'/> :t
</div>
</pre><br />
<br />
4.Now Scroll down to where you see <b><span class="Apple-style-span" style="color: red;"></body></span></b> tag<br />
<br />
5.Copy below code and paste it just before the <b><span class="Apple-style-span" style="color: red;"></body></span></b> tag<br />
<br />
<br />
<br />
<pre style="border: 1px solid black; height: 100px; overflow: auto; width: 90%;"><script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcBsUpAzI/AAAAAAAAAJ4/b5T54JN_2ZU/bloggertricksandtoolz.blogspot%20%2810%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKNoCszI/AAAAAAAAAJ8/JuoJd0NP3ng/bloggertricksandtoolz.blogspot%20%2811%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcKehasTI/AAAAAAAAAKA/SlMTzzDI_B4/bloggertricksandtoolz.blogspot%20%2812%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKVspxRI/AAAAAAAAAKE/PC_j1JknaQ8/bloggertricksandtoolz.blogspot%20%2813%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcKpYo08I/AAAAAAAAAKM/yOBc1A10qiw/bloggertricksandtoolz.blogspot%20%2815%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUIo_7WI/AAAAAAAAAKQ/kAG-HS6IezA/bloggertricksandtoolz.blogspot%20%2816%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlcKXxDYJI/AAAAAAAAAKI/Cvo6C0vweRk/bloggertricksandtoolz.blogspot%20%2814%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUdY6hNI/AAAAAAAAAKU/URRh0r_TBGw/bloggertricksandtoolz.blogspot%20%2817%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcUkZdVLI/AAAAAAAAAKY/QR_ZPEBlNPU/bloggertricksandtoolz.blogspot%20%2818%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcUwj7HxI/AAAAAAAAAKc/jSpVaYr8_6A/bloggertricksandtoolz.blogspot%20%2819%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcU7Nr_6I/AAAAAAAAAKg/zupXNk6vCdo/bloggertricksandtoolz.blogspot%20%2820%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbu-WhVwI/AAAAAAAAAJU/A78AhL5wxtI/bloggertricksandtoolz.blogspot%20%281%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbu5PtrZI/AAAAAAAAAJY/3q-NOI8y-K4/bloggertricksandtoolz.blogspot%20%282%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbvFPoVYI/AAAAAAAAAJc/P352U_1NuzA/bloggertricksandtoolz.blogspot%20%283%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlbvBfkeqI/AAAAAAAAAJg/okTlBowJzJU/bloggertricksandtoolz.blogspot%20%284%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZdwfQvrpqvehj4279jyFj3GU6bFRubcVoMPWvAM6ZxKSXm-lAGGyH3nHWPUcVOMaVqnCbe4mXB_kHmLoSblnl2aHwlnUIN-og1TLd3oNvUjGB0Y0e4XZQjcn7v4RhsWLzDh_6fhr-wLc/' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='http://lh3.ggpht.com/_u4rBCfM4eII/TLlcBc-g6sI/AAAAAAAAAJo/PCTQ7LScutU/bloggertricksandtoolz.blogspot%20%286%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='http://lh6.ggpht.com/_u4rBCfM4eII/TLlcBSqn4QI/AAAAAAAAAJs/OeOz2-aTZu8/bloggertricksandtoolz.blogspot%20%287%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='http://lh4.ggpht.com/_u4rBCfM4eII/TLlcBov0q3I/AAAAAAAAAJw/4t9uXh_yxt8/bloggertricksandtoolz.blogspot%20%288%29.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='http://lh5.ggpht.com/_u4rBCfM4eII/TLlcBmMVN4I/AAAAAAAAAJ0/3ptBKygi1BU/bloggertricksandtoolz.blogspot%20%289%29.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
</pre><br />
<br />
6.Now Click on "Save Templates"<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: large;">How To Add FaceSmooch Emoticons For Blogger Comments</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/f5lU1Y" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMGAfK4FpDuLYqsDxyzodPcmB380vkZE3XYunzbZgdSyfj4ok1YUixlapg9Allg0ynR6V_m9SjiNCs-UnwR4NdabVCEsvvbhyphenhyphenfTpwrT_177nrOJsmR_yN0xQiPjRJnN6OXkX7YhMzV7Oeh/s320/Image+13.png" width="320" /></a></div><br />
Now Follow the simple steps below to do it:<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div>1.Login to your blogger dashboard--> Desing- -> Edit HTML<br />
<br />
2.Scroll down to where you see<br />
<br />
<b><span class="Apple-style-span" style="color: red;"><h4 id='comment-post-message'><data:postCommentMsg/></h4></span></b> tag<br />
<br />
3.Copy below code and paste it just before the<br />
<br />
<b><span class="Apple-style-span" style="color: red;"><h4 id='comment-post-message'><data:postCommentMsg/></h4></span></b> tag<br />
<br />
<br />
<br />
<br />
<br />
<pre style="border: 1px solid black; height: 100px; overflow: auto; width: 90%;"><div style=' width: <b><span class="Apple-style-span" style="color: red;">450px</span></b>; text-align: left; border: 4px solid #000000; background: #FEF9EA; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic-hhh8zZKwJ9COAReJXmxpndIFHiXgkuGFRHpxlB55MESQl8pVqMm51gaMDpY2oBU2Nv88zd7I_Fgk0C3fnW1u19dUE93ANi5supQ6TCZWMwbxgB9dfkIgXuafcMzUcpW5aeU9VdZAMg/'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkijD_gRuAcikdq4lms4q1voQ9MVuEfadtHynrop1VcsTzL6gOYz8X18azbICvWxBa1i4vlliVd9qKLwKIO8DZxT8oeeNVMdDcC_qMocOK-FJyD2YbquTtqT5KNNWucij0jeQ1NWj1-sk/'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMST4qF18jTVzDDEZ-iT5bBnDEhspUxUkf5PvSyD1aqlq2sCbwpHeqSER6wd2_jEpUs9XSzXI6xBFaqBjE4RVWBz61eH6fXz7tGTRYPvYvlhDqTIkRhFsQwrmCkB6WCzwMUFC-L07pECs/'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguKC5g4kB7BkDxW3KNmYSN6fei7ELXl6R6ZXnvKMWkpFJG5wHw79WFjZUHmN4vO3wI_57x7aIRn-CmXWNY0_c6hMBbuUSEN1AYTJBWkL1FLuk4K2I5i7F0yctk2FmSkopYSBPNWVATcjk/'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPmeglJeeOCTfQh8SR_Svo2qpuRlGKKrmlHhMCJ9pe-ltdNRyC7QRkRz853p8i_yGEkcj4ACCV6Smyn8q9FvneVSYma7JJemFgJ_ZXXck04HGet5DyrAuBSE93ldUuWcsJ9EFKBUXFXto/'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwieqoo1LKM8_VUsfA-oZBSAqvt0v6obB5jgjsPIJrzwooRJyyocrCmm9ZSRwaUoc2mAlt9vT7qblyJAv8ZDGGNULoCz9MWTgmNFrXTuXPS7vG0FPFu8fAMcDhBzQN5Q3wFxnATtuVegQ/'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimDG4-nPl-1GTW2QFRi6Z81O-TLIOSmYh4zmlZflVyKZ0-bzFKHJeVsFwV_KOE2FRNw-2WcBR8IuNFD9i5vOdHLhpQnKCEUaVPd3TzTBlPM6srHxu54Bns5Yi3-eAlrk7g3fPH1McDU2M/'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTxM8Dsn5i8S71gLC6SfTpsQtD14IMxyFr7mn5HIDYQSU4i_hT7FeMAif3mt-wRxkk7btdQ8EBgHWlmgDNo9D24PSl9CS-sZKsB9uJRyo9gkg0BJ8YN3IWeGOvNnVqfjs-r63q4T021s/'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6jQ3ag0VXkgBzbFR5iFxMzwAyz63dPMeSuvPdWBnYx-yXKEhytidnH3izKMgmSMrpiJt8-dvBejlQRPR7_ywqdlJgOMCLgG2qjGmRn9KABFFcFAI-VioFvGbcpr7_o9Y3jVrBw9U9kIk/'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_H8Df8CyW4iFZNDkuCiPdOJ8eRblxmnzLeCWX6KPHkQZmyR32uZDy2uB65Oh_2_rS15M6oMz12nyCF7nKAjsCkgzdwl07furEiInb9Ra3xfdrlPKftA2PUW900rm7bOmhaOh6gtty1TU/'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJPzpPnL6DuTQHEARtKdlXQw-0KNdreEq6eqEdlP1qrrujIQbL7M9BK5wktWSrFNJHSzV3cfdG2VYK_WigYMI8C9aZ7YnPXTKp7eJe4553coASEK2UVxpK2XnWUWp67r0rGaIPOyBsVh0/'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2n7G5JgpTQ0JRXjxLmnjEY1vKajrqXyyZUIfbIpECrJlJfScar_zmteHEqrpuUQBPLEegpExgzM3EQHSA8ie-jg75t9a7sHikTXp00c3HNYJDOQ7zE_uWxtb1zx6T_q5dKpbWNmrFSOo/'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_V5fUsAOonZr2LGRBQFIPw4chXCWBfjEx63VDN1P15Zyzxr9b-mwKrT8d3ToiZCshMt4jBWttO-y0l0KMUcWqXwh8yhmRgA6xY3ocPB6fpWjQY4A3tBn90GBHgAPIndRmDFla_RRwAQE/'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSU08lZ0M_7Iguv5bkFuEOeQTRTIPOs6fXG8Oc7FdIKpOn1w88RYWnjkV39SkbOdOzgmt7e9Y96btyHBRU8eueCLWRLA-doi3q5gZAEo6OpfLDk-CBAB555TtQ52q3Ohk7wWz55pzWBtA/'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiNS5qFjqRVvm0ygKAoI5GU6WmqIQFPFo8zT9J5ExH2-eb9O6EY9iUE6_4cvWmbRC1tCVJYeeGDQpbqJG6IBEllJneKAsp3mhYC6Fjp12aQOiH_3VHxYIINj6H_4oxszEVLyouQEl7CI8/'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCq10JcARb_Oi_Nq22vYRWld4BsZglnxuzdeDzk7NMPx2M2CxM3x0A3d_Dii0dWB4ZMEFQCmN5UyHqR66hB1dA7kjWHKh1UABhiAKgqdEbCBxBb_9twKHSJV-ximPBel0dNEDhJ_dQPpo/'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3TxiLgIMEz-PtGt2LXdOHxCj8GbjJCk7M1AWim2T6qbG3WBMHNFNDX98cnjWT6Z2MPwXoRo6EgQTn7R6xriQp8aRI7-f2O2o-96b3dM-RTx_a_aJGrY7XP5mgXxvsOtmciHCY3v-mBY/'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHS_eIJOY4cj71R_xjOA5wPBTaSRLruxkEMYH-fDbOkkYqFXizcE3FhFn4Xpaeaa0ck_hQNeidOX2DpxH_JDUZpTkwRs3YWR13D4jMLCJzxbEmSv-D6y_4RpFEJ3Hz4sl0RxsDi6NkTrc/'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCSLQopX46kxYyyNZ1lIuzlF0L_u0b6PvXfFPVTETMVGj7SGrIH8-389KG0KW8IOji0ykQe1bceUC_05QxKyZmo-3Lzl0YTRRN3U9wY58gzhr1wd30Uhrgx1qBJBpvtHUbMrww0qlQ_t4/'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRUrqRdfnPISSejXiCEf5A6_8kYMrCokzeVBE9-9YN1kEMeOc5r8_mliFo5VetZ4vW6vTag7ffvT9Q-603gmeWphB0Rpd0GjY7v5Gurvur9QE8ZUYIuw7xtohUt0e9BrBDs_mNFrPMX7w/s24/bloggertricksandtoolz.blogspot%20(22).gif'/> :t
</div>
</pre><br />
<br />
4.Now Scroll down to where you see <b><span class="Apple-style-span" style="color: red;"></body></span></b> tag<br />
<br />
5.Copy below code and paste it just before the <b><span class="Apple-style-span" style="color: red;"></body></span></b> tag<br />
<br />
<br />
<br />
<pre style="border: 1px solid black; height: 100px; overflow: auto; width: 90%;"><script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_H8Df8CyW4iFZNDkuCiPdOJ8eRblxmnzLeCWX6KPHkQZmyR32uZDy2uB65Oh_2_rS15M6oMz12nyCF7nKAjsCkgzdwl07furEiInb9Ra3xfdrlPKftA2PUW900rm7bOmhaOh6gtty1TU/' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJPzpPnL6DuTQHEARtKdlXQw-0KNdreEq6eqEdlP1qrrujIQbL7M9BK5wktWSrFNJHSzV3cfdG2VYK_WigYMI8C9aZ7YnPXTKp7eJe4553coASEK2UVxpK2XnWUWp67r0rGaIPOyBsVh0/' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2n7G5JgpTQ0JRXjxLmnjEY1vKajrqXyyZUIfbIpECrJlJfScar_zmteHEqrpuUQBPLEegpExgzM3EQHSA8ie-jg75t9a7sHikTXp00c3HNYJDOQ7zE_uWxtb1zx6T_q5dKpbWNmrFSOo/' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_V5fUsAOonZr2LGRBQFIPw4chXCWBfjEx63VDN1P15Zyzxr9b-mwKrT8d3ToiZCshMt4jBWttO-y0l0KMUcWqXwh8yhmRgA6xY3ocPB6fpWjQY4A3tBn90GBHgAPIndRmDFla_RRwAQE/' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSU08lZ0M_7Iguv5bkFuEOeQTRTIPOs6fXG8Oc7FdIKpOn1w88RYWnjkV39SkbOdOzgmt7e9Y96btyHBRU8eueCLWRLA-doi3q5gZAEo6OpfLDk-CBAB555TtQ52q3Ohk7wWz55pzWBtA/' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiNS5qFjqRVvm0ygKAoI5GU6WmqIQFPFo8zT9J5ExH2-eb9O6EY9iUE6_4cvWmbRC1tCVJYeeGDQpbqJG6IBEllJneKAsp3mhYC6Fjp12aQOiH_3VHxYIINj6H_4oxszEVLyouQEl7CI8/' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCq10JcARb_Oi_Nq22vYRWld4BsZglnxuzdeDzk7NMPx2M2CxM3x0A3d_Dii0dWB4ZMEFQCmN5UyHqR66hB1dA7kjWHKh1UABhiAKgqdEbCBxBb_9twKHSJV-ximPBel0dNEDhJ_dQPpo/' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_3TxiLgIMEz-PtGt2LXdOHxCj8GbjJCk7M1AWim2T6qbG3WBMHNFNDX98cnjWT6Z2MPwXoRo6EgQTn7R6xriQp8aRI7-f2O2o-96b3dM-RTx_a_aJGrY7XP5mgXxvsOtmciHCY3v-mBY/' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHS_eIJOY4cj71R_xjOA5wPBTaSRLruxkEMYH-fDbOkkYqFXizcE3FhFn4Xpaeaa0ck_hQNeidOX2DpxH_JDUZpTkwRs3YWR13D4jMLCJzxbEmSv-D6y_4RpFEJ3Hz4sl0RxsDi6NkTrc/' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCSLQopX46kxYyyNZ1lIuzlF0L_u0b6PvXfFPVTETMVGj7SGrIH8-389KG0KW8IOji0ykQe1bceUC_05QxKyZmo-3Lzl0YTRRN3U9wY58gzhr1wd30Uhrgx1qBJBpvtHUbMrww0qlQ_t4/' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRUrqRdfnPISSejXiCEf5A6_8kYMrCokzeVBE9-9YN1kEMeOc5r8_mliFo5VetZ4vW6vTag7ffvT9Q-603gmeWphB0Rpd0GjY7v5Gurvur9QE8ZUYIuw7xtohUt0e9BrBDs_mNFrPMX7w/s24/bloggertricksandtoolz.blogspot%20(22).gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkijD_gRuAcikdq4lms4q1voQ9MVuEfadtHynrop1VcsTzL6gOYz8X18azbICvWxBa1i4vlliVd9qKLwKIO8DZxT8oeeNVMdDcC_qMocOK-FJyD2YbquTtqT5KNNWucij0jeQ1NWj1-sk/' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMST4qF18jTVzDDEZ-iT5bBnDEhspUxUkf5PvSyD1aqlq2sCbwpHeqSER6wd2_jEpUs9XSzXI6xBFaqBjE4RVWBz61eH6fXz7tGTRYPvYvlhDqTIkRhFsQwrmCkB6WCzwMUFC-L07pECs/' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguKC5g4kB7BkDxW3KNmYSN6fei7ELXl6R6ZXnvKMWkpFJG5wHw79WFjZUHmN4vO3wI_57x7aIRn-CmXWNY0_c6hMBbuUSEN1AYTJBWkL1FLuk4K2I5i7F0yctk2FmSkopYSBPNWVATcjk/' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPmeglJeeOCTfQh8SR_Svo2qpuRlGKKrmlHhMCJ9pe-ltdNRyC7QRkRz853p8i_yGEkcj4ACCV6Smyn8q9FvneVSYma7JJemFgJ_ZXXck04HGet5DyrAuBSE93ldUuWcsJ9EFKBUXFXto/' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZdwfQvrpqvehj4279jyFj3GU6bFRubcVoMPWvAM6ZxKSXm-lAGGyH3nHWPUcVOMaVqnCbe4mXB_kHmLoSblnl2aHwlnUIN-og1TLd3oNvUjGB0Y0e4XZQjcn7v4RhsWLzDh_6fhr-wLc/' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwieqoo1LKM8_VUsfA-oZBSAqvt0v6obB5jgjsPIJrzwooRJyyocrCmm9ZSRwaUoc2mAlt9vT7qblyJAv8ZDGGNULoCz9MWTgmNFrXTuXPS7vG0FPFu8fAMcDhBzQN5Q3wFxnATtuVegQ/' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimDG4-nPl-1GTW2QFRi6Z81O-TLIOSmYh4zmlZflVyKZ0-bzFKHJeVsFwV_KOE2FRNw-2WcBR8IuNFD9i5vOdHLhpQnKCEUaVPd3TzTBlPM6srHxu54Bns5Yi3-eAlrk7g3fPH1McDU2M/' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTxM8Dsn5i8S71gLC6SfTpsQtD14IMxyFr7mn5HIDYQSU4i_hT7FeMAif3mt-wRxkk7btdQ8EBgHWlmgDNo9D24PSl9CS-sZKsB9uJRyo9gkg0BJ8YN3IWeGOvNnVqfjs-r63q4T021s/' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6jQ3ag0VXkgBzbFR5iFxMzwAyz63dPMeSuvPdWBnYx-yXKEhytidnH3izKMgmSMrpiJt8-dvBejlQRPR7_ywqdlJgOMCLgG2qjGmRn9KABFFcFAI-VioFvGbcpr7_o9Y3jVrBw9U9kIk/' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
</pre><br />
<br />
<br />
<b>Note:</b> Change " width: <b><span class="Apple-style-span" style="color: red;">450px</span></b> " as you like.<br />
<br />
<br />
6.Now Click on "Save Templates" Now your Done<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: large;">How To Add Yahoo Emoticons For Blogger Comments</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/f5lU1Y" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCjqkgdd0S5kZX3xMsQ59XF8qGr4MloJG1SqcyBl0NhqFCzWf1-6I-X43D5eOlMZn3dkqEbeB_cfeFG6a-TpJN1euVr7RvxUqFsVfka4uCi0CaJ2zzMMUlhVjU0gOaBgeQ_s2sv3rwdZrm/s320/Image+14.png" width="320" /></a></div><br />
<br />
Now guys Follow the simple steps below to do it:<br />
<br />
1.Login to your blogger dashboard--> Desing- -> Edit HTML<br />
<br />
<br />
Search (ctrl+F) for below codes:-<br />
<br />
<br />
<br />
<pre style="border: 1px solid black; height: 100px; overflow: auto; width: 90%;"><p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>
</pre><br />
<br />
<br />
Replace the above codes with below one:-<br />
<br />
<br />
<br />
<pre style="border: 1px solid black; height: 100px; overflow: auto; width: 90%;"><b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
</pre><br />
<br />
5.Now again scroll down where you see <b><span class="Apple-style-span" style="color: red;"></body></span></b> tag <br />
<br />
<br />
<br />
<pre style="border: 1px solid black; height: 100px; overflow: auto; width: 90%;"><script src='http://24work.ucoz.com/24work-blogspot/yahoo-smileys/yahoo-smileys-www.24work.blogspot.com-.js' type='text/javascript'/><noscript><a href="http://bdlab.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>
</pre><br />
<br />
6.Click on save template and you are done.</div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com22tag:blogger.com,1999:blog-2648032558084820227.post-11622538569829974232010-11-28T23:00:00.001-08:002012-08-16T03:29:35.448-07:00Add Animated Flash Clock To Your Blogger - Blogspot Blog<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div> Two most common widgets bloggers and webmasters put on their websites/blogs are a Clock and a Calendar. When searched on Internet for these free widgets, most probably the top two results in the list would be clocklink.com and worldtimeserver.com/index.aspx.this tutorial will show you how to Add animated flash clock gadget your blog. A clock gives a beautiful look to a website. A clock is a must for a personal homepage, forum, blog etc.Isn’t it exciting when you get a highly quality flash Clock absolutely Free? you can add this flash animated clock your blog easily. it's really faster and cool. all you have to do is follow the instructions given below.. let's go to work.and Congrats you!! I hope you like the clocks.<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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank"><strong>Animated Flash Clock To Your Blogger Blog</strong></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/AVvXsEgWvQylTFI0fHH_kL18gR0yr0TIVBuQ_AeyGOrc9SwsLQgThfnILChPXvT07ZHWvOuHtzrhcxNXR1XNu2ewBPVWTqfAfv_R3k_DeITCcCqdzrkDPS3140xJZ07hvI4xVBIb8i9DRU_GoZEK/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 />
<br />
<a name='more'></a>1.Login to your blogger Dashboard and go to Desing --> Page Elements.<br />
<br />
<br />
<br />
2.Click on 'Add a Gadget' on the sidebar.<br />
<br />
<br />
<br />
3.Select 'HTML/Javascript' and add the one of code given below <br />
<br />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/301788.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed></div></div></div></div><br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/GreenConcentric.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/HotSummerDay.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/WorldNewsClock.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/950308.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/worldclock.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/167603.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Cloudy_Free_Flash_Clock.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/classic_blue.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/RadarClockV2.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/BasicShapesClock.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/Deep_Blue_Clock.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/RomanTimesClock.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/390495.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/176785.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/WorldCupClock.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/PortalClock.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/GlassOfficeClock.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/522709.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/838697.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/620751.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/236069.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/firstAnimated.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
<embed height="200" src="http://safir85.ucoz.com/bdlab-blogspot/24work/189466.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed><br />
<br />
<br />
<br />
<br />
<textarea cols="100" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 80px; margin: 2px; width: 80%;"><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 />
4. Now Click On Save '<span class="Apple-style-span" style="color: blue;"><b>JavaScript</b></span>' You are done.<br />
<br />
Happy blogging!<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #999999;">Special Thanks http://flash-clocks.com</span><br />
<br />
<span class="Apple-style-span" style="color: #999999;">Picture From http://www.2dayblog.com/2009/10/19/manual-digital-clock/</span><br />
<br />
<span class="Apple-style-span" style="color: #999999;"><br />
</span></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com49tag:blogger.com,1999:blog-2648032558084820227.post-31275172771486342112010-11-27T05:54:00.002-08:002013-08-04T23:50:25.333-07:00233 Brilliant CSS / JavaScript / jQuery / XAML / PHP / HTML Coding Techniques<div dir="ltr" style="text-align: left;" trbidi="on">These tutorials will teach and show you details about the scripting language of web, JavaScript which is used in millions of web pages to add functionality, validate forms, detect browsers, and much more. Wide ranging topics are covered in these JavaScript and Web Development tutorials, including jQuery snippets for different functionalities, using sIFR in Wordpress, XML parsing using jQuery, inline sliding panels in JavaScript, PHP and JavaScript, Silverlight and JavaScript, securing authentication without SSL Using JavaScript and a many other web dev topics related to JavaScript.<br />
<br />
<a name='more'></a><br />
<h1 style="color: black; font-family: sans-serif; font-size: 20px; line-height: 40px; margin: 0px 0px 5px; padding: 0px 0px 0px 50px;">36 <a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/languages/css" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="CSS Category Page">CSS</a></h1><div class="item-list" style="font-family: sans-serif; font-size: 12px; line-height: 16px; margin: 0px; padding: 0px;"><ul style="clear: both; list-style-image: none; list-style-type: disc; margin: 10px 0px 0.75em; padding-bottom: 0px; padding-left: 0px ! important; padding-right: 0px; padding-top: 0px;"><li class="first" nid="318" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CakePHP - Using Helpers"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/cakephp-using-helpers" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CakePHP - Using Helpers</a></li>
<li nid="1098" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Create an Offline iPhone Web Application"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/create-an-offline-iphone-web-application" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Create an Offline iPhone Web Application</a></li>
<li nid="181" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CSS Snippet Tutorial - Importing Style Sheets"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/css-snippet-tutorial-importing-style-sheets" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CSS Snippet Tutorial - Importing Style Sheets</a></li>
<li nid="205" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CSS Snippet Tutorial - Putting Images On Buttons"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/css-snippet-tutorial-putting-images-on-buttons" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CSS Snippet Tutorial - Putting Images On Buttons</a></li>
<li nid="92" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CSS Tutorial - The background-position Property"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/css-tutorial-the-background-position-property" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CSS Tutorial - The background-position Property</a></li>
<li nid="232" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Drupal 6 Basic Javascript w/ jQuery"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/drupal-6-basic-javascript-w-jquery" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Drupal 6 Basic Javascript w/ jQuery</a></li>
<li nid="94" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Flex Fantastic Friday - Pop Up Menus and More"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/flex-fantastic-friday-pop-up-menus-and-more" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Flex Fantastic Friday - Pop Up Menus and More</a></li>
<li nid="707" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How to Build a jQuery Treeview"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-build-a-jquery-treeview" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How to Build a jQuery Treeview</a></li>
<li nid="683" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How to Build a Star Ratings jQuery Plugin"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-build-a-star-ratings-jquery-plugin" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How to Build a Star Ratings jQuery Plugin</a></li>
<li nid="93" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="HTML and Javascript - Putting it all Together"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/html-and-javascript-putting-it-all-together" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">HTML and Javascript - Putting it all Together</a></li>
<li nid="997" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Integrating Twitter @Anywhere with Your Website"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/integrating-twitter-anywhere-with-your-website" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Integrating Twitter @Anywhere with Your Website</a></li>
<li nid="61" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript - Draggable Elements"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-draggable-elements" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript - Draggable Elements</a></li>
<li nid="64" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript - Interactive Color Picker"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-interactive-color-picker" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript - Interactive Color Picker</a></li>
<li nid="108" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript And CSS Tutorial - Accordion Menus"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-accordion-menus" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript And CSS Tutorial - Accordion Menus</a></li>
<li nid="30" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript And CSS Tutorial - Dynamic Tabbed Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-dynamic-tabbed-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript And CSS Tutorial - Dynamic Tabbed Panels</a></li>
<li nid="50" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript and CSS Tutorial - Generic Animation"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-generic-animation" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript and CSS Tutorial - Generic Animation</a></li>
<li nid="26" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript and CSS Tutorial - How to make Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-how-to-make-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript and CSS Tutorial - How to make Sliding Panels</a></li>
<li nid="119" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Controls - Resizeable Textbox"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-controls-resizeable-textbox" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Controls - Resizeable Textbox</a></li>
<li nid="122" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Controls - Resizeable Textbox, Part Tres"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-controls-resizeable-textbox-part-tres" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Controls - Resizeable Textbox, Part Tres</a></li>
<li nid="113" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Controls - The Spin Control"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-controls-the-spin-control" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank"><span class="goog_qs-tidbit goog_qs-tidbit-0" style="background-color: #ffffdd; color: black; display: inline !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: inherit;">Javascript Controls - The Spin Control</span></a></li>
<li nid="200" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Sliding Panels - Starting the Panels Up"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-sliding-panels-starting-the-panels-up" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Sliding Panels - Starting the Panels Up</a></li>
<li nid="60" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Sliding Panels using Generic Animation"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-sliding-panels-using-generic-animation" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Sliding Panels using Generic Animation</a></li>
<li nid="196" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Continuous Pagination"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-continuous-pagination" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Continuous Pagination</a></li>
<li nid="99" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Drag & Drop Lists"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-drag-drop-lists" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Drag & Drop Lists</a></li>
<li nid="202" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Draggable View In A Container"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-draggable-view-in-a-container" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Draggable View In A Container</a></li>
<li nid="87" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Generic Animation V2.0"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-generic-animation-v20" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Generic Animation V2.0</a></li>
<li nid="199" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Generic Resizeable Container"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-generic-resizeable-container" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Generic Resizeable Container</a></li>
<li nid="227" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Inline Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-inline-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Inline Sliding Panels</a></li>
<li nid="208" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Radial Menus Part 1"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-radial-menus-part-1" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Radial Menus Part 1</a></li>
<li nid="96" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Resizeable Textboxes"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-resizeable-textboxes" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Resizeable Textboxes</a></li>
<li nid="136" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Simple Fade Animation"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-simple-fade-animation" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Simple Fade Animation</a></li>
<li nid="110" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Trackbar Component"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-trackbar-component" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Trackbar Component</a></li>
<li nid="275" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="JQuery Tutorial - Dynamic Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-tutorial-dynamic-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">JQuery Tutorial - Dynamic Sliding Panels</a></li>
<li nid="1000" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery UI - Using Dialogs for Image Popups"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-ui-using-dialogs-for-image-popups" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery UI - Using Dialogs for Image Popups</a></li>
<li nid="121" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Spice Up Wordpress with Resizable Comment Boxes"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/spice-up-wordpress-with-resizable-comment-boxes" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Spice Up Wordpress with Resizable Comment Boxes</a></li>
<li class="last" nid="260" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using jQuery Slider to Scroll a Div"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using jQuery Slider to Scroll a Div</a></li>
<li></li>
</ul></div><br />
<br />
<br />
<br />
<br />
<br />
<h1 style="color: black; font-family: sans-serif; font-size: 20px; line-height: 40px; margin: 0px 0px 5px; padding: 0px 0px 0px 50px;">14 <a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/frameworks/jquery" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="jQuery Category Page">jQuery</a></h1><div class="item-list" style="font-family: sans-serif; font-size: 12px; line-height: 16px; margin: 0px; padding: 0px;"><ul style="clear: both; list-style-image: none; list-style-type: disc; margin: 10px 0px 0.75em; padding-bottom: 0px; padding-left: 0px ! important; padding-right: 0px; padding-top: 0px;"><li class="first" nid="232" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Drupal 6 Basic Javascript w/ jQuery"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/drupal-6-basic-javascript-w-jquery" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Drupal 6 Basic Javascript w/ jQuery</a></li>
<li nid="707" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How to Build a jQuery Treeview"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-build-a-jquery-treeview" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How to Build a jQuery Treeview</a></li>
<li nid="683" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How to Build a Star Ratings jQuery Plugin"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-build-a-star-ratings-jquery-plugin" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How to Build a Star Ratings jQuery Plugin</a></li>
<li nid="467" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery - Creating a Slideshow"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-creating-a-slideshow" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery - Creating a Slideshow</a></li>
<li nid="385" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery - Transmitting Data Using JSON"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-transmitting-data-using-json" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery - Transmitting Data Using JSON</a></li>
<li nid="679" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Custom ToolTips"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-custom-tooltips" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Custom ToolTips</a></li>
<li nid="686" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Snippet - Relative Mouse Position"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-snippet-relative-mouse-position" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Snippet - Relative Mouse Position</a></li>
<li nid="863" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Snippet - The e.preventDefault() Function"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-snippet-the-epreventdefault-function" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Snippet - The e.preventDefault() Function</a></li>
<li nid="855" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Snippet - Useful Form Selectors "><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-snippet-useful-form-selectors" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Snippet - Useful Form Selectors</a></li>
<li nid="275" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="JQuery Tutorial - Dynamic Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-tutorial-dynamic-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">JQuery Tutorial - Dynamic Sliding Panels</a></li>
<li nid="278" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="JQuery Tutorial - Getting Browser Information"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-tutorial-getting-browser-information" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">JQuery Tutorial - Getting Browser Information</a></li>
<li nid="1000" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery UI - Using Dialogs for Image Popups"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-ui-using-dialogs-for-image-popups" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery UI - Using Dialogs for Image Popups</a></li>
<li nid="260" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using jQuery Slider to Scroll a Div"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using jQuery Slider to Scroll a Div</a></li>
<li class="last" nid="371" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="XML Parsing with jQuery"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/xml-parsing-with-jquery" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">XML Parsing with jQuery</a></li>
<li></li>
</ul></div><br />
<br />
<br />
<br />
<h1 style="color: black; font-family: sans-serif; font-size: 20px; line-height: 40px; margin: 0px 0px 5px; padding: 0px 0px 0px 50px;">52 <a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/languages/xaml" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="XAML Category Page">XAML</a></h1><div class="item-list" style="font-family: sans-serif; font-size: 12px; line-height: 16px; margin: 0px; padding: 0px;"><ul style="clear: both; list-style-image: none; list-style-type: disc; margin: 10px 0px 0.75em; padding-bottom: 0px; padding-left: 0px ! important; padding-right: 0px; padding-top: 0px;"><li class="first" nid="772" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Basic Silverlight 2 Tutorial - Using Sliders"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/basic-silverlight-2-tutorial-using-sliders" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Basic Silverlight 2 Tutorial - Using Sliders</a></li>
<li nid="146" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Creating an XP Style WPF Button with Silverlight"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/creating-an-xp-style-wpf-button-with-silverlight" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Creating an XP Style WPF Button with Silverlight</a></li>
<li nid="36" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Creating Buttons with XAML and C#"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/creating-buttons-with-xaml-and-csharp" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Creating Buttons with XAML and C#</a></li>
<li nid="139" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Creating Custom Shapes with XAML"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/creating-custom-shapes-with-xaml" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Creating Custom Shapes with XAML</a></li>
<li nid="261" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Escaping Curly Braces in XAML"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/escaping-curly-braces-in-xaml" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Escaping Curly Braces in XAML</a></li>
<li nid="799" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Getting Started with IronRuby and Silverlight"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/getting-started-with-ironruby-and-silverlight" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Getting Started with IronRuby and Silverlight</a></li>
<li nid="46" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Getting Started With Silverlight"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/getting-started-with-silverlight" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Getting Started With Silverlight</a></li>
<li nid="78" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How To Embed Silverlight Into a Webpage"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-embed-silverlight-into-a-webpage" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How To Embed Silverlight Into a Webpage</a></li>
<li nid="98" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How to Use Custom User Controls in Silverlight"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-use-custom-user-controls-in-silverlight" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How to Use Custom User Controls in Silverlight</a></li>
<li nid="402" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Printing in WPF"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/printing-in-wpf" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Printing in WPF</a></li>
<li nid="808" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight - Basic Movement with Animations"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-basic-movement-with-animations" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight - Basic Movement with Animations</a></li>
<li nid="329" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight 2 & PHP Tutorial - Transmitting data using JSON"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-2-php-tutorial-transmitting-data-using-json" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight 2 & PHP Tutorial - Transmitting data using JSON</a></li>
<li nid="259" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight 2 - Loading a Client Side Image"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-2-loading-a-client-side-image" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight 2 - Loading a Client Side Image</a></li>
<li nid="204" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight 2 and Twitter - A Simple Example"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-2-and-twitter-a-simple-example" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight 2 and Twitter - A Simple Example</a></li>
<li nid="801" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight 3 - Custom Fonts"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-3-custom-fonts" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight 3 - Custom Fonts</a></li>
<li nid="783" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight 3 - Using Local Connections"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-3-using-local-connections" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight 3 - Using Local Connections</a></li>
<li nid="790" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight 3 Tutorial - PlaneProjection and Perspective 3D"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-3-tutorial-planeprojection-and-perspective-3d" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight 3 Tutorial - PlaneProjection and Perspective 3D</a></li>
<li nid="787" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight 3: Effects Baby!"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-3-effects-baby" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight 3: Effects Baby!</a></li>
<li nid="362" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight and the Netflix API"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-and-the-netflix-api" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight and the Netflix API</a></li>
<li nid="173" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight DataGrid - The Basics"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-datagrid-the-basics" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight DataGrid - The Basics</a></li>
<li nid="814" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight Tutorial - Animating Elements using Render Transforms"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-tutorial-animating-elements-using-render-transforms" style="color: black; margin: 0px; padding: 0px; text-decoration: none;">Silverlight Tutorial - Animating Elements using Render Transforms</a></li>
<li nid="74" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight Tutorial - Color Animations"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-tutorial-color-animations" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight Tutorial - Color Animations</a></li>
<li nid="104" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight Tutorial - Using Isolated Storage"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-tutorial-using-isolated-storage" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight Tutorial - Using Isolated Storage</a></li>
<li nid="141" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="The WPF Tab Control - Inside and Out"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/the-wpf-tab-control-inside-and-out" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">The WPF Tab Control - Inside and Out</a></li>
<li nid="781" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using Control to Control Binding in Silverlight 3"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-control-to-control-binding-in-silverlight-3" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using Control to Control Binding in Silverlight 3</a></li>
<li nid="731" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using the WPF Toolkit DataGrid"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-the-wpf-toolkit-datagrid" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using the WPF Toolkit DataGrid</a></li>
<li nid="660" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF - Print Queues And Capabilities"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-print-queues-and-capabilities" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF - Print Queues And Capabilities</a></li>
<li nid="257" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF - The BasedOn Style Property"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-the-basedon-style-property" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF - The BasedOn Style Property</a></li>
<li nid="685" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Snippet - Determining If Text Is Ellipsed"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-snippet-determining-if-text-is-ellipsed" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Snippet - Determining If Text Is Ellipsed</a></li>
<li nid="269" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Snippet - Single Pixel Lines"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-snippet-single-pixel-lines" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Snippet - Single Pixel Lines</a></li>
<li nid="276" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Snippet - Synchronizing Selection"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-snippet-synchronizing-selection" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Snippet - Synchronizing Selection</a></li>
<li nid="222" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Snippet Tutorial - Aligning ListView Items"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-snippet-tutorial-aligning-listview-items" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Snippet Tutorial - Aligning ListView Items</a></li>
<li nid="218" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Binding Converters"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-binding-converters" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Binding Converters</a></li>
<li nid="754" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Binding Validation Rules"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-binding-validation-rules" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Binding Validation Rules</a></li>
<li nid="1115" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Binding without XAML"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-binding-without-xaml" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Binding without XAML</a></li>
<li nid="254" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Command Bindings and Custom Commands"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-command-bindings-and-custom-commands" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Command Bindings and Custom Commands</a></li>
<li nid="147" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Creating A Custom Panel Control"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-creating-a-custom-panel-control" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Creating A Custom Panel Control</a></li>
<li nid="744" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Custom Control Templates"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-custom-control-templates" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Custom Control Templates</a></li>
<li nid="420" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Fun With Markup Extensions"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-fun-with-markup-extensions" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Fun With Markup Extensions</a></li>
<li nid="253" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Getting the DoubleClick Event"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-getting-the-doubleclick-event" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Getting the DoubleClick Event</a></li>
<li nid="219" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - How To Use A DataTemplateSelector"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-how-to-use-a-datatemplateselector" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - How To Use A DataTemplateSelector</a></li>
<li nid="554" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Implementing IScrollInfo"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-implementing-iscrollinfo" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Implementing IScrollInfo</a></li>
<li nid="240" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Priority Bindings"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-priority-bindings" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Priority Bindings</a></li>
<li nid="316" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Resizeable Popup"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-resizeable-popup" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Resizeable Popup</a></li>
<li nid="245" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Using An ItemsPanel"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-using-an-itemspanel" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Using An ItemsPanel</a></li>
<li nid="221" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Using MultiBindings"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-using-multibindings" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Using MultiBindings</a></li>
<li nid="249" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Using The Built-In Commands"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-using-the-built-in-commands" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Using The Built-In Commands</a></li>
<li nid="153" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Using The ListView, Part 1"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-using-the-listview-part-1" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Using The ListView, Part 1</a></li>
<li nid="263" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Using The ListView, Part 2 - Sorting"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-using-the-listview-part-2-sorting" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Using The ListView, Part 2 - Sorting</a></li>
<li nid="273" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Using The ListView, Part 3 - In Place Edit"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-using-the-listview-part-3-in-place-edit" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Using The ListView, Part 3 - In Place Edit</a></li>
<li nid="211" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="WPF Tutorial - Using WPF In WinForms"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wpf-tutorial-using-wpf-in-winforms" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">WPF Tutorial - Using WPF In WinForms</a></li>
<li class="last" nid="235" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="XAML Tutorial - Changing Text Color on Mouse Over"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/xaml-tutorial-changing-text-color-on-mouse-over" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">XAML Tutorial - Changing Text Color on Mouse Over</a></li>
<li></li>
</ul></div><br />
<br />
<br />
<h1 style="color: black; font-family: sans-serif; font-size: 20px; line-height: 40px; margin: 0px 0px 5px; padding: 0px 0px 0px 50px;">22 <a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/languages/php" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="PHP Category Page">PHP</a></h1><div class="item-list" style="font-family: sans-serif; font-size: 12px; line-height: 16px; margin: 0px; padding: 0px;"><ul style="clear: both; list-style-image: none; list-style-type: disc; margin: 10px 0px 0.75em; padding-bottom: 0px; padding-left: 0px ! important; padding-right: 0px; padding-top: 0px;"><li class="first" nid="209" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Basic LINQ Syntax in PHP with PHPLinq"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/basic-linq-syntax-in-php-with-phplinq" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Basic LINQ Syntax in PHP with PHPLinq</a></li>
<li nid="267" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CakePHP - Building Your First Site"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/cakephp-building-your-first-site" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CakePHP - Building Your First Site</a></li>
<li nid="258" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CakePHP - Setup and Configuration"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/cakephp-setup-and-configuration" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CakePHP - Setup and Configuration</a></li>
<li nid="318" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CakePHP - Using Helpers"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/cakephp-using-helpers" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CakePHP - Using Helpers</a></li>
<li nid="321" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CakePHP 4 - Saving and Validating Data"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/cakephp-4-saving-and-validating-data" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CakePHP 4 - Saving and Validating Data</a></li>
<li nid="456" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CakePHP Part 5 - Creating a Separate Add View"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/cakephp-part-5-creating-a-separate-add-view" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CakePHP Part 5 - Creating a Separate Add View</a></li>
<li nid="481" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CakePHP Part 6 - Pagination!"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/cakephp-part-6-pagination" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CakePHP Part 6 - Pagination!</a></li>
<li nid="521" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Creating an IM Bot using PHP and IMified"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/creating-an-im-bot-using-php-and-imified" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Creating an IM Bot using PHP and IMified</a></li>
<li nid="395" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Creating XML Documents in PHP"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/creating-xml-documents-in-php" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Creating XML Documents in PHP</a></li>
<li nid="232" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Drupal 6 Basic Javascript w/ jQuery"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/drupal-6-basic-javascript-w-jquery" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Drupal 6 Basic Javascript w/ jQuery</a></li>
<li nid="577" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Flex & PHP - Creating WoW Armory Search Widget"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/flex-php-creating-wow-armory-search-widget" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Flex & PHP - Creating WoW Armory Search Widget</a></li>
<li nid="37" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Flex & PHP Tutorial - Transmitting data using JSON"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/flex-php-tutorial-transmitting-data-using-json" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Flex & PHP Tutorial - Transmitting data using JSON</a></li>
<li nid="66" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Flex, PHP, JSON, MySQL - Advanced Updating"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/flex-php-json-mysql-advanced-updating" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Flex, PHP, JSON, MySQL - Advanced Updating</a></li>
<li nid="264" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="PHP Tutorial - Creating and Modifying SQLite Databases"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/php-tutorial-creating-and-modifying-sqlite-databases" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">PHP Tutorial - Creating and Modifying SQLite Databases</a></li>
<li nid="41" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Secure Authentication Without SSL Using Javascript"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/secure-authentication-without-ssl-using-javascript" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Secure Authentication Without SSL Using Javascript</a></li>
<li nid="118" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Sending Flex Data to PHP using XML"><a href="http://www.switchonthecode.com/tutorials/sending-flex-data-to-php-using-xml" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Sending Flex Data to PHP using XML</a></li>
<li nid="329" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight 2 & PHP Tutorial - Transmitting data using JSON"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-2-php-tutorial-transmitting-data-using-json" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight 2 & PHP Tutorial - Transmitting data using JSON</a></li>
<li nid="203" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Simple AJAX - PHP and Javascript"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/simple-ajax-php-and-javascript" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Simple AJAX - PHP and Javascript</a></li>
<li nid="214" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using a PHP Proxy with Flex to talk Cross Domain"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-a-php-proxy-with-flex-to-talk-cross-domain" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using a PHP Proxy with Flex to talk Cross Domain</a></li>
<li nid="49" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using Flex, PHP, and JSON to Modify a MySQL Database"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-flex-php-and-json-to-modify-a-mysql-database" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using Flex, PHP, and JSON to Modify a MySQL Database</a></li>
<li nid="622" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using sIFR in Wordpress"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-sifr-in-wordpress" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using sIFR in Wordpress</a></li>
<li class="last" nid="1089" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Wordpress Plugin Development, Part 1"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/wordpress-plugin-development-part-1" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Wordpress Plugin Development, Part 1</a></li>
<li></li>
</ul></div><br />
<br />
<br />
<br />
<h1 style="color: black; font-family: sans-serif; font-size: 20px; line-height: 40px; margin: 0px 0px 5px; padding: 0px 0px 0px 50px;"> 59 <a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/languages/javascript" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="Javascript Category Page">Javascript</a></h1><div class="item-list" style="font-family: sans-serif; font-size: 12px; line-height: 16px; margin: 0px; padding: 0px;"><ul style="clear: both; list-style-image: none; list-style-type: disc; margin: 10px 0px 0.75em; padding-bottom: 0px; padding-left: 0px ! important; padding-right: 0px; padding-top: 0px;"><li class="first" nid="700" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Building a Twitter Extension for Google Chrome"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/building-a-twitter-extension-for-google-chrome" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Building a Twitter Extension for Google Chrome</a></li>
<li nid="62" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Communicate Between Flex and Silverlight using Javascript"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/communicate-between-flex-and-silverlight-using-javascript" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Communicate Between Flex and Silverlight using Javascript</a></li>
<li nid="1079" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Creating a Javascript Bookmarklet"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/creating-a-javascript-bookmarklet" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Creating a Javascript Bookmarklet</a></li>
<li nid="1010" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Creating a Roulette Wheel Using HTML5 Canvas"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/creating-a-roulette-wheel-using-html5-canvas" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Creating a Roulette Wheel Using HTML5 Canvas</a></li>
<li nid="232" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Drupal 6 Basic Javascript w/ jQuery"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/drupal-6-basic-javascript-w-jquery" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Drupal 6 Basic Javascript w/ jQuery</a></li>
<li nid="39" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Flex & Javascript Basics - Using ExternalInterface"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/flex-javascript-basics-using-externalinterface" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Flex & Javascript Basics - Using ExternalInterface</a></li>
<li nid="707" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How to Build a jQuery Treeview"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-build-a-jquery-treeview" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How to Build a jQuery Treeview</a></li>
<li nid="683" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How to Build a Star Ratings jQuery Plugin"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-build-a-star-ratings-jquery-plugin" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How to Build a Star Ratings jQuery Plugin</a></li>
<li nid="78" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How To Embed Silverlight Into a Webpage"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-embed-silverlight-into-a-webpage" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How To Embed Silverlight Into a Webpage</a></li>
<li nid="93" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="HTML and Javascript - Putting it all Together"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/html-and-javascript-putting-it-all-together" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">HTML and Javascript - Putting it all Together</a></li>
<li nid="997" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Integrating Twitter @Anywhere with Your Website"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/integrating-twitter-anywhere-with-your-website" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Integrating Twitter @Anywhere with Your Website</a></li>
<li nid="61" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript - Draggable Elements"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-draggable-elements" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript - Draggable Elements</a></li>
<li nid="64" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript - Interactive Color Picker"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-interactive-color-picker" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript - Interactive Color Picker</a></li>
<li nid="52" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript - Working With Events"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-working-with-events" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript - Working With Events</a></li>
<li nid="108" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript And CSS Tutorial - Accordion Menus"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-accordion-menus" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript And CSS Tutorial - Accordion Menus</a></li>
<li nid="30" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript And CSS Tutorial - Dynamic Tabbed Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-dynamic-tabbed-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript And CSS Tutorial - Dynamic Tabbed Panels</a></li>
<li nid="50" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript and CSS Tutorial - Generic Animation"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-generic-animation" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript and CSS Tutorial - Generic Animation</a></li>
<li nid="26" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript and CSS Tutorial - How to make Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-how-to-make-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript and CSS Tutorial - How to make Sliding Panels</a></li>
<li nid="119" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Controls - Resizeable Textbox"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-controls-resizeable-textbox" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Controls - Resizeable Textbox</a></li>
<li nid="122" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Controls - Resizeable Textbox, Part Tres"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-controls-resizeable-textbox-part-tres" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Controls - Resizeable Textbox, Part Tres</a></li>
<li nid="113" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Controls - The Spin Control"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-controls-the-spin-control" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Controls - The Spin Control</a></li>
<li nid="59" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Objects - A Useful Example"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-objects-a-useful-example" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Objects - A Useful Example</a></li>
<li nid="200" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Sliding Panels - Starting the Panels Up"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-sliding-panels-starting-the-panels-up" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Sliding Panels - Starting the Panels Up</a></li>
<li nid="60" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Sliding Panels using Generic Animation"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-sliding-panels-using-generic-animation" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Sliding Panels using Generic Animation</a></li>
<li nid="519" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Snippet Tutorial - Dynamically Modifying Tables"><a href="http://www.switchonthecode.com/tutorials/javascript-snippet-tutorial-dynamically-modifying-tables" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Snippet Tutorial - Dynamically Modifying Tables</a></li>
<li nid="196" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Continuous Pagination"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-continuous-pagination" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Continuous Pagination</a></li>
<li nid="99" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Drag & Drop Lists"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-drag-drop-lists" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Drag & Drop Lists</a></li>
<li nid="202" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Draggable View In A Container"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-draggable-view-in-a-container" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Draggable View In A Container</a></li>
<li nid="80" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Fun Object Syntax"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-fun-object-syntax" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Fun Object Syntax</a></li>
<li nid="87" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Generic Animation V2.0"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-generic-animation-v20" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Generic Animation V2.0</a></li>
<li nid="199" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Generic Resizeable Container"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-generic-resizeable-container" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Generic Resizeable Container</a></li>
<li nid="207" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Getting User Input with Prompt and Confirm"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-getting-user-input-with-prompt-and-confirm" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Getting User Input with Prompt and Confirm</a></li>
<li nid="29" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - How to Auto Ellipse Text"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-how-to-auto-ellipse-text" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - How to Auto Ellipse Text</a></li>
<li nid="227" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Inline Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-inline-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Inline Sliding Panels</a></li>
<li nid="208" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Radial Menus Part 1"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-radial-menus-part-1" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Radial Menus Part 1</a></li>
<li nid="96" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Resizeable Textboxes"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-resizeable-textboxes" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Resizeable Textboxes</a></li>
<li nid="136" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Simple Fade Animation"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-simple-fade-animation" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Simple Fade Animation</a></li>
<li nid="116" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - The Scroll Wheel"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-the-scroll-wheel" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - The Scroll Wheel</a></li>
<li nid="110" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Trackbar Component"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-trackbar-component" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Trackbar Component</a></li>
<li nid="77" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Using setInterval and setTimeout"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-using-setinterval-and-settimeout" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Using setInterval and setTimeout</a></li>
<li nid="128" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Variadic Functions"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-variadic-functions" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Variadic Functions</a></li>
<li nid="83" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Why The this Keyword Breaks"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-why-the-this-keyword-breaks" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Why The this Keyword Breaks</a></li>
<li nid="467" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery - Creating a Slideshow"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-creating-a-slideshow" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery - Creating a Slideshow</a></li>
<li nid="385" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery - Transmitting Data Using JSON"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-transmitting-data-using-json" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery - Transmitting Data Using JSON</a></li>
<li nid="679" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Custom ToolTips"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-custom-tooltips" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Custom ToolTips</a></li>
<li nid="686" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Snippet - Relative Mouse Position"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-snippet-relative-mouse-position" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Snippet - Relative Mouse Position</a></li>
<li nid="863" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Snippet - The e.preventDefault() Function"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-snippet-the-epreventdefault-function" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Snippet - The e.preventDefault() Function</a></li>
<li nid="855" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Snippet - Useful Form Selectors "><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-snippet-useful-form-selectors" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Snippet - Useful Form Selectors</a></li>
<li nid="275" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="JQuery Tutorial - Dynamic Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-tutorial-dynamic-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">JQuery Tutorial - Dynamic Sliding Panels</a></li>
<li nid="278" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="JQuery Tutorial - Getting Browser Information"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-tutorial-getting-browser-information" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">JQuery Tutorial - Getting Browser Information</a></li>
<li nid="1000" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery UI - Using Dialogs for Image Popups"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-ui-using-dialogs-for-image-popups" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery UI - Using Dialogs for Image Popups</a></li>
<li nid="41" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Secure Authentication Without SSL Using Javascript"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/secure-authentication-without-ssl-using-javascript" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Secure Authentication Without SSL Using Javascript</a></li>
<li nid="56" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight and Javascript Interaction"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-and-javascript-interaction" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight and Javascript Interaction</a></li>
<li nid="203" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Simple AJAX - PHP and Javascript"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/simple-ajax-php-and-javascript" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Simple AJAX - PHP and Javascript</a></li>
<li nid="121" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Spice Up Wordpress with Resizable Comment Boxes"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/spice-up-wordpress-with-resizable-comment-boxes" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Spice Up Wordpress with Resizable Comment Boxes</a></li>
<li nid="1031" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Taking a Dive into HTML5 - Web Storage"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/taking-a-dive-into-html5-web-storage" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Taking a Dive into HTML5 - Web Storage</a></li>
<li nid="260" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using jQuery Slider to Scroll a Div"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using jQuery Slider to Scroll a Div</a></li>
<li nid="622" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using sIFR in Wordpress"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-sifr-in-wordpress" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using sIFR in Wordpress</a></li>
<li class="last" nid="371" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="XML Parsing with jQuery"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/xml-parsing-with-jquery" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">XML Parsing with jQuery</a></li>
</ul></div><br />
<br />
<br />
<br />
<h1 style="color: black; font-family: sans-serif; font-size: 20px; line-height: 40px; margin: 0px 0px 5px; padding: 0px 0px 0px 50px;">50 <a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/languages/html" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank" title="HTML Category Page">HTML</a></h1><div class="item-list" style="font-family: sans-serif; font-size: 12px; line-height: 16px; margin: 0px; padding: 0px;"><ul style="clear: both; list-style-image: none; list-style-type: disc; margin: 10px 0px 0.75em; padding-bottom: 0px; padding-left: 0px ! important; padding-right: 0px; padding-top: 0px;"><li class="first" nid="318" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CakePHP - Using Helpers"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/cakephp-using-helpers" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CakePHP - Using Helpers</a></li>
<li nid="1098" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Create an Offline iPhone Web Application"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/create-an-offline-iphone-web-application" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Create an Offline iPhone Web Application</a></li>
<li nid="1079" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Creating a Javascript Bookmarklet"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/creating-a-javascript-bookmarklet" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Creating a Javascript Bookmarklet</a></li>
<li nid="1010" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Creating a Roulette Wheel Using HTML5 Canvas"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/creating-a-roulette-wheel-using-html5-canvas" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Creating a Roulette Wheel Using HTML5 Canvas</a></li>
<li nid="205" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CSS Snippet Tutorial - Putting Images On Buttons"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/css-snippet-tutorial-putting-images-on-buttons" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CSS Snippet Tutorial - Putting Images On Buttons</a></li>
<li nid="92" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="CSS Tutorial - The background-position Property"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/css-tutorial-the-background-position-property" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">CSS Tutorial - The background-position Property</a></li>
<li nid="232" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Drupal 6 Basic Javascript w/ jQuery"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/drupal-6-basic-javascript-w-jquery" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Drupal 6 Basic Javascript w/ jQuery</a></li>
<li nid="39" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Flex & Javascript Basics - Using ExternalInterface"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/flex-javascript-basics-using-externalinterface" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Flex & Javascript Basics - Using ExternalInterface</a></li>
<li nid="270" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Flex Snippet - Using FlashVars"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/flex-snippet-using-flashvars" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Flex Snippet - Using FlashVars</a></li>
<li nid="707" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How to Build a jQuery Treeview"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-build-a-jquery-treeview" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How to Build a jQuery Treeview</a></li>
<li nid="683" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How to Build a Star Ratings jQuery Plugin"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-build-a-star-ratings-jquery-plugin" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How to Build a Star Ratings jQuery Plugin</a></li>
<li nid="78" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="How To Embed Silverlight Into a Webpage"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/how-to-embed-silverlight-into-a-webpage" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">How To Embed Silverlight Into a Webpage</a></li>
<li nid="93" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="HTML and Javascript - Putting it all Together"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/html-and-javascript-putting-it-all-together" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">HTML and Javascript - Putting it all Together</a></li>
<li nid="997" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Integrating Twitter @Anywhere with Your Website"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/integrating-twitter-anywhere-with-your-website" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Integrating Twitter @Anywhere with Your Website</a></li>
<li nid="61" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript - Draggable Elements"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-draggable-elements" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript - Draggable Elements</a></li>
<li nid="64" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript - Interactive Color Picker"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-interactive-color-picker" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript - Interactive Color Picker</a></li>
<li nid="52" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript - Working With Events"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-working-with-events" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript - Working With Events</a></li>
<li nid="108" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript And CSS Tutorial - Accordion Menus"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-accordion-menus" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript And CSS Tutorial - Accordion Menus</a></li>
<li nid="30" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript And CSS Tutorial - Dynamic Tabbed Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-dynamic-tabbed-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript And CSS Tutorial - Dynamic Tabbed Panels</a></li>
<li nid="50" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript and CSS Tutorial - Generic Animation"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-generic-animation" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript and CSS Tutorial - Generic Animation</a></li>
<li nid="26" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript and CSS Tutorial - How to make Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-how-to-make-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript and CSS Tutorial - How to make Sliding Panels</a></li>
<li nid="119" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Controls - Resizeable Textbox"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-controls-resizeable-textbox" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Controls - Resizeable Textbox</a></li>
<li nid="122" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Controls - Resizeable Textbox, Part Tres"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-controls-resizeable-textbox-part-tres" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Controls - Resizeable Textbox, Part Tres</a></li>
<li nid="113" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Controls - The Spin Control"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-controls-the-spin-control" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Controls - The Spin Control</a></li>
<li nid="200" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Sliding Panels - Starting the Panels Up"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-sliding-panels-starting-the-panels-up" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Sliding Panels - Starting the Panels Up</a></li>
<li nid="60" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Sliding Panels using Generic Animation"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-sliding-panels-using-generic-animation" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Sliding Panels using Generic Animation</a></li>
<li nid="196" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Continuous Pagination"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-continuous-pagination" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Continuous Pagination</a></li>
<li nid="99" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Drag & Drop Lists"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-drag-drop-lists" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Drag & Drop Lists</a></li>
<li nid="202" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Draggable View In A Container"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-draggable-view-in-a-container" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Draggable View In A Container</a></li>
<li nid="87" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Generic Animation V2.0"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-generic-animation-v20" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Generic Animation V2.0</a></li>
<li nid="199" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Generic Resizeable Container"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-generic-resizeable-container" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Generic Resizeable Container</a></li>
<li nid="207" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Getting User Input with Prompt and Confirm"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-getting-user-input-with-prompt-and-confirm" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Getting User Input with Prompt and Confirm</a></li>
<li nid="29" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - How to Auto Ellipse Text"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-how-to-auto-ellipse-text" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - How to Auto Ellipse Text</a></li>
<li nid="227" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Inline Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-inline-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Inline Sliding Panels</a></li>
<li nid="208" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Radial Menus Part 1"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-radial-menus-part-1" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Radial Menus Part 1</a></li>
<li nid="96" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Resizeable Textboxes"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-resizeable-textboxes" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Resizeable Textboxes</a></li>
<li nid="136" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Simple Fade Animation"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-simple-fade-animation" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Simple Fade Animation</a></li>
<li nid="110" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Javascript Tutorial - Trackbar Component"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/javascript-tutorial-trackbar-component" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Javascript Tutorial - Trackbar Component</a></li>
<li nid="385" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery - Transmitting Data Using JSON"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-transmitting-data-using-json" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery - Transmitting Data Using JSON</a></li>
<li nid="679" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Custom ToolTips"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-custom-tooltips" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Custom ToolTips</a></li>
<li nid="855" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery Snippet - Useful Form Selectors "><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-snippet-useful-form-selectors" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery Snippet - Useful Form Selectors</a></li>
<li nid="275" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="JQuery Tutorial - Dynamic Sliding Panels"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-tutorial-dynamic-sliding-panels" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">JQuery Tutorial - Dynamic Sliding Panels</a></li>
<li nid="1000" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="jQuery UI - Using Dialogs for Image Popups"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/jquery-ui-using-dialogs-for-image-popups" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">jQuery UI - Using Dialogs for Image Popups</a></li>
<li nid="330" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Silverlight 2 - Using initParams"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/silverlight-2-using-initparams" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Silverlight 2 - Using initParams</a></li>
<li nid="203" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Simple AJAX - PHP and Javascript"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/simple-ajax-php-and-javascript" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Simple AJAX - PHP and Javascript</a></li>
<li nid="121" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Spice Up Wordpress with Resizable Comment Boxes"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/spice-up-wordpress-with-resizable-comment-boxes" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Spice Up Wordpress with Resizable Comment Boxes</a></li>
<li nid="706" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="The Mysterious HTML Label Tag"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/the-mysterious-html-label-tag" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">The Mysterious HTML Label Tag</a></li>
<li nid="1036" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using Doc Raptor to create Excel Spreadsheets"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-doc-raptor-to-create-excel-spreadsheets" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using Doc Raptor to create Excel Spreadsheets</a></li>
<li class="last" nid="260" style="list-style-type: disc; margin: 0px 0px 0.25em 1.5em; padding: 0px;" title="Using jQuery Slider to Scroll a Div"><a href="http://24work.blogspot.com/p/demo.html?url=http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div" rel="nofollow" style="color: black; margin: 0px; padding: 0px; text-decoration: none;" target="_blank">Using jQuery Slider to Scroll a Div</a></li>
<li></li>
</ul></div></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com13tag:blogger.com,1999:blog-2648032558084820227.post-24368933247450664352010-11-25T22:34:00.000-08:002011-12-15T08:13:26.324-08:00Free Feedjit LiveTraffic Feed For Blogger<div dir="ltr" style="text-align: left;" trbidi="on">Ever wanted to see where traffic is coming from on your blog?<br />
Live traffic widget can help you to show visitors’ traffic flow.<br />
So you can see in real time, WHO, FROM WHERE coming on your site and ON WHICH ARTICLE!!<br />
Feedjit is a free tracking tool that tracks visitors to a blog in real time and identifies what pages are visited. FFeedjit gives you up to the minute information about where they are from, the type of browser used, the landing page your visitors arrive at and where they exit from. It also displays the search keyword or keywords the visitor used to access your blog and will help you understand more about the content your visitors are interested in.Feedjit is one of the most popular website which provides the LiveTraffic Feed widget.You don’t need to send any email request or no need to even register yourself to get the widget.It is easy to place a Feedjit Live Traffic Feed widget into the sidebar or footer of your Blogger Blogspot blog. It only takes a few minutes to customize the look of the widget to suit your blog and paste the Feedjit javascript code into a gadget in your Blogger sidebar or footer. <br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/fks758" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyRlTS5JuLmKwXiefdCDE5TtV9JohtgAgmoIYSFCIG-Iypg9QRqcXyl8_yGIdtG-TNbUM-RInztHOA3hoUGLY3wKvb5e0mJoPECvjFFGQ5tFYZ6F4qeHsRD8VaXUZYs2mH90ndWSWh8VGq/s320/Image+1.png" width="259" /></a></div>Feedjit not only provides “Live Traffic Feed” widget,There is a choice of 4 different widgets: Live Traffic Feed, Live Traffic Map, Recommended Reading, and Page Popularity. Each of these widgets has different functions:<br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;">How To Install Free Live Traffic Feed From FeedJit On Your Blogger</span><br />
<a name='more'></a><br />
<br />
<li style="color: #333333; font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; font-size: 13px; line-height: 18px;">Visit <a href="http://feedjit.com/freeLiveTrafficFeed/" style="color: #445566;">Feedjit</a></li><br />
<br />
<li style="color: #333333; font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; font-size: 13px; line-height: 18px;">Select <b>Live Traffic Feed</b>.</li><br />
<br />
<br />
<li style="color: #333333; font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; font-size: 13px; line-height: 18px;">Click on the <b>Customize It </b>link under Live Traffic Feed. This will allow you to enter colors to match the theme of your blog. If you are in doubt I have found that the easiest method to get the custom colors of a site is to go to the <b>Layout > Page Elements </b>screen in Blogger and click on <b>Add a Gadget and then Adsense</b>. From the configuration screen that pops up you can get the colors of the background, border, title (heading in Feedjit), URL, text. If you use these same colors in your Feedjit widget it will blend in with the rest of your site. You can preview your widget to make sure it looks as you would like it before adding it to your blog.</li><br />
<br />
<li style="color: #333333; font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; font-size: 13px; line-height: 18px;">To automatically add the widget to Blogger select the <b>Click to Add to Blogger Link</b> and follow the instructions. Or to manually add it which I myself prefer right click the code in the box under the heading Live Traffic Feed and select copy.</li><br />
<br />
<li style="color: #333333; font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; font-size: 13px; line-height: 18px;">Navigate to <b>Layout > Page Elements </b>in your blog if that page is not already open</li><br />
<br />
<br />
<li style="color: #333333; font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; font-size: 13px; line-height: 18px;">Select <b>Add a Gadget in the Sidebar </b>and then HTML/Javascript</li><br />
<br />
<br />
<li style="color: #333333; font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; font-size: 13px; line-height: 18px;">Paste the code by placing the mouse in the box and right clicking and selecting paste</li><br />
<br />
<br />
<li style="color: #333333; font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; font-size: 13px; line-height: 18px;">Save the widget and then using the drag and drop feature of Blogger move it to your desired location. Note HTML/Javascript widgets are best placed after your other widgets for faster loading.</li><br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-size: large;">if you problem this Instructions To Follow:</span><br />
<br />
<span class="Apple-style-span" style="color: black;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;">STEP #1 Log in to <a href="http://www.blogger.com/" style="background-color: transparent; background-image: url("http://i40.tinypic.com/eg64is.jpg"); background-position: 100% 50%; border-width: 0px; color: #1c4991; font-family: 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif; margin: 0px; outline-style: none; padding: 0px 15px 0px 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Blogger</a>, go to Layout<span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, 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="color: #666666; font-family: Arial, 'Century gothic', Tahoma, 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-size: x-small; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, 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></span></span></span></span><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span></span></span></span></span><br />
<div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, 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></span></span></span></div><div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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 />
</span></span></span></div><div style="border-width: 0px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="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="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="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="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="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://www.blogger.com/post-edit.g?blogID=2648032558084820227&postID=106010360555021496" name="more" style="color: #f96e02; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;"></a></span></span></span></span></span></div><div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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;"><img alt="page-elements" border="0" height="73" src="http://blog.btemplates.com/wp-content/uploads/2009/12/pageelements.png" style="background-color: transparent; border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(246, 206, 119); border-style: solid; border-width: 0px; display: block; float: none; font-size: 13px; height: auto; margin: 0px auto; max-width: 530px; outline-style: none; outline-width: 0px; padding: 0px; vertical-align: baseline;" title="page-elements" width="500" /></span></span></span></div><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span><br />
<span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="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-color: transparent; border-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: 0px; outline-style: none; padding: 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="color: #4e4e4e; 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: arial, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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: Trebuchet, 'Trebuchet MS', Arial, sans-serif; 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-color: transparent; border-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: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;">Add a Gadget</b> of <b style="background-color: transparent; border-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;">HTML/JavaScript</b> type.</span></span></span> </span></span></span></b></span></span><br />
<div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><b style="background-color: transparent; border-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin: 0px; outline-style: none; padding: 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="color: #4e4e4e; 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></span></span></b></span></span></span></span></span></span><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><b style="background-color: transparent; border-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin: 0px; outline-style: none; padding: 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;"><br />
</span></b></span></span></span></span></span></span><br />
<span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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></span></span></span></span><b style="background-color: transparent; border-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: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtvK3qs5rPUiD_LgZwg8HbHyZjNlu7InKqhkf5qTUZiKW360NiIdG6do8z_Mb6XSqqFjXKMS4aOTat67BWmzBmLz87oWyfkyD0oyEV-n0izwDCMq9I-uRcEpqD9T_GJki_m1RWl9oCmPP/s1600-h/image%5B9%5D.png" style="background-color: transparent; border-width: 0px; color: #a9ff7f; font-family: 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif; margin: 0px; outline-style: none; padding: 0px; text-decoration: underline; vertical-align: baseline;"><img alt="image" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrm3qWOvG6uiDCQD2ruQZesEfbKeSFt226P2aoTHswDBKtmZ8mb6RU636ZNSAfylybEftmJOweIV1RcNyYNqnWdO9xz1c78mpWA4VW8U5RVwwtc0ttT-hyS6UZxw5FbzBj1MAVjVuWWbkn/?imgmax=800" style="background-color: #e9dbd5; border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(246, 206, 119); border-style: solid; border-width: 0px; display: block; float: none; font-family: 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif; height: auto; margin: 0px auto; max-width: 530px; outline-style: none; padding: 10px; vertical-align: baseline;" title="image" width="200" /></a></b></span></div></div><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><b style="background-color: transparent; border-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: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: #4e4e4e; 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-color: transparent; border-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: 0px; outline-style: none; padding: 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="color: #333333; 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="color: #4e4e4e; 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-color: transparent; border-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: 0px; outline-style: none; padding: 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="color: #4e4e4e; 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;">Then add this code in to it:</span></span></span></b></span></span></span></b></span></b></span>.<br />
<span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"></span><br />
<br />
<br />
<br />
<br />
<textarea cols="50" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 248px; margin: 2px; width: 360px;"><a href='http://bit.ly/work24'><img alt='Blogger Widgets' src='https://sites.google.com/site/bdlab12/24work/Blogspot%2BTutorial.png'/></a><script src='http://feedjit.com/serve/?vv=364&dd=fc3bbe1192899b27481a9335fd9c7c72&wid=c93f0588ad044ffa&pid=0&proid=c22c123c432dc620&bc=FFFFFF&tc=000000&brd1=FFFFFF&lnk=0000FF&hc=336699&ww=220' type='text/javascript'></script></div><span style="font-size:5px;position:absolute;"><a title='Blogger Widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span></textarea> <br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now</span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: normal; 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 style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; margin: 2px; padding: 2px;">Save </b></span></span></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com25tag:blogger.com,1999:blog-2648032558084820227.post-26225905909366228822010-11-24T23:49:00.001-08:002012-06-17T12:12:08.808-07:00Add Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves to Your Blog<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<b>Guest Post - By <a href="http://24work.blogspot.com/" target="_blank">24work</a></b><br />
<br />
<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 />
yeah this tutorial will show you how to Add Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves 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 blogspot post.Adding a colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves posts widget is very easy...<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="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; text-align: left;">Simply log in to</span></span><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="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; text-align: left;"><span class="goog_qs-tidbit goog_qs-tidbit-1" style="background-color: #ffffdd; color: black; display: inline !important; margin: 0px; padding: 0px; text-decoration: inherit;"><span class="Apple-converted-space"> </span></span><a href="http://www.blogger.com/" style="background-image: url(http://img826.imageshack.us/img826/185/eg64is.gif); background-position: 100% 50%; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; padding-top: 0px; text-decoration: none;" target="_blank"><span class="goog_qs-tidbit goog_qs-tidbit-1" style="background-color: #ffffdd; color: black; display: inline !important; margin: 0px; padding: 0px; text-decoration: inherit;">Blogger</span></a><span class="goog_qs-tidbit goog_qs-tidbit-1" style="background-color: #ffffdd; color: black; display: inline !important; margin: 0px; padding: 0px; text-decoration: inherit;"><span class="Apple-converted-space"> </span>-><span class="Apple-converted-space"> </span></span></span></span><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="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; text-align: left;">go to<span class="Apple-converted-space"> </span><b style="margin: 0px; padding: 0px;">Layout</b></span></span><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="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; text-align: left;"><span class="goog_qs-tidbit goog_qs-tidbit-1" style="background-color: #ffffdd; color: black; display: inline !important; margin: 0px; padding: 0px; text-decoration: inherit;"><span class="Apple-converted-space"> </span>-></span></span></span><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="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; text-align: left;">, click on "<b style="margin: 0px; padding: 0px;">Add a Gadget</b>", and select it as "<b style="margin: 0px; padding: 0px;">HTML/JavaScript</b>" type.<br style="margin: 0px; padding: 0px;" /><span class="fullpost" style="display: inline; margin: 0px; padding: 0px;"><br style="margin: 0px; padding: 0px;" />And finally paste this code in to it:</span></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/dMS3WT" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ4BJEX0xCvvURooIgDt67bNuuz1Y6t0qat1l1Is1e4N6YaOOHYk8LlWja3EGIoEDTcISldXf8UefmnUm_N76cKyJhkowdhPg1G4_Q_GOI-s3Q-xXjwQ-D3CLf2qjuXJvyCoWv126DYFf6/s320/falling+colored+stars.jpg" width="320" /></a></div><br />
<a name='more'></a><br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/YgzPD9OySFo" width="560"></iframe><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<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/AVvXsEiDHvNguBKhFkjsVG0PajyFsfAuwJe__uWB24EMLxdJ6Ib5lqU8wI6M099wprh9AC7EiyjP8pqp9Fyn9qSYACYJ0Lat9AaclJHgtzC9bBb2t95BmpKQ5wROMww6ip3wEphVqrryowXC51o/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/AVvXsEg05CyqFl1ktEJX2k90e2G_iRSV8hEgpgfT7BvoNWkh57T0RAeTUyhIyO-4P1DCxXHgcOEDrpXy-YKaeAHmR3Q4JhmY3Ow-9vXhYyyTEr3lx02hs5lMvl11iU8vbPoz1uwlFwsCIi4yZQw/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/AVvXsEi04-5bHjDW1cAt5ewtY7SI2eRfKVeO0pZBiyZap-NYvLaIYNRZbSkQS2Mi-z26dj6iRYy18zmko8CKClAEayLbC51nZN8t0uX14PGzQ3UebmqwB5yKkTMmH2DxngjD_yY3UkVKbb_7fis/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/AVvXsEheLF5WfEYa4E61b-1JePiGG3VSuURhyphenhyphenVKuIiFYbws_qc4dmKEIona-W-u-hYGNp54PmF_du1LQOjjYIbfuxvoUlg7E5KdaU8Nv_rXrB1OA_5pzwv_80oy12pwxBEoOG0wrSjgKHMutffs/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/AVvXsEgucvgUFaZ6MdunhAwzdPysfhrR2czAAMwRGBt3TkJ3ZsfXZtlPPUYltcYscn-6D_MAb3lqiuertAkrPy26zBiFSGnHsvyg8LkVsYCw3ykLP4qnEGqtP6cHdRIVaGZ3X0J06Kplm-hSzgg/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/AVvXsEhlGF_xldlpHmuTe0savoT3awWyfsnnIg6zR8h90m1TMrGORQckrZkyAJOh5Pg9CjZj7HuCniPdB0LMadjfDFIobRkGZ1fdJGeoEb4aeajSjXdMq0DaQAfcYdsF34LIoSCnOXsVzeNiBGw/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/AVvXsEjNMIQDn8d07uw2jicTKZrc7LvdCIuFwQlRV6ymD5gxfobm0fgfMuX5nPhRv2bQq3SCyjuw2GHhUvT60L1x6QbDWeXIS08fYB2QGICTAt5PkZ2_EElgr3BDYCzJM6_v9rVsN-zedpcl2hc/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/AVvXsEhN8XSeEEKMFDiPL3DyvBl6yYABpnWa6To1YZoQ1mOH8IA1XKyktJI77nB1xD1ur1CzIcSWxI4BF0aRAZEXyj3zlXcZ7vDsemb1uTm1WTXI6S_5Ec0YlZNxrswoYYCfZ6q8s1wQ6Al-WXY/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/AVvXsEg5rzgaeMV9adBGSMDN9lFmaHCz2rFBJg9j38tUKksx5j5pf2J_hGthDbfKrcYMhN_B-0ZiUj-Fjof1GbZd2cJpdaYV7zuYTh8pPx0A2Zz5f4F6J-G_XmmF1O9tqhHHRRn5khmMav-4uMU/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/AVvXsEg3TVW-OdSzQZVitwkSa57msx1mb28n4F4ykLnv8ALCSvd5qss4or7NPu8FmT8eD1dE7MW7ui1v0sNXamW0xYoqFUuk1shNZERM-KjFN4dW-DZlrzaMy1-TojmDBbNfLTbRevC6MqNdXKM/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/AVvXsEggkspYsunP3vY6_XCCU88aN91uHoV4CyJ9NtHNDBlvdC-eA9RBU6oogJDUZHoYIA1OmICbj9_OqiFQyfNIVivjEYLwkUioyAvr_mclM_5F5gq8R_Dbzq_8ubpW89-DaX9S9fokIMNcA6Q/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/AVvXsEjSk905A6DFm2D3goJKxyz1ekmsmV3PSBekRPJUEMy_JOJSghca0dWg0dPbmikaETFBToK4ToqsyetnTUeZQYD2uVZdonDk81K55QeHDV7zvjPHmUR30VRqpqmlNA1B0WPBDtCSSkUG0uQ/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/AVvXsEgiA69MP4oW5mSY42B4MkWSL-1Y6uNQ56vn4GmIh3oeu645wmFhQdLbRPNjrrSWxnVpbNj47ls_DqytOkqpocrP21dpxRhqVha9F1imv_ep4I1-OqOOAssyKmnh1D6eiJJ24Gk_8FO-1mQ/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/AVvXsEjp4LaTBJ4dR_OA1RPlYFOv_tL6shOGpSfgKmYWZzydP89Scy4jFucIv3BcjRKIy2EuDgiSp-r31FuA0YQuvgpynw3bGJop3YpvEZydt0DBJs-A9pENcq2E3GucUJC6goQGTxIxKKUPSBc/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/AVvXsEgs6oVfSKRLUzxh8jW71sQ1msbGAiFw0IAolcoJHQpXFIV83WE_Tb6zrL-CSImlbl_FM7Z7e8wgPTQKHCO330jBayZiRNiysHVcaprIYXTOFVwbvopa7N1J7mCdXqkbDWhRhcoN0WIWzeA/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/AVvXsEglqcFgZfTDM_5ub4AAmyZ4ZpdBj22cOih1qUnOYzKlSYEP7KcbbbPXAZ1Y7GdnQl6P6gLElwxCDbqovMNnaARkb6UkW9fFfrS0YUithdvi5GsVCXREaFKYq0xrUJOJ0KmA8XmFVIJGjmM/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/AVvXsEjQrsp-GrxCNN8xdhxhGmRhBSX5pcRMHQdP-sMcQGDz1cn6Nbu793eaaQej6ml7pmWa1kDK-xlY2cqm8JwhZWSSGuJlcJqhSuZSifpPlxsTreTo0kxsU4I65HxCISH7DbWQVKs4muFU2uk/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/AVvXsEhrJCFhAQ9XR2P-CX_wkZGqfXwfkHYx5Nd2sxp-BVUyOT0gVcNhDr49dkx_dCSjR7YYzHeaukJfZKmXjzgXIVd2vNyLND1nhzWo5W_iS-uDRn1dhQLJT6LCm83Ck4TeoTU_HZInPRseOTU/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/AVvXsEhA2gEIRlOPvV6GXtRXJQ6Uc65mYr4KZ5gj5hHhR4WuMwEc0L301GRSEvHm3d4c8xzbsIxShAD7gtSBICy6NolOjOpOHqR1vqocC4uYB6AySN73qel0SHPMk5h6qLK5oUz-rFt5wbTCZi0/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/AVvXsEjbHn5betxcZJqtV7HIJBR6ofLfpF3ckF1pPnXnk8lj1DV1ywDaIuaCHVoTy_6N23AzPE9hIjqYQro_oeV9DwZM0X05RAREg9sUEm_Q9wKsNb1rdj78Yla7N0I8uBgjybgFXxI0tAAf5LA/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/AVvXsEhdm8uM6dzO6j2SpffMVQEUq7Cuklp9igAVYP8Fuf2hqHI6Ql39uQqy9nByaucG1Mrw_66pWhCRm2Ax8oEX0g5CBeEcQBwGDk90sYEhlhj_G3V93P2YwfQ3E0fl3cct4pdIbajnjSiTf70/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/AVvXsEjNFO7wSmfGkHAMsOsFxcZuFi5qgD1g5XIPAi01LQQmQynCUADVFR2E5ZvYR8p2Fig8xW2SvajO2ipgBcc_vmf4S7QizCZNMKF5BYmXr96bjXIdX2DMjrBf76FIcyPSYR4tgFnSgMgl9iI/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/AVvXsEiyhSWQe2Lwbs-o_4zzTCFsVsRqO4E0U0uINiaAP4xNxVnnh7f1t0efrpKP230xIBRDAUR0UNxa-JZ-tkzZn5JRZfBroZGVOLXMCHt4bvb7KZgA67lANkU0iJAd-tl5h9zoRWW7lbGaG38/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/AVvXsEgA8PLtPT-acUHNawynkjNdM9IEHqNxooQNHXT-r3g4qRaqSAKwmyX56FKJUrTGm9ee-af18C_gPiHxmCrfZPo5XlIxI9AcyyfXRYvZ7gx2uQ_y0CpnxVJ-KVip-i-7-cjNS4tc22sK4Og/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/AVvXsEizJM3_GXqHGjS98YuwMeKNWM49aaas45u5isbhfC-6Rhy03F8_i9YrFuP1VAz2Xuxyznw60bfIVanYqFRlLkl3fEek7WOklhT7VDPTNBt4midttAgIppQX0oBe6zdcCrw3XELGK0O3T8c/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/AVvXsEg_a939eTeRXJAiitw5SH721fYYJ-drNh2re4OFiP-kk57PsEPCp7zfKr5vleTSF-fmA4s9QkDNHPQkvJVqkxM0WEWZ15jctgbricyx6XI3Dde6BLWPx8nvIE1sevWwS755bpmb2f9K3rE/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/AVvXsEhhWPkU_KYcIfQMAMSagxK6WmpNxyGgLSNG4nWqdILT54VQqgpY0RX24FeSgQtWO-0j8RG4qLDsVljItsZin-DPqzJw8eibeRVPapFsMaexsx5jExnbPsrau9bqDYcX_uiPMIQL9Ri1uJw/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/AVvXsEgxRYRscrUBYOVoCf4OuU66raICNTe9RFlMkfSRfgz4Qa9C5W1HN9CvnN5K8Gamn6gqZxjChf7tU-S98O16KYd0i5VlhByPLRIgOi2GopVcqmTkkij3ynHYWkf9LzscueFIlLW_pFuePXE/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/AVvXsEgC7BzV-Fv9Ms1en7GQvmpSVjLkgzM3UDL_eoqUHlQIhi_8-f452LZFXa_weXYvOYIhdCN1XNnU-PBlJYz138QGyIdkWehhAcPEsMZv5etepxPxZOZS8U1jLc9ZBDtuzGfHIRFQt72Cejk/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/AVvXsEgADI77ARlhLJhcahjZmtRG-WRgrOOFVMYB-Alyk4em0XgE7W2jVdfx02yyhZ0vew2-Ujb2GnDdpa7P6NaQ-ET6Uqu-f-jSM6mBC-zWoAW8xKCKxUY5nYVjyOs1TVqWTsgEl1tJHK6zqIY/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/AVvXsEgDVBAKk0V4lzcnAiZ9Fe6-g951P8yUkvIqrwLkHvfKlhCTyqbnKd86zxy1DL-foTAn4Tvl545vFjYVyM9SCntZtQmMuXsjJU-P5S-gg9detbS88Inn-Oxf4NAUhWcWNnU6vI6PVuOjWY0/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/AVvXsEgZNadDjYHv-jSE_YBEqwBQgLkewffSuGFIsMXV1eUsxwyMU9ixNQ8D8pwNuj3OvHECg8wHMHm0bpfICXmG7mLdeekuMg_o1Kz65Nju210RZ0i_q8ZQgZsIa5hZWem-kjNOqL5rghxOqus/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/AVvXsEgOx-1HEnaZYfQT-tOGaV6jH1kCQWYuUtLu4I8zZMjq2PE4ThvB9CK7ih4RtKPyeIBYGcwyqKV0IScryD9kjmn9fInSXhxC4_wUi2BFYpzoJJJx_ZO1YDed_4C_qah6I2K54a4mvyk31n0/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/AVvXsEjKzG750mRdF6kM3jaqweRrh5_gawH7QzlRPsfpKsfvZ1mcIID3c0lGqMA37VJzYrVT6a-rtyqSVnTaq5GoZ0KWKLXYs1s_zn_cs8r3lFvFMkux5GDLZnaUubpn0yuNu7jZ6EUaZwTdQIo/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/AVvXsEjH8NqzKTKU65esGRxS8q5EWNGrQhgPE8mmac78ryUgHw9JMkI4L1VBTnvFER79K1PSr0WVgn72BqKK_jZw7OOFCH0S6-WUlGfC84l7UUWS3nT31ahdBj3-Cu4Vhjx0dQX_QkSE9-c-mXg/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/AVvXsEgKeuwe9EIaKHTX3-VdOJ9AIPRHbxnu6UT0ebOAtqtqTtFDSeO8BEXzOv_8Hk3TGL2UqS_dFpcJKfj2tL-rgb6T8_WRnmExhfKO5DqtyVJ6kHUpgCyz04Ukah4eyWBriOYHILEV_MwfIio/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/AVvXsEiea0N4NLvS8hOgGvxbmJjCogWP5R0nK8rGFtHDYLbSYnW5L7teFd2E33ufOlb-3RfQlJtbhmbn7Z28NEhVGwOcuTL3nUZPnheMDRzv-Tr_C71BxSHF26kMvqXX1Iy_1gS0mvM1SZDP2WU/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/AVvXsEhcsNMd-wuhYGEhTuQXvNO75PA19oh4x3Rwy4fiLpJYuzxUDzm1Hku8oSoN9bLGEVR0FHYxJoxAcEFKOY-ormvdx9QK3QuVKtcXBL7PtV8wvxkEq4YF__fvlNxayRdlnjcLw1XtXjPi0jA/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/AVvXsEjNYcUC5pajvbJFaFPgZJ4mbKCYv4sN4sFBJONzXagcU-fzGIvetaPl92fHXDkutWEh9V8Bd0dfVKLPgFpPvKPPu7VPeWitUXU8AzPp3j1BXn8Jaagr8rbOiVPA3pSNbVa-H9iI9cU8-Eg/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/AVvXsEhdqWaHvmfVaRt885xmnCLzIgidKf7ttCVg_WK_f66SO80f-TKZ9QwQiTM0vwgenL1IszD5-8-nxMPUlNNaX13JNu0954OgQdOUWkbwfP2aKs7VgELRf_nkT-TfrvWrYL3X_rqHbAIGB4A/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/AVvXsEjKbmHLrg11jJkuyvBn5cNeEJKWwiNnz1yjLp57OmATpyQPmh1EtFdBv2l036Ygg98qdzhy2XX7JvZFCApbQdWirvZr5rN6YQpo0eSZI2E-eyU1YWHkeGLzpSpABdMh_RkdRKhXCk8Hhh8/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/AVvXsEj57oBTkoWUFNITd-d3uMgTbvOttbfWiKhuXYdBYZ1hZv48fTZG9-7t9Q9hwVp-hmSF93ivpbEqAC_URQriciMyAxRF4eRIcQLkjsjgX307CEPAii1lAcT9wuMbi91FFnSB6n_YOzBap5Y/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/AVvXsEjaL1XrnA9FjZkpPjccDABDGHb79lD8tLJwvVYJ7aNuZlN4dl24GfRdFSyAEfvKHfaiKsTqk3KSCKyH8tbSp6D7ZCop1gRZyak5LFQeGLTtm2Nv2vUTb3BQ7Qkx_HVVsE3RNMQXPKeoksY/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/AVvXsEgKTVc3sUnGEL1kbNu7X13GSlDLnq1GQccTuYaHNV4IzQR3FqFN-bPSneFVk3Aw-IfV9BtUdpeCsPGpXdaOkTh_tQ2NAs4yjPRFRHB_JBAutGfm3uFHEVHT7z9PcnzSNrjTq5ZV2ZdKENc/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/AVvXsEiZl0BLlOgOMW287JkU72lo4qE_r0hoinLmWGmw6-g_Q-IIZSzD9M8N7dddLDdGU4Qd83W_GVo-qMiI6J3g0_tKA2ykrlIUIVvdR8XuBRd8hurpeFTvfn_cu39YM68NmT35bivP2TXi4oc/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/AVvXsEgzr7_HpReHPxvaxvAjG3hYMaaPhrCtWG84qmCWWtB1Z1WyHlO1TeDKAqOae72CY2-1V9Y5FOVVTO6go__pLHcM0cseBmqv6ZKA56hiHbqXnOkYbzK0q5f7G_siksCHGEINCi-IvH90kPQ/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/AVvXsEj338HYmvn8Tv9Q7ox9TV2EmWuJIBubFqLohHZwhIZRaGbcSFw9SQlYVy8_4WpQL5yUZ-WYjXhuLPE8WrSHqSmovvwqqfuW1vtks2JgRHKOvDHJJuAkXexgnlBX5n42SbHSbLUSO8hxq38/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/AVvXsEilRZSFvgLwDovwSanNJf_2cDFqHw_Pa_B9X1sGjy7BIXPP7MQ_Fae6ettE-Wgm2iRH402xdsBXNI6SxnInxJQBjQdjDLzxISlTOxatyr2kwZKAEZMpJmRJHzZFRxEJYnt8soiZZ39YWrQ/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/AVvXsEhikxT3J7cmZSy2jm63xeT0ut8BN7lnbg5bmYySGJ9C-7X0n7Jbpw2K9e10EaSlpb35K7CeTasqEvijJ4A-c-NA5iyHoyDKYp2FRbj4L4IGUgU1IlUbvGy8-wMLO7A0gNyF4rlqzK_0tHI/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/AVvXsEiGWwdogTYFg47dwacTOy_yVSEE-WQvhmmTQ7UAVnpt5qE1qQOpH1TEnuBXgoTAUF2klBHkaMhW1OJouM8_io9WTUoneDtYLCejsRX0jFsUZCHcNZ2gIkdEsJ93ZH2amD_rfrXg_CW_2wc/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/AVvXsEghEcDxPmhEGXCJIp1mkYWpgPwB-qznkYYl0DWIpumJii8D9N3Mnk8uaAN35hat0MrzbhVIAM4TPBjVryMYH80Lq_pNOQq9U3BLRQp2GjtJ3pLxieBS4h6sBaobHhV4hE_ISBWOL8vM79g/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/AVvXsEiLpxCsxdN4jwEzzJCqE49i-vw2fIUiDhXamivVAGto0QMzBQGr_bHRjtjiA8YPCgECzKSd0fGUmKoVvsOE03uP7vBzmpYCN8LF4sggNISKOAPXpQU9pTwlvbHZd1MH4F_MvanJZWhKHoI/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/AVvXsEgfSdc1u1c4GwcNBc2_oDRAEhnSaMVD1bxv2XD51IzZbMRlqAvQtDQfz1mLuVY1sBisjepOPOyTz7a65tONQl1UmNXcminp2GVfY93URpwb86Nmz7sIy7jIOyyfcGriXh8tFW_dbqNjikE/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/AVvXsEhV8u5lLGLmOvDJb0r2hHDJO4_cQkhFQ3vzMClDOJvhL_0zp4Rgu9JyVwGZMAUjeZWiah_hmMqjdYx2d5vNeC88w8xIpu5y9q5OV6AnLQeDZpLJObXSi6cqbnfAmtjAL-vjW9ndEnMgvRU/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/AVvXsEiKOG6m1Fd5D9-FtfMIzocGNX_E8HnUqKoxH3FPZAeyl30MjVSR4ei1RMJpTt2812fMbyaBP1UdT7ciVnaNYEn-Wd1aTF6ffrtzRKH2FgBGVTlNCB9YX1SQd8qqfkfc3aU733NWBOrih1E/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/AVvXsEjkjUu1Iu1U4iKiXqwBJ42SYX4s144txg9eS1UIOVaN53Fm7hB5_v867BUaAnHlYGb0vD2Tp3D36Z8QrzvkEQkali-8TT0PqmpGd3xaPuB6XlT4Fe7egYZBGdSA7hjajTbzqx2jF829_mI/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/AVvXsEi6gpArLEABAkfFiTwo2CmlP1xnOiDQGf3UYyBrH-GRCZ63vSZLsaIu-xKxlWjwoBFfKrej0S7wuZ9E9y2kkli99ac8-HsHMvU7y3xgcCXnl2-eun5hT46YuGTpEmSjwNfZ1nb4dWSjffM/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/AVvXsEi21TgkpnD5-xKK2bKP2pVbdX_xfOdY8KZJtTF_B14BzBsFgNIgadrLs2ZQ7QUbm1-9hAmDLf_k9ruMVfs3aS55cCDn3qhLjspUz-DoZGerSnAqtj5JDr54rAsspp8crwK7HbMd37W7gaQ/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/AVvXsEiAldQYIhRV0DpWlf7ZqKF-touZa-_buQcF9M4ywCb94hyphenhyphenrp23tHhQv2RHY1MWQ8OkMaiaNJeSoHkdz5LrRpuGJhc8amAqGpIjoBl4ge3TmGa4jfReL6S7gVD5yvLTkDygDntbCVmwbOuY/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/AVvXsEjoWaVoqHJJieHprfJ5Lp2PAeehgfzrG9jUxpCG3XsgaJDWODk6hfeofMxWiD5IkLlRbREXbX0aeynGtLsF5h2-emvKIGRGIM_qQwyV6GCh_uV2qThqzhYmb8lvptrc-Q53r5p45pACW-dp/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/AVvXsEhJe1O_FuaHGlVGqSygkFKnTRpYUc08tTfL-wv5WFKabg729rWc2gbim0T4AIZ5KeyXG29tTS_4DM6Ih2CMeNWMIALEhRxyt_Y2HhetJTGMS2qPVcgefTvfCQ_yN-uEzYVRU2feYT6WNhyn/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/AVvXsEjzeQjlqnwfHNWmdtcD6CDwHAKXygoz-TBtoUZhsGvG8L0xeBTiCf0I8RRCfcXWmUqbWmle3RHHyY_Wv_AngOetBTGLhUEJG0GY-vS4HzbuLzXuxD-UqGp_ly0uLT9uz8wdIjATgeKob-8u/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/AVvXsEiKsSmvigjZAk-yDBgwMlJs5TBMVzi_IEjSBYLL9n9kdozhakRTVhNhU1QYoe7yEh0aaEF4FJMPbI8q0zuLGQWAwpFm3Pp5JwL05_MX-xDHQZ_6AEA9nWU1kjd3AnT808wdtHG5SAGystQg/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/AVvXsEjPUMbqzAjkSTzC3YByy59BSnqhfzl7XAA9zLNtzy81uY15AJ8ZfQganTepTsk1MoY1BIYQad-d9qovqY5t84KgrkjqbPWSr-NF8ixhWO7mT5tOoN_jtN8P-2wjia0E6eOC7HNWe14BGihU/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/AVvXsEguNzmozlbetJwG0YFPIimOc1s_vUgZaSEHTvCW5jSbB9xKpnzjbCJ0Ab7wE_jYay8KVULbnEu-9fxu8DMyd6TodReH5k5ScaeypE6G-7DSMqydwlYA5kjFlW9aSy_bs6WDxA4LN9qmnS_X/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/AVvXsEhSW1HKPe_Av83EBcZjAEHYwqnD1CjEpFv0qWElxUOMKH0j8HxEcg1pp85jNaYY6FEiDe1sifL4F1vDc-Ng7dxGuEx-MHOIi81NevQMHkxVDchYTMPO5MYMZCvxyp8cooUodR0ENiGlgTna/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/AVvXsEgao4lVEjOtHAjCDGPNHd-W-2zR0l-PyiDvAFvUoO2_8gCFMryqJzWg7L9bp4_tR1_UMB7y5JILehSm3oKjmaIZQSvyPGHU-wMSqnEFuvohNUKojxWIsZAKFiGWEMyRQSlh5Il-OeTHwS2c/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/AVvXsEix-7B1QuLHX45h6nhrFWTZ78Ve9M-Vhtw5DB9oWC493W2PvKuZfEzaLYvnreBwdfZGKaCF-rOD-2306kZaQJMgBhEE0_6BfwDvc6z4_MgnU8uIDe37i8948Wn8deonQ_p-ua3IJ7iV5i-S/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/AVvXsEgHissQSKB3nz3v1T5ZUBhDL6NiLt3VF7OCcP1IwknU2bpVwKQO1ExVkF-jkTRHljqRKi2MluHng7Iqiz6S2643dFDEUBVIEch-e3AXVdfujboR2pbLZgN_JklEdhVpUCKNtKU-H8nYgNGv/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/AVvXsEizmLEg3FGEG5xHDppnvcr2uKjqtRFbJZ4xkVV8Fa01nhqQyAmWTL9v9I4pTSNlNPoyAFGItW9BzFsvnnVeoFbGYJTMWR9UEcgOoWhgyLlmsipmloWikMSKGk9jTLCjHiyCvRysIG62KBnZ/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/AVvXsEhDakxJW-k0HYs2HLtzJon1gIxpX-GoVlDsrul97uafxNLTE4BChBUCCUn93zWQRJj5xMLb7q_v2dPpIIVPI_nAMF29NYaQUxTlnQyRzKseYm5z26Nm3dmHX9cVHFn78XN6R85Z5OeRNvVh/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/AVvXsEgruY6FKt1k9T2m1qlYmHm5S2vmWOemZTUug7NYL95qh1IyNHMPOJAS-IQBZjpkNyvkz3bXFghzfYNDyEvpgX8etib2Eiu33_ZrmTsctNF6_eh6stwgyDwMhQoocADZ-QbbTNR4a7brUOxm/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/AVvXsEiC4Wl7XiuurnPa8rDPZy_e1P2lMlptYKubYjb08flcSfHSeeaimHpQihFROXgVd5cdGdbFwycPmiZcPD7Y9yflyljwqBEhz5DIveTJOBe2HDYr2Nv9ynakrjcy-SZ3E_Ju5TY57l3cnqsT/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/AVvXsEg0p-wu1VER3eB_F6Xhp88G1wYAF0CP_PtoXb0LOEf2Yal4oqsS0a-9DOnw6YL2do_wRfQB7OVVVU3gAr3L7dF1G-S9gVpvkSsPPZIRvVNyr4CtyOZTTemiTGpV0G0_QgZpToDis17L5C6E/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/AVvXsEheWHfAQ0p1tFIC-MetKIvO-uKvc8Iw0ttNJy6NCEdpGeyUnTeoFtJZfYwU6vB1CwRMFfZfFfHU-Khtczm-_Z_HHtpe_fBxExqlJPTbdMa7D2wZBvbE1bqSlCw7cDOfHjoylqt7F_9skIin/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/AVvXsEiSqlhNADwd_1627A-FPfjmTWTSMpu3Vba997evYGcxHswIkzlJB1lJqNIyWmd1p-C1exmTtFgHhXZcrQPBuS65Z3QI00ddhvjg1UxPX0wi7h3w4cpNp0Oi4B96TQ7u9fACF1l5IAUIOhcF/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/AVvXsEjcH5UJR3ZUH014HvK1zZRR6ztG2-wt3q_LlX2DkxWyGlzEfBl9r_RHeBokNH1KO7FJ4d5AlaAmP6vyOiG-nTA6RQPOaaFAruYPgdt6zF-4i8IJ7sRQVNdjZMWAzSqUuQ5XzItKbqgxwE44/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/AVvXsEhVO2fC1JaXlmwC0z0pYYjcXT_3suxlo4gsDh_h8jmAPyifFI_r496FZ2XyUnbrGSI9cNODqkgdvLxfsWNJvG8o5GNOwV-3IDj-U-sD0QY-CAjnH0wKftdGkpwM2yKqUgaUXNOpevsOIOCH/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/AVvXsEg4MIKy6odkXRZPuHMo-RRgN7L2ApiT0a-NYZcCDwUl2-mSQkXjM5rnzy31t3gmFR8BPITnM4x1VzLc77f1uLK2WR4__jGCXFBADhQs_TpQqCosyQMmF3Lief2ZGYxvL6715nSiHrnmwVjf/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/AVvXsEgfYtnzC7rTB6gzyuqsNLAPFFv77RN5vRb-dncCg9T-Ptw3UhF-8AA7z68wNrbXS4rCdOONhfM-RBRU10AtdG7fmTo2agJOI_1151WYAUaz_JRgnK0dYDQUpZoKujsCMCuiYANg6o6Yi9yo/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/AVvXsEhHMH7o_XPRIRp7szA1t6MR8cMUTysbAd-Jm1R2prC6x43eabuGskw592c7sbDFiYiWYacBOhUJwBLhiPSPsw6rLV4AkM5eHyJIN7ryOEb34qrqu78x8BHd5a5ICVnNb_7Pe8e7jXfV6vBA/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/AVvXsEhH0X_5JSesv9mWVd61RrhDruwBwgJJnIv2DxmoQ6HbbKNiRNXTwQntj0-c5_VU2032RhKVTDDaiuJJ0-D-Pt6QMAV6uwiwAttbOq0sSIv0D6gQj3il7LiPEwfEuV8VERFX6a35mkwTnh2G/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/AVvXsEiJ8esj4J-gt_-0NalFmkEsgfmQ9qjjI92KNIUDkms8D-cH23eSuNWkULDIQcYSALrz9Ww174esK2xlhFQPwQHtIsYaDVRHjuFtFwJex0H6sYhDDArYmI8m06XmFprnrxNLRN8mYb65ksVG/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/AVvXsEisJGUSZvjCNNBYC8dF0oWE0BCS8f2CJcOqaUSHqRQkqSe7itI62IS3QTr9iztFgj0xfS1qyeA9y0f81We4uJdJ8iFPXYmJyQd1F8uj2SxXZIcNybznViRzCMrPmllfJ14bHjYVx6ZRxLU9/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/AVvXsEgN0sXkHXaLiOCQVe-egoyDwRdpNsJ-FoIZOj3W8V61nPuh-armQGYiTMstmMOwlGefUxlARlS6WJ2DTEgfza1rpVeHD8wmp4jY5Jdnck3EedtTj7l5tMi_yEoBsT2QZTR1AZ4KoL02WxJD/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/AVvXsEg3BsE6glGa5WphWKDgSItmEBkIYnxWstTVxmjtzyYJ0l5PUyxwNRyDNUmvgMSRF5UPw0bsETs-gWXUSDZXDCPAXZorO1fAyQFAD-u8yZz_HMctoj5So04uldQLyL_IwPqZuDRpMlo03F1E/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/AVvXsEgruY6FKt1k9T2m1qlYmHm5S2vmWOemZTUug7NYL95qh1IyNHMPOJAS-IQBZjpkNyvkz3bXFghzfYNDyEvpgX8etib2Eiu33_ZrmTsctNF6_eh6stwgyDwMhQoocADZ-QbbTNR4a7brUOxm/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/AVvXsEhm9jVtErqrvAmPafHrC1X4usN9vdxK75Mr_rMWYSw4AwWc0KmNWE4tuSlfEE56WxaLqXZMijv-L14y9V8fiAngrXRmqA4G4WfoFWFcXbWtsLDqbBqo1P3BpNhJtDf6W3JUyeVu5NM1iP-U/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/AVvXsEiY6xomulDO4EtcqWbhZDHvTKLgYd1a6HZ_9D6USc2LjNrUUy6abMUInrsX8R7bsLNkcMcY0z7w1vSeLIDwLGqJRISq1PTc3O3drYENqz_ZrWdMnraHpIWKgpQ95jSRyXT2jTWW-7ypBlhG/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/AVvXsEi5yBv2w1NIjEfW8HfdukDY9kO_1um3ZnDhd16KjM0grfp8HgIp9UIaVdtxSTLsWip4lopgcuna9Ic43k4QyceLKNBDxOYNOWGany-T77MiivvIocFxrcclR2HPXrMaB0-2KKWIAnml5myK/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/AVvXsEjreBJfmH-srfnLQq3vA7Z9AF6ekRLmmsYjljK3mNQjNpYs9MnqxeUt1J0NS_EUrHe8PtaSh2ZM97HR55l56P1pNK1pRrI-SjkbbNBY0g4kqUkvNry1tyAB3RWp50I1ceorjCekI3VNaS77/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/AVvXsEim7-sl6EfSRaR1zvCscjotz5JHW1vwF5tYUof-2EMuAoiIS111yY254exo6Hpyn-2qQKb0tzHqK_8NxRaPAXfPx0dZhOuNSOIAMkUZ8OXlI0DkXmdgH-ci8tMsqT9mKQvUfG60qEPX29Ta/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/AVvXsEiJk72h94rBu3QcrmppwYt3xckv8-Du9wREgPdPFzqngapCvdy0qYTt0KBGBfIDTZKkInATSnICqi4smQJzZ2ZqkC4a9RScglBbG0IsvEjvtA2D6lDiiuqNkyq1BRpCO3DnWdx0zO_oODOM/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/AVvXsEgt7qUVCorQts6_ZJXAW4OHrfrwrlx51EtaBHoVqkoCa0kDVbfDNQ2FA_cnmCWEmMiHFANlZnMpQW6s7u3t7CkIpnt7yHDFHmdp8UVg7X2tZlhIFVJTcxSwS9iXTPKvBX9U-IVdGPL2gPWp/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/AVvXsEjgNS5ucFsoe5S7pCDXurL1BqcnNrGnXk5t9Aj7a8AMOxySiLQ5jMK9GryFd6PEJkpQzApHy5ufV9_DWkvaBKCLpqldhvkA389GS9AgXI1FzUQuYZu5pXx4UY7KTlygL44CAcZBnWKGTYgD/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/AVvXsEiBslrKczq3kw-vMj8zcqI7DhHHSCvmS0NOW7YxD_UY8rQ2icqgPbakmWYE7A-Zrvjk11lfQjPCoGiODeA0UAtF0eo6B-Vjvc-J6kWRtUslgetDJVkru5rVVy9zpjZR9RyMAzuTQisT9J83/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/AVvXsEgZDShz0tsBXVKB0DN6eL1ojg6VleVpElklRXhuk3MqqAI6VMrMgWbnzzS1MH_wqUlE8CQpSxxDTXpgA23FUOLTPcrddwXvXi0y6_VjIhwNoX5XBcnRkpYy3tpdsk3m-ecltVYRUI7YPgif/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/AVvXsEhVbDUB4p6EWqlGA61e2e19EOQ2gjc-x_t__QmNw2J7yG9TaEXcfethRFD43uj1NVhDKS-ioDthmyYPq6xMzV9nrbZM3UAlNxHxOK5IyZxEiQatxac7gqjsprrgFEQHyFf5FYZs2LX0r9rT/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/AVvXsEg7yBS4GFKU68998YFZwUmRQlyKillCSZfblRo0qxLC8WGCJWvLL5sL0u_2dbFDgdd_MWhTkzVGeRcKYe8TLCixFRFhstvvLjd7WSusD7msJcQofdv7abBwe_LaVlhjB0fWcuiQKaQo0Vhj/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/AVvXsEhNNBtnOeLy-eRAllVSR-yAyouG8WYlxBk5hrgnnmcUJDq_7NAgwO0H8iiRjoU8Dw-h6RiOcGJpvsrxDOPb24XA5M0ta0H8zRMwXPvQCHUjxIYSoMuAFNaP_6DARbwynkGLFGjwn2i2aiUj/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/AVvXsEjesPOTyLUIqQUv2qsnVmSlwlv36cD5ZzbeoBoEI3tY5IkYSswfFmGisS-zvStE2_7afhd1WR735c1bW1ykuz6v0GkxLB2e-4d1L3amffLmyvS50i5OhvxIrnwR-V6e6EE8doU0kJbZ-2pr/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/AVvXsEievUHOUYGeVY9c-utEnqphMXv-I__sXSSNSKphZ5R_lnPZUDOWfR8xBPzElHFI6jRMien2wvoI4FwAe6Htwv-ees7lW-gOH6pD7jNEeSSGPNKY48oHPP_jC74P0lGDzHB9oVEs2NvU369z/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/AVvXsEj74WP5FO4Kk8zaN44TSBoHDxJd19tmn7_TTXoSPB1Fa7P8odo7e00mpEL-l8q2bQMfYgvIQJtxUPpuP-ME6-9mx1a3u9zIwKlW-umhxuqhnJuzImMDcuaRrc6FiImR4ksZFAwyQSBuGw8h/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/AVvXsEgFQoHW2n_dDQXJC5N2_ekHA3EqSnRNth3S0_u_n1V7GCe4xvVxNgGqww44Lsv85jpKRhR1Gycpc0oWwyQsnIMcLVFB9nYkJrKL0bVcPZogZM8qkH1OxGBf3YtTmf1Fb7EiaQjjwvQBQSGF/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/AVvXsEiKqOqAovLC5PLxtgsWAJhw09D2afnvIFIDqCWZYSa3tPGGxAw5V9YjmDRwT69UonQr7fnTdNNTInDDhyphenhyphenHxWxvd-_p3AGmdLZiRrmIpv6d_35_F_5C74dGdfTRvWUU9fL3A8jg8bjWRixDh/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/AVvXsEgD5yn-jI0bqrOb_HM-EcKCz83ckx-9TMqAngROwtPZAwcCrBI0pf4N_pWOYcTFVMVet96SQsD4qqZiNqAGhyphenhyphenoxbNcqp_haCIMHDT0yKMWR7koh9cO1kHxpXFgzTe8x03_I43DY3FHmT929/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/AVvXsEiJ8McmJOLuE_L-6wtOmucHmipYi-3x2LGXhXdi1YsrI-U-Ml5amus1EDQl1xdCKDBbUAIMTLEeWp5wInRiOjJ3Dughm5AXF6u-lFlT9eD56Ng_jtdZ1HUAx-JYMbf4MqjKp-kynEod8gBs/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/AVvXsEg1iTeL9vV1ZDMMoGxpr_tneanh59uxvjWWdIeCd5uVP33tuBN0XKvOC8NK2sFSlvjH6LMSCm95jo0b744ZfGm8Ul0FZTTTTQB5Yj5NoABapeOymfDxE3YSzTAlDgV-V92dNoN9HEDhIc37/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/AVvXsEhWEQO3K5bhjIB71f47XMgDB9emavYm0ax6aPkxMtudxGurjOX7qvKqRqjrRl9vhQcz88fwNeSqbDvtIW33BvycUpRYCRS0wW2q-9b-spWSMKyzXhQrOdfUnLpVTG3Yc0WgSxbj5a3NtT0/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/AVvXsEjxoDy5p2O-3dSQsmPqZAbCAAtHjUQCGAgMj2uTW40BD8hSBGnPRbaK60nuowrdrTfNHyIvbP3uMwCUgPxBLnDKATPfJc01J6feSw9BaYVYKrgX9znUbu0j8QyNnq6jrH8aD00BlAkeRZk/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/AVvXsEgsExVeeYVn-pJ7CVJ77t7PhZKfXcb7q6ENkfkA1eDE1YlV7sCDHdYjqkqgwFvbBwalvUTKJxzrjEG92PSPGMYqyId4BWAVUseGt03rjaTHqVI7Z5h2zFEATbs6PLgcyxXhO4xTAqo8FFs/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/AVvXsEidWg_WmoZSUFdeeNp5mCs5c2HpiBU41U3o02mTb1SmghwNOfs5Mi_plBDsjqCJPzHNfiINGRsXyxzASGOzmvJ49noLJB4kmIQBoleGDx6nYGH1mC5fLWwOypGHwVtFWLnD_B4f3CF3xkg/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/AVvXsEg9okVpvjcxgc0oxv-EyrISEaMSev-See76irXJvMJ7HcuPZQNm6gGMpzMJ0lcc1tSUCl39d2dwuEjHxvGMsT3LLhZIlbX9VE8WuAmy2Jv5i3woKDElCqXKWe1ZX6FgxKKkg-RuGYV0_Nc/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/AVvXsEj-q1WallW-1we-7IGySGkaDOlFvMq5gRtrwGShKDCXxbmTPrbq4gZMEgr0RDKMHMFUHTcDSfkIjOLBi0OlUpOdrUM8u1pNkD0IYpg3rgYe8X6KiGDjBeYONO-pJTjuawIkZE51U5j6i5E/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/AVvXsEhoNU-d9bKlq2HszZK-PQqFE8KnSMLM_yV2fVv4S8EQj7zcwh0Iy708REuH8nnZxBnqmrvViQwB49TEiWacN2ouuvEz6NjkwmKVVLbpU-3KZazzuDGucfWdXwhTxirsnkZooVLvlihfHao/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/AVvXsEjH0oMbX4ocLHP4_fGmx4eEw4EVm7cA71NqSCXRkoQdlqf7VdK4pPu9u1lnRiTRJRzSomn42bBF8sub1KtSyKHX6s-9haMqHSIa97qhnvADWftoyAMzP4p3TiYbp1JQKqll3U5C_kSK1nk/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/AVvXsEjXD0bH-Ra2G16RijmI3Woqtw1_9yA3c_4efutTSLBHpIsMH6mxm-lqt7kv-5pDP0-KChkzDkq1lUo5n3faZh7hnRvTLLdM6a13sqQelY7p-MPeQQIvPGuZj3LjA_m9rF7JkcurpXSG00g/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/AVvXsEg7F6isVhhcH4MqoP-Z5l1nYYx6fwHZyEKcHVAcy8vUTTDMgAQbscHe5b8L8hhtpfQJyJjSzhjrnIoXKXUiXjI4I2O8hOTMivVhK9aFjS8k_YftFTG79IuD1nmcwHhjsE25LVcdRod657g/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/AVvXsEgtucU0CktVPHQefPSQNL11dRo4CKvMII1lsqsdy3RP-1r7hvEr6vAqJe-1A_EyR13qIJZ5onRcfO8-CA0P9GSpnTOYYpXipT010ERTG9nIHh0B8VfA35wjE9KE0Q_UFrRo7FbTf56kwNA/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/AVvXsEgHrRzdvRd96-LHO0EtPI0riI2B2wNQn1rSja6TE_nHCljbFrXh0kUJdHEXiJGaEDTXXdCKwKkW0VX3FcBRudHEmxPbDaggiU-JxM8xsqFfe63v35Fcwhw-hx_PhyphenhyphenlalfFX6CBKmzqNvHk/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/AVvXsEjOk-4ihB41IKYYBiXMUQ7TVQFbBgJRlFTt90qADrZK7xiuaekOf00REh02Fx3Q5VQ2vBqcjmslisykrZf168goQ3CE0utBGWZD9GN7HrlKtmFUU1l99f_bzcy2Q69E6Afs9gZguhVTLd8/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/AVvXsEh3if1uT_2lYf3aTXnPuEBkGGFXm5jQDDu6BxcjL3UY6l-pevgcGtvV2s1t98qrqeZNz5gMVukOyz4H0gRaWyZF5QlCcB9XBP3aokRdD2m1aG8E1jUzR_hzuSXxjfJR50Myo79-2XIvm4o/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/AVvXsEio-YIjmioZ3eFy9yZ1BuM9wwBEvdxCCd6j1y1RfCU3CDZyITNYHsiLAFyG3c-05_0kxjw1kLxH8VEvTNixuItCcHs0I0E_ekrJeywvNCubk5lq1xJNhgYr54X9jYH2E_GPDT-jIrd2KUwi/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 />
<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 />
<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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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 click this link <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 />
<br />
<br />
<br />
<br />
<script src="https://sites.google.com/site/bdlab12/bdlab-blogspot-com/snowstorm.txt" type="text/javascript">
</script></div></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com19tag:blogger.com,1999:blog-2648032558084820227.post-9165697514975781772010-11-21T10:20:00.000-08:002011-12-15T08:37:46.330-08:00Random Posts Widget For Blogger Blogs<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/dlNmde" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4-xl1Va2QfDNqr07H8bT3E87-yfYegfwMxlcAca9AM3d4nDEEARSBioJJiEOF-CUfEFH2OtSPXeOYsswjjPhp4d9gy9B2kdumv2LZEah9Lmgkdz20ow80Ilpc_Kqu4oGL3TjaSIPCSuq9/s320/Image+4.png" width="320" /></a></div><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: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 19px; text-align: left;">This widget can definitely bring some excitement to your blogger powered blog. Letting your readers surf your blog to the fullest extent by creating a link to a random post in your blog's sidebar.</span></span><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="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; text-align: left;">Adding a Random posts widget is very easy...<br style="margin: 0px; padding: 0px;" />Simply log in to<span class="Apple-converted-space"> </span><a href="http://www.blogger.com/" style="background-image: url("http://img826.imageshack.us/img826/185/eg64is.gif"); background-position: 100% 50%; color: #365d95; margin: 0px; padding: 0px 15px 0px 0px; text-decoration: none;" target="_blank">Blogger</a>, go to<span class="Apple-converted-space"> </span><b style="margin: 0px; padding: 0px;">Layout</b>, click on "<b style="margin: 0px; padding: 0px;">Add a Gadget</b>", and select it as "<b style="margin: 0px; padding: 0px;">HTML/JavaScript</b>" type.<br style="margin: 0px; padding: 0px;" /><span class="fullpost" style="display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin: 0px; padding: 0px;" />And finally paste this code in to it:</span></span></span><br />
<a name='more'></a><br />
<div class="code"><a href='http://bit.ly/work24'><img alt='blogger widgets' src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a><script type="text/javascript"><br />
<br />
var randarray = new Array();var l=0;var flag;<br />
<br />
var <span class="Apple-style-span" style="color: red;">numofpost=8</span>;function randomposts(json){<br />
<br />
var total = parseInt(json.feed.openSearch$totalResults.$t,10);<br />
<br />
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}<br />
<br />
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');<br />
<br />
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];<br />
<br />
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";<br />
<br />
document.write(item);}}<br />
<br />
}document.write('</ul>');}<br />
<br />
</script><br />
<br />
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script><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 />
<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="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; text-align: left;">Edit the code shown in '<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;">red</span>' to change the number of posts being displayed in the widget.</span></span><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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"></span></span><br />
<h3 style="border-bottom-width: 0px ! important; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; font-family: Arial,Georgia,Times,'Times New Roman',serif; font-size: 1em; font-weight: normal; letter-spacing: 0.12em; line-height: 1.4em; margin: 0px; outline-style: none; padding: 10px 0px 0px; text-transform: uppercase; vertical-align: baseline;"><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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; 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: #6e818c; font-size: 13px; font-weight: normal; line-height: 20px; 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;">NOW CLICK<span class="Apple-converted-space"> </span><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></h3><br />
<br />
<br />
<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="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; text-align: left;"><i style="margin: 0px; padding: 0px;">Thanks to<span class="Apple-converted-space"> </span><a href="http://www.bloggodown.com/2009/04/random-posts-blogger-widget.html" style="background-image: url("http://img826.imageshack.us/img826/185/eg64is.gif"); background-position: 100% 50%; color: #365d95; margin: 0px; padding: 0px 15px 0px 0px; text-decoration: none;" target="_blank">Blog Godown</a><span class="Apple-converted-space"> </span>for this widget.</i></span></span></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com6tag:blogger.com,1999:blog-2648032558084820227.post-64073581772582767072010-11-16T02:59:00.000-08:002010-12-02T07:05:43.747-08:00Add Automatic ShortURL Widget For Every Blogger Post<span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">This tutorial will explain how to</span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><span style="font-weight: bold;">automatically generate short urls</span></span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">(using the</span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><a class="external" href="http://bit.ly/" style="color: #17394b; font-weight: bold; text-decoration: underline;">bit.ly</a></span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">API) for</span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><span style="font-weight: bold;">every Blogger post</span></span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">, and</span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"> </span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><span style="font-weight: bold;">display this URL in a box at the bottom of each post</span></span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"> .</span><br />
<span class="Apple-style-span" style="color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px;"></span><br />
<div 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; font-size: 13px; margin-bottom: 13px; 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;"><span class="Apple-style-span" style="color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px;">Now, <a href="http://bit.ly/a/your_api_key/" 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: #ff6600; font-size: 13px; line-height: 16px; 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">using bit.ly’s API</a>, Twitter’s default service, we can create and publish short URL’s for every entry on Blogger.</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/bbRap9" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="http://i56.tinypic.com/2dt9fg1.png" width="420" /></a></div><br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif; font-size: 13px; line-height: 19px;"></span><br />
<h3 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; font-size: 23px; font: normal normal normal 23px/24px Georgia, serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: static; vertical-align: baseline;">Tutorial Step by Step</h3><br />
<br />
<span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 21px;">1.Login to your Blogger dashboard > Layout > Edit HTML and check the "Expand Widget Templates" box.</span><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 21px;">As I always say before attempting any tutorial or hack its wise to make a backup of your blogger template. So please download your blogger template.</span><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;"><br />
</span><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: 14px; line-height: 21px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px;">Now find (CTRL+F) this code in the template:</span></span></span><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;"></head></code><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-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="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-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 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 />
<a name='more'></a><br />
<code style="background-color: white; background-image: url(http://i39.tinypic.com/a47lat.jpg); background-position: 0% 0%; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; display: block; font: normal normal normal 12px/17px 'Courier New', Fixed, monospace; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #666666;"><script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&amp;login=</span><strong><span class="Apple-style-span" style="color: red;">YOURUSERNAME</span></strong><span class="Apple-style-span" style="color: #666666;">&amp;apiKey=</span><strong><span class="Apple-style-span" style="color: red;">YOURAPIKEY</span></strong><span class="Apple-style-span" style="color: #666666;">"></script></span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> <script type="text/javascript" charset="utf-8"></span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> BitlyClient.addPageLoadEvent(function(){</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> BitlyCB.myShortenCallback = function(data) {</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> // this is how to get a result of shortening a single url</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> var result;</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> for (var r in data.results) {</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> result = data.results[r];</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> result['longUrl'] = r;</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> break;</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> }</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> document.getElementById("shorturl").innerHTML = "Share this link: &lt;input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/&gt;";</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> }</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> });</span><br />
<br />
<span class="Apple-style-span" style="color: #666666;"> </script></span><br />
<br />
</code><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif; font-size: 13px; line-height: 19px;"><span class="Apple-style-span" style="color: #333333;"><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><span class="goog_qs-tidbit goog_qs-tidbit-0" style="background-color: #ffffdd; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: black; display: inline !important; 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: inherit;">Note: </span></span>Remember to Replace </span><strong 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: 13px; 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;"><span class="Apple-style-span" style="color: red;">YOURUSERNAME</span><span class="Apple-style-span" style="color: #333333;"> </span><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; color: #333333; font-size: 13px; font-weight: normal; 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;">with your Bit.ly Username and </span><strong 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: 13px; 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;"><span class="Apple-style-span" style="color: red;">YOURAPIKEY</span><span class="Apple-style-span" style="color: #333333;"> </span></strong><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; color: #333333; font-size: 13px; font-weight: normal; 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;">with your bit.ly Api key before you save the code.You will get this both things while you signup to bit.ly.</span></strong></span><br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><span style="font-weight: bold;">2. This is an optional step:</span></span><span class="Apple-style-span" style="font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"> </span><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 shorturl box. For this, in your template, search for <span class="Apple-style-span" style="color: red;">]]></b:skin></span> and paste this code right above it:</span><br />
<br />
<br />
<pre style="border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; height: 150px; overflow-x: auto; overflow-y: auto; width: 500px;"><div style="font-family: "Courier New",Courier,monospace;"><div class="codex"><code>form#shorturl {
color:#666;
font-size:11px
}</code>#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}</div></div></pre><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif; font-size: 13px; line-height: 19px;"></span><br />
<div 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; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b>3. Now in third step</b><span class="Apple-style-span" style="color: #333333;"> you need to choose the place for displaying the shorted links.For this Search for the following line in your Blogger Template.but remember to Expand the Template before you proceed.</span></div><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='post-footer-line post-footer-line-3'><br />
<br />
</div></code><br />
<span class="Apple-style-span" style="color: #333333; font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif; font-size: 13px; line-height: 19px;">Now Paste the following line of code between the above code in your Template.</span><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;"><b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if></code><br />
<br />
<span class="Apple-style-span" style="color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px;"><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; line-height: 16px;">Now click <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 />
<span class="Apple-style-span" style="color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px;">As a result, with the given style sample, in every individual page it looks like this:</span><br />
<br />
<div 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: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><img alt="bitlybloggershorturl Show Posts short URL in blogger with bit.ly API key" class="alignleft size-full wp-image-2743" height="28" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBLaMk5P_HMFnssD2cQd53TuBVVEGzUSR7WH19gLTYj5qLabA9YbTWp24pf2g2ciaPsV7ADGqEV3fRsMQOBNkHYw8Oym3E6-wF1poMcQItKwtx-IRoqMJBZ561RWdUS7u4zk4Hv27UY_6/s1600/Image+2.png" 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; display: inline; float: left; font-size: 13px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; 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;" title="bitlybloggershorturl" width="248" /></div><div><br />
</div></div><br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></div><blockquote style="background-attachment: initial; background-clip: initial; background-color: #e0e0e0; background-image: initial; background-origin: initial; border-bottom-color: rgb(165, 165, 165); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(165, 165, 165); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(165, 165, 165); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(165, 165, 165); border-top-style: solid; border-top-width: 1px; color: #434343; font-family: Arial, sans-serif; font-size: 13px; font-style: italic; line-height: 18px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; margin-top: 15px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 20px;"><br />
Note: If you want to trakc how many people click on this link then I will tell you how you can do that. You need to be a bit.ly user. Then go to your account and find out your bit.ly login and your own API code. And replace it here ..</blockquote><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 21px;">login=bitlymmmmm&apiKey=R_2c11203612a1769b97204826413d57f1</span><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 21px;">Replace bitlymmmmm by your bi.ly login. and R_2c11203612a1769b97204826413d57f1 by your API code provided for your account. This will enable you to track your clicks on this shortened URL.</span><span class="Apple-style-span" style="color: #434343; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 21px;"><br />
</span><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com17tag:blogger.com,1999:blog-2648032558084820227.post-65321245496572604512010-11-14T13:13:00.000-08:002011-12-02T11:19:22.702-08:00Referring URL Tips & Tricks to Blogger Blog<div dir="ltr" style="text-align: left;" trbidi="on"><b>Welcome Messages</b><br />
<br />
<div align="justify">Quickly give your site a personal feel by including a welcome message on your page or in an alert box that pops up when your page loads. </div><br />
Use this to place it in the BODY of the document: <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;"><SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT"><br />
<!-- Hide script from old browsers<br />
if (document.referrer != '')<br />
document.write('Thanks for visiting from ' + document.referrer);<br />
//-- Stop hiding script --><br />
</SCRIPT></code><br />
<br />
<br />
If you prefer an alert box, use this in the HEAD section: <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;"><SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT"> <br />
<!-- Hide script from old browsers<br />
if (document.referrer != '') <br />
alert('Thanks for visiting from ' + document.referrer); <br />
//-- Stop hiding script --> <br />
</SCRIPT> </code><br />
<br />
<br />
<div align="justify">In this particular script, using the NOSCRIPT tag is optional because you aren't including any important site information in the alert box or document.write statement. </div><br />
<b><br />
</b><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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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/j1At3u" target="_blank">Free Backlinks for Blog and Website</a>........ </div><br />
<br />
<br />
<a name='more'></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">Do you want to know Where to get free backlinks? This is a free, fast, and simple immediate automatic backlinks for optimizing your blog or web page on search engines result.Everyone knows how important backlinks are to getting a good rank.Here, we offer a backlink for free and very fast for your sites. Copy the html code first (no change needed), and then paste to your website or blog.To view your backlink you can click the image link from your website or blog. And well... your website url done and will be displaying in first references.If any visitors click this banner from your website or blog, your url backlink will be creating automatically in this website.You can build backlink as many as you want, no limitation and restriction, but no spam ! Wish your website's ranking quickly on Top Google, Yahoo and Alexa!<br />
<span class="Apple-style-span" style="color: #cc0000; font-size: 29px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #cc0000; font-size: 29px;">Free Automatic Backlink for Blog and Website</span><br />
<span style="font-weight: bold;">Copy this html code to your website >></span><a href="http://bit.ly/9XgyGu" target="_blank" title="Free Backlinks"><img alt="Free Backlinks" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YFXRgqXc4IDzmwPMwZ_aKASmt04S0JzUznjOjf50Ar-VLzQljxZvcR2Bf0QpjWiaHY_Yc_6_fT5n6gCBHnojHqrhrBIdwEorhlINqGQAIdmqtTEa3zzX8SeSktx4z2s4n31BdWYt4Ruc/s1600/24works-backlinks.gif" /></a> <br />
<br />
<textarea cols="50" name="code" onclick="this.focus(); this.select();" rows="3" style="height: 128px; margin: 2px; width: 360px;"><!-- Dont edit this code or it will not work --><a target="_blank" href="http://bdlab.blogspot.com/" title="Free Backlinks"><img border="0" alt="Free Backlinks" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YFXRgqXc4IDzmwPMwZ_aKASmt04S0JzUznjOjf50Ar-VLzQljxZvcR2Bf0QpjWiaHY_Yc_6_fT5n6gCBHnojHqrhrBIdwEorhlINqGQAIdmqtTEa3zzX8SeSktx4z2s4n31BdWYt4Ruc/s1600/24works-backlinks.gif" /></a><!-- End http://bdlab.blogspot.com--></textarea> <br />
<br />
<br />
<br />
<blockquote><span class="Apple-style-span" style="color: red;">* Please note:</span>- After you paste the code into the website, please click on the button to create backlinks to your website.<br />
- If you remove the code from your website where your backlink will be deleted automatically.<br />
- if you know any free backlink info, please submit here, Let's share the free backlink list to everyone.</blockquote><br />
<br />
<br />
<br />
<br />
<br />
<br />
</div><br />
<br />
<br />
<br />
<br />
</div></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com8tag:blogger.com,1999:blog-2648032558084820227.post-91653493287430215432010-11-12T09:26:00.000-08:002010-12-02T07:09:47.475-08:00How to Stream MP3 Music on Your Blog<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/ahVg1U" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="http://i52.tinypic.com/2iad98n.png" width="480" /></a></div><br />
<span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: 'Trebuchet MS', sans-serif; font-size: 13px;">This tutorial will show you how to add streaming music or mp3 songs in your blogger post. Its much simple than any other trick found on the net because you just have to add a simple single code to your blogspot post. This will benefit most of the bloggers who runs music blogs. Lets first see what actually we are making, check the player.</span></span><br />
<br />
<span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"></span></span><br />
<div style="color: #52483e; font-family: Tahoma,'century gothic',Arial,verdana,sans-serif; font-size: 13px; line-height: 22px; margin: 5px 0px; padding: 5px 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">STEP #1 Log in to <a href="http://www.blogger.com/" style="background-color: transparent; background-image: url("http://i40.tinypic.com/eg64is.jpg"); background-position: 100% 50%; border-width: 0px; color: #1c4991; font-family: 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif; margin: 0px; outline-style: none; padding: 0px 15px 0px 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Blogger</a>, go to Layout</span></span></span></span></span><br />
<a name='more'></a></div><div style="border-width: 0px; color: #52483e; font-family: Tahoma,'century gothic',Arial,verdana,sans-serif; font-size: 13px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="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="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="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="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="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://bdlab.blogspot.com/2010/08/animated-on-hover-fixed-floating.html" name="more" style="background-color: transparent; color: #f96e02; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;"></a></span></span></span></span></span></span></span></div><div style="border-width: 0px; color: #52483e; font-family: Tahoma,'century gothic',Arial,verdana,sans-serif; font-size: 13px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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;"><img alt="page-elements" border="0" height="73" src="http://blog.btemplates.com/wp-content/uploads/2009/12/pageelements.png" style="background-color: transparent; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top: 0px solid rgb(255, 255, 255); border-width: 0px; display: block; float: none; font-size: 13px; height: auto; margin: 0px auto; max-width: 530px; outline-style: none; outline-width: 0px; padding: 0px; vertical-align: baseline;" title="page-elements" width="500" /></span></span></span></span></span></div><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="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-color: transparent; border-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: 0px; outline-style: none; padding: 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="color: #4e4e4e; 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: arial, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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: Trebuchet, 'Trebuchet MS', Arial, sans-serif; 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-color: transparent; border-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: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;">Add a Gadget</b> of <b style="background-color: transparent; border-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;">HTML/JavaScript</b> type.</span></span></span> </span></span></span></b></span></span></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></span><br />
<br />
</span></span><br />
<div style="border-width: 0px; color: #52483e; font-family: Tahoma,'century gothic',Arial,verdana,sans-serif; font-size: 13px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><div style="margin: 0px; padding: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><b style="background-color: transparent; border-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin: 0px; outline-style: none; padding: 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="color: #4e4e4e; 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></span></span></b></span></span></span></span></span></span><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><b style="background-color: transparent; border-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin: 0px; outline-style: none; padding: 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;"><br />
</span></b></span></span></span></span></span></span></span></span></span></div></div></div><div class="separator" style="clear: both; color: #52483e; font-family: Tahoma,'century gothic',Arial,verdana,sans-serif; font-size: 13px; margin: 0px; padding: 0px; text-align: center;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><a href="http://www.blogger.com/post-create.g?blogID=3137956502846233063" style="background-color: transparent; color: #ef0000; margin: 0px 1em; outline-style: none; padding: 0px; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDZDa1guUYgLdH5a5DWP321DXvxlsX0yAEYVmOpvspUIQBQaYhi_D3v6hLGWeG1qaIJqYxeT0EUZn_hoCp0w5SzU5rVpJDmNu3VewwaULVUXeqR3bQbE0kfa7KAAizDoqmAxbSI0j4q-LD/s1600/Image+2.png" style="background-color: #e4e4e4; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); border-width: 1px; cursor: move; display: inline; margin: 0px 0px 10px; max-width: 100%; padding: 5px;" /></a></span></span></div><div style="color: #52483e; font-family: Tahoma,'century gothic',Arial,verdana,sans-serif; font-size: 13px; margin: 0px; padding: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span></span></div><div style="color: #52483e; font-family: Tahoma,'century gothic',Arial,verdana,sans-serif; font-size: 13px; margin: 0px; padding: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><b style="background-color: transparent; border-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: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: #4e4e4e; 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-color: transparent; border-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: 0px; outline-style: none; padding: 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="color: #333333; 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="color: #4e4e4e; 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-color: transparent; border-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: 0px; outline-style: none; padding: 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="color: #4e4e4e; 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;">Then add this code in to it:</span></span></span></b></span></span></span></b></span></b></span></span></span></div><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); display: block; font: 12px/17px 'Courier New',Fixed,monospace; margin: 1em 0px; overflow: auto; padding: 0px 20px 0px 30px; text-align: left;"><span class="Apple-style-span" style="color: #666666;"><!-- Music Player by http://bdlab.blogspot.com --><br />
<script type='text/javascript'><!--<br />
document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%73%63%6D%70%6C%61%79%65%72%2E%61%73%77%65%62%2E%69%6E%66%6F%2F%73%63%72%69%70%74%2E%6A%73%22%20%3E%3C%2F%73%63%72%69%70%74%3E'));<br />
//--></script><br />
<script type="text/javascript"><!--<br />
SCMMusicPlayer.init("{'skin':'skins/tunes/skin.css','playback':{'autostart':'false','shuffle':'false','volume':'50'},'playlist':[{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...1</span><span class="Apple-style-span" style="color: #666666;">','url':'http://www.yaaridosti.org/songs_eng/Akon/smack_that_akon(yaaridosti.uk.to).mp3'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...2</span><span class="Apple-style-span" style="color: #666666;">','url':'http://www.yaaridosti.org/songs_eng/Akon/Right%20Now%20(Na%20Na%20Na)%20-%20Akon%20(www.yaaridosti.net).mp3'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...3</span><span class="Apple-style-span" style="color: #666666;">','url':'</span><span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span><span class="Apple-style-span" style="color: #666666;">'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...4</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...5</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...6</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...7</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...8</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...9</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...10</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...11</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...12</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'},{'title':'</span><span class="Apple-style-span" style="color: red;">your...title...13</span><span class="Apple-style-span" style="color: #666666;">','url':'<span class="Apple-style-span" style="color: red;">YOUR MP3 FILE LOCATION</span>'}],'placement':'top','showplaylist':'false'}");</span><br />
<span class="Apple-style-span" style="color: #666666;"> //--></script></span><br />
<span class="Apple-style-span" style="color: #666666;"> <!--End of http://bdlab.blogspot.com Music Player script--></span></code><br />
<br />
<span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, 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; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Now</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; 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="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; 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: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">click <b style="background-color: #ff7700; border: 1px solid rgb(153, 51, 0); color: white; margin: 2px; padding: 2px;">Save </b></span></span></span></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<script type="text/javascript">
<!--
document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%73%63%6D%70%6C%61%79%65%72%2E%61%73%77%65%62%2E%69%6E%66%6F%2F%73%63%72%69%70%74%2E%6A%73%22%20%3E%3C%2F%73%63%72%69%70%74%3E'));
//-->
</script><br />
<script type="text/javascript">
<!--
SCMMusicPlayer.init("{'skin':'skins/tunes/skin.css','playback':{'autostart':'false','shuffle':'false','volume':'50'},'playlist':[{'title':'your...title...1','url':'http://www.yaaridosti.org/songs_eng/Akon/smack_that_akon(yaaridosti.uk.to).mp3'},{'title':'your...title...2','url':'http://www.yaaridosti.org/songs_eng/Akon/Right%20Now%20(Na%20Na%20Na)%20-%20Akon%20(www.yaaridosti.net).mp3'},{'title':'your...title...3','url':'http://sound17.mp3pk.com/indian/guzaarish/guzaarish01(www.songs.pk).mp3'},{'title':'your...title...4','url':'http://sound17.mp3pk.com/indian/guzaarish/guzaarish02(www.songs.pk).mp3'},{'title':'your...title...5','url':'http://sound18.mp3pk.com/indian/golmaal3/golmaal3-01(www.songs.pk).mp3'},{'title':'your...title...6','url':'http://sound18.mp3pk.com/indian/golmaal3/golmaal3-02(www.songs.pk).mp3'},{'title':'your...title...7','url':'http://sound18.mp3pk.com/indian/golmaal3/golmaal3-03(www.songs.pk).mp3'},{'title':'your...title...8','url':'http://sound18.mp3pk.com/indian/golmaal3/golmaal3-04(www.songs.pk).mp3'},{'title':'your...title...9','url':'http://sound19.mp3pk.com/artist/shazia_manzoor/maahi-aave-ga/mahiaavega01(www.songs.pk).mp3'},{'title':'your...title...10','url':'http://sound19.mp3pk.com/artist/shazia_manzoor/maahi-aave-ga/mahiaavega09(www.songs.pk).mp3'},{'title':'your...title...11','url':'http://sound18.mp3pk.com/pop_remix/ebodf11/ebodf11-07(www.songs.pk).mp3'},{'title':'your...title...12','url':'http://sound18.mp3pk.com/pop_remix/ebodf11/ebodf11-06(www.songs.pk).mp3'},{'title':'your...title...13','url':'http://sound18.mp3pk.com/pop_remix/ebodf11/ebodf11-01(www.songs.pk).mp3'}],'placement':'top','showplaylist':'false'}");
//-->
</script>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com1tag:blogger.com,1999:blog-2648032558084820227.post-62638787628655539962010-10-29T03:12:00.000-07:002011-12-24T05:54:22.718-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/byRYP2" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://www.loogix.com/img/res/1/2/8/8/3/7/1288376850960413.gif" width="288" /></a></div><br />
<br />
<div style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 22px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">STEP #1 Log in to <a href="http://www.blogger.com/" style="background-color: transparent; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-position: 100% 50%; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #1c4991; 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; 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">Blogger</a>, go to Layout</span></span></span></div><a name='more'></a><br />
<br />
<div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, 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="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="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="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="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="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://bdlab.blogspot.com/2010/08/animated-on-hover-fixed-floating.html" name="more" style="background-color: transparent; color: #f96e02; 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;"></a></span></span></span></span></span></div><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 1.3em; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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;"><img alt="page-elements" border="0" height="73" src="http://blog.btemplates.com/wp-content/uploads/2009/12/pageelements.png" 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-color: initial; border-left-color: rgb(255, 255, 255); border-left-width: 0px; border-right-color: rgb(255, 255, 255); border-right-width: 0px; border-style: initial; border-style: initial; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 0px; display: block; float: none; font-size: 13px; height: auto; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 530px; outline-style: none; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="page-elements" width="500" /></span></span></span></div><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="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-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="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="color: #4e4e4e; 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: arial, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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: Trebuchet, 'Trebuchet MS', Arial, sans-serif; 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-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;">Add a Gadget</b> of <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;">HTML/JavaScript</b> type.</span></span></span> </span></span></span></b></span></span></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></span><br />
<br />
<div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 1.3em; 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;"><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; line-height: 1.3em; 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;"><div 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 class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><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;"><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="color: #4e4e4e; 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></span></span></b></span></span></span></span></span></span><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><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;"><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;"><br />
</span></b></span></span></span></span></span></span></span></div></div></div><div class="separator" style="clear: both; color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><a href="http://www.blogger.com/post-create.g?blogID=3137956502846233063" imageanchor="1" style="background-color: transparent; color: #ef0000; margin-bottom: 0px; margin-left: 1em; margin-right: 1em; 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;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDZDa1guUYgLdH5a5DWP321DXvxlsX0yAEYVmOpvspUIQBQaYhi_D3v6hLGWeG1qaIJqYxeT0EUZn_hoCp0w5SzU5rVpJDmNu3VewwaULVUXeqR3bQbE0kfa7KAAizDoqmAxbSI0j4q-LD/s1600/Image+2.png" style="background-attachment: initial; background-clip: initial; background-color: #e4e4e4; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; cursor: move; display: inline; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; max-width: 100%; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;" /></a></div><div style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</div><div style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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="color: #4e4e4e; 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-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="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="color: #333333; 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="color: #4e4e4e; 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-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="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="color: #4e4e4e; 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;">Then add this code in to it:</span></span></span></b></span></span></span></b></span></b></span></div><br />
<div class="code"><a href='http://bit.ly/work24'><img alt='Blogger Widgets' src='https://sites.google.com/site/bdlab12/24work/Blogspot%2BTutorial.png'/></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 />
<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/AVvXsEjY8QQml6XeDbcmA-cWOsPncqXsWLinOqEF5ckKV3rwVs1kdbBxYK9oklP5qGX86154kXbAYmkDTpnebqYKJft4pdmmibkOrrxh7HjPwhpDnDRAH-dPv72Jk4TXEHqN9plpwTVsPQV7AqnC/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 />
<br />
--><br />
<br />
<br />
<br />
</style><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<script language='JavaScript'> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
imgr = new Array();<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdYIrg-agCN6kaL_gt43XKaeRUYdPAGD70hcKzH84vl54DpjjHL4bPilrV8GBd4kxBaI8sP-YseESIzpboBQrQ6jW4HD6Z5Tq9To7fzHXiKXagL1Ud3VN-5MvKpHvXEj4XKpy0IHUXI9c/s400/noimage.png";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdYIrg-agCN6kaL_gt43XKaeRUYdPAGD70hcKzH84vl54DpjjHL4bPilrV8GBd4kxBaI8sP-YseESIzpboBQrQ6jW4HD6Z5Tq9To7fzHXiKXagL1Ud3VN-5MvKpHvXEj4XKpy0IHUXI9c/s400/noimage.png";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdYIrg-agCN6kaL_gt43XKaeRUYdPAGD70hcKzH84vl54DpjjHL4bPilrV8GBd4kxBaI8sP-YseESIzpboBQrQ6jW4HD6Z5Tq9To7fzHXiKXagL1Ud3VN-5MvKpHvXEj4XKpy0IHUXI9c/s400/noimage.png";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdYIrg-agCN6kaL_gt43XKaeRUYdPAGD70hcKzH84vl54DpjjHL4bPilrV8GBd4kxBaI8sP-YseESIzpboBQrQ6jW4HD6Z5Tq9To7fzHXiKXagL1Ud3VN-5MvKpHvXEj4XKpy0IHUXI9c/s400/noimage.png";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdYIrg-agCN6kaL_gt43XKaeRUYdPAGD70hcKzH84vl54DpjjHL4bPilrV8GBd4kxBaI8sP-YseESIzpboBQrQ6jW4HD6Z5Tq9To7fzHXiKXagL1Ud3VN-5MvKpHvXEj4XKpy0IHUXI9c/s400/noimage.png";<br />
<br />
<br />
<br />
showRandomImg = true;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
boxwidth = 255;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
cellspacing = 6;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
borderColor = "#232c35";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
bgTD = "#000000";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
thumbwidth = 70;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
thumbheight = 70;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
fntsize = 12;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
acolor = "#666";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
aBold = true;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
icon = " ";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
text = "comments";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
showPostDate = true;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
summaryPost = 40;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
summaryFontsize = 10;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
summaryColor = "#666";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
icon2 = " ";<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
numposts = 10;<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
home_page = "<b><span class="Apple-style-span" style="color: red;">http://24work.blogspot.com</span></b>/";<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 />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;">Note :If your template already have a jquery do not put again, just copy after it</span><br />
<div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Html from above a few things could be replaced :</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">1. homepage address</div><div style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b><span class="Apple-style-span" style="color: red;">home_page = “<span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small; line-height: normal;">http://24work.blogspot.com</span>/”;</span></b></div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">2. Style</div><br />
<br />
<div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">from above style/css, you can change :</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">width</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">width : 220px;</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">width:208px:</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">customize base on your template</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">and</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">or background:#fff url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY8QQml6XeDbcmA-cWOsPncqXsWLinOqEF5ckKV3rwVs1kdbBxYK9oklP5qGX86154kXbAYmkDTpnebqYKJft4pdmmibkOrrxh7HjPwhpDnDRAH-dPv72Jk4TXEHqN9plpwTVsPQV7AqnC/s1600/bdlab-blogspot-com.jpg">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY8QQml6XeDbcmA-cWOsPncqXsWLinOqEF5ckKV3rwVs1kdbBxYK9oklP5qGX86154kXbAYmkDTpnebqYKJft4pdmmibkOrrxh7HjPwhpDnDRAH-dPv72Jk4TXEHqN9plpwTVsPQV7AqnC/s1600/bdlab-blogspot-com.jpg</a>) repeat-x;<br />
Customize the colors of backuground</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">3. image size</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">thumbwidth = 70;<br />
thumbheight = 70;</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Match your needs</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">4. How many post you will show</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">numposts = 10;</div><div style="color: #222222; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; margin-bottom: 1.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Base on what you need to show<br />
<br />
<br />
<br />
</div><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/AVvXsEgAuHsz6DaBuZHAtzFcDKnncfACqla5ikpfGj9zdBxB4GRK_u7K_vzUtZKX8rhBSiy8u7hz_7Swe_CIvz4FR1CzUDOuVeNOeLMASO9ouoLS1xufWm-TzGG3fShcdVQORiDw6HIlBjUUzZlG/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></div></div>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com19tag:blogger.com,1999:blog-2648032558084820227.post-28628169279313367992010-10-21T18:43:00.000-07:002010-12-02T07:27:03.664-08:00Scrolling Title in Browser title bar for blogspot<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/aqX05U" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1HmK0jGt3fs3yt578D7zJz_iQBRoInuW9tueqF57Elp9SespAHYo19al83f3kYh0Wmf2Y202tdCI9I42FaWWb6cyyJYyDUknL_Jioa-9Yj_RH9R1jOLRbPsxX2Ha8DoDfmkWgYv2kvB9u/s320/Image+2.png" width="370" /></a></div><br />
<span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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="fullpost" 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 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 class="Apple-style-span" style="color: black; font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-weight: normal;"></span></b></span></span><br />
<div style="font-size: 13px; line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><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;">One of the most common uses of JavaScript is to create a scrolling message in the browser's status line. You can create a scrolling message using the string methods you have learned in this hour.</b></div><div style="font-size: 13px; line-height: 1.5em; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><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;">To begin, you'll need to define the message to be scrolled. You will use a variable called <tt>msg</tt> to store the message. To begin the script, initialize the variable (feel free to choose your own text for the message):</b></div><br />
<span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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="fullpost" 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 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;"><br />
</b></span></span><br />
<span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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="fullpost" 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 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;">Steps to follow</b>:</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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 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;">STEP #1</b></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Log in to</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://www.blogger.com/" style="background-color: transparent; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-position: 100% 50%; color: #365d95; 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: 15px; padding-top: 0px; text-decoration: none;">Blogger</a></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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 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;">Layout</b></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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 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;">Edit HTML</b></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">and select the tick-box</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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 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;">Expand Widget Templates</b></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Then, find (CTRL+F) this code in the template</span></span><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;"><head></code><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-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></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 />
<a name='more'></a><br />
<code style="background-color: white; background-image: url(http://i39.tinypic.com/a47lat.jpg); background-position: 0% 0%; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; display: block; font: normal normal normal 12px/17px 'Courier New', Fixed, monospace; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left;"><span class="Apple-style-span" style="color: #666666;"><script type='text/javascript'> <br />
//<![CDATA[<br />
msg = "</span><span class="Apple-style-span" style="color: red;">==>Blogspot Tutorial<==</span><span class="Apple-style-span" style="color: #666666;">";</span><br />
<span class="Apple-style-span" style="color: #666666;"> msg = " .................................. " + msg;pos = 0;</span><br />
<span class="Apple-style-span" style="color: #666666;"> function scrollMSG() {</span><br />
<span class="Apple-style-span" style="color: #666666;"> document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;</span><br />
<span class="Apple-style-span" style="color: #666666;"> if (pos > msg.length) pos = 0</span><br />
<span class="Apple-style-span" style="color: #666666;"> window.setTimeout("scrollMSG()",200);</span><br />
<span class="Apple-style-span" style="color: #666666;"> }</span><br />
<span class="Apple-style-span" style="color: #666666;"> scrollMSG();</span><br />
<span class="Apple-style-span" style="color: #666666;"> //]]></span><br />
<span class="Apple-style-span" style="color: #666666;"> </script> </span></code><br />
<br />
<span class="Apple-style-span" style="color: #52483e; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Now</span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; 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: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; 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: Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: normal; 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 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; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">Save Template </b></span></span>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com17tag:blogger.com,1999:blog-2648032558084820227.post-24141478921268562382010-10-15T03:45:00.000-07:002010-12-02T07:28:28.799-08:00How to Make your Blogger Blog ready for Mobile Phones<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><a href="http://bit.ly/9sg0vw"><img alt="making your blogger blog mobile friendly" border="0" id="BLOGGER_PHOTO_ID_5481462708007014274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvDZOU-NGDNazsCaV64e1npmPV38JBSsRtXh305oWU1Eg-ul4HRWYDF2wkCfzaHROwicdXJrPEq_bgGerBdhMDVw4DL6l1wDYXMvK_tyPBtj_o6VWgzfZgWPQQYB7Y94-8FUWIdEi9Kppq/s1600/blogger-mobile-compatible.jpg" style="float: left; height: 198px; margin-bottom: 10px; margin-left: 0pt; margin-right: 10px; margin-top: 0pt; width: 184px;" /></a>As you know, millions of people use their mobile phones to access internet. The mobile internet speed is also very fast these days with 3G's , mobile apps,etc.</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;">From this, we can say many of your readers are coming to your blog through mobile phones..But, if you don't make your blog mobile friendly, .you may lose all your mobile readers because in a mobile phone, a normal blog takes lot of time to load and there are other issues that your site not fitting properly in the mobile screen.</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;">So, here is how to make your Blogger (blogspot) blog mobile internet friendly..</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: #555555; font-family: Georgia, serif; font-size: 16px; line-height: 24px;"></span></div><div 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: 16px; font: normal normal normal 16px/1.5em Georgia, serif; margin-bottom: 20px; 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;"><br />
1. Sign into your Blogger account > Design > Edit html</div><div 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: normal normal normal 16px/1.5em Georgia, serif; margin-bottom: 20px; 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 style="font-size: 16px;">2. Search (Ctrl+f) for the following line (it will be on top side)</div><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: small;"><span class="Apple-style-span" style="line-height: normal;"><br />
</span></span></div><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;"><b:include data='blog' name='all-head-content'/></code><br />
<br />
<span class="Apple-style-span" style="font-family: Georgia, serif; font-size: 16px; line-height: 24px;">3 .Now after this line add the following code -</span><br />
<a name='more'></a><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;"><meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/><br />
<br />
<b:if cond='data:blog.isMobile'><br />
<br />
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/><br />
<br />
<b:else/><br />
<br />
<meta content='width=1100' name='viewport'/><br />
<br />
</b:if></code><br />
<br />
<span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Now</span><span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; 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: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; 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: Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">click</span><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: normal; 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 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; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">Save Template </b></span></span><br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Georgia, serif; font-size: 16px; line-height: 24px;">4. That’s all, now your blog is mobile compatible and will load faster for mobile users.</span>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com14tag:blogger.com,1999:blog-2648032558084820227.post-73971942029103133712010-09-28T03:43:00.000-07:002010-12-02T07:31:32.500-08:00Page load timer script: show your page loading time<div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="http://bit.ly/9mqMWR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqhgLj47dyLbux6yv3-kikVMreOxcJho6WhBSMNlh7X7iHAyhGfm9hs3P8nAGIIs2gpGXBLAIzUrg2r9A2LG03QGWu6XcJJs7JT8s0jJiX8A84Zdk24rx6JOb_Dquf0j30aWw1j99hXnAv/s320/Image+1.png" style="cursor: move;" width="320" /></a></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;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="fullpost" 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 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;">Steps to follow</b>:</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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 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;">STEP #1</b></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Log in to</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://www.blogger.com/" style="background-color: transparent; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-position: 100% 50%; color: #365d95; 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: 15px; padding-top: 0px; text-decoration: none;">Blogger</a></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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 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;">Layout</b></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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 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;">Edit HTML</b></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">and select the tick-box</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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 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;">Expand Widget Templates</b></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Then, find (CTRL+F) this code in the template</span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://i39.tinypic.com/a47lat.jpg); background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; font: normal normal normal 12px/17px 'Courier New', Fixed, monospace; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left;"><head></code><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span></div><div style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, 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;"><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; 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-size: 13px; line-height: 21px; 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: #666666; 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="color: black; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px; 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;">And immediately <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;">after</span> </span>it, paste this code:</span></span></span></span></div></div><br />
<br />
<pre style="border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; height: 150px; overflow-x: auto; overflow-y: auto; width: 500px;"><div style="font-family: "Courier New",Courier,monospace;"><!-- page load timer --></div><div style="font-family: "Courier New",Courier,monospace;"><script type='text/javascript'></div><div style="font-family: "Courier New",Courier,monospace;">var d = new Date();</div><div style="font-family: "Courier New",Courier,monospace;">var starttime = d.getTime(); //Get the start time</div><div style="font-family: "Courier New",Courier,monospace;"></script></div></pre><br />
<a name='more'></a><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-left-style: none; border-right-style: none; border-top-style: none; 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 />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Georgia, serif; font-size: 13px; line-height: 20px;"><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; display: inline; font-size: 13px; 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;"><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; display: inline; font-size: 13px; 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;"></span></span></span></div><div style="line-height: 22px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 5px; vertical-align: baseline;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Georgia, serif; font-size: 13px; line-height: 20px;"><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; display: inline; font-size: 13px; 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;"><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; display: inline; font-size: 13px; 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;"><span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; 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;">Now find (CTRL+F) this code in the template:</span></span></span></span></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><code style="background-color: white; background-image: url(http://i39.tinypic.com/a47lat.jpg); background-position: 0% 0%; border-bottom-color: rgb(153, 204, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(153, 204, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 204, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 204, 102); border-top-style: solid; border-top-width: 1px; color: #666666; display: block; font: normal normal normal 12px/17px 'Courier New', Fixed, monospace; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 1em; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 30px; padding-right: 20px; padding-top: 0px; text-align: left;"></body></code></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;">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-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="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-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 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></div><br />
<br />
<pre style="border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; height: 350px; overflow-x: auto; overflow-y: auto; width: 500px;"><div style="font-family: "Courier New",Courier,monospace;"><!-- page load timer start --></div><div style="font-family: "Courier New",Courier,monospace;"><script type='text/javascript'></div><div style="font-family: "Courier New",Courier,monospace;">var d2 = new Date();</div><div style="font-family: "Courier New",Courier,monospace;">var endtime = d2.getTime(); //Get the end time</div><div style="font-family: "Courier New",Courier,monospace;">//Find the difference between the start and end times</div><div style="font-family: "Courier New",Courier,monospace;">var totaltime = (endtime - starttime)/1000;</div><div style="font-family: "Courier New",Courier,monospace;">//Round 2 decimal places</div><div style="font-family: "Courier New",Courier,monospace;">var result = Math.round(totaltime*100)/100;</div><div style="font-family: "Courier New",Courier,monospace;">//Output results to a &quot;P&quot; element</div><div style="font-family: "Courier New",Courier,monospace;">document.getElementById(&quot;loadtime&quot;).innerHTML = &quot;Page loaded in: &quot;+ result +&quot; seconds&quot;;</div><div style="font-family: "Courier New",Courier,monospace;"></script></div><div style="font-family: "Courier New",Courier,monospace;"><!-- page load timer end --></div></pre><br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Now</span><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; 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="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px; 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: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">click <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; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">Save Template </b></span></span></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="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: small; 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-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</span></span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">STEP #1 Log in to <a href="http://www.blogger.com/" style="background-color: transparent; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-position: 100% 50%; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #1c4991; 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; 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">Blogger</a>, go to Layout<span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, 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="color: #666666; font-family: Arial, 'Century gothic', Tahoma, 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-size: small; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, 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></span></span></span></span><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span></span></span></span></span></div><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; line-height: 1.3em; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, 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></span></span></span></div></div><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; line-height: 1.3em; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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 />
</span></span></span></div></div><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="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="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="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="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="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://www.blogger.com/post-edit.g?blogID=2648032558084820227&postID=106010360555021496" name="more" style="background-color: transparent; color: #f96e02; 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;"></a></span></span></span></span></span></div></div><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; line-height: 1.3em; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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;"><img alt="page-elements" border="0" height="73" src="http://blog.btemplates.com/wp-content/uploads/2009/12/pageelements.png" 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-color: rgb(255, 255, 255); border-left-width: 0px; border-right-color: rgb(255, 255, 255); border-right-width: 0px; border-style: initial; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 0px; cursor: move; display: block; float: none; font-size: 13px; height: auto; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 530px; outline-style: none; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="page-elements" width="500" /></span></span></span></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="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-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="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="color: #4e4e4e; 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: arial, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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: Trebuchet, 'Trebuchet MS', Arial, sans-serif; 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-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;">Add a Gadget</b> of <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;">HTML/JavaScript</b> type.</span></span></span> </span></span></span></b></span></span></div><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; line-height: 1.3em; 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;"><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; line-height: 1.3em; 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;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><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;"><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="color: #4e4e4e; 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></span></span></b></span></span></span></span></span></span><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><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;"><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;"><br />
</span></b></span></span></span></span></span></span></span></div></div></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="http://www.blogger.com/post-create.g?blogID=3137956502846233063" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDZDa1guUYgLdH5a5DWP321DXvxlsX0yAEYVmOpvspUIQBQaYhi_D3v6hLGWeG1qaIJqYxeT0EUZn_hoCp0w5SzU5rVpJDmNu3VewwaULVUXeqR3bQbE0kfa7KAAizDoqmAxbSI0j4q-LD/s1600/Image+2.png" style="cursor: move;" /></a></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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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="color: #4e4e4e; 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-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="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="color: #333333; 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="color: #4e4e4e; 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-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="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="color: #4e4e4e; 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;">Then add this code in to it:</span></span></span></b></span></span></span></b></span></b></span></div><div><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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="color: #4e4e4e; 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-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="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="color: #333333; 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="color: #4e4e4e; 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-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="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="color: #4e4e4e; 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;"><br />
</span></span></span></b></span></span></span></b></span></b></span></div><br />
<br />
<pre style="border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; height: 150px; overflow-x: auto; overflow-y: auto; width: 500px;"><!-- Widget portion -->
<div style="font-family: "Courier New",Courier,monospace;"><p id="loadtime">Write your custom message here</p></div></pre>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com5tag:blogger.com,1999:blog-2648032558084820227.post-37937661709997413122010-08-26T03:26:00.000-07:002010-12-02T07:35:49.884-08:00Add Floating Hover Text - Which Trails Mouse CursorIf you want to show any text like "Welcome Here" or "Sign My Guestbook"or "Your Text Here", which follows the mouse cursor (trail text effect), like the one displayed in the image<br />
<a href="http://bit.ly/9Q9Mlv" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5509660066275703442" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz4Jlkh4m81-BmRS1mDiqfJiugKn0bBJ8-uNK6yJg8vrc0HMNjPGvuPdnfSlyUplFdsJGBabpPEBr61nY4Z2uYS4Wd81b20svBOtNNJaARQSDFx31y1fH0BMNLp9FkVoeFDTA0MaZDT3sS/s320/Cursor_Trail_Text.png" style="display: block; height: 169px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 320px;" /></a><br />
<span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">STEP #1 Log in to <a href="http://www.blogger.com/" style="background-color: transparent; background-image: url(http://i40.tinypic.com/eg64is.jpg); background-position: 100% 50%; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #1c4991; 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; 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">Blogger</a>, go to Layout</span></span></span><br />
<span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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><br />
<span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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><br />
<a name='more'></a><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; orphans: 2; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; 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: #666666; font-family: Arial, 'Century gothic', Tahoma, 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="color: #666666; font-family: Arial, 'Century gothic', Tahoma, 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-size: small; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, 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></span></span></span></span><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span></span></span></span></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span><br />
<div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 1.3em; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, 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></span></span></span></div><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 1.3em; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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 />
</span></span></span></div><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, 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="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="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="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="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="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://bdlab.blogspot.com/2010/08/animated-on-hover-fixed-floating.html" name="more" style="background-color: transparent; color: #f96e02; 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;"></a></span></span></span></span></span></div><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 1.3em; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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;"><img alt="page-elements" border="0" height="73" src="http://blog.btemplates.com/wp-content/uploads/2009/12/pageelements.png" 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(255, 255, 255); border-bottom-style: solid; border-bottom-width: 0px; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 0px; border-style: initial; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 0px; display: block; float: none; font-size: 13px; height: auto; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 530px; outline-style: none; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="page-elements" width="500" /></span></span></span></div><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="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-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="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="color: #4e4e4e; 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: arial, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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: Trebuchet, 'Trebuchet MS', Arial, sans-serif; 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-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;">Add a Gadget</b> of <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;">HTML/JavaScript</b> type.</span></span></span> </span></span></span></b></span></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span><br />
<div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 1.3em; 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;"><div style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; line-height: 1.3em; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><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;"><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="color: #4e4e4e; 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></span></span></b></span></span></span></span></span></span><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><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;"><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;"><br />
</span></b></span></span></span></span></span></span><br />
<span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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></span></span></span></span><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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtvK3qs5rPUiD_LgZwg8HbHyZjNlu7InKqhkf5qTUZiKW360NiIdG6do8z_Mb6XSqqFjXKMS4aOTat67BWmzBmLz87oWyfkyD0oyEV-n0izwDCMq9I-uRcEpqD9T_GJki_m1RWl9oCmPP/s1600-h/image%5B9%5D.png" style="background-color: transparent; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #a9ff7f; 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; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline; vertical-align: baseline;"><img alt="image" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrm3qWOvG6uiDCQD2ruQZesEfbKeSFt226P2aoTHswDBKtmZ8mb6RU636ZNSAfylybEftmJOweIV1RcNyYNqnWdO9xz1c78mpWA4VW8U5RVwwtc0ttT-hyS6UZxw5FbzBj1MAVjVuWWbkn/?imgmax=800" style="background-attachment: initial; background-clip: initial; background-color: #e9dbd5; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 0px; border-color: initial; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 0px; border-style: initial; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 0px; display: block; float: none; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; height: auto; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 530px; outline-style: none; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; vertical-align: baseline;" title="image" width="200" /></a></b></span></div></div><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><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="color: #4e4e4e; 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-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="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="color: #333333; 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="color: #4e4e4e; 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-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="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="color: #4e4e4e; 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;">Then add this code in to it:</span></span></span></b></span></span></span></b></span></b></span></span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;">.</span><span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"><br />
</span><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;"><script <span class="IL_AD" id="IL_AD2">language</span>="javascript"><br />
<br />
<br />
<br />
<br />
<br />
// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.<br />
<br />
var text='<span style="color: red;">YOUR TEXT HERE...</span>';<br />
<br />
<br />
<br />
var delay=40; // SPEED OF TRAIL<br />
<br />
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)<br />
<br />
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)<br />
<br />
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES<br />
<br />
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.<br />
<br />
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE <span class="IL_AD" id="IL_AD3">SETTING</span> IS USED.<br />
<br />
<br />
<br />
//********** NO NEED TO EDIT BELOW HERE **********\\<br />
<br />
<br />
<br />
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;<br />
<br />
ie4 = (document.all && !document.getElementById)? true : false;<br />
<br />
ie5 = (document.all && document.getElementById)? true : false;<br />
<br />
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;<br />
<br />
var txtA=new Array();<br />
<br />
text=text.split('');<br />
<br />
var x1=0;<br />
<br />
var y1=-1000;<br />
<br />
var t='';<br />
<br />
<br />
<br />
for(i=1;i<=text.length;i++){<br />
<br />
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';<br />
<br />
t+=beghtml+text[i-1]+endhtml;<br />
<br />
t+=(ns4)? '</layer>' : '</div>';<br />
<br />
}<br />
<br />
document.write(t);<br />
<br />
<br />
<br />
function moveid(id,x,y){<br />
<br />
if(ns4)id.moveTo(x,y);<br />
<br />
else{<br />
<br />
id.style.left=x+'px';<br />
<br />
id.style.top=y+'px';<br />
<br />
}}<br />
<br />
<br />
<br />
function animate(evt){<br />
<br />
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);<br />
<br />
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);<br />
<br />
}<br />
<br />
<br />
<br />
function getidleft(id){<br />
<br />
if(ns4)return id.left;<br />
<br />
else return parseInt(id.style.left);<br />
<br />
}<br />
<br />
<br />
<br />
function getidtop(id){<br />
<br />
if(ns4)return id.top;<br />
<br />
else return parseInt(id.style.top);<br />
<br />
}<br />
<br />
<br />
<br />
function getwindowwidth(){<br />
<br />
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;<br />
<br />
else return window.innerWidth+pageXOffset;<br />
<br />
}<br />
<br />
<br />
<br />
function movetxts(){<br />
<br />
for(i=text.length;i>1;i=i-1){<br />
<br />
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){<br />
<br />
moveid(txtA[i-1],0,-1000);<br />
<br />
moveid(txtA[i],0,-1000);<br />
<br />
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));<br />
<br />
}<br />
<br />
moveid(txtA[1],x1,y1);<br />
<br />
}<br />
<br />
<br />
<br />
window.onload=function(){<br />
<br />
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);<br />
<br />
if(ns4)document.captureEvents(Event.MOUSEMOVE);<br />
<br />
document.onmousemove=animate;<br />
<br />
setInterval('movetxts()',delay);<br />
<br />
}<br />
<br />
</script></code><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 </b></span>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com18tag:blogger.com,1999:blog-2648032558084820227.post-1060103605550214962010-08-24T04:50:00.000-07:002010-12-02T07:51:38.227-08:00Animated (On Hover) Fixed-Floating Twitter-Follow Me Badge<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/b8dydz" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i33.tinypic.com/28vb0d5.gif" /></a></div><br />
<b>Steps to follow</b>:<br />
<br />
<span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin: 0px; padding: 0px;">STEP #1</b></span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Log in to</span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><a href="http://www.blogger.com/" style="background-image: url("http://i40.tinypic.com/eg64is.jpg"); background-position: 100% 50%; color: #365d95; margin: 0px; outline-style: none; padding: 0px 15px 0px 0px; text-decoration: none;">Blogger</a></span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin: 0px; padding: 0px;">Layout</b></span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">-></span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin: 0px; padding: 0px;">Edit HTML</b></span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">and select the tick-box</span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"> </span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><b style="margin: 0px; padding: 0px;">Expand Widget Templates</b></span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;"><br />
</span><span class="Apple-style-span" style="color: #52483e; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Then, find (CTRL+F) this code in the template</span><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;"></head></code><br />
<br />
<div style="color: #52483e; font-family: Tahoma,'century gothic',Arial,verdana,sans-serif; font-size: 13px; 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-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-size: 13px; line-height: 21px; 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: #666666; 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="color: black; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; line-height: 21px; 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;">And immediately <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></span></span><br />
<a name='more'></a></div><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;"><!--FOLLOW-ME-STARTS--><br />
<br />
<style type='text/css'><br />
<br />
.feedbacktw {<br />
<br />
width: 31px;<br />
<br />
height: 116px;<br />
<br />
display: block;<br />
<br />
font-size: 10px;<br />
<br />
text-decoration: none;<br />
<br />
background-repeat:no-repeat;<br />
<br />
background-image:url(<span style="color: blue;">http://i26.tinypic.com/1zb4509.jpg</span>);<br />
<br />
position:fixed;<br />
<br />
top:20%;<br />
<br />
right:2px;<br />
<br />
}<br />
<br />
<br />
<br />
.feedbacktw:hover {<br />
<br />
width: 31px;<br />
<br />
height: 116px;<br />
<br />
display: block;<br />
<br />
text-decoration: none;<br />
<br />
background-repeat:no-repeat;<br />
<br />
background-image:url(<span style="color: blue;">http://i26.tinypic.com/xpu99c.jpg</span>);<br />
<br />
position:fixed;<br />
<br />
top:20%;<br />
<br />
right:10px;<br />
<br />
}<br />
<br />
</style><br />
<br />
<!--FOLLOW-ME-STOPS-Widget-by-http://bdlab.blogspot.com--></code><br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now</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;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">click <b style="background-color: #ff7700; border-color: rgb(153, 51, 0); border-style: solid; border-width: 1px; color: white; margin: 2px; padding: 2px;">Save Template </b></span></span><br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: small;"><span class="Apple-style-span" style="font-size: 13px; line-height: 21px;"><br />
</span></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: 'Times New Roman'; font-size: medium; 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: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;">STEP #1 Log in to<span class="Apple-converted-space"> </span><a href="http://www.blogger.com/" style="background-color: transparent; background-image: url("http://i40.tinypic.com/eg64is.jpg"); background-position: 100% 50%; border-width: 0px; color: #1c4991; font-family: 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif; margin: 0px; outline-style: none; padding: 0px 15px 0px 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Blogger</a>, go to Layout<span class="Apple-style-span" style="color: #666666; font-family: Arial, 'Century gothic', Tahoma, 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="color: #666666; font-family: Arial, 'Century gothic', Tahoma, 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-size: small; 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="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, 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></span></span></span></span><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span></span></span></span></span><br />
<div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, 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></span></span></span></div><div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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 />
</span></span></span></div><div style="border-width: 0px; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="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="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="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="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="line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><a href="http://www.blogger.com/post-edit.g?blogID=2648032558084820227&postID=106010360555021496" name="more" style="color: #f96e02; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;"></a></span></span></span></span></span></div><div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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;"><img alt="page-elements" border="0" height="73" src="http://blog.btemplates.com/wp-content/uploads/2009/12/pageelements.png" style="background-color: transparent; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top: 0px solid rgb(255, 255, 255); border-width: 0px; display: block; float: none; font-size: 13px; height: auto; margin: 0px auto; max-width: 530px; outline-style: none; outline-width: 0px; padding: 0px; vertical-align: baseline;" title="page-elements" width="500" /></span></span></span></div><span class="Apple-style-span" style="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; 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: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; 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></span></span><br />
<span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="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-color: transparent; border-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: 0px; outline-style: none; padding: 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="color: #4e4e4e; 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: arial, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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: Trebuchet, 'Trebuchet MS', Arial, sans-serif; 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-color: transparent; border-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: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;">Add a Gadget</b><span class="Apple-converted-space"> </span>of<span class="Apple-converted-space"> </span><b style="background-color: transparent; border-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;">HTML/JavaScript</b><span class="Apple-converted-space"> </span>type.</span></span></span><span class="Apple-converted-space"> </span></span></span></span></b></span></span><br />
<div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><div style="border-width: 0px; line-height: 1.3em; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><b style="background-color: transparent; border-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin: 0px; outline-style: none; padding: 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="color: #4e4e4e; 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></span></span></b></span></span></span></span></span></span><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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-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;"><b style="background-color: transparent; border-style: none; font-size: 13px; font-style: normal; font-weight: normal; margin: 0px; outline-style: none; padding: 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;"><br />
</span></b></span></span></span></span></span></span><br />
<span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, 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, Verdana, tahoma, sans-serif; font-size: 12px; 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; 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></span></span></span></span><b style="background-color: transparent; border-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: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtvK3qs5rPUiD_LgZwg8HbHyZjNlu7InKqhkf5qTUZiKW360NiIdG6do8z_Mb6XSqqFjXKMS4aOTat67BWmzBmLz87oWyfkyD0oyEV-n0izwDCMq9I-uRcEpqD9T_GJki_m1RWl9oCmPP/s1600-h/image%5B9%5D.png" style="background-color: transparent; border-width: 0px; color: #a9ff7f; font-family: 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif; margin: 0px; outline-style: none; padding: 0px; text-decoration: underline; vertical-align: baseline;"><img alt="image" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrm3qWOvG6uiDCQD2ruQZesEfbKeSFt226P2aoTHswDBKtmZ8mb6RU636ZNSAfylybEftmJOweIV1RcNyYNqnWdO9xz1c78mpWA4VW8U5RVwwtc0ttT-hyS6UZxw5FbzBj1MAVjVuWWbkn/?imgmax=800" style="background-color: #e9dbd5; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top: 0px solid rgb(255, 255, 255); border-width: 0px; display: block; float: none; font-family: 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif; height: auto; margin: 0px auto; max-width: 530px; outline-style: none; padding: 10px; vertical-align: baseline;" title="image" width="200" /></a></b></span></div></div><span class="Apple-style-span" style="color: #4e4e4e; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; 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;"><b style="background-color: transparent; border-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: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="color: #4e4e4e; 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-color: transparent; border-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: 0px; outline-style: none; padding: 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="color: #333333; 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="color: #4e4e4e; 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-color: transparent; border-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: 0px; outline-style: none; padding: 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="color: #4e4e4e; 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;">Then add this code in to it:</span></span></span></b></span></span></span></b></span></b></span>.<br />
<span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px;"> </span><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;"><!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="<span style="color: red;">http://twitter.com/rohul786</span>" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS--></code><br />
<br />
<span class="Apple-style-span" style="font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px;">Change the link in RED color to your own Twitter profile.</span><br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 16px;">Now</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;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">click <b style="background-color: #ff7700; border-color: rgb(153, 51, 0); border-style: solid; border-width: 1px; color: white; margin: 2px; padding: 2px;">Save </b></span></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center><img src="http://i37.tinypic.com/2daewc7.jpg" /></center><br />
<br />
<br />
<span class="Apple-style-span" style="color: #cccccc; font-family: Verdana, Geneva, sans-serif; font-size: 13px;"><span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, sans-serif; line-height: 16px;"><span class="Apple-style-span" style="color: #6e818c; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Image Floating Twitter Follow Me With Different Styles</span><br />
</span></span><span class="Apple-style-span" style="color: #cccccc; font-family: Verdana, Geneva, sans-serif; font-size: 13px;"> </span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center style="color: #cccccc; font-family: Verdana,Geneva,sans-serif; font-size: 13px; margin: 0px; padding: 0px;"><br />
<br />
<br />
<br />
<table style="border-color: rgb(255, 0, 0); border-style: solid; border-width: 2px; margin: 0px; padding: 0px; width: 634px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="margin: 0px; padding: 0px;"><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px; width: 312px;">Direct link image</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">On Hover Direct link</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #2558e4; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">01. http://i42.tinypic.com/353cvh4.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i42.tinypic.com/212en7t.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #33df55; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">02. http://i40.tinypic.com/j65sts.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i44.tinypic.com/2cncvq1.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #d2e151; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">03. http://i40.tinypic.com/x283dc.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i43.tinypic.com/m9sj5y.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #fcb40b; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">04. http://i42.tinypic.com/30kf7mp.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i42.tinypic.com/330ab9s.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #e46630; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">05. http://i43.tinypic.com/20hwowl.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i41.tinypic.com/i1mauo.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #f71625; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">06. http://i43.tinypic.com/x5nygw.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i43.tinypic.com/2nk2qn9.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #f31c81; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">07. http://i44.tinypic.com/1zqsowk.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i39.tinypic.com/33nukja.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #9a1491; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">08. http://i43.tinypic.com/24c8jm9.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i39.tinypic.com/14112c7.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #6633ff; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">09. http://i44.tinypic.com/r8ug3o.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i43.tinypic.com/18nf54.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #00cccc; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">10. http://i44.tinypic.com/2rz7u9s.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i44.tinypic.com/2gxmamx.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #99ffff; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">11. http://i44.tinypic.com/6jozr4.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i43.tinypic.com/25iaycy.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #20dec5; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">12. http://i39.tinypic.com/2a68u1k.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i42.tinypic.com/2rnk9py.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #20de8c; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">13. http://i43.tinypic.com/34zjfo5.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i43.tinypic.com/a4ak2v.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #20de53; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">14. http://i43.tinypic.com/8wjfbs.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i41.tinypic.com/5wbecx.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #0d7f19; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">15. http://i42.tinypic.com/23uucco.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i43.tinypic.com/fee7ht.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #75ac45; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">16. http://i41.tinypic.com/dcfzag.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i44.tinypic.com/200g0w4.jpg</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background-color: #abec14; border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">17. http://i41.tinypic.com/2quhswn.jpg</td><td style="border-color: rgb(86, 228, 243); border-style: solid; border-width: 1px; margin: 0px; padding: 0px;">http://i42.tinypic.com/f5a83s.jpg</td></tr>
</tbody></table></center><span class="Apple-style-span" style="color: #cccccc; font-family: Verdana, Geneva, sans-serif; font-size: 13px;"> </span><br />
<br />
<br />
<span class="Apple-style-span" style="color: #52483e; font-family: Tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 20px;">Thanks to </span><a href="http://loneeagle110.blogspot.com/2010/04/17-styles-animated-on-hover-floating.html">http://loneeagle110.blogspot.com/2010/04/17-styles-animated-on-hover-floating.html</a>adminhttp://www.blogger.com/profile/14194733695963296483noreply@blogger.com6