tag:blogger.com,1999:blog-81452657430829716952024-03-17T20:03:58.890-07:00Blogspot Tutorialadminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.comBlogger24125tag:blogger.com,1999:blog-8145265743082971695.post-33465174906164784332016-04-02T00:00:00.000-07:002016-04-07T04:34:06.545-07:00Add Cute Custom Facebook Like Box 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/13W8b3f" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How To Add a Custom Facebook Like Box to Your Site" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO_0jQcFED5Q0Zk6xxVSdqxEGbgY9VO9AXBBW85mlaNLrVDjzax4n3XO6MdlU2c33XeSSO0_wGcy1TBablo3DcjUN8uWSLpli9htuPdV9ndBpyx4EHKqBg1-CPtQPLi6gNJyo1ai5uFVj6/s1600/fan+box+like.png" title="How To Add a Custom Facebook Like Box to Your Site" /></a></div>Facebook Like Box is very useful widget to show visitors the authority and love of the people for his blog. Facebook offers a simple Like Box plugin that you can easily integrate into your website But the default Facebook like box is not having good look at ugly all. This tutorial will show you How To Add Cute Custom Facebook Like Box using CSS To Blogger. Facebook Like Box is the best way to get more fans on Facebook. A Fan Box allows great attract your Blog more visitors or readers to like your Facebook fan page not leaving the like go here. you don't need to do any think you only need to copy and paste the code. Im Sure that this Cool Customize Facebook Like Box With CSS widget attracts your facebook fans increase the count of Likes.<br />
<br />
<a name='more'></a><br />
<span style="color: red; font-size: x-large;">How To Add a Custom Facebook Like Box to Your Site</span><br />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><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 />
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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
<h4 style="text-align: left;"><span style="color: red;">Note:</span>- Replace <span style="background-color: magenta;">pages%2FBlogspot-tutorial%2F220888831260608</span> With your Facebook User name</h4><br />
Style 1:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinyjfLzhCv2zPiEgO-gQpf4qwOZEujaMnE4RyKQY7aiIXj0ppWO_JZ7lfHkb9_UYbeL2motVjyt0tLg8z6ecilQQEZ9FmC1hFcybP-oBYW4ORdKK8YOI0Nhj_j9N9I4AkVMTuSbc_AQFbb/s1600/Style+1.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK6Ob82ool5Apnetf8JQA2CDqtXV49q6USAfsx32KMAyQJHn3Ie7hQXjToI7aE9AcaExoKz22nEvU7iIohzs135sdm0zoEE0QlSq15RTqV_W0SjySyUHy4NPuDVNwAtyS0VaCFurmK6Ib-/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></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 />
<br />
Style 2:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglWXmYEjigJyysos1n2g-vHsPmm3u71vNshRZt21loWTHZHKl-J4i9cAv9JuS2WGjGsI4s6m4ut64bs-gLF1hW7nPz-yKjeXbjPzQNp_OO44WoZ8xDdmPTKikd0Fx_tnmInCavOslj3zXz/s1600/Style+2.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZHwpd18rMdUAyxf5PswvW-eU0TWH-imKSh9C8_BMeMiWHgPwShMOjBP93VnX46tpisO8IMehV887Ht02OtmuNrU9wjaG7tTz7MWc0fdZTgiK8yuZNBJVHF5CLPvzQ1HWvHmnOxxrKZUqF/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 3:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhARl0xgG14fxDEvlEQM9AdKDY39G0NuDxQTLDQS5fnPIqey4cTD0NODYePRuIIYIS6cUr7NFeGyB8AoTbFKXRw03JeJrFqic-6bTVO9EQFQsRY4KjE3cEZOf5Dc9p2hK2R7E-zPdtUAaMm/s1600/Style+3.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaP5Es81dwC2f-K2o4tjM-2AADFaaQwvR2xlT4fYVQaHm2vZQq9lspp6Vh7HwjWL8810RKQOCbhWsJCytrEX02VF2k6z7-iVlTWyQEwkshdN8RYiXwwhCifhleAPSIkoec6xCooIFAzVsP/s1600/fan-03-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 4:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB6ZgthbpVQaSDyMsiTkTbBs9LUq-VVkH9jZ5uK2vSzQTWHhxRkhoqx0mKYQnq1JbG6oSpJQTk0yaPnQF-tbWajzVJfBntUkLqGJTmlJ_l0O7H0KRMPbfOgLoYFmhihVSn92jcoOrgmcyJ/s1600/Style+4.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-4.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUWsQY9SVTNeds0jPZMbZ3U2Utlk8azJexoN9aJs8JJV70Or_LmvYwQSwhE9y6IbEsw6A8gSInj9mo0BCUiHFVwrDhBmN3ikw8zmV94nFH1HbMzgdnEz5aPOp2OS9o5idoTQo2t0AANSvQ/s1600/fan-04-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 5:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSTy38nLWE519qF-shSwzEcLpXAg21eJHjVqzNoz3LIFMoC6SkYTvULWg1DdBRil7H_i5x7Fx5ny15VwjI3FjxYeluQXumqv0JZ_U9URQnlcvjv73ntieb-MH5UziRwSIFSLEwn0FJFDUm/s1600/Style+5.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-5.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="-moz-box-shadow: 0px 15px 20px 0px #777777; -webkit-box-shadow: 0px 15px 20px 0px #777777; background-color: #f4f4f4; border-radius: 15px; border: 1px solid #CCCCCC; box-shadow: 0px 15px 20px 0px #777777; height: 270px; margin: 30px; padding: 10px 0 10px 10px; width: 250px;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 6:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPQ2zs8pJW_hjxPaF8iUG92veQh-Q4w2S_qlBelnByzPDMllNfwWp4JDIpLWHMNGzdDvaO5VwdTcyhjxcUBBo1mp2JADo93-_zUs0_RO6_1aObr8-tTFCw6L7BGJJkMhAJmAIQiMx9cVSp/s1600/Style+6.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-6.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style=".width:248px; padding:10px 0px 10px 10px;height:230px;border-top:5px solid #CCCCCC;border-right:5px solid #CCCCCC;border-bottom:5px solid #cccccc;border-left:5px solid tomato;border-radius: 0px 30px 0px 0px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKveqPcqq6VwYaIXoFe755NlpGKoNKGuoed3m-Wa6NJNAGhxrfICt7MxAphF-Wb4BEVuy5UUFpGsOVBsXRYSSuiuoGXky7ebxxKgOgCuvFTFp97Y75gaDqPCf37-uAsXoKBmEzl1up5eg/s320/3783098647_fb208001b5.jpg');overflow:hidden;.height:250px;width: 238px;border: 5px outset #f2f2f2;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 7:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhburl4hhtZQm8Ijzt-qVJQNDHZiDRUH28jMgzVWGkFBZ3DNcYCIJ43V_LfkL-eP7AauLaXy3JT2t9sgmbom5HgZJEmUpTMK1eeUvSkLXJVZCshNZ1PgtNR3LTeevsmaqCgYYboYxcD-Uo1/s1600/Style+7.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-7.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style=".width:248px;padding:10px 0px 10px 10px;height:230px;border-top:5px solid #CCCCCC;border-right:5px solid tomato;border-bottom:5px solid #cccccc;border-left:5px solid tomato;border-radius: 0px 30px 0px 0px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbqKhOzNObf_6BsJReOySXJ-n7hnfANRXIvzaR1zNzfr3SG-ZlSinQooRmBmrqAWsY2ef-GpydWFO8Khx1grqAt_Pawt7umk2kENu2niyoSSyYNcyt6QkouRXsJysAu9_UDWcE8m5L2B84/s1600/image4.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 8:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HzBNvVO0cqfqA4z4ECM5usQXuH8h3O4L1MuX5Q2XaC8XSqEBpwY38qLFFODYL6cp5BKBOi6Xwx_-4sOsocr2C6kO8ZoNhfeQrwIuKoIihb-6ILxr1AKO1lWIWEr5bwcJjlhj5Gb4r6Gy/s1600/Style+8.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-8.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style=".background-color:#F4F4F4;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #CCCCCC;.height:250px;overflow:hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 9:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtKZjugCb67ul8tWAYbBDOKR3HKzN0SBOzqJdICYr3i7rgCRG18Wo0c1wD_WgxOSltN2TUSdjsq6JSyX5GPdJugu7RvPbCATiBTFsRqgUh4VZCx0iL0EZEzOO-2sVogVVhvfEg5btpQ8LE/s1600/Style+9.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-9.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background-color:#F8E0E0;width:250px;padding:10px 0 0px 10px;height:250px;border:2px ridge #CCCCCC;box-shadow:10px 5px 5px #CCCCCC;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 10:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFi0NXrpRcOl5t94SAVdgRy-ymNGYPX5iQz9SROsgqGYsnTvp4LmfYTVOdQF2y3fabUaJT8pS_sZRI3Q8PvOsNA0AatgiHjkl_L7F179fsUoeSOp8CI1WOh2Cf35C8rxF-Bh9OB5rt9Zkl/s1600/Style+10.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-10.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background-color:#F4F4F4;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #CCCCCC;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 11:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOdD19rbuT2Kd3jcvKLlDGBZwe3wqALqpJDyFsjJpMdgblyni8r4uNmLlNpt1VIk3J7f27vzdmuOznl2zhSz-sET-xyyF_60eU_ZNKEPuwCtSFN5kwEQCqy2ygVwbFp0YDZ9j2Uo8Qktjd/s1600/Style+11.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-11.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background:#F6CECE;width:250px;border:1px solid#FA5858;padding:2px;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 12:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEfwkHqCpy33NUnfHPywVJQL-r9hMVJ-p7FOdeucr4PcfFSp9giVBhsKnOe14Qp9bKMcanptQIedi_7HOUsDHZKkQxKrfiz2lZLlimgYQJ6upXzExX2i-5dp55Kuw0iQTquDzxHUDHEpZ/s1600/Style+12.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-12.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">.labstrikeFB {width: 250px;height: 250px;border-radius: 3px;position: relative;<br />
background-color:#f4f4f4;padding:5px 10px 15px 0}.labstrikeFB,.labstrikeFB:before, .labstrikeFB:after {background:#f4f4f4;border: 1px solid #ccc;}.labstrikeFB:before,.labstrikeFB:after {content:"";position:absolute;bottom: -3px;left: 2px;right: 2px;height: 1px;border-top: none;}.labstrikeFB:after {left: 4px;right:4px;bottom: -5px;box-shadow: 0 0 2px #ccc;}<br />
</style><div class="labstrikeFB"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 13:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1MRWd0Z9Yfg97xHyjb21ISaeeN9mKgOrvBNtAC772Twcsobb9j2hIgjrZRwHvkM092SjR5BsWAFGQ36GFun4fo04cEI6fAwfFbc9VRwmnDEr9uHShMsRZhjamSbKaAcg6Q6nx6y3lL16p/s1600/Style+13.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-13.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="width:250px; height:250px; background: #FFFFCC; border:1px dashed #FF3300;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 14:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp821UPhlS_I9p6wPVN9UMlv_xNl1qExfUMWWtem8SU_dec4TX4SMoEx9TRTXlzC_hx_0xoRhIvLMbVW3W5kEp2mBAkdaZoSqJDkebLwlFk7PQK-68pKC29BZYROgbbhaljWtYVe2fBWzK/s1600/Style+14.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-14.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background:#f4f4f4;width:250px;padding:0 0px;margin:10px 0;border:solid 6px #e9e8e8;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 15:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-yomgiY9HtxBPAqH_jUakiNsnLqgpTyQLF_gVsmyY29Ko70QALoEmFUT-sDsGaWPSrratI247I57zWP5A5fsjIy2UczXFntSFetWyI2rYom6eJmCuM0_MkkprMYGOoJ2zg9kdj88JShML/s1600/Style+15.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-15.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: rgb(0, 255, 0);background: -moz-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -webkit-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -o-linear gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -ms-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 16:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgokFmSuTmV-L781Yntc0XGFSMM1Wk9n73XcxZnNIwn1c1-zcxOC2Gt2nQv-spNUkdF336RD1luOUpGwDkNlvxx7NMciZNPngcA0XOR2HDiqH4MMo-kfW6hnM0y_xHPWxr_WNSxZv_y9qT3/s1600/Style+16.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-16.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style>#FBox{display:block;position:absolute;top:8px;left:8px}<br />
</style><svg width="250px" height="258px" version="1.1" xmlns="http://www.w3.org/2000/svg"> <desc>Facebook Like Box</desc> <g> <defs> <lineargradient id="MyGradient"> <stop offset="20%" stop-color="pink" /> <stop offset="40%" stop-color="white" /> <stop offset="60%" stop-color="mistyrose" /> <stop offset="70%" stop-color="#f2f2f2" /> <stop offset="100%" stop-color="dodgerblue" /> </stop></stop></stop></stop></stop></lineargradient> </defs> <rect fill="url(#MyGradient)" x="0" y="0" width="292" height="258"/> </rect></g></svg><div id='FBox'><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 17:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9UVQAg7Rye85Ql26CNiM7pHo5NnQkFrtdl-9uGnvs5DIL-u_-FV79fFVHz87JQfVLtzjvGpMxHcq1nG4F9j6aIB_yNP1LMKE_-UY3GXdhlNvhI49634m73vwl48J2N5sHpyVcny-Fgn4H/s1600/Style+17.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-17.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background-color:#D6E0FF;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #66F;border-radius:10px;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 18:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NUxjneyNq3CODKPrBrQabxii1GY6XbtqYI6LVgA5_KtsxQF6YjEb8389Dthf1S2gpuQC7KBQdBX1Xl6afJagBnO9ObChpAuvH8pfIgy_ZkCLkwAqGOtaKLi6ECdR-yY2JRjhksxZ2hTI/s1600/Style+18.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-18.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background-color:#D6E0FF;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #66F;border-radius:10px;box-shadow:4px 4px 0 rgba(0,0,255,0.45);"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 19:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_YUg48H0a9i_moZgukrWOOUFXRIBbG9vhxwJCajQkgtQMynkwfAqhHR9yyLhlupKqqTcmxyehUcNZikM59EUrQBtginUnbthZpID4dQImZdU8nL1gDQARRFA0kStYmTsEbfXcAI7zHVWy/s1600/Style+19.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-19.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: rgb(255, 192, 203);background: -moz-linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: -webkit-linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: -o-linear gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: -ms-linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
Style 20:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Customize Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBdqNbT1u4ZU53XqverZPzKsQG6G3NVxnpuNI2fJWU1gX4ki5qPoIWrkxZYoBMQoALfgZ80eCSRCTvlnsenO-GV7gaDpjRGuvkU4smb0kjo1ROgtUBggAuiL6sAlfOFGzHZf2TTwieNMm4/s1600/Style+20.png" title="Customize Facebook Like Box" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-20.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: rgb(255, 123, 73);background: -moz-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: -webkit-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: -o-linear gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: -ms-linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);background: linear-gradient(90deg, rgb(255, 123, 73) 14%, rgb(232, 129, 116) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<span style="color: magenta; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span>&amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com490tag:blogger.com,1999:blog-8145265743082971695.post-30955429475541567442016-04-01T03:42:00.000-07:002016-04-01T11:32:04.560-07:00How To Add Animated Flash Clock To Your Blogger Blog<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;"><a href="http://bit.ly/vU4F7I" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Animated Flash Clock To Your Blogger Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHLEDurpBgAUBXrL2WFfFq-vMuLRAG6LwwOdZ7xo7dqyvuxd6J5XLk39uhStb8wKnpqwQPP_02Q0jkraM4jiqk-uTgJKgjZ0aGaJR_cZojV-hbHUz-QzOlSeKX4GBpEMP0rDP3AX0lvr15/s1600/Flash+Clock+To+Your+Blogger+Blog.png" title="Animated Flash Clock To Your Blogger Blog" /></a></div><br />
Hello! `How are you guys? here's the cool Clock.this tutorial will show you how to Add animated flash clock gadget your Blogger blog. A clock gives a beautiful look to a website. A clock is a necessity for a personal website, 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.i've tested this Flash Clock on internet explorer, mozzilla firefox & many other web browsers. it's very fast and fresh.You simply have to copy the code below each clock and add it to your blog.<br />
<br />
<br />
<a name='more'></a><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/animated-flash-clock-demo-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<h3 style="text-align: left;"><b><span style="color: red;">How To Add Aniamted Flash Clock Widget To Blogger?</span></b></h3></div><ul style="text-align: left;"><li>Choose a type of clock below</li>
<li>Provide Require widget title</li>
<li>Fill <b>Height</b> and <b>Width</b> of the Widget </li>
<li>Click on <b>"Genetate"</b> button</li>
<li>Finally click on <b>"Add to Blogger"</b> to add it to your blog.</li>
</ul><br />
<br />
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="2400px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-clocks/free-flash-clock-yocode.html" width="100%"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<b>Add Animated Flash Clock To Your Blogger blog</b><br />
<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 />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><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 />
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. <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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
Happy blogging!<br />
<br />
<br />
<br />
<br />
<br />
Special Thanks http://flash-clocks.com/ & http://flash2nd.blogspot.com/<br />
<br />
Picture From http://www.2dayblog.com/2009/10/19/manual-digital-clock/<br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com154tag:blogger.com,1999:blog-8145265743082971695.post-35577792407894740152016-03-31T10:49:00.000-07:002016-04-01T11:34:13.778-07:00How to change mouse cursor in blogger blog to animated cursors<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;"><a href="http://bit.ly/wmV0kq" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="mouse cursor in blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB95PmBPIhgXbr94Vny6yEWStscBbl_5G2owig03PnOEF2fQ6a1FsXREq4tx_0UafzwI_3gW_OSOdAeVDFZ_BNxpJ7x1-fwVPbN9gxFKic6sPgEt-ESRaMVjE4CuNoS4Gn1smlJuA557gD/s1600/mouse+cursor+in+blogger.png" title="mouse cursor in blogger" /></a></div><br />
How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun to your blog is, changing mouse cursor on your blog. Changing the mouse cursor in blogger or blogspot blogs is very easy.This tutorial will help you to change the mouse cursor of your blog to animated cursors.Many bloggers are asking such kind of questions but there is no tutorial available on the internet.I created this post because there are a blogger friend who asked how to change the pointer / cursor on the blogger. This you can do to decorate the look of blog.<br />
<br />
<br />
<br />
Read More:<br />
<span style="color: red;"><b>1. <a href="http://bit.ly/trHoJv" target="_blank"><span style="color: red;">How To Add Snow Effect On The Blogger Mouse Cursor Area</span></a></b></span><br />
<br />
<a name='more'></a><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/mouse-cursor/live-demo/mouse-cursor-demo-1.html" rel="nofollow" target="_blank">New Live Demo</a></div><br />
I take the cursor image from http://www.cursors-4u.com and http://rw-designer.com you can change it anytime depends on your festive moods.<br />
<br />
<br />
<h4 style="text-align: left;"><b>How to Install mouse cursor in blogger blog to animated cursors</b></h4><br />
<b>How to add HTML-CSS-Javascript Codes to your Blog ? </b><br />
<br />
This is very simple and easy you only follow below steps and add this widget in your blog.<br />
<br />
<b><span style="color: magenta;">Step 1</span></b> Log-in to your <b style="background-color: orange;">Blogger account</b>.<br />
<br />
<b><span style="color: magenta;">Step 2</span></b> Backup your Template.<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="Edit Template HTML" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZClYfoKn5Pd91y7DJ8XfuTm-G50M4YpIZgd9o8TgSgF3gD_nL5XtjietK_w6_NMkBUdh_qzgx_Ntq7uHHMX-IiArFd0o1J6YFt0wEK4bEbsYUB2YiVVTXksM5Tl6v7CtJz29UdGD4szam/s1600/Edit+Template+HTML.png" title="Edit Template HTML" /></a></div><br />
<br />
<b><span style="color: magenta;">Step 3</span></b> Click on The <b style="background-color: cyan;">Template</b>>> <b><span style="background-color: #f4cccc; color: purple;">Edit HTML</span></b>>> <b><span style="color: orange;">Proceed</span></b>.<br />
<br />
<b><span style="color: magenta;">Step 4</span></b> Now find [by pressing <kbd style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; font-size: 1.2em; margin: 2px 3px; padding: 1px 5px;">Ctrl</kbd><span style="font-family: "georgia" , serif; font-size: 13.63636302947998px;"> + </span><kbd style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; font-size: 1.2em; margin: 2px 3px; padding: 1px 5px;">F</kbd> ] 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/AVvXsEhy2DRvHus-saUcmYyqFZelVLfhIGp_cCTAKXfN2zQ-uJ_Xqfg4LULjR-3asfhfKqyX7_0oSYtALm61s5OMlqGjEeb8TNhHPDIk5M2eQCMji64ZJDVKG3n2NtmO4BZY-EmVl3QeZWY0HF7L/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/AVvXsEhy2DRvHus-saUcmYyqFZelVLfhIGp_cCTAKXfN2zQ-uJ_Xqfg4LULjR-3asfhfKqyX7_0oSYtALm61s5OMlqGjEeb8TNhHPDIk5M2eQCMji64ZJDVKG3n2NtmO4BZY-EmVl3QeZWY0HF7L/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><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><link href="https://24work-new.googlecode.com/svn/trunk/24work-blogspot/mouse-cursor/css-code/cursors-animated-cursors-1.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Templates"><img src="https://bitly.com/24workpng1" alt="Blogger Templates" border="0" 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 />
<h2 style="text-align: left;"><span style="color: red;">Change Mouse Cursor Generator by 24work.blogspot.com</span></h2><h4 style="text-align: left;"><b><span style="color: orange;">How To Add Mouse Cursor Widget To Blogger?</span></b></h4></div><ul style="text-align: left;"><li>Choose a type of Mouse Cursor below</li>
<li>Click on <b>"Genetate"</b> button</li>
<li>Finally click on <b>"Add to Blogger"</b> to add it to your blog.</li>
</ul><br />
<br />
<br />
<div style="border: 2px dashed red; padding: 10px;"><iframe frameborder="0" height="4420px" scrolling="no" src="https://24work-new.googlecode.com/svn/trunk/24work-blogspot/mouse-cursor/cursor-generator-ycode.html" width="580px"></iframe></div><br />
<span class="Apple-style-span" style="background-color: white; color: #474747; font-family: "arial" , "verdana"; font-size: 14px;"><span class="Apple-style-span" style="color: #0c343d; font-family: "arial" , "verdana"; font-size: 14px;"><b>Note</b>: </span><span class="Apple-style-span" style="color: white; font-family: "segoe ui" , "calibri" , "myriad pro" , "myriad" , "trebuchet ms" , "helvetica" , "arial" , sans-serif; font-size: 14px;"><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 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;"> </span><span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: magenta;">We are going to add more cursor, cursor pointer, cursors, mouse cursor, Totally Free Cursors, Myspace Cursors, Animated Cursors and cursors oftenly so keep visiting this page</span></span></b></span><span class="Apple-style-span" style="font-family: "segoe ui" , "calibri" , "myriad pro" , "myriad" , "trebuchet ms" , "helvetica" , "arial" , sans-serif; font-size: 14px;"><span class="Apple-style-span" style="color: magenta;">.</span></span></span><br />
<br />
<br />
<br />
<b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"><span style="font-size: x-large;">Blogger MySpace Cursor Code Generate </span></b><br />
<br />
<br />
<br />
You can change the appearance of the cursor on the MySpace profile page (the cursor is the little that moves on the screen by moving the mouse). For example, you could make the appearance of the cursor as a question mark when the user hovers over an object.The widget is originally developed by code-generator.net, i just changed something in the widget.<br />
<br />
<br />
<br />
<iframe frameborder="0" height="1110" name="Scrolling Recent Posts Widget" scrolling="no" src="https://24work-new.googlecode.com/svn/trunk/24work-blogspot/mouse-cursor/blogger-myspace-cursor-generator-ycode.html" width="585px"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>How to Install Blogger MySpace Cursor Code Generator Widget</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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><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 />
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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com265tag:blogger.com,1999:blog-8145265743082971695.post-80336031178885110412016-03-30T23:13:00.000-07:002016-04-01T11:36:05.390-07:00Recent Posts Widget for Blogger Text CSS Hover Effect with jQuery<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/1dGPvYH" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Recent Posts Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPGCUcHb6yuhLk1AI5kdVcZmJRTvNfPSMHEPocTUkBW3MVFInylXM08noyq7iiZyHW9_lsOlERKlQaYsX26i0KrLfIXMz9AIap_O5XfVmf5pFaZFwmCm0kFF6l9gfCTQ2TT71v99XoUnP_/s1600/Recent+Posts+Widget+for+Blogger.png" title="Recent Posts Widget for Blogger" /></a></div><br />
How to Increase Pageviews of Your Blog Or Website? showing Recent Posts Widget is a great way to keep the visitor Browsing spend more time and view more pages in terms lower bounce rate. Easy Ways to Reduce Your Blog Or Website Bounce Rate. Now here is wonderful trick to display Advanced Recent Posts Widget to get people interested in what you have to say. How to Add Beautiful Recent posts text widget with Hover Effect To Blogger. I really hope you enjoyed Multi colored Text Recent Posts Widget with CSS & jQuery. attracts your visitor increase Page views. Wish your website's ranking quickly on Top Google, Yahoo, Bing and Alexa!<br />
<br />
<br />
<a name='more'></a><br />
Read More:<br />
<span style="color: red;"><b>1. <a href="http://bit.ly/vGLd4R" target="_blank"><span style="color: red;">Animated Recent posts for Blogger with Thumbnails - Simple Spy</span></a></b></span><br />
<br />
<b>How to add different style Recent Post Widget In Blogger.</b><br />
<br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
Style 1:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcwhqe906yJOzJE0tQBkZMqah7k_Z9lvfIXMkqMWxKv_ZFZsbdb3MjAYKcOr50GRRfyRiuqk33TPDB-ZfagTjALtFnjZ3LpIzdpNlivtDGjYBOU8NNOdWgDKmaPC_FXJYml0UgL1YnEhB2/s1600/Recent+Posts+Widget+01.png" title="Recent Posts Widget 01" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;"><span style="color: blue; font-size: large;">numposts = 5;</span></span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1.css" /></div></div><br />
<br />
<br />
<br />
<br />
<br />
.............................<br />
<br />
<br />
.............................<br />
<br />
<br />
<h4 style="text-align: left;"><b>Simple And Stylish "Recent Posts" Text Widget For Blogspot</b></h4>Change Code with The One You Like Bellow<br />
<br />
<br />
Style 2:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirAJi4iWvW44aqxfF4LJJiGcwjvup2AXqK7GvyE5dRhHWyrZEsOhBIIeYntHXHoGWLckNgNxOPiZLRjpb93do1A3ug2QWhoKcRfsB5o_z4zACT_1cmlKFhnO9-wV2duxh5S4LUW2SRG5bB/s1600/Recent+Posts+Widget+02.png" title="Recent Posts Widget 02" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-2.css" /></div></div><br />
<br />
<br />
<br />
Style 3:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUbSiQF0DoP6diHPbNc3Ke6gXjTOKkMmxQfwosB1vzFSSRtGHGDREi3smNrBVkN7jnP-kcBQI0L48Cbu4cRFfhDGINrPIT2pSw02t3jK5nXT2R4aq_VQnhZMBY1p68yvRVMB6QFFKGI_gG/s1600/Recent+Posts+Widget+03.png" title="Recent Posts Widget 03" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-3.css" /></div></div><br />
<br />
<br />
<br />
Style 4:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidFN1I9nlY-oYJ1yev3Rh7kYg4YNbLaoIqwHKOUYXX8quTfJRGNTXSzNMdbMy0oVwo0jM8CddhB55DW1ZJ1m576Ei7skv56OYLKTnBE6lElI4e-FSMtfTJvW1qlWyEEBxvJMOggAFyXajQ/s1600/Recent+Posts+Widget+04.png" title="Recent Posts Widget 04" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-4.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-4.css" /></div></div><br />
<br />
<br />
<br />
Style 5:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWifrvEyk0K2DUexoT7GvMDDJ2EDBLwvRBd9GI9IhRK3nGDMVNir32RumKsiAoI3tSMEhTHHWSNI_9W66laB2Td5ro2QhgB97JFFJcc7LKizH1trUk6sGEDnjYmYQgVko7bY0RPfGzQ-9i/s1600/Recent+Posts+Widget+05.png" title="Recent Posts Widget 05" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-5.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-5.css" /></div></div><br />
<br />
<br />
Style 6:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYV19_4SCitN2qNoVbUQDHIeYkkQJl9XiOssbOY9617bN8h-ABtONjBcjofPJRA2FnyzEHSqq7gnVaAcPorLBCL-Nq1juP9G6Kfs1iUobUTf5k9gh0J7RdRMBejSJhGsij5C57SRhYOXf_/s1600/Recent+Posts+Widget+06.png" title="Recent Posts Widget 06" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-6.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-6.css" /></div></div><br />
<br />
<br />
<br />
Style 7:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDmURcXdZGfL9CZwfFub-p9PZob2QqYVsJnc6e-5_64sMeTf12h6GSY67BMdDcNaw5mStivtMcTtQr_uI4KwsRoDJBGDdYIuEn0TLk7hYtXqn4jxitgoZlC_BEGgG2LE6xIdGwwwhOiPG/s1600/Recent+Posts+Widget+07.png" title="Recent Posts Widget 07" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-7.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-7.css" /></div></div><br />
<br />
<br />
<br />
Style 8:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdF-UFPDfyj-7X5KRKSgP5doJxglFgErHLTIfNS5-ekAKqcps3eDeQvNaL-t6pEyDxaHf1iCxJxPcJiEft3Sb_cCw5Zc12XcD1WzH1wikefDQoae-BtkDEDdLwc3K8HhkfuMxZVe1Fuqoe/s1600/Recent+Posts+Widget+08.png" title="Recent Posts Widget 08" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-8.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-8.css" /></div></div><br />
<br />
<br />
<br />
Style 9:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqUM86enoXNkdpwkkXjFT-pyVWN3xSo-YyHjkHY3rzb0RT2YWgYPLibMrvopzKuvPhf3BlOQYukbC1Y9dOxs0z7ZjlTAoT0zoMcCWpUcmspYHitAhm-rDMJYPLHszUrSNWEMCxSfetwHH/s1600/Recent+Posts+Widget+09.png" title="Recent Posts Widget 09" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-9.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-9.css" /></div></div><br />
<br />
<br />
<br />
Style 10:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6DKuGkEFHmRjnVVTlpKUadCiX-QR1hq9yDIlwt_rTlH7UGjsKll8pxs151_qINbI5nJlfe4Qz5baaDgRsddOTud7UvxKKcDkpSk6PGO8KCa2IwsXm1j_7eg6uCHyIv2oh18-o1UzMB3Lm/s1600/Recent+Posts+Widget+010.png" title="Recent Posts Widget 010" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-10.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-10.css" /></div></div><br />
<br />
<br />
<br />
Style 11:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjJwfm_etOvin8li5vT2GbhMC3U6XNZtpe2qnL4QkkC53iasiq6_YZom4HffKngFjq6XwUMpH7VTZsEI4_kRhXzjhI6g5UAko20fC2L8l4Qfgubwy9_jCtN14JRG8JP0jubtY7O4QXkG0P/s1600/Recent+Posts+Widget+011.png" title="Recent Posts Widget 011" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-11.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-11.css" /></div></div><br />
<br />
<br />
<br />
Style 12:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCNYvNHFYidsmo2rW3dChkt6IwoHQYYi5ZDhIbVAwNG3saGTn8Pel3JgSx6q27uIDums-I8tdWKqETzvHST_TgIclI7Ks_G0BbeOzHxUgN1nhy8_SzmHVj6WspQXyuNp2TSuJTHBfQGrRH/s1600/Recent+Posts+Widget+012.png" title="Recent Posts Widget 012" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-12.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-12.css" /></div></div><br />
<br />
<br />
<br />
Style 13:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicXMKu2ZHiJDtWRI7WW9716oHyBVOw143kkNo1z-cYBcSzrL6NMtTu5amkQo_1mlwGblfHcDtGN4ZiRZwRu4LeM0f3VK8k4Gnz9wpyyd3TmV1bIblme4KbENDRyzWyWPEFyFR2-1KR1pdf/s1600/Recent+Posts+Widget+013.png" title="Recent Posts Widget 013" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-13.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-13.css" /></div></div><br />
<br />
<br />
<br />
Style 14:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1grvhWuI14usdQF-UUeO2okczYS_M3amfNGbNXvtU_39h5KmmhZfP_gvL65ohuA6Ljzcr-_GmSc3QjAODVwOlNYhU-V6Ga4921lnMCOYbe8-7ggXnxsyRTdlTAYm3ofo5brocm9UW_y5I/s1600/Recent+Posts+Widget+014.png" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-14.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-14.css" /></div></div><br />
<br />
<br />
<br />
Style 15:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Recent Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZrcyO-n2-Jr7WeybXBfrCt0yBO_J1yB9Keo0o1lypwBbRf314cZhcVyNckjwXQxDKsP12MCSAF2xGQZjCvXyOHL6ADZ6aFEwM686V-DOikt7TzgLKVJ4vW3S9tsx06TqbbQ2s340ljSpO/s1600/Recent+Posts+Widget+015.png" title="Recent Posts Widget 015" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/live-demo/recen-posts-live-demo-15.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"><br />
<br />
<br />
<span style="color: red; font-size: large;">home_page = "http://bdlab.blogspot.com/";</span><br />
<span style="color: blue; font-size: large;">numposts = 5;</span><br />
<br />
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-t/recent-posts-min-15.css" /></div></div><br />
<br />
<br />
<br />
<b>Settings:</b><br />
<br />
<br />
Now Replace the Url= <span style="color: red;"><b>http://bdlab.blogspot.com</b></span> with your Blog address<br />
<br />
You Can Also CUSTOMIZE The CODE According to Your Need<br />
<br />
<b><span style="color: blue;">numposts = 5;</span></b> Total number of posts which you wants to this widget<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com63tag:blogger.com,1999:blog-8145265743082971695.post-40319113349972074982016-03-29T00:46:00.000-07:002016-04-01T11:37:42.802-07:0035+ Drop Down Menu Widget in Blogger Horizontal Menus CSS & CSS3<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/1fpoo5Q" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Drop Down Menu Widget in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgoKuBUJTusvc2dMKlH8L4W6ooDvSkD4-eF5suut0Ou5UN8vTCNq8h9MHxqq6lGI6cD2eaMx23oLCaGbO0n_kuMhygEqqaYnE8qgWj8mEKioBs59BsYZufpBWgCzvxGWoiVpCs0UntGicA/s1600/Drop+Down+Menu+Widget.png" title="Drop Down Menu Widget in Blogger" /></a></div><br />
Drop down Navigation menu is an essential part of any blog or website. This is the awesome CSS dropdown navigation menu which is built with pure CSS, HTML, CSS3 and images Don’t uses JQUERY or JavaScript. This Beautiful drop down menu really great to see in a blog. It helps visitors to easily get the required content the whole blog. This new pure CSS3 drop down menu widget will make your blog outlook more professional. A dropdown widget is a good solution sidebar space saving problem slove and easy to install. So let’s get started add dropdown menu in blogger.<br />
<br />
<br />
<a name='more'></a><br />
<span style="color: red; font-size: x-large;">How To Add Drop Down Navigation Menu In Blogger</span><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. (In The Header Area)<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/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 />
<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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><br />
<br />
<b><span style="color: blue;">Step 3.</span></b> Select 'HTML/Javascript' and add the one of code given below. <br />
<br />
<br />
<br />
<b><span style="color: blue;">Step 4.</span></b> Now Click On Save 'JavaScript' You are done.<br />
<br />
<br />
<br />
01-Light Opera Drop Down Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Light Opera Drop Down Menu" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha7w53z9O_3R7dIPZ5bN0id9lmuBT3UatOnb68cxh7iMj8qh4ydBgliAXz_JFgF1ntNp7T5RrMGwm82287DhX1PVNz3OnlQnlTXwSc2FWjpDyODyiBRNpPUsaNRxBP8d9K5-iXt5Q9PJGr/s1600/01-Light+Opera+Drop+Down+Menu.png" width="292" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/01-Light%20Opera%20Drop%20Down%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu{height:49px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#eee9f0));background:-webkit-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-o-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-ms-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:linear-gradient(top,#fefefe 0%,#eee9f0 100%);border-bottom:2px solid #db000b;width:auto}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-o-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-ms-linear-gradient(top,#fefefe 0%,#ececec 100%);background:linear-gradient(top,#fefefe 0%,#ececec 100%);color:#000;display:inline-block;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;line-height:49px;padding:0 20px;text-decoration:none}#cssmenu ul{list-style:none}#cssmenu > ul{float:left}#cssmenu > ul > li{float:left}#cssmenu > ul > li > a{color:#000;font-size:12px}#cssmenu > ul > li:hover:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0}#cssmenu > ul > li.active:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li.active > a{-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1);background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%)}#cssmenu > ul > li:hover > a{background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}#cssmenu .has-sub{z-index:1}#cssmenu .has-sub:hover > ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;width:200px;top:100%;left:0}#cssmenu .has-sub ul li{*margin-bottom:-1px}#cssmenu .has-sub ul li a{background:#db000b;border-bottom:1px dotted #ff0f1b;filter:none;font-size:11px;display:block;line-height:120%;padding:10px;color:#fff}#cssmenu .has-sub ul li:hover a{background:#a80008}#cssmenu .has-sub .has-sub:hover > ul{display:block}#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#cssmenu .has-sub .has-sub ul li a{background:#a80008;border-bottom:1px dotted #ff0f1b}#cssmenu .has-sub .has-sub ul li a:hover{background:#8f0007}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li class="has-sub"><a href="#"><span>Product 1</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Product 2</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
02-Animated Drop Down CSS3 :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Animated Drop Down CSS3" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz21T4pwrised2Eae1zqB-PW7snP_H5PV-ickoZkQlROdmrH0LXqhDJNGUrTd1tJ-B53c7ZbP2sRiEIztjdpWUdGyE_d76XEiOvx1RwCNyI7O5Cf-sU7lYiKrTHPTIwjVEHa-l_kRuqCgV/s1600/02-Animated+Drop+Down+CSS3.png" width="320" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/02-Animated%20Drop%20Down%20CSS3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul{margin:0;padding:0}#cssmenu li{margin:0;padding:0}#cssmenu a{margin:0;padding:0}#cssmenu ul{list-style:none}#cssmenu a{text-decoration:none}#cssmenu{height:70px;background-color:#232323;box-shadow:0 2px 3px rgba(0,0,0,0.4);width:auto}#cssmenu > ul > li{float:left;margin-left:15px;position:relative}#cssmenu > ul > li > a{color:#a0a0a0;font-family:Verdana,'Lucida Grande';font-size:15px;line-height:70px;padding:15px 20px;-webkit-transition:color .15s;-moz-transition:color .15s;-o-transition:color .15s;transition:color .15s}#cssmenu > ul > li > a:hover{color:#fff}#cssmenu > ul > li > ul{opacity:0;visibility:hidden;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;position:absolute;top:55px;left:50%;margin-left:-90px;width:180px;-webkit-transition:all .3s .1s;-moz-transition:all .3s .1s;-o-transition:all .3s .1s;transition:all .3s .1s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu > ul > li:hover > ul{opacity:1;top:65px;visibility:visible}#cssmenu > ul > li > ul:before{content:'';display:block;border-color:transparent transparent #fafafa transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}#cssmenu > ul ul > li{position:relative}#cssmenu ul ul a{color:#323232;font-family:Verdana,'Lucida Grande';font-size:13px;background-color:#fafafa;padding:5px 8px 7px 16px;display:block;-webkit-transition:background-color 0.1s;-moz-transition:background-color 0.1s;-o-transition:background-color 0.1s;transition:background-color 0.1s}#cssmenu ul ul a:hover{background-color:#f0f0f0}#cssmenu ul ul ul{visibility:hidden;opacity:0;position:absolute;top:-16px;left:206px;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;width:180px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu ul ul > li:hover > ul{opacity:1;left:190px;visibility:visible}#cssmenu ul ul a:hover{background-color:#cc2c24;color:#f0f0f0}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Product</span></a><br />
<ul><br />
<li class="has-sub"><a href="#"><span>Product 1</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Product 2</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
03-Colored Tab Dropdown :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Colored Tab Dropdown" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74zpDCuXg5boNOMr_s14KBtf8GeabDyx4ivMo559qUFaBYUi4DwUR_t0Jupiqd3LBdxscg9bx8BPjOJtWZkHwAkARCJr3A8YAkKBIi2bxivikkI7Q5hgAUPMrLcr77oKkhyphenhyphenv6O5e92Lrd/s1600/03-Colored+Tab+Dropdown.png" width="398" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/03-Colored%20Tab%20Dropdown.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@charset 'UTF-8';#cssmenu{border:none;border:0;margin:0;padding:0;font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:14px;font-weight:bold;color:#8e8e8e;width:auto}#cssmenu > ul{margin-top:6px !important}#cssmenu ul{background:#CDCDCD;background:-webkit-linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);background:linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);border-top:1px solid #A8A8A8;-webkit-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);height:27px;list-style:none;margin:0;padding:0}#cssmenu ul ul{border-top:6px solid #a80329;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#cssmenu ul ul a{line-height:43px}#cssmenu ul ul ul{left:100%;top:0}#cssmenu li{float:left;padding:0 8px}#cssmenu li a{color:#666;display:block;font-weight:bold;line-height:30px;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{color:#000;text-decoration:none}#cssmenu li ul{background:#e0e0e0;border-left:2px solid #a80329;border-right:2px solid #a80329;border-bottom:2px solid #a80329;display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover > ul{display:block}#cssmenu li li{display:block;float:none;padding:0;position:relative;width:225px}#cssmenu li ul a{display:block;font-size:12px;font-style:normal;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover{background:#949494;color:#000;opacity:1.0;filter:alpha(opacity=100)}#cssmenu p{clear:left}#cssmenu .active > a{background:#a80329;-webkit-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;-moz-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;color:#fff}#cssmenu .active > a:hover{color:white}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li class="has-sub"><a href="#"><span>Product 1</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Product 2</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
04-Black Apple Drop Down Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Black Apple Drop Down Menu" border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhBXxyvDvQtP7XDeh_xKyWqUOWZ4_nPhrt_3-_evMTPR9tpzd-XYIsswnNbKYQPkla-V0aiwu34BHALDMwjiLVwzYLcvpkPbWXeevLLmdX_Fgx2HvZCDij6MVUVz0s-3PRNzV32yyw4vdL/s1600/04-Black+Apple+Drop+Down+Menu.png" width="359" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/04-Black%20Apple%20Drop%20Down%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#fff;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;min-width:35px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 #333}#cssmenu ul{list-style:none}#cssmenu > ul > li{float:left}#cssmenu > ul > li.active a{background:#646464 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsksFrFqV56eBvIEHVQtRnZ0au1wYTr2ZZ8Mq1ccdGQ1xAbg-5FSraA7M9WhIBGnqA5B7QaHQs6WAH_vXsD8mFmbA4vAUvkBhHCQz8MTVk0vj1TVk2Mtwx9b4yxDLC0p2g9MO2l6J_Rwh9/s1600/grad_dark.png) repeat-x left bottom;background:-moz-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#4a4a4a));background:-webkit-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-o-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-ms-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:linear-gradient(to bottom,#646464 0%,#4a4a4a 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#646464',endColorstr='#4a4a4a',GradientType=0);box-shadow:inset 0 0 10px #222,inset 0 10px 10px #222;-moz-box-shadow:inset 0 0 10px #222,inset 0 10px 10px #222;-webkit-box-shadow:inset 0 0 10px #222,inset 0 10px 10px #222;filter:none}#cssmenu > ul > li.active a:hover{background:-moz-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#4a4a4a));background:-webkit-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-o-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:-ms-linear-gradient(top,#646464 0%,#4a4a4a 100%);background:linear-gradient(to bottom,#646464 0%,#4a4a4a 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#646464',endColorstr='#4a4a4a',GradientType=0);filter:none}#cssmenu > ul > li a{box-shadow:inset 0 0 0 1px #8a8a8a;-moz-box-shadow:inset 0 0 0 1px #8a8a8a;-webkit-box-shadow:inset 0 0 0 1px #8a8a8a;background:#4a4a4a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsksFrFqV56eBvIEHVQtRnZ0au1wYTr2ZZ8Mq1ccdGQ1xAbg-5FSraA7M9WhIBGnqA5B7QaHQs6WAH_vXsD8mFmbA4vAUvkBhHCQz8MTVk0vj1TVk2Mtwx9b4yxDLC0p2g9MO2l6J_Rwh9/s1600/grad_dark.png) repeat-x left top;background:-moz-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#8a8a8a),color-stop(50%,#707070),color-stop(51%,#626262),color-stop(100%,#787878));background:-webkit-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:-o-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:-ms-linear-gradient(top,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);background:linear-gradient(to bottom,#8a8a8a 0%,#707070 50%,#626262 51%,#787878 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a',endColorstr='#787878',GradientType=0);border-bottom:1px solid #5d5d5d;border-top:1px solid #5d5d5d;border-right:1px solid #5d5d5d;line-height:34px;padding:0 35px;filter:none}#cssmenu > ul > li a:hover{background:#8a8a8a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsksFrFqV56eBvIEHVQtRnZ0au1wYTr2ZZ8Mq1ccdGQ1xAbg-5FSraA7M9WhIBGnqA5B7QaHQs6WAH_vXsD8mFmbA4vAUvkBhHCQz8MTVk0vj1TVk2Mtwx9b4yxDLC0p2g9MO2l6J_Rwh9/s1600/grad_dark.png) repeat-x left bottom;background:-moz-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(50%,#4a4a4a),color-stop(51%,#3b3b3b),color-stop(100%,#525252));background:-webkit-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:-o-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:-ms-linear-gradient(top,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);background:linear-gradient(to bottom,#646464 0%,#4a4a4a 50%,#3b3b3b 51%,#525252 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a',endColorstr='#787878',GradientType=0);filter:none}#cssmenu > ul > li:first-child a{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-left:1px solid #5d5d5d}#cssmenu > ul > li:last-child a{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;top:36px;left:-1px;min-width:100%;text-align:center;/* IE7 */ *width:100%}#cssmenu .has-sub ul li{text-align:center}#cssmenu .has-sub ul li a{border-top:0 none;border-left:1px solid #5d5d5d;display:block;line-height:120%;padding:9px 5px;text-align:center}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
05-Apple CSS3 :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Apple CSS3" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixIDwHDQJV4WthKBYX_dcHm7n2HLe13SEvCh_YQBV7aS_BYaJxvoHF0AWaxk7-3BO9dSiLi7LmH455NO4Q7s_a63EdHLbxl9a3Y_htF7qLQOX2wm4qwEdTfdUPIab8iPRfbMuWcZ35VYBF/s1600/05-Apple+CSS3.png" width="330" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/05-Apple%20CSS3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul{margin:0;padding:7px 6px 0;background:#7d7d7d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc1wTZLTvJRno7_t2AP-dCeZdmK04wG7J1DW62TJtIdGiMP_J_Uwu2YkaRE_MNeFkItV0E2vBxYOtbTPuwMKKw06X01z2gCJlqu21goGIi9WZhqaWK9LMekG2rj3Apn4hGrJPj5xPyGH1n/s1600/overlay.png) repeat-x 0 -110px;line-height:100%;border-radius:1em;font:normal 0.5333333333333333em Arial,Helvetica,sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);width:auto}#cssmenu li{margin:0 5px;padding:0 0 8px;float:left;position:relative;list-style:none}#cssmenu a,#cssmenu a:link{font-weight:bold;font-size:13px;color:#e7e5e5;text-decoration:none;display:block;padding:8px 20px;margin:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.3)}#cssmenu a:hover{background:#000;color:#fff}#cssmenu .active a,#cssmenu li:hover > a{background:#979797 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc1wTZLTvJRno7_t2AP-dCeZdmK04wG7J1DW62TJtIdGiMP_J_Uwu2YkaRE_MNeFkItV0E2vBxYOtbTPuwMKKw06X01z2gCJlqu21goGIi9WZhqaWK9LMekG2rj3Apn4hGrJPj5xPyGH1n/s1600/overlay.png) repeat-x 0 -40px;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc1wTZLTvJRno7_t2AP-dCeZdmK04wG7J1DW62TJtIdGiMP_J_Uwu2YkaRE_MNeFkItV0E2vBxYOtbTPuwMKKw06X01z2gCJlqu21goGIi9WZhqaWK9LMekG2rj3Apn4hGrJPj5xPyGH1n/s1600/overlay.png) repeat-x 0 -40px;color:#444;border-top:solid 1px #f8f8f8;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);text-shadow:0 1px 0 #fff}#cssmenu ul ul li:hover a,#cssmenu li:hover li a{background:none;border:none;color:#666;-webkit-box-shadow:none;-moz-box-shadow:none}#cssmenu ul ul a:hover{background:#7d7d7d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc1wTZLTvJRno7_t2AP-dCeZdmK04wG7J1DW62TJtIdGiMP_J_Uwu2YkaRE_MNeFkItV0E2vBxYOtbTPuwMKKw06X01z2gCJlqu21goGIi9WZhqaWK9LMekG2rj3Apn4hGrJPj5xPyGH1n/s1600/overlay.png) repeat-x 0 -100px !important;color:#fff !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.1)}#cssmenu li:hover > ul{display:block}#cssmenu ul ul{display:none;margin:0;padding:0;width:185px;position:absolute;top:40px;left:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc1wTZLTvJRno7_t2AP-dCeZdmK04wG7J1DW62TJtIdGiMP_J_Uwu2YkaRE_MNeFkItV0E2vBxYOtbTPuwMKKw06X01z2gCJlqu21goGIi9WZhqaWK9LMekG2rj3Apn4hGrJPj5xPyGH1n/s1600/overlay.png) repeat-x 0 0;border:solid 1px #b4b4b4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3)}#cssmenu ul ul li{float:none;margin:0;padding:3px}#cssmenu ul ul a,#cssmenu ul ul a:link{font-weight:normal;font-size:12px}#cssmenu ul:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0}* html #cssmenu ul{height:1%}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
06-Red & Grey Rough Drop Down Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Red & Grey Rough Drop Down Menu" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheZzdat7FYvSefMIvpeDaBmV91wVbWpmf8npF6iEbZSijCfVLNSaKLyaa8lxCvvdYkUCa28-qhi-vBV-I4FClQnv4w5dGNhF52g3yNcvuJyvV7zJnjVRqNzwoaU117AnXVtaEQhikE9sFD/s1600/06-Red+&+Grey+Rough+Drop+Down+Menu.png" width="362" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/06-Red%20%26%20Grey%20Rough%20Drop%20Down%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVo7QlFLpWYdEq9Ql3bIcNqM_KbcU7R9Ltek7O4Lvt5HdwiVsN_PpgMNnBf9H-HUy5z-jSVbhgEaUwB2vbL8fd9caPYVbfmAYWUqk0JgpCoH0sn4ObkRv7lVbsrF19JqRd4G3_kL-y0ABB/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6bz8d2KWIbvUK7V7zrAljd9NY3ktFYvR6T_wf18gbJ2Rs-9o_Y06LN3xjtRxXCjLMfndaa-M1GpdLsVgAHJdR3CW44mi6Gg5CRYzYsAIyPx5j-TrrY3QoAobQk80arkkXoudN5X27PWKr/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #9e3825;text-shadow:0 -1px 0 rgba(116,37,2,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0eiNj8HQ6WubrqeABo2l5Uw9_uQv0ZOru-9ZvxtOgsXJPNvTpyI7uCprnYHx_2KFcMNHZxeazYQdRSOtdrqjdJZKQr9xTh4dyZad3wnoze-J9dpKPCXr64dsBAKWWfVRtm-6b6N0znHQu/s1600/hover.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPk6NuWQ51hPb7gk8FeWcYHWHvhhnUYTs_iCbdGWzDtCGqA8gRi5Dkq7GD5gO_StmAll_rOTgTEx2dToB1arLQL2zsMLaUGX_EkYjMgdz1kq83evs6zGwQ8K1em2wqKWzN6goTQpM0h_fd/s1600/active.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVo7QlFLpWYdEq9Ql3bIcNqM_KbcU7R9Ltek7O4Lvt5HdwiVsN_PpgMNnBf9H-HUy5z-jSVbhgEaUwB2vbL8fd9caPYVbfmAYWUqk0JgpCoH0sn4ObkRv7lVbsrF19JqRd4G3_kL-y0ABB/s1600/highlight-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:#393939;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;text-shadow:0 1px 0 white}#cssmenu > ul ul li a:hover{border-left:4px solid #de553b;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0eiNj8HQ6WubrqeABo2l5Uw9_uQv0ZOru-9ZvxtOgsXJPNvTpyI7uCprnYHx_2KFcMNHZxeazYQdRSOtdrqjdJZKQr9xTh4dyZad3wnoze-J9dpKPCXr64dsBAKWWfVRtm-6b6N0znHQu/s1600/hover.png) repeat;color:white;text-shadow:0 1px 0 black}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6bz8d2KWIbvUK7V7zrAljd9NY3ktFYvR6T_wf18gbJ2Rs-9o_Y06LN3xjtRxXCjLMfndaa-M1GpdLsVgAHJdR3CW44mi6Gg5CRYzYsAIyPx5j-TrrY3QoAobQk80arkkXoudN5X27PWKr/s1600/menu-bg.png) repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
07-Apple Light Drop Down Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Apple Light Drop Down Menu" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxZkYSs-unSrj4-yT5otIe7OyWnowbMASLJjiJKV0x0wIe2rttzOK45_H8cOsICSESvjC8wddvZTDN8vuTmZBb_rmZu59e9oow-n1VjPHvUkXduXX6S-hxVQ6HM2xMjyRnEU5ik6Hsbuk6/s1600/07-Apple+Light+Drop+Down+Menu.png" width="391" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/07-Apple%20Light%20Drop%20Down%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#333;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;min-width:35px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 #eee}#cssmenu ul{list-style:none}#cssmenu > ul > li{float:left}#cssmenu > ul > li.active > a{background:#d9d9d9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTZsRUM7PC8itcBy7gfzvewue5TbOxeDi55ixKO1gHSY9zDH1mnibjDZltjIqxtThRnjok-F8_Pi6xV7exhv0ebXxa6kZ1SHevhgfjF462h1-FN1nEHp18U1Tg4i_YjDhspgWTVTGC1YLK/s1600/grad_light.png) repeat-x left bottom;background:-moz-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9d9d9),color-stop(100%,#bfbfbf));background:-webkit-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-o-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-ms-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#bfbfbf 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#d9d9d9',endColorstr='#bfbfbf',GradientType=0);box-shadow:inset 0 0 10px #979797,inset 0 10px 10px #979797;-moz-box-shadow:inset 0 0 10px #979797,inset 0 10px 10px #979797;-webkit-box-shadow:inset 0 0 10px #979797,inset 0 10px 10px #979797;filter:none}#cssmenu > ul > li.active a:hover{background:-moz-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9d9d9),color-stop(100%,#bfbfbf));background:-webkit-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-o-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:-ms-linear-gradient(top,#d9d9d9 0%,#bfbfbf 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#bfbfbf 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#d9d9d9',endColorstr='#bfbfbf',GradientType=0);filter:none}#cssmenu > ul > li a{box-shadow:inset 0 0 0 1px #fff;-moz-box-shadow:inset 0 0 0 1px #fff;-webkit-box-shadow:inset 0 0 0 1px #fff;background:#bfbfbf url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTZsRUM7PC8itcBy7gfzvewue5TbOxeDi55ixKO1gHSY9zDH1mnibjDZltjIqxtThRnjok-F8_Pi6xV7exhv0ebXxa6kZ1SHevhgfjF462h1-FN1nEHp18U1Tg4i_YjDhspgWTVTGC1YLK/s1600/grad_light.png) repeat-x left top;background:-moz-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#e5e5e5),color-stop(51%,#d7d7d7),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:-o-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:-ms-linear-gradient(top,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);background:linear-gradient(to bottom,#fff 0%,#e5e5e5 50%,#d7d7d7 51%,#ededed 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff',endColorstr='#ededed',GradientType=0);border-bottom:1px solid #d2d2d2;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;line-height:34px;padding:0 35px;filter:none}#cssmenu > ul > li a:hover{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTZsRUM7PC8itcBy7gfzvewue5TbOxeDi55ixKO1gHSY9zDH1mnibjDZltjIqxtThRnjok-F8_Pi6xV7exhv0ebXxa6kZ1SHevhgfjF462h1-FN1nEHp18U1Tg4i_YjDhspgWTVTGC1YLK/s1600/grad_light.png) repeat-x left bottom;background:-moz-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d9d9d9),color-stop(50%,#bfbfbf),color-stop(51%,#b0b0b0),color-stop(100%,#c7c7c7));background:-webkit-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:-o-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:-ms-linear-gradient(top,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);background:linear-gradient(to bottom,#d9d9d9 0%,#bfbfbf 50%,#b0b0b0 51%,#c7c7c7 100%);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff',endColorstr='#ededed',GradientType=0);filter:none}#cssmenu > ul > li:first-child a{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-left:1px solid #d2d2d2}#cssmenu > ul > li:last-child a{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;top:36px;left:-1px;min-width:100%;text-align:center;*width:100%}#cssmenu .has-sub ul li{text-align:center}#cssmenu .has-sub ul li a{border-top:0 none;border-left:1px solid #d2d2d2;display:block;font-size:12px;line-height:120%;padding:9px 5px;text-align:center}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
08-Silver Salmon Button Dropdown :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Silver Salmon Button Dropdown" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh15GptyHMufW3RpHcrotEnx38mNQmi4LslvxguX-us2_FAZTx5hay_EwY0hw8IAErOCoBdXLl1bMg_pUnVuB_3B7OGdy69aBhkb-Flk5otUq-6ogYPPP466dR0ljIEgX2U5JGeW8NcOusF/s1600/08-Silver+Salmon+Button+Dropdown.png" width="381" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/08-Silver%20Salmon%20Button%20Dropdown.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@charset 'UTF-8';/* Starter CSS for Menu */#cssmenu{padding:0;margin:0;border:0}#cssmenu ul,#cssmenu li{list-style:none;margin:0;padding:0}#cssmenu ul{position:relative;z-index:597}#cssmenu ul li{float:left;min-height:1px;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;z-index:599;cursor:default}#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%}#cssmenu ul ul li{float:none}#cssmenu ul ul ul{top:0;left:100%}#cssmenu ul li:hover > ul{visibility:visible}#cssmenu ul ul{margin-top:0}#cssmenu a{display:block;line-height:1em;text-decoration:none}#cssmenu ul li.last ul{left:auto;right:0}#cssmenu ul li.last ul ul{left:auto;right:99.5%}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}/* Custom CSS Styles */#cssmenu{width:auto;font-family:Helvetica,Arial,sans-serif}#cssmenu:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAA3NCSVQICAjb4U/gAAAAI0lEQVQImWPwj0hh+v//PxPD//9M////Z/rP8J/p//9/MD4AGUETB+SFfCsAAAAASUVORK5CYII=);background-color:#606a77;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4f5864),color-stop(1,#49515b));background-image:-webkit-linear-gradient(top,#4f5864,#49515b);background-image:-moz-linear-gradient(top,#4f5864,#49515b);background-image:-o-linear-gradient(top,#4f5864,#49515b);background-image:linear-gradient(#4f5864,#49515b);-moz-box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;-webkit-box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;content:'';display:block;height:8px}#cssmenu > ul{border-bottom:1px solid #252A30;border-top:1px solid #252A30;-moz-box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);background-color:#566171;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6e7d8f),color-stop(1,#404854));background-image:-webkit-linear-gradient(top,#6e7d8f,#404854);background-image:-moz-linear-gradient(top,#6e7d8f,#404854);background-image:-o-linear-gradient(top,#6e7d8f,#404854);background-image:linear-gradient(#6e7d8f,#404854);height:27px;padding:15px 15px 15px 5px}#cssmenu > ul > li{margin:0 10px}#cssmenu > ul > li.has-sub:hover > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}#cssmenu > ul > li:hover > a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAGElEQVQImWP4//8/079//0jGf//+JVUPAADfUJPhbDTaAAAAAElFTkSuQmCC);background-color:#e2e2e2;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#c8c8c8));background-image:-webkit-linear-gradient(top,#fff,#c8c8c8);background-image:-moz-linear-gradient(top,#fff,#c8c8c8);background-image:-o-linear-gradient(top,#fff,#c8c8c8);background-image:linear-gradient(#fff,#c8c8c8)}#cssmenu > ul > li.active:hover > a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAJklEQVQImWP4MruP6d+/f0z//v5Fo/8x/fv3F41GyP8lUf2/v38BoDRPnb8AZS4AAAAASUVORK5CYII=);background-color:#cb7b72;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f49b8e),color-stop(1,#bd584d));background-image:-webkit-linear-gradient(top,#f49b8e,#bd584d);background-image:-moz-linear-gradient(top,#f49b8e,#bd584d);background-image:-o-linear-gradient(top,#f49b8e,#bd584d);background-image:linear-gradient(#f49b8e,#bd584d)}#cssmenu ul a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAIUlEQVQImWP4+PEj09+/f5n+/fvH9PfvXzhG5uNik6gOAOTaUDaAXrIOAAAAAElFTkSuQmCC);background-color:#c2c2c2;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1f1f1),color-stop(1,#a8a8a8));background-image:-webkit-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:-moz-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:-o-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:linear-gradient(#f1f1f1,#a8a8a8);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);color:#3c444d;font-size:12px;line-height:27px;padding:0 20px;position:relative;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.4)}#cssmenu ul ul{width:170px}#cssmenu ul ul a{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;line-height:150%}#cssmenu ul .active > a{color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.4);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAANUlEQVQImXXMsQ0AIRTD0FMmvRlYnAm+TQEIGronxcrX2x80hUEDpNx2em0lx9wNj37+rX4AhN5PdtvsqRUAAAAASUVORK5CYII=);background-color:#c46a60;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ef7260),color-stop(1,#b04c41));background-image:-webkit-linear-gradient(top,#ef7260,#b04c41);background-image:-moz-linear-gradient(top,#ef7260,#b04c41);background-image:-o-linear-gradient(top,#ef7260,#b04c41);background-image:linear-gradient(#ef7260,#b04c41)}#cssmenu ul .has-sub{position:relative}#cssmenu ul .has-sub ul{-moz-border-radius:0 3px 3px 3px;-webkit-border-radius:0 3px 3px 3px;border-radius:0 3px 3px 3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA2CAMAAAAxtAOuAAAAolBMVEXp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enCAApGAAAANXRSTlP9+vf08Ozp5eDc19POycS+ubOuqKOdl5GLhYB6dG5oYlxXUUxGQTs2MSwoIx8aFhMPCwgFAqv7N0MAAABMSURBVHheBcCDEcMAAADAj1Hbtr3/aj0/BEKRWCKVyRVKFVU1dQ1NLW0dXT19A0MjYxNTM3MLSytrG1s7ewdHJ2cXVzd3D08vbx/fP9L5BZigzasGAAAAAElFTkSuQmCC) repeat-x;background-color:#c3c3c3;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e9e9e9),color-stop(1,#aaa));background-image:-webkit-linear-gradient(top,#e9e9e9,#aaa);background-image:-moz-linear-gradient(top,#e9e9e9,#aaa);background-image:-o-linear-gradient(top,#e9e9e9,#aaa);background-image:linear-gradient(#e9e9e9,#aaa);padding:3px 0}#cssmenu ul .has-sub ul a{background:none;padding:8px 8px 8px 16px;border-bottom:1px solid transparent;text-align:left}#cssmenu ul .has-sub ul .has-sub a:after{content:none}#cssmenu ul .has-sub li:hover > a{border-bottom:1px solid #1D2024;color:#FFF;background-color:#55616f;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#56606f),color-stop(1,#3f4852));background-image:-webkit-linear-gradient(top,#56606f,#3f4852);background-image:-moz-linear-gradient(top,#56606f,#3f4852);background-image:-o-linear-gradient(top,#56606f,#3f4852);background-image:linear-gradient(#56606f,#3f4852);-moz-box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;-webkit-box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;position:relative;text-shadow:0 1px 0 rgba(0,0,0,0.4)}#cssmenu ul .has-sub li:hover > a:after{border-left:0 none;background-color:#c35f54;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ea5f51),color-stop(1,#a9463b));background-image:-webkit-linear-gradient(top,#ea5f51,#a9463b);background-image:-moz-linear-gradient(top,#ea5f51,#a9463b);background-image:-o-linear-gradient(top,#ea5f51,#a9463b);background-image:linear-gradient(#ea5f51,#a9463b);-moz-box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;-webkit-box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;content:'';height:100%;width:6px;position:absolute;right:0;top:0}#cssmenu ul .has-sub > a{padding-right:0}#cssmenu ul .has-sub > a:after{content:'▼';border-left:1px solid rgba(100,100,100,0.2);color:#5D6A7A;-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.2);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.2);box-shadow:-1px 0 0 rgba(255,255,255,0.2);display:inline-block;font-size:9px;margin-left:5px;text-align:center;height:25px;width:24px;text-shadow:0 -1px 0 #101417}#cssmenu ul .active > a:after{color:#FFF}#cssmenu ul ul a{font-size:12px}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li class="has-sub"><a href="#"><span>Product 1</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Product 2</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
09-Orange CSS3 :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Orange CSS3" border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8EY8V_uEMzcqO-K7S-F4BhnojPTlt5kNwiMiUda6ruIhuEl4PrdWD4o_xkmyP71dvnCtM-z_KDxNbvm5FOBPBNsf4AUke5ZaYiOiC5egbYVxpJZJ3RXOf7sp9Ej7RJ2zje79WYkucjckA/s1600/09-Orange+CSS3.png" width="396" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/09-Orange%20CSS3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">/* #F93 *//* #C60 */#cssmenu{border:none;border:0;margin:0;padding:0;font:67.5% 'Lucida Sans Unicode','Bitstream Vera Sans','Trebuchet Unicode MS','Lucida Grande',Verdana,Helvetica,sans-serif;font-size:14px;font-weight:bold;width:auto}#cssmenu ul{background:#f93;height:50px;list-style:none;margin:0;padding:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1);box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1)}#cssmenu li{float:left;padding:0 0 0 15px}#cssmenu li a{color:#000;display:block;font-weight:normal;line-height:50px;margin:0;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{background:#c60;color:#FFF;text-decoration:none;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3)}#cssmenu ul li:hover a{background:#c60;color:#FFF;text-decoration:none}#cssmenu li ul{display:none;height:auto;padding:0;margin:0;border:0;position:absolute;width:200px;z-index:200}#cssmenu li:hover ul{display:block}#cssmenu li li{display:block;float:none;margin:0;padding:0;width:200px;background:#f93;/*this is where the rounded corners for the dropdown disappears*/}#cssmenu li:hover li a{background:none}#cssmenu li ul a{display:block;height:50px;font-size:12px;font-style:normal;margin:0;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover,#cssmenu li ul li:hover a{border:0;color:#FFF;text-decoration:none;background:#c60;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3)}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
010-Grey Impression Drop Down Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Grey Impression Drop Down Menu" border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1NirUnOUSbTjKgPJoQ8NPZc-Q4h9Sj8LTl4iUp50J2fYaCDGNJjltfY9v5fDGHTK8BIt2KoOPizsqfMJdg3Lz-mNVsyBqGBheY7WG8PNjXCqb7toVl0PjtEu2MY0AZU-2dE5JOMYkQoJ/s1600/010-Grey+Impression+Drop+Down+Menu.png" width="370" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/010-Grey%20Impression%20Drop%20Down%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu{border:none;border:0;margin:0;padding:0;font:67.5% 'Lucida Sans Unicode','Bitstream Vera Sans','Trebuchet Unicode MS','Lucida Grande',Verdana,Helvetica,sans-serif;font-size:14px;font-weight:bold;width:auto}#cssmenu ul{background:#333;height:35px;list-style:none;margin:0;padding:0}#cssmenu li{float:left;padding:0}#cssmenu li a{background:#333 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzagqc7gsn3YOH1Kaoefh8DUlcHoW3BJ-jaYyHqRDrsCtLrECB8G_bFG9b6H5L5pLzXJpDLTdyxawa1u1N_nKhnC3j0YWm-W0j-WkQ2K4Ifcqf1SfHAOUAMwCdG72fIn_fklAFUT56aMFj/s1600/seperator.gif') bottom right no-repeat;display:block;font-weight:normal;line-height:35px;margin:0;padding:0 25px;text-align:center;text-decoration:none}#cssmenu > ul > li > a{color:#ccc}#cssmenu ul ul a{color:#ccc}#cssmenu li > a:hover,#cssmenu ul li:hover > a{background:#2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhOtvCV8z0jLYrLhur50-sqCzyHbtKAlOoqw2Lt4Xaz79dkS4fw8KBYOOColj3ugYzMhHtMYhhtFXhVAet-oRhTaXV1bNijI-AKnFqzuQtJaYY2mJpih97NlD3vY4D6S5Yz-qU0bi-Xsn_/s1600/hover.png') bottom center no-repeat;color:#FFF;text-decoration:none}#cssmenu li ul{background:#333;display:none;height:auto;padding:0;margin:0;border:0;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover ul{display:block}#cssmenu li li{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJcQ_GUH1g6q4VgQ6W7s-ZlzlEUv6ALorBLWIWdUeuDjseVVj4L-logy8bAniJrFcICIFvLWqtNnwwAAzoYl01guzshmuBpmAaAwrfHyvvO63ASVSB1gz14rFH6-CTLUw8yu5MW2rje44B/s1600/sub_sep.gif') bottom left no-repeat;display:block;float:none;margin:0;padding:0;width:225px}#cssmenu li:hover li a{background:none}#cssmenu li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover,#cssmenu li ul li:hover > a{background:#2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLrjJ_tJYeueYHkx_16r4wQ-ZTwO1_3hRUyLZ-G29ipdmue2GIjsX24QYQ6u0opy8flxzhZNAYoEroYVc_uJbgJT4oNTQ4UCJDhzMz1jqR2Y0qdmKtYDDfkEICUcGESOo7qUvJfLL3KqZ7/s1600/hover_sub.png') center left no-repeat;border:0;color:#fff;text-decoration:none}#cssmenu p{clear:left}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
011-Flat Horizontal Drop Down Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Flat Horizontal Drop Down Menu" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdDUcQJ3eFHhGvFAfkxofavrRvkpN-c6Fj7ET_YgP6Pb0xM-WdzRt-1m6HgZ0md1FFkN58UrqiB8ybnQSnT7oydi6LqoEEXfcwtLO1-XaqnrFuLXpu-qRXpnGR9BZuwWS9UaJCYAicaU6G/s1600/011-Flat+Horizontal+Drop+Down+Menu.png" width="340" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/011-Flat%20Horizontal%20Drop%20Down%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@charset 'UTF-8';/* Base Styles */#cssmenu > ul,#cssmenu > ul li,#cssmenu > ul ul{list-style:none;margin:0;padding:0}#cssmenu > ul{position:relative;z-index:597;float:left}#cssmenu > ul li{float:left;min-height:1px;line-height:1.3em;vertical-align:middle;padding:10px}#cssmenu > ul li.hover,#cssmenu > ul li:hover{z-index:599;cursor:default}#cssmenu > ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598}#cssmenu > ul ul li{float:none}#cssmenu > ul li:hover > ul{visibility:visible}/* Align last drop down RTL *//* Theme Styles */#cssmenu > ul a:link{text-decoration:none}#cssmenu > ul a:active{color:#ffa500}#cssmenu li{padding:0;color:#000}#cssmenu{font-family:'Lato',sans-serif;width:auto;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#1b9bff;font-size:13px;-moz-box-shadow:inset 0 2px 2px rgba(255,255,255,0.3);-webkit-box-shadow:inset 0 2px 2px rgba(255,255,255,0.3);box-shadow:inset 0 2px 2px rgba(255,255,255,0.3)}#cssmenu > ul{padding:0 5px;-moz-box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3);box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:block;float:none;zoom:1}#cssmenu > ul:before{content:'';display:block}#cssmenu > ul:after{content:'';display:table;clear:both}#cssmenu > ul > li{padding:8px 5px}#cssmenu > ul > li > a,#cssmenu > ul > li > a:link,#cssmenu > ul > li > a:visited{text-shadow:0 -1px 1px #004881;color:#fff;padding:7px 20px;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}#cssmenu > ul > li > a:hover,#cssmenu > ul > li:hover > a{background-color:#0082e7}#cssmenu li li a{color:#8b8b8b;font-size:13px}#cssmenu li li a:hover{color:#5c5c5c;border-color:#5c5c5c}#cssmenu ul ul{margin:0 10px;padding:0 10px;float:none;background:#efefef;border:2px solid #1b9bff;border-top:none;right:0;left:0;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);box-shadow:0 2px 3px rgba(0,0,0,0.2)}#cssmenu ul > li > ul > li{margin:0 10px 0 0;position:relative;padding:0;float:left}#cssmenu ul > li > ul > li > a{padding:10px 20px 10px 10px;display:block}#cssmenu ul > li > ul > li.has-sub > a:before{content:'';position:absolute;top:18px;right:6px;border:5px solid transparent;border-top:5px solid #8b8b8b}#cssmenu ul > li > ul > li.has-sub > a:hover:before{border-top:5px solid #5c5c5c}#cssmenu ul ul ul{width:200px;top:100%;border:2px solid #1b9bff}#cssmenu ul ul ul li{float:none}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li class="has-sub"><a href="#"><span>Product 1</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Product 2</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
012-Platinum Tabbed Dropdown Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Platinum Tabbed Dropdown Menu" border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPMIObYBIFXFaPoFWmF2u9lq1AJIa9mm6Ep60oylADL9swtfAZ0UlTfpUfMl-6UxFSXcMZOiA4B5H552IFRk0OMryGj4S_GrV3cCt8f0d0TvsF136ce2FKeX3zfaFO-KZiCwbJ2ya20-v-/s1600/012-Platinum+Tabbed+Dropdown+Menu.png" width="336" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/012-Platinum%20Tabbed%20Dropdown%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@charset 'UTF-8';/* Starter CSS for Flyout Menu */#cssmenu{padding:0;margin:0;border:0;width:auto}#cssmenu ul,#cssmenu ul li,#cssmenu ul ul{list-style:none;margin:0;padding:0}#cssmenu ul{position:relative;z-index:597;float:left}#cssmenu ul li{float:left;min-height:1px;line-height:1em;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;z-index:599;cursor:default}#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%}#cssmenu ul ul li{float:none}#cssmenu ul ul ul{top:1px;left:99%}#cssmenu ul li:hover > ul{visibility:visible}#cssmenu ul ul{top:1px;left:99%}#cssmenu ul li{float:none}#cssmenu ul ul{margin-top:1px}#cssmenu ul ul li{font-weight:normal}/* Custom CSS Styles */#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#333;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;padding:0 20px;text-align:center;text-decoration:none}#cssmenu a:hover{background:#f6f6f6;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);position:relative;top:0}#cssmenu ul{background:#e5e5e5;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;list-style:none}#cssmenu > ul{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAA3NCSVQICAjb4U/gAAAAHUlEQVQImWN4+vQpEwMDAxMDAwPT////4exBIgYA2loa5nAttNYAAAAASUVORK5CYII=) 100% 100%;background:-moz-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-o-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-ms-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:linear-gradient(#e5e5e5 0%,#ddd 100%);box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);padding-top:5px;width:100%}#cssmenu > ul > li{float:left;padding:0 10px;position:relative}#cssmenu > ul > li:hover > a{background:#f6f6f6;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);position:relative}#cssmenu > ul > li a{line-height:35px}#cssmenu > ul > li a:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub a{display:block;position:relative}#cssmenu .has-sub > a:after{content:'';display:block;width:10px;height:9px;position:absolute;right:5px;top:50%;margin-top:-5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCQjdBNUNENDkzMTExRTI4NENBRkFDOUM5MUY0QzI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCQjdBNUNFNDkzMTExRTI4NENBRkFDOUM5MUY0QzI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEJCN0E1Q0I0OTMxMTFFMjg0Q0FGQUM5QzkxRjRDMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEJCN0E1Q0M0OTMxMTFFMjg0Q0FGQUM5QzkxRjRDMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4qSqkdAAAAtUlEQVR42nyOPQ6DMAyF3bSIKXeplGP0IL1EpU5dkZiQeoDegBt0ZO4BOjORABL5oX4RZCniDZbl99nPh6ZpjkR0pn19TlxclmW7lHOOANZSykue55uQtZbatiXBfdV1Hc3zvAnCY12FUqrm02Xf93/QOI40TdOLmadYZoUxhkIICUKC1hpthRJB3viy8ViMKCR470v23glcdB+GIT7PACEBSauZQN70eBrP4zIn3JC0+j8BBgCxDV02ZQEC4wAAAABJRU5ErkJggg==);-webkit-transform:rotate(360deg)}#cssmenu .has-sub ul{background:#f6f6f6;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:none;padding:10px 0;position:absolute;left:50%;top:34px;margin-left:-70px;width:140px;z-index:1}#cssmenu .has-sub ul li:hover > a{background:#ddd;color:#ae0001;border-color:#e5e5e5 transparent transparent transparent}#cssmenu .has-sub ul a{line-height:160%;padding:8px 0}#cssmenu .has-sub .has-sub a:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgwRkJGQzk4NDkzMTExRTI4M0U0QzE5NjJFN0U3RjNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgwRkJGQzk5NDkzMTExRTI4M0U0QzE5NjJFN0U3RjNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBGQkZDOTY0OTMxMTFFMjgzRTRDMTk2MkU3RTdGM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODBGQkZDOTc0OTMxMTFFMjgzRTRDMTk2MkU3RTdGM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DuTwoAAAAtUlEQVR42nyOsQ3CMBBFj4CVyktkAvZgEJZAoqKNoMoEjMAGzEDnhtKyGztxYzvmznIsIUX5kq2T/rv7fyeE2APAEbb1OeAXGGObVAgBCHxxzk9t265C3ntQSkGD82CMgZTSKkge6pwB7HmXUibn3N/TWif0nsQ0ZbEfxxHmea6XyLTW0jjQl8Gu675o3IqRNU0TxBgf6L0rWHTFuFweAaAESlrMCuJmpNJUni5jwoWSFv8nwAA0tXChxwneNwAAAABJRU5ErkJggg==);-webkit-transform:rotate(360deg)}#cssmenu .has-sub .has-sub ul{background:#ddd;left:100%;top:0;margin-left:0}#cssmenu .has-sub .has-sub ul a{background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}#cssmenu .has-sub .has-sub ul a:after{background-image:none}#cssmenu .has-sub .has-sub ul a:hover{background:#bfbfbf}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li class="has-sub"><a href="#"><span>Product 1</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Product 2</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
013-Blue Drop Down Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Blue Drop Down Menu" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXEj3njOpzR3ZPDEG4Xh9y-67CxH1UiqGtsyfZH4zBOy5nl-Pml6M_I9zFZb-ROmQ5BH8oOZ0KlJVXuxGVQg4izwLDxATpcJdwiiMPrBT-ZzdpXylwQujwclwY8MJE7wklUSApBhC2kc7x/s1600/013-Blue+Drop+Down+Menu.png" width="368" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/013-Blue%20Drop%20Down%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);/* 2f4b87 *//* 2f4b87 *//* #1f325d *//* Menu CSS */#cssmenu{width:auto}#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Source Sans Pro',sans-serif;font-weight:500;font-size:16px;color:#fff;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .3s}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu a{text-shadow:0 1px 1px rgba(0,0,0,0.2)}#cssmenu ul{background:#3b5998;border-radius:3px;border:1px solid #2b4479;border:1px solid #2d4373;-webkit-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-o-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-moz-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-ms-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15)}#cssmenu ul > li{float:left;list-style:none}#cssmenu ul > li > a{display:block;text-decoration:none;padding:15px 44px;position:relative}#cssmenu ul > li > a:hover{background:#2d4373;-webkit-box-shadow:inset 0 0 1px #1e2e4f;-o-box-shadow:inset 0 0 1px #1e2e4f;-moz-box-shadow:inset 0 0 1px #1e2e4f;-ms-box-shadow:inset 0 0 1px #1e2e4f;box-shadow:inset 0 0 1px #1e2e4f;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .3s}#cssmenu ul > li > a:hover:before{content:'';z-index:2;position:absolute;border:1px solid white;border-top:0;border-bottom:0;border-right:0;width:100%;height:100%;top:0;left:-1px;opacity:.2}#cssmenu ul > li > a:hover:after{content:'';z-index:2;position:absolute;border:1px solid white;border-top:0;border-bottom:0;border-left:0;width:100%;height:100%;top:0;right:-1px;opacity:.2}#cssmenu > ul > li > ul{opacity:0;visibility:hidden;position:absolute}#cssmenu > ul > li:hover > ul{opacity:1;visibility:visible;position:absolute;border-radius:0 0 3px 3px;-webkit-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none}#cssmenu > ul > li > ul{width:200px;position:absolute}#cssmenu > ul > li > ul > li{float:none;position:relative}#cssmenu > ul > li > ul > li > ul{opacity:0;visibility:hidden;position:absolute}#cssmenu > ul > li > ul > li:hover > ul{opacity:1;visibility:visible;position:absolute}#cssmenu > ul > li > ul > li > ul{left:200px;top:1px;width:200px}#cssmenu > ul > li > ul > li > ul > li{float:none}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li class="has-sub"><a href="#"><span>Product 1</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Product 2</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
014-Rounded Slate Dropdown Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Rounded Slate Dropdown Menu" border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG36m6Jr_LhzfXD4EXV0HI71ljr-0gkTIwou7sadgrjAG8cmIp8cbZBLVzGiL_1lBm-EZEuhXtfXwDxXOYKApN-BNErqcZiI8jB2HTaaR2-3Ch1coOdZIbNF6uc2W8dWsaTwOFTzicEXje/s1600/014-Rounded+Slate+Dropdown+Menu.png" width="330" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/014-Rounded%20Slate%20Dropdown%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@charset 'UTF-8';#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{border:0;margin:0;padding:0;position:relative}#cssmenu{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#f2edea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAA3NCSVQICAjb4U/gAAAAMklEQVQImWP49PYV0////6GYAcFm+I9d/P9/JgZkcRR12NVDzMMihlMtRJyBkHpMNwIA6ZmLp7k56KwAAAAASUVORK5CYII=) 100% 100%;box-shadow:0 0 2px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.15);-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.15);background:-moz-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2edea),color-stop(100%,#c0bebf));background:-webkit-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-o-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-ms-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:linear-gradient(to bottom,#f2edea 0%,#c0bebf 100%);font-weight:600;height:52px;width:auto}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{box-shadow:inset 0 1px 0 whitesmoke;-moz-box-shadow:inset 0 1px 0 whitesmoke;-webkit-box-shadow:inset 0 1px 0 whitesmoke;background:#f2edea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAA3NCSVQICAjb4U/gAAAAMklEQVQImWP49PYV0////6GYAcFm+I9d/P9/JgZkcRR12NVDzMMihlMtRJyBkHpMNwIA6ZmLp7k56KwAAAAASUVORK5CYII=) 100% 100%;background:-moz-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2edea),color-stop(100%,#c0bebf));background:-webkit-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-o-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:-ms-linear-gradient(top,#f2edea 0%,#c0bebf 100%);background:linear-gradient(to bottom,#f2edea 0%,#c0bebf 100%);color:#666;display:inline-block;font-family:Arial,Verdana,sans-serif;font-size:12px;line-height:52px;padding:0 28px;text-decoration:none}#cssmenu ul{list-style:none;box-shadow:inset 0 1px 0 whitesmoke;-moz-box-shadow:inset 0 1px 0 whitesmoke;-webkit-box-shadow:inset 0 1px 0 whitesmoke}#cssmenu > ul{float:left}#cssmenu > ul > li{float:left}#cssmenu > ul > li:first-child a{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px}#cssmenu > ul > li.active a,#cssmenu > ul > li:hover > a{box-shadow:inset 0 -2px 3px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -2px 3px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 -2px 3px rgba(0,0,0,0.15);color:white;background:#4a5662 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDNkM2QzM1NDk0QjExRTI5NjFDQzlFM0NGQzY5RDNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDNkM2QzM2NDk0QjExRTI5NjFDQzlFM0NGQzY5RDNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0M2QzZDMzM0OTRCMTFFMjk2MUNDOUUzQ0ZDNjlEM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M2QzZDMzQ0OTRCMTFFMjk2MUNDOUUzQ0ZDNjlEM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6bEPV5AAAAUUlEQVR42mSO0RWAMAgDc4znAA7g/jvUFKj66gevCT0COs4rJLkIoSC1X+j+7GFfupj+a4bFu+isydcMr88dY/PkLL8bPnrLXTvHk2NdzC3AAIj5BKfn0x2aAAAAAElFTkSuQmCC);background:-moz-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4a5662),color-stop(100%,#606f7f));background:-webkit-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:-o-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:-ms-linear-gradient(top,#4a5662 0%,#606f7f 100%);background:linear-gradient(to bottom,#4a5662 0%,#606f7f 100%)}#cssmenu .has-sub{z-index:1}#cssmenu .has-sub:hover > ul{display:block}#cssmenu .has-sub ul{box-shadow:0 1px 2px rgba(0,0,0,0.15);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);display:none;position:absolute;width:200px;top:100%;left:0}#cssmenu .has-sub ul li a{background:#606f7f;border-bottom:1px solid #59636f;border-bottom:1px solid #556371;box-shadow:inset 0 1px 0 #606f7f;-moz-box-shadow:inset 0 1px 0 #606f7f;-webkit-box-shadow:inset 0 1px 0 #606f7f;color:white;display:block;line-height:160%;padding:15px 10px;font-size:12px}#cssmenu .has-sub ul li:hover a{background:#4a5662;box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15)}#cssmenu .has-sub .has-sub:hover > ul{display:block}#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#cssmenu .has-sub .has-sub ul li a{background:#606f7f;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}#cssmenu .has-sub .has-sub ul li a:hover{background:#4a5662;box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.15)}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li class="has-sub"><a href="#"><span>Product 1</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Product 2</span></a><br />
<ul><br />
<li><a href="#"><span>Sub Item</span></a></li><br />
<li class="last"><a href="#"><span>Sub Item</span></a></li><br />
</ul><br />
</li><br />
</ul><br />
</li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
015-Blue & Yellow Rough Drop Down Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Blue & Yellow Rough Drop Down Menu" border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9t1L0Id41SMEzhE1m3tANhTtwt4FJR-KWY13akZt_qhZ5yyLdlVjSsLrPfKuTeyz2GTFQX00l2LudowZ8i-TessBaYdKHB_zqvs3ekFmaiU-n8EQCSKjBFwgqdhsCbVkYvM6PO0IUPac/s1600/015-Blue+&+Yellow+Rough+Drop+Down+Menu.jpg" width="399" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/015-Blue%20%26%20Yellow%20Rough%20Drop%20Down%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_gS9rV7GDcRi8hTlZ9-pdlEmnTouNMdAXAkTMWjM4BMHw3WiGgCKzEAKFHPl4C8WbpvCF7cjFgIYO8tiakpFf8EhuvFHYHRobR2kiuqvvkcJFdH3Y-z1PlvGqlxX7py4PhkuP4jJtfKfn/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGaSjqXjkc-mIAN4GwXzyWJbj-4HSm0aqzIfYkU07OD0afNaSxKjyWYoOhyphenhyphen3FIQt7VC5a7ERw_b6iI9WcY2KppOpL5PIRp4IMX2xUY_QlVWJC6PS2UO-oF8McoxHrVO6Fz-_IIe6ZnAQZh/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #c28130;text-shadow:0 -1px 0 rgba(151,99,33,0.43);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGl8gyL1tss_Lq0GCC3xqXju19DzZUBAbmaG5AHPeIjai7YmSmxYZx4P4s1DFEHtZzDjT71AcdAxUaETsNHGRcuFr8TCJCf9lfPa_QCwh5fb5RAVuP6Fk-UlEPD6g8edu3Dh8OSJVzVVLp/s1600/hover.png) repeat}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_gS9rV7GDcRi8hTlZ9-pdlEmnTouNMdAXAkTMWjM4BMHw3WiGgCKzEAKFHPl4C8WbpvCF7cjFgIYO8tiakpFf8EhuvFHYHRobR2kiuqvvkcJFdH3Y-z1PlvGqlxX7py4PhkuP4jJtfKfn/s1600/highlight-bg.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGl8gyL1tss_Lq0GCC3xqXju19DzZUBAbmaG5AHPeIjai7YmSmxYZx4P4s1DFEHtZzDjT71AcdAxUaETsNHGRcuFr8TCJCf9lfPa_QCwh5fb5RAVuP6Fk-UlEPD6g8edu3Dh8OSJVzVVLp/s1600/hover.png) repeat;margin:0;padding:0;z-index:-1;-webkit-transition:all 0.35s 0.2s ease-in-out;-moz-transition:all 0.35s 0.2s ease-in-out;-ms-transition:all 0.35s 0.2s ease-in-out;transition:all 0.35s 0.2s ease-in-out}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;text-shadow:0 -1px 0 #c28130;text-shadow:0 -1px 0 rgba(151,99,33,0.43)}#cssmenu > ul ul li a:hover{border-left:4px solid #055988;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_gS9rV7GDcRi8hTlZ9-pdlEmnTouNMdAXAkTMWjM4BMHw3WiGgCKzEAKFHPl4C8WbpvCF7cjFgIYO8tiakpFf8EhuvFHYHRobR2kiuqvvkcJFdH3Y-z1PlvGqlxX7py4PhkuP4jJtfKfn/s1600/highlight-bg.png) repeat}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGaSjqXjkc-mIAN4GwXzyWJbj-4HSm0aqzIfYkU07OD0afNaSxKjyWYoOhyphenhyphen3FIQt7VC5a7ERw_b6iI9WcY2KppOpL5PIRp4IMX2xUY_QlVWJC6PS2UO-oF8McoxHrVO6Fz-_IIe6ZnAQZh/s1600/menu-bg.png) repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
016-Grey Red Drop Down Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Grey Red Drop Down Menu" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf0QWQMoL1OvFOJ_EZHi8sziBt8DXHVv8a8N_QvWyId0TRUseowwDphBl5CliiSoQXnrVCSpHnYGbGaL5DxoghTu9tkZbUmybwRnflOgsWX6zef9GM_E11weFd4HSbxM7rCBvM4Y0jjFJY/s1600/016-Grey+Red+Drop+Down+Menu.png" width="369" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/016-Grey%20Red%20Drop%20Down%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBcaKfl751zXdqrxMbEzGDZ0xKOYW3Lvp00f3wuwrrOW9HV-9jWZe_J5o4QT9lnqu4M-FIqQJaj_QgL45nNhBzYw0SWBEcadShescFqdl9XOFrIJDFAdzp34jUU50BnM4MccHqPmNjeMqm/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5VIfz8HwwBLsNLzORC8RwfEw-P168YfTixFvDaL49at5Xhh1W8uKJrkTbam5YEcc1HQ0oDLbEbUy-Od0cmW3pYYjdDoE2nGPmfncNQQ5rkURzH0lU_zDpvXo-tbB8wyzurz0cGYJl2wo3/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #0d0d0d;text-shadow:0 -1px 0 rgba(0,0,0,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBcaKfl751zXdqrxMbEzGDZ0xKOYW3Lvp00f3wuwrrOW9HV-9jWZe_J5o4QT9lnqu4M-FIqQJaj_QgL45nNhBzYw0SWBEcadShescFqdl9XOFrIJDFAdzp34jUU50BnM4MccHqPmNjeMqm/s1600/highlight-bg.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmHjm8QgVsZBKgRVqu9wIZVktxh-JYt2U0VMV9eiNkXWyB-avP2gh7gu-AQaWfc-dRcdBo8SAlg7WE0THEM6GZO4QMcZJWrGg2fbamUj_U0b7eEC3x4Zrxh7FtNbK-m-hNkGkY-MZ7mAyb/s1600/hover.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5VIfz8HwwBLsNLzORC8RwfEw-P168YfTixFvDaL49at5Xhh1W8uKJrkTbam5YEcc1HQ0oDLbEbUy-Od0cmW3pYYjdDoE2nGPmfncNQQ5rkURzH0lU_zDpvXo-tbB8wyzurz0cGYJl2wo3/s1600/menu-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}#cssmenu > ul ul li a:hover{border-left:4px solid #d64e34;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmHjm8QgVsZBKgRVqu9wIZVktxh-JYt2U0VMV9eiNkXWyB-avP2gh7gu-AQaWfc-dRcdBo8SAlg7WE0THEM6GZO4QMcZJWrGg2fbamUj_U0b7eEC3x4Zrxh7FtNbK-m-hNkGkY-MZ7mAyb/s1600/hover.png) repeat}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5VIfz8HwwBLsNLzORC8RwfEw-P168YfTixFvDaL49at5Xhh1W8uKJrkTbam5YEcc1HQ0oDLbEbUy-Od0cmW3pYYjdDoE2nGPmfncNQQ5rkURzH0lU_zDpvXo-tbB8wyzurz0cGYJl2wo3/s1600/menu-bg.png) repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
017-Simple Red :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Simple Red" border="0" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikSHRBz6TZA_D2urx6Cak5e-nseZI1eg1SUoSR9-GKK3XHt-Gh_E_MAnwYz7yMtKxQOskMCEU-s_9ZV1jv-bgOM08DPBpUtIhmMd1zZAlnij-TNuGR5Lnuf-JgwxAIvOXeepIsAyvbdN6a/s1600/017-Simple+Red.png" width="294" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/017-Simple%20Red.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu{border:1px solid #b9121b;background:#b9121b}#cssmenu > ul{padding:1px 0;margin:0;list-style:none;width:100%;height:21px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;font:normal 8pt verdana,arial,helvetica}#cssmenu > ul li{margin:0;padding:0;display:block;float:left;position:relative;width:148px}#cssmenu > ul li a:link,#cssmenu > ul li a:visited{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#b9121b;color:#fff;width:148px;height:13px}#cssmenu > ul li:hover a,#cssmenu > ul li a:hover,#cssmenu > ul li a:active{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#ec454e;color:#fff;width:146px;height:13px;border-left:1px solid #fff;border-right:1px solid #fff}#cssmenu > ul li ul{margin:0;padding:1px 1px 0;list-style:none;display:none;background:#fff;width:146px;position:absolute;top:21px;left:-1px;border:1px solid #b9121b;border-top:none}#cssmenu > ul li:hover ul{display:block}#cssmenu > ul li ul li{clear:left;width:146px}#cssmenu > ul li ul li a:link,#cssmenu > ul li ul li a:visited{clear:left;background:#b9121b;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li:hover a,#cssmenu > ul li ul li a:active,#cssmenu > ul li ul li a:hover{clear:left;background:#ec454e;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li ul.navigation-3{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:#fff;z-index:900}#cssmenu > ul li ul li:hover ul.navigation-3{display:block}#cssmenu > ul li ul li ul.navigation-3 li a:link,#cssmenu > ul li ul li ul.navigation-3 li a:visited{background:#b9121b}#cssmenu > ul li ul li ul.navigation-3 li:hover a,#cssmenu > ul li ul li ul.navigation-3 li a:hover,#cssmenu > ul li ul li ul.navigation-3 li a:active{background:#ec454e}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
018-Simple Blue :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Simple Blue" border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUzeIjw5KzJpePWOHahJihTF0NdJvAJRX4CtmF6KygaD5yecTOXYhb0iNvHRzQUf3Nt7bII5BbZaSrpzUqVdgCIKzwrwgzP9yem6LTn9YX4SyQjS4GAVZZYwlFvvmn8M8vkN3XESlGuSo/s1600/018-Simple+Blue.png" width="321" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/018-Simple%20Blue.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu{border:1px solid #009;background:#009}#cssmenu > ul{padding:1px 0;margin:0;list-style:none;width:100%;height:21px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;font:normal 8pt verdana,arial,helvetica}#cssmenu > ul li{margin:0;padding:0;display:block;float:left;position:relative;width:148px}#cssmenu > ul li a:link,#cssmenu > ul li a:visited{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#009;color:#fff;width:148px;height:13px}#cssmenu > ul li:hover a,#cssmenu > ul li a:hover,#cssmenu > ul li a:active{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#06F;color:#fff;width:146px;height:13px;border-left:1px solid #fff;border-right:1px solid #fff}#cssmenu > ul li ul{margin:0;padding:1px 1px 0;list-style:none;display:none;background:#fff;width:146px;position:absolute;top:21px;left:-1px;border:1px solid #009;border-top:none}#cssmenu > ul li:hover ul{display:block}#cssmenu > ul li ul li{clear:left;width:146px}#cssmenu > ul li ul li a:link,#cssmenu > ul li ul li a:visited{clear:left;background:#009;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li:hover a,#cssmenu > ul li ul li a:active,#cssmenu > ul li ul li a:hover{clear:left;background:#06F;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li ul.navigation-3{display:none;margin:0;padding:0;list-style:none;position:absolute;left:145px;top:-2px;padding:1px 1px 0 1px;border:1px solid #009;border-left:1px solid #009;background:#fff;z-index:900}#cssmenu > ul li ul li:hover ul.navigation-3{display:block}#cssmenu > ul li ul li ul.navigation-3 li a:link,#cssmenu > ul li ul li ul.navigation-3 li a:visited{background:#009}#cssmenu > ul li ul li ul.navigation-3 li:hover a,#cssmenu > ul li ul li ul.navigation-3 li a:hover,#cssmenu > ul li ul li ul.navigation-3 li a:active{background:#06F}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li class="has-sub"><a href="#"><span>Products</span></a><br />
<ul><br />
<li><a href="#"><span>Widgets</span></a></li><br />
<li><a href="#"><span>Menus</span></a></li><br />
<li class="last"><a href="#"><span>Products</span></a></li><br />
</ul><br />
</li><br />
<li class="has-sub"><a href="#"><span>Company</span></a><br />
<ul><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Location</span></a></li><br />
</ul><br />
</li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
019-Blue Tabbed Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Blue Tabbed Menu" border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDsYjylMWZJ069zpHN2pFYn-USjb0rs9xVlWV4f6O-fes9-caK2ld5qR7x5M3blzlLyVMEtthkSBrN2hNBz-ngFlF3ls0SQNRBwFgi0AhumISRpdcasPu9PxDX5ZnAnBXHHUeUYE3uKN8Q/s1600/019-Blue+Tabbed+Menu.png" width="391" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/019-Blue%20Tabbed%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_wEtDDeyEihyphenhyphenRH7EM1G6bp9GmAfJEKkwU3K-MhTts5mIc0uMeInZkQA4t9yPzsr0I5Ko9lUo7ZwKATupoJqzxxX-U3xa8x-8H4M1pjfQi3V6b1ykxkOUwzWJwLWOl_QsaHuyAyYOgDXYY/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGvnA2-GjUDMcO6bpPRJuO8Ico3u7vQ0MrposOQQBh84fhlZbTUqqcOrEte9r5Bw33hL5dHSCmC0JBtoao5L1Iu6NIQojEll8cTEfovoJEWzUwmWKUVqdH8tjAtEMYrVCjwmXSarRq77AR/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1VeXGNWWOaBXpfE6K0dU5MtyDqalvohC8N1DXmNKwbAkvracJT1dYSxusUdmVSlyc63jOzy4aU_r3hsWQIWdiKqSnzh9-zz1baUm6Lp43Sp-wIEkKxN6aqfRQ56dLKNRraKtcyKf1EWMF/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#004f7c;text-shadow:0 1px 1px rgba(255,255,255,0.55);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
020-Tabbed Chrome and Blue :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Tabbed Chrome and Blue" border="0" height="62" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw2AG6g8zXiW6Nr5vNO2Ra65HuWfhmhVbTlOs262FA3DaIaX6MtLZKVO1u9vyjXX78ozFkRIUEXEq84LTlchXxlHeI220oy_P9EAAoeOLWdc4Z07xcLQ2gTRZUgemsww7EnrgpwN6LO1Yf/s1600/020-Tabbed+Chrome+and+Blue.png" width="276" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/020-Tabbed%20Chrome%20and%20Blue.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu{float:left;width:100%;background:#efefef;font-size:93%;line-height:normal;border-bottom:1px solid #666}#cssmenu ul{margin:0;padding:10px 10px 0 50px;list-style:none}#cssmenu li{display:inline;margin:0;padding:0}#cssmenu a{float:left;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJudJKikSgn1CR6BeJxhVQEURPszmRbLsPpAR32qIEW6oGtzArY0r-fpya6upMpokmFpzryYNEchPn_3eHNg_h-bQrpITTqMUYlgRwdQ7CcR5YrNmh3zHs8NYcAAXcsPpkQTYdQ0m2JmDU/s1600/tableftf.gif') no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none}#cssmenu a span{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt01ldSzhuemEXY85gtWLYOlW8nzwzO1DAte3QUgUbIDL89qUIB_bJI0BfPxL55MRpgp-_PEaGZGGt7XrinjYTFWqJihetK4doP8rx6b3n55164WpwKOYXhD8x2sl0u68coQAxVhFMuaEM/s1600/tabrightf.gif') no-repeat right top;padding:5px 15px 4px 6px;color:#666}/* Commented Backslash Hack hides rule from IE5-Mac */#cssmenu a span{float:none}/* End IE5-Mac hack */#cssmenu .active a span,#cssmenu a:hover span{color:#FFF}#cssmenu .active a,#cssmenu a:hover{background-position:0 -42px}#cssmenu .active a span,#cssmenu a:hover span{background-position:100% -42px}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
021-Dark Orange Tabbed Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Dark Orange Tabbed Menu" border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsneN6qHFbyLafUUXEqQsyHN2fUjS3WaaEA0rr_G2kg9xMGU1HCQfDRkzZyqec6lKR0Fwp-v9e5RIZbUeVHmAMnHAIhfzt7WsAynBB-JBIfTUeHO6Izf-WHWfAsI88gz6aeWY7YQ4c-sB1/s1600/021-Dark+Orange+Tabbed+Menu.png" width="378" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/021-Dark%20Orange%20Tabbed%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOU1pMaPiuw0oGGZZM4gCAnFKfOaJa6fAmVl3fCUszJcW7SjZfewsDBFyYsJPP8a-VP7OpHKMGJmXpVq-QSPczInT1m5dVu2sGqcY19vURazUxogENUMPDVpXt0c1Qv-LMtE_g7-EvJcSN/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSWodBJt1DL3G4vTEuE2452SYfsR4iLgrmuHPItrrpY2kb0j9aXQmXyMmTbfyTfAdnkb8ASArufe3TRcb3ZSWSRAQajCLglnw5s0I_qDjAG6XObXsKgYfpBkr45058y2VgDB1zrIPMeATS/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxS26mOl0NMPwzyiYc_-34BmeVuNy9GGozjC30dRJ-h9xTTpIxGuuYu14eJlRm5rSCP1e8oCM3N7GeJ005JAQQvFDdPGUJRtU7OA2Z_Ib5fMEppqPTESmNgZO0Eeb19tGfF7lJkIGsC9Iy/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#9b4106;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
022-Grey Tabbed Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Grey Tabbed Menu" border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKj6wFtlMSXdtaQWCZuqxzMyXuYSty0m08xIwXjBx2RR-erVM2vySENDUrIdmB5PjKTpS58gl8834-EfO9BjL4nLnFXQ6krUnWkqiV-AQq0aDMzT_Zozpg9k-Cnqj2JEW8dbBZw0qrpEfK/s1600/022-Grey+Tabbed+Menu.png" width="318" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/022-Grey%20Tabbed%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja7kV3kNFvyKSJbykYbBIW3qtRgeJpl_BnzhTrTbgWy6AmkzxnzSiIX-_midRP8sRi7l6KRlXEYz0kUzMKvqE6OceqWWmTd6VQPFmUorSujEIW2jlfnZMXEl78iPKu2OGme3DLJId6atbB/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQkkWxEvxzCjqpcuGbPh2BbnUK9epy6CvIyiOtPeIw3NPQvzVL7BWyEZaiQd4sccciaSypAc3P_IlL8MIYpimuN3lrhu62ytRF2MbmkYjoECVljd5WFuKM2Bcr-er6Kd3PJaknHpJJQfE-/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1nLh20d_S_8DopfQNp5NMtaw5ZOaX4BmlZKRxBJ7JfVKOYUA7aTtfI4VdwzNQiKUZE2i0cL65s6m0CwxnnW4816M4yAVb874W0B-zvEqzED2dxU1V_ZY67t93uLGGvRluPv1Jf1fHPjRB/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#616161;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
023-Light Orange Tabbed Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Light Orange Tabbed Menu" border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVgZD3SiUJNLfQz2qTP58TD7fdYhUaIXlQvAUiyrSteNgY1VoF3PfRcDZcNFofy1I6TQXMO5HPm4_8X9f3SfrywgrdvpUP0_hu8PrbWH_Uj2JlV0GFMplvhuaxr1OhKRgXf13hbcC539bG/s1600/023-Light+Orange+Tabbed+Menu.png" width="375" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/023-Light%20Orange%20Tabbed%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOxjXSlcV-exEDYsZNMIRsHTxKneIorP1Cptmg5HVpf_ll9tJFVxhV6XFg0IBGLh6pO9k8bOoMa_E3saPpeTrLOpTLy23D0vXjDnnip6KRDP5j0qmWOFIlsDtguuuYlUVqF_ppL2ecUsKX/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmaYiV4Jy1LYbe61aQZlWCwmuabJcfpPUK0rjHRFkpVYUjM9ND-5WzD6eXlD0zT6kBzXDVqtUJ_Yig3E-ZEiO7QpcoYgtSTLVW19P9vppu1uBUN0bb5vEaDLLerRuCp7ttziMaft_MeTob/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2KSd0SoYACZYoMHGue1CNubcwODgy2-yw7lKQK-fOpd0rJ0grCR87uY1F6RmKbmK8ndP8aWyGmKwpNxo3JBGJYmvMCsyDPIwPMMo4fL6qg1S5RWPfFFwRxp3cpO7_RlE2ulPHcEv5JOa/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#946f00;text-shadow:0 1px 1px rgba(255,255,255,0.55);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
024-Purple Tabbed Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Purple Tabbed Menu" border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyYGYUpH-d8XoJljIBzF3RVanzeAgBEI4leTRDSjTSK7wHDL8sVIER-L4wxdIRbsevNhBATUPRB6kzUcCtYadNf-GrsDp0OlnGMXVC_vF987CczfgLd50JtLyOhQlvOa70EohxgODxxca3/s1600/024-Purple+Tabbed+Menu.png" width="345" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/024-Purple%20Tabbed%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibz5kUafdcjcWEHyPOCYq3UyHKpyjGHnZdHVWMoBATiTyin-9zrHq_vc30O1dMAUR2VsYKGqBA0jpYyxQEYhbDxIgDSeCzqVbACYEMhyMdnnbLHr6o0lZLoZPwGjzP0LGnhymzc8JDbEP1/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgadqGm8blvuUkEE0bs3bky85BjVYg4JWZvTRHky7IzhpWLX4ic1GADJl8MRzwCFEOhRXvlQw_1jQEtTwDkTVid-ecO3PcvnhQH0QBr9G1uEeOasn-IfMfflTnOAsne3uUB0IAj_yye6o1y/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjP-poORc7q7KRaR0EEQyvI3kgD_FbxmCfM4zYdCwYUGDMrIpctOW28JoJA7BU7FBMgX9E964fXZTDOVTJqCblJqn4jmxmvXYHkr2rqVxopuWmQeJG7i9YPBftRnhksnNOgvit2kZZXIFY/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#561756;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
025-Blue and Grey Sprite :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Blue and Grey Sprite" border="0" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5yhxOmSJkqzaAgxWTcdsJqSlonutsYcamcFoMd6XSByjReNc1cVpYxcSrqjyHj4U5dUZ7jRcnqU3vs_T-3u2_MiRvBjhQJeXNdcnjsLfR9mrDXhJd7F-eXZ9UmfGWnR0RtbnOwyFCBHi7/s320/025-Blue+and+Grey+Sprite.png" width="363" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/025-Blue%20and%20Grey%20Sprite.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:30px;font-size:16px;font-weight:bold;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjseNk8t7-g-B6kiJMX8NL0u7siaY2cySzxUUY1Eayxp0d63aLfQkk9DIN2doI1RGaTfkRTlOpWc6rhGJx370dWkNhhv9mSsDNtlrozr-aZTJzarkfzJrliQrs4L1ETXVFhhBO8fChiJeRf/s1600/nav_bg.png) repeat-x top left;font-family:Arial,Helvetica,sans-serif;border-bottom:1px solid #000;border-top:1px solid #000}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#999;text-decoration:none;font-weight:bold;padding:8px 20px 0 20px}#cssmenu li a:hover{color:#FFF;height:22px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjseNk8t7-g-B6kiJMX8NL0u7siaY2cySzxUUY1Eayxp0d63aLfQkk9DIN2doI1RGaTfkRTlOpWc6rhGJx370dWkNhhv9mSsDNtlrozr-aZTJzarkfzJrliQrs4L1ETXVFhhBO8fChiJeRf/s1600/nav_bg.png) 0 -30px no-repeat}#cssmenu li.active a{display:inline;height:22px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjseNk8t7-g-B6kiJMX8NL0u7siaY2cySzxUUY1Eayxp0d63aLfQkk9DIN2doI1RGaTfkRTlOpWc6rhGJx370dWkNhhv9mSsDNtlrozr-aZTJzarkfzJrliQrs4L1ETXVFhhBO8fChiJeRf/s1600/nav_bg.png) 0 -30px no-repeat;float:left;margin:0}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
026-Aqua Bubble Wrap :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Aqua Bubble Wrap" border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMr7Rilnu7ttv5N6xjMXk1AmP7NKbTyxrLY505Zv1dwVvxN7vAE8k6cRIxvvIaHtkK-RiKZ3LT61wBM-upRkjQzei-3MrFV0B_meGmM_eVbZflMMrAOxzaCpan40sduvFEoVn88V7wwjbp/s1600/026-Aqua+Bubble+Wrap.png" width="446" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/026-Aqua%20Bubble%20Wrap.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqs-XfsGqlH94rpYXfaOLWonQDNl4n38FZW_ZMl_Tq8-LAU3aEEuj58mRSvQds6zido5zmx-LJFjYaZ3Vp8omE5N7pHxKn2TEBmfi9KKZ0HZTR2FndtbyPoaAncqDpdflukVju6Nwe3xD7/s1600/bg-bubplastic.gif) top left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZo-WAd7N0WIrC6WZpdS5dm7DbulxXJdg_gvXTKoDmIsLUAXYGSoyVkLgK-LLKVzAD_8DP-5wOsgsUNI-AaQH2UlRQRoUVOC7gWtLhKfSSVW5RNulR5MOPqXj2XwwZ__mNFww_pr3kz_Ny/s1600/bg-bubplastic-button.gif) top left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZo-WAd7N0WIrC6WZpdS5dm7DbulxXJdg_gvXTKoDmIsLUAXYGSoyVkLgK-LLKVzAD_8DP-5wOsgsUNI-AaQH2UlRQRoUVOC7gWtLhKfSSVW5RNulR5MOPqXj2XwwZ__mNFww_pr3kz_Ny/s1600/bg-bubplastic-button.gif) top right no-repeat;cursor:pointer}/* AQUA HOVER */#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0YvUTsH7cADYhD0h-Srb-oMiFvHVFHoScoOQxMLgzG5-4rx7DC3XglzeyW75-qEa4ieRQOJIrSSfItDCOXZxmOu-xdaNEFvD7I1UrZalpin1rePn1K87jZFtpwDoBrp-aY27biTjWESaL/s1600/bg-bubplastic-h-aqua.gif) top left no-repeat;color:#FFF}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0YvUTsH7cADYhD0h-Srb-oMiFvHVFHoScoOQxMLgzG5-4rx7DC3XglzeyW75-qEa4ieRQOJIrSSfItDCOXZxmOu-xdaNEFvD7I1UrZalpin1rePn1K87jZFtpwDoBrp-aY27biTjWESaL/s1600/bg-bubplastic-h-aqua.gif) top right no-repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
027-Skinny Green :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Skinny Green" border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuwZhvE85Z4ojonNKNUpvMgLDmFg9MS_W4O_SDQ_F5ZWLZXaF_2j3i5POpc2eWlSA-KtShW8jSHUb_O1KUVQDMg3GA4XqRsIVKqgCmeLTCVRUqlK_1DzVQLacMYpMG6THeWZfSoSxUvbjM/s1600/027-Skinny+Green.png" width="326" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/027-Skinny%20Green.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul{list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGUMDSmPFraULf6YuWLVYO30LAqap0nLw9MNmA73S6VV_e5D65XYJIshgzDV3KtBB1iOJ5G6o79uaHRrELFIFeMcxYJi2LA0ahfywnkU_eHZmPrmPlvpIpa-p5qpnj_iJuDKG7X5Qhs56F/s1600/bg.png) repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal}#cssmenu li a:hover,#cssmenu .active{color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGUMDSmPFraULf6YuWLVYO30LAqap0nLw9MNmA73S6VV_e5D65XYJIshgzDV3KtBB1iOJ5G6o79uaHRrELFIFeMcxYJi2LA0ahfywnkU_eHZmPrmPlvpIpa-p5qpnj_iJuDKG7X5Qhs56F/s1600/bg.png) repeat-x top left;text-decoration:none}#cssmenu .active a{color:#fff;font-weight:700}#cssmenu ul{background-color:#629600}#cssmenu li a:hover,#cssmenu li.active{background-color:#7AB900}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
028-Indented Horizontal Menu :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Indented Horizontal Menu" border="0" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz5oJL6mWnFEf4yNRZEl0h5JuxHdIacRAdGz7mrQ81Nww5q-LqC9-lU-iOgPpnrg5qZCQfYr7_xLJ43Z0gokexzWb-mZkYu01pkej481_saILUzqe6oauSPpfz7mOzmM0rKDt84SFY_Gt8/s1600/028-Indented+Horizontal+Menu.png" width="332" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/028-Indented%20Horizontal%20Menu.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@charset 'UTF-8';/* Base Styles */#cssmenu ul,#cssmenu li,#cssmenu a{list-style:none;margin:0;padding:0;border:0;line-height:1;font-family:'Lato',sans-serif}#cssmenu{border:1px solid #133e40;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;width:auto}#cssmenu ul{zoom:1;background:#36b0b6;background:-moz-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#36b0b6),color-stop(100%,#2a8a8f));background:-webkit-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-o-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-ms-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color',endColorstr='@bottom-color',GradientType=0);padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}#cssmenu ul:before{content:'';display:block}#cssmenu ul:after{content:'';display:table;clear:both}#cssmenu li{float:left;margin:0 5px 0 0;border:1px solid transparent}#cssmenu li a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:8px 15px 9px;display:block;text-decoration:none;color:#fff;border:1px solid transparent;font-size:16px}#cssmenu li.active{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #36b0b6}#cssmenu li.active a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:block;background:#1e6468;border:1px solid #133e40;-moz-box-shadow:inset 0 5px 10px #133e40;-webkit-box-shadow:inset 0 5px 10px #133e40;box-shadow:inset 0 5px 10px #133e40}#cssmenu li:hover{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #36b0b6}#cssmenu li:hover a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:block;background:#1e6468;border:1px solid #133e40;-moz-box-shadow:inset 0 5px 10px #133e40;-webkit-box-shadow:inset 0 5px 10px #133e40;box-shadow:inset 0 5px 10px #133e40}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
029-Skinny Orange :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Skinny Orange" border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihnXC0Asy1VnHEo0FNmcOq79vIKLJ1tEuCvefCWMFwF9zyh6pce37GShJ_adgPlviv05et3oJzRdCBL4vWWHdqZy4Bip5lnWS4ZoCHEnyVE836llEfC8nbC66aNSJUvV3esgi8e-Wz8Whl/s1600/029-Skinny+Orange.png" width="360" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/029-Skinny%20Orange.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul{list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8n6xlVki2Enu8BpwaCEhpOZTjJSrwFuBo4Pc1N8vhvkLNVlVkQVJFnOEWZfDZ3jOC3F4sYLvRE4Ta68kBlVqW5rwZK3mownIUJaURExkMl70XBZTYwVRI7elKIoTVcLBXp4DMMvoUQWI7/s1600/bg.png) repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal}#cssmenu li a:hover,#cssmenu .active{color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8n6xlVki2Enu8BpwaCEhpOZTjJSrwFuBo4Pc1N8vhvkLNVlVkQVJFnOEWZfDZ3jOC3F4sYLvRE4Ta68kBlVqW5rwZK3mownIUJaURExkMl70XBZTYwVRI7elKIoTVcLBXp4DMMvoUQWI7/s1600/bg.png) repeat-x top left;text-decoration:none}#cssmenu .active a{color:#fff;font-weight:700}#cssmenu ul{background-color:#DC4900}#cssmenu li a:hover,#cssmenu li.active{background-color:#F46D00}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
030-Sky Blue :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Sky Blue" border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis8xTaQMRZAqv6zFlMgtcighFZlPBUsFGAYAmCmxcu1xuElT1GwFyDz7mv4vmED4NWlCff8zyKOIaSwIPMjCm6Gb7x0pQlV6igSPSFeo6de48h6tcfYGw7UWbsGQifsQq_ZdGmaxxmPPFt/s1600/030-Sky+Blue.png" width="301" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/030-Sky%20Blue.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu2gUGrCgaVFW-kyfq4htkmKDOOGkBDve2cwoO29VCzSYRt9LyehCRxwJRWHFMZtODOWkcliD2IU3ZGK1K_PsLk6nlEu8uqng2xCKErmom2La7XnEhw00sxKlWVLHTbc7cChKlA1xQjsPh/s1600/off.gif') repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #004c99;border-top:1px solid #74b0c6;width:auto}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#6d7078;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLiZRgj0mVeLEscAeSC_O3_A50T_ZznbyN0PprJBwtHmNv0dn5eEhsFmHQUrVgaB6I2KlWqsRy9MrFl7bkv4II44mYiyx-D_m_Z5F9-mrlkecUdagai51GwT1L9BGepDrEYRJqcRpCMXfH/s1600/divider.gif') no-repeat top right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4P5LckFlbL8NKJZPYkjpXPjvnbMRFODruIZQC4n1kKARnu-s2H-xWU6VRfB0Icuymb0e_38scdRDUNrmlQaFcD4zGWtrqEb9ZNYUSiH37d9mwYMkCfPv6IZQUsmXAlWvyfHNZi7d1hJnF/s1600/hover.gif') no-repeat top right;color:#6d7078}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
031-Purple Bubble Wrap :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Purple Bubble Wrap" border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1vY4-6KZCQW6aoVR0n4QMuFGf_g8XbUkkBAibQR7gvBXB90jcC07oldR9PbKZoFe4FVtV1z_b3kHIloRn1vNjFgUlrNi3AdD3wsEp2ldnMgNKhz4fRM5_X_z109OzRR4ver603Cvll2be/s1600/031-Purple+Bubble+Wrap.png" width="380" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/031-Purple%20Bubble%20Wrap.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhecqUYe6d2W-c7nXXsKSKQeFjrE7RlX2cGhf33nW2yu0CPQxZ_3r7AyuXVTwjNDZ8OWwwgmk2Ezk0KRz1oYNsLSop5EQz_oJ1ImYJvsknkDLrwu9z-V4MuLQi5Badsvk5fsOMzUHkr7cuS/s1600/bg-bubplastic.gif) top left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEtmZxlZOcgZ5GdoOy6C2v5gK54xGrbL2aYE_TAEBPXDcxeFCQVmAlQZpW8qn0VbyGHYtZIXnySh-lVWhJjyZ3VGMqzxy8wzdX_dvdT-xtt6F8nI8jpJLVb8pUYcsRLYt_KeECPuNtzywb/s1600/bg-bubplastic-button.gif) top left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEtmZxlZOcgZ5GdoOy6C2v5gK54xGrbL2aYE_TAEBPXDcxeFCQVmAlQZpW8qn0VbyGHYtZIXnySh-lVWhJjyZ3VGMqzxy8wzdX_dvdT-xtt6F8nI8jpJLVb8pUYcsRLYt_KeECPuNtzywb/s1600/bg-bubplastic-button.gif) top right no-repeat;cursor:pointer}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwiQ5MgY2OfDjdRV_wFwktYHAj4qHjHRxWM8nFFHtE_KMbWaibRGvELoNLxzv75LyrGr0RRTJJX72vPHzFGbo0nHmKdiRtysWsOFnOb7Q8cclcmcjjC-vzXeqk-3vZ1MmSENx4DjjNneh8/s1600/bg-bubplastic-h-purple.gif) top left no-repeat}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwiQ5MgY2OfDjdRV_wFwktYHAj4qHjHRxWM8nFFHtE_KMbWaibRGvELoNLxzv75LyrGr0RRTJJX72vPHzFGbo0nHmKdiRtysWsOFnOb7Q8cclcmcjjC-vzXeqk-3vZ1MmSENx4DjjNneh8/s1600/bg-bubplastic-h-purple.gif) top right no-repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
032-Simple Grey Hover :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Simple Grey Hover" border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi33J_0mBPqAxg74Di8yjmIssIKwUST3nCRgtrMzD1tyVZzIxP5K30_1GBWX8XusPYHVhutIT5BdsR6wL6ohwPuhBtZNVL7H_JyX9mGGRZildurtCv0Y0m9FkC2EWROXsOeASTPJaV_-xol/s1600/032-Simple+Grey+Hover.png" width="389" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/032-Simple%20Grey%20Hover.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVAssapb9Rd7CFM5Klo1nUSYDt12YBgDo8VcoFCOJrLfF_AGf-JBtbhThAwdlLK334lj8aL5_lq4z-9G_8Ba3a54BCR5q9F9LEtSxSUZoSiIEpuabnFLY8Myqs8O3jfRC1dl_tvbUbyAgW/s1600/off.gif') repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #555;border-top:1px solid #919191}#cssmenu li{display:block;float:left;margin:0;padding:0}#cssmenu li a{display:block;float:left;color:#8c3a3a;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0OJb5e50K4YBIH3MxvCG9hwhTP4WGV2ADeYRJCrMbyQfBxyCjVAGOY74W8Ij_K1_AWBLg4fBQa4lmoP4gO_iVz0hv2kVq1LaD-zMcgts7-L6Xtt0kriFnVn4-IAKNwfeA1KEAB-2R_3Ds/s1600/divider.gif') no-repeat top right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUiy8HTg0S1J8LtX8egfY2tUp0ljNBjmU_FlxXTvUlst-qwXrpY4ChEXGyDtMpxNrGfQdxrdmj4HTjVZ4-s9EAH4v0FJTjt5hh1WsQ9ygDqgUF1Nlijj4uHHTDNOeWC2GlUp7B5Hoj4Qea/s1600/hover.gif') no-repeat top right;color:#8c3a3a}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
033-Blue Bubble Wrap :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Blue Bubble Wrap" border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCNJmUmDYUDEe6F1dHW7k_6FPqDyJZfVfv2IuGxgUVJJvPQNN3RIvq9zq58OO_JF9GBnz_VG81DoGeUfNnRVHmW88lLDzRB1-EhFEQeeFRZKuvNnpq5QRwFuC7N8hiofcBQRJCT0LqDKzd/s1600/033-Blue+Bubble+Wrap.png" width="364" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/033-Blue%20Bubble%20Wrap.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnbN4zvqfzKvrf26Q1VGIwxlvvnFA1s6Mmm7-p38MNxYoGVS2ZSPw9sdQiZ-Qc17Fiy8vb5t5TL1Lz2C4vuIzMjn9-aC1EjMuZdxDW4rzvZFlbcm5Tt3SSl1Sdis58Gig4zn_wIlLqZDql/s1600/bg-bubplastic.gif) top left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvkuZkLy6DkJxjLhmiJF6vgtyT8o2SzN3pleFLmg1E4LAbVrBUweDg0JU8Qj9W2DUJcc59q1shnODCJsGaYbtqocN6lTVydHseon8u1ZtX06h1CLKevQEYqgCV01wnF0bmZIXPtawrVQq/s1600/bg-bubplastic-button.gif) top left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvkuZkLy6DkJxjLhmiJF6vgtyT8o2SzN3pleFLmg1E4LAbVrBUweDg0JU8Qj9W2DUJcc59q1shnODCJsGaYbtqocN6lTVydHseon8u1ZtX06h1CLKevQEYqgCV01wnF0bmZIXPtawrVQq/s1600/bg-bubplastic-button.gif) top right no-repeat;cursor:pointer}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_0UGa4lwWXC2DAwZjrAs6ui0EljTIRIKhtVCCOcQKmt5J5HZEdoUXE6ua754xEnKJTTgTjp5zNnKteFTpBxaZj18FKaIToQQfHTpCNVESxBJMjTiATe28f6Y68B1ewaRs9hqUkWr1-IcO/s1600/bg-bubplastic-h-blue.gif) top left no-repeat}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_0UGa4lwWXC2DAwZjrAs6ui0EljTIRIKhtVCCOcQKmt5J5HZEdoUXE6ua754xEnKJTTgTjp5zNnKteFTpBxaZj18FKaIToQQfHTpCNVESxBJMjTiATe28f6Y68B1ewaRs9hqUkWr1-IcO/s1600/bg-bubplastic-h-blue.gif) top right no-repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
034-Green Algea :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Green Algea" border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4W1xney7jUGf1LeRRPpON6nPg3XNylwEneUy8e7vXPQv6j6AKARPvGVeuMVoDZ6nrHxz01G4d08QkGXCVL6VnOEsR_YbCO-z2sc84aApcMIygW5Kv-mRr5x123E-XpCVLApBC75SJwtWW/s1600/034-Green+Algea.png" width="306" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/034-Green%20Algea.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">/****** H3 */#cssmenu ul{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4dYA116Sa8jqAmAeCXQR5npkMyfv8-Jnw31fqsXbPBQo-p7rypaS9VfuPWZ4bd15P77OkXU7MU7LXx9N0YZL41CT6f-HpUZYlGDT4SmIfrb2Q92zfMev7b0ugA0dbaxM7hyphenhyphenvm_dP_D_f5/s1600/off.gif') repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #366;border-top:1px solid #C0E2D4}#cssmenu li{display:block;float:left;margin:0;pading:0}#cssmenu li a{display:block;float:left;color:#874B46;text-decoration:none;font-weight:bold;padding:12px 20px 0 20px;height:24px;background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDA-cuun53Z0ILYKlgkENfxgTBNx_eg6p4cmtRf2iu_F0aSYznOvKD5ra4J7MZLbf8CKU6vqq2LQJUVs6OlD_WmVp1-B2d2SyKVyFOa9Aj0kbo4H8xqAFWcOhUrzFXx8pXwhzVKoCzqT9a/s1600/divider.gif') no-repeat top right}#cssmenu li a:hover{background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcuhFh9Yig9MOP74bp4JJHbjy8NMCM2LUEzG7D5GYZHeTIGhTAk57KRlSJ5l3JgjV9r3w_rHW7JFE25muvuRdSfGJXCy6dqZMDWgwV6ZoP4f7xVckzF4-P3tt1vzxqCjjmPDwHyqXOYdPp/s1600/hover.gif') no-repeat top right;color:#874B46}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
035-Red Bubble Wrap :-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Red Bubble Wrap" border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinQ_RvxbqNnvxHYEYiioxKUhlI7NJI8PIJ1GDsFTGe1lhBy_H5aVGnCMqYmfqCNMTPs5NkATlvyZszCucbo-twGwr_xIFp5PFk1oDofQ_hrTXHetvNHZl9H6tF5GlC7kDiPNQ7cME4K30k/s1600/035-Red+Bubble+Wrap.png" width="400" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/35-drop-down/035-Red%20Bubble%20Wrap.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style type="text/css">#cssmenu{width:auto;height:27px;margin:0;padding:0;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZjPpSXyeIMgBweoRAYl0rf3kWXCluACWRijfD8aSnoHY3fQcXeHL68O0Pzv14zsqVj_ZgLgA0mHujF1TBZpdYGEduEBaUsT3eTIdpNYqYDS4aft0mRVFM0X96vUuBkqgzhQoiW9hrMci/s1600/bg-bubplastic.gif) top left repeat-x}#cssmenu ul{list-style:none;margin:0;padding:0}#cssmenu ul li{float:left;margin:0;padding:0;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpapM9yE11JVlJk3YEnELagaybVuTJwddCju8vFJpGw-JYPauiu9Nx-CR8Ds4q5ItGSJrwcxeVXuQIUrGzISXRa0GpvJH0Jk5SYHteSjYH94sZSx3TxCdMxJ_zfzAGgINUQ2MEaPU4Fo24/s1600/bg-bubplastic-button.gif) top left no-repeat}#cssmenu ul li a{display:block;height:27px;padding-left:35px;float:left;text-transform:uppercase;font-family:'Helvetica Neue',helvetica,'microsoft sans serif',arial,sans-serif;font-size:16px;color:#FFF;text-decoration:none}#cssmenu ul li a span{display:block;float:left;height:22px;padding-top:5px;padding-right:35px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpapM9yE11JVlJk3YEnELagaybVuTJwddCju8vFJpGw-JYPauiu9Nx-CR8Ds4q5ItGSJrwcxeVXuQIUrGzISXRa0GpvJH0Jk5SYHteSjYH94sZSx3TxCdMxJ_zfzAGgINUQ2MEaPU4Fo24/s1600/bg-bubplastic-button.gif) top right no-repeat;cursor:pointer}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinmGx_w_ck7aD8aCPxom3Vmga7SUPVU35ZB66Jon-VPc11Vu7YQexF6_c9LgLMhUVq7hiENEGIEiHsaas3ApxF21rVoX8bhghTxF0j9IXm5XcRCkIsMsiPDzbxS6-qKj1LYrEzX5XUwqmV/s320/bg-bubplastic-h-red.gif) top left no-repeat}#cssmenu ul li a:hover span,#cssmenu ul li.active a span{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinmGx_w_ck7aD8aCPxom3Vmga7SUPVU35ZB66Jon-VPc11Vu7YQexF6_c9LgLMhUVq7hiENEGIEiHsaas3ApxF21rVoX8bhghTxF0j9IXm5XcRCkIsMsiPDzbxS6-qKj1LYrEzX5XUwqmV/s320/bg-bubplastic-h-red.gif) top right no-repeat}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --><br />
<br />
<br />
<br />
<br />
<!-- customize your menus Links --><br />
<br />
<br />
<div id="cssmenu"><br />
<ul><br />
<li class="active"><a href="index.html"><span>Home</span></a></li><br />
<li><a href="#"><span>Products</span></a></li><br />
<li><a href="#"><span>About</span></a></li><br />
<li class="last"><a href="#"><span>Contact</span></a></li><br />
</ul><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote>Many thanks to <a href="http://www.cssmenumaker.com/" rel="nofollow" target="_blank"><span style="color: #f6b26b;">cssmenumaker</span></a> and <a href="http://bdlab.blogspot.com/2011/01/17-drop-down-menu-widget-in-blogger.html" target="_blank"><span style="color: #f6b26b;">bdlab</span></a> for making this code and I just tested and modified to work on blogger</blockquote><br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com160tag:blogger.com,1999:blog-8145265743082971695.post-70427633465168615762016-03-28T00:02:00.000-07:002016-04-01T11:40:51.371-07:00Add Static Facebook Pop Out Like Box with Smooth JQuery Hover<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;"><a href="http://bit.ly/z34nXX" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Facebook Pop Out Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMqA7MmKVMHfQxpK-RVJkHNaJzZVFspzIL4Kdi1_mufzrAMU_6qV-5NhN19kVm50eS7q2pvIj9CFmHfgAAbezrfJbw8h1pdtpBxhAMu418PVgeFfp7tcsBEZcEqYnoNzwMpXU-KAMywOZ-/s1600/Facebook+Pop+Out+Like+Box.png" title="Facebook Pop Out Like Box" /></a></div><br />
Hello friends, here's another Facebook jquery pop up for facebook like box widget for bloggers (or) website. Advantages this widget is to free space on the page. Because Facebook can prevent website normal as the box. Static Pop Out Facebook as soft box with jQuery effect of activation for the blogger, this is another cool control. Here I have added as the box with simple jQuery hover effect. See Facebook static plate to the right of the page and move the mouse over the plate with the frame, as is visible by sliding to the left. <br />
<br />
<br />
<br />
<a name='more'></a><br />
<h4 style="text-align: left;"><span style="color: magenta;">Add Left Side Static Facebook Pop Out Like Box with Jquery Hover Effect</span></h4><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/facebook-pop-old/like-box-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<b><span style="color: blue;">Step 1:</span></b> <b>Adding Static Facebook Pop Out Like Box Widget To Blogger layout.</b><br />
<br />
Now let's start adding it...<br />
<br />
<b><span style="color: blue;">Step 2.</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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/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 3.</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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><br />
<br />
<b><span style="color: blue;">Step 4.</span></b> Select 'HTML/Javascript' and add the one of code given below.<br />
<br />
<b><span style="color: blue;">Step 5.</span></b> Now Click On Save 'JavaScript' You are done.<br />
<br />
<br />
<br />
<div class="code"><b><span style="color: red;"><script src="http://code.jquery.com/jquery-1.10.2.min.js"></script></span></b><br />
<br />
<script type="text/javascript"><br />
//<!--<br />
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});<br />
//--><br />
</script><br />
<style type="text/css"><br />
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisnIsR9-qYM3E2hvXqf69rvE0Q_2kV5cCLl1F00KXIFV9Ot0cTFc4bArRi011FHAVYhyXZdYBatcvLLkLDm9U00iGgPosyEFzN5n3ph_reaFKBbt2PS0cs8teJD8JhEIKhxaqtbnjVPWbx/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}<br />
.w2bslikebox div{border:none;position:relative;display:block;}<br />
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}<br />
.w2bslikebox span a{color: #808080;text-decoration:none;}<br />
.w2bslikebox span a:hover{text-decoration:underline;}<br />
</style><div class="w2bslikebox" style=""><div><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/<b><span style="color: red; font-size: large;">pages/Blogspot-tutorial/220888831260608</span></b>&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div></div><br />
<br />
<br />
>> In Customize Field Replace "<b><span style="color: red;">pages/Blogspot-tutorial/220888831260608</span></b>" with your own facebook page name (Not your own profile name)<br />
<br />
<br />
<blockquote class="tr_bq"><b><span style="color: red;"><script src="http://code.jquery.com/jquery-1.10.2.min.js"></script></span></b></blockquote></div><br />
<br />
<b>Note :</b><span style="color: red;">If your template already have a jquery do not put again, just copy after it</span><br />
<br />
<span style="color: red;">Html from above a few things could be replaced :</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: x-large;">Add Hover Style Facebook LikeBox With Button Near To Page ScrollBar</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/z34nXX" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add Hover Style Facebook LikeBox With Button Near To Page ScrollBar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-HVlmIC2sTGjPXMeL2OTZo16_8A_QDKECkryBpW9GFVM1geXTp6Cq665K_9ArOROBSOvN2johyphenhyphenE4BrJiuiKArybsMaIcml_23IQc-_qA4OOT66ZBsiVmqwRaDk7NZWE59cu3OzZU-vstz/s1600/Add+Hover+Style+Facebook+LikeBox+With+Button+Near+To+Page+ScrollBar.png" title="Add Hover Style Facebook LikeBox With Button Near To Page ScrollBar" /></a></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/facebook-pop-old/like-box-4.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<div class="code"><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></span></b><br />
<br />
<style type="text/css"><br />
img, a { border: 0; } <br />
#on { visibility: visible; } <br />
#off { visibility: hidden; } <br />
#facebook_div { width: 196px; <br />
height: 340px; <br />
overflow: hidden; } <br />
#facebook_right { <br />
z-index: 10005; <br />
border: 2px solid #3c95d9; <br />
background-color: #fff; <br />
width: 196px; <br />
height: 353px; <br />
position: fixed; <br />
right: -200px; } <br />
#facebook_right img { <br />
position: absolute; <br />
top: -2px; <br />
left: -35px; } <br />
#facebook_right iframe { <br />
border: 0px solid #3c95d9; <br />
overflow: hidden; <br />
position: static; <br />
height: 360px; <br />
left: -2px; <br />
top: -3px; } <br />
#facebook_left { <br />
z-index: 10005; <br />
border: 2px solid #3c95d9; <br />
background-color: #fff; <br />
width: 196px; <br />
height: 353px; <br />
position: fixed; <br />
left: -200px; } <br />
#facebook_left img { <br />
position: absolute; <br />
top: -2px; <br />
right: -35px; } <br />
#facebook_left iframe { <br />
border: 0px solid #3c95d9; <br />
overflow: hidden; <br />
position: static; <br />
height: 360px; <br />
right: -2px; <br />
top: -3px; } <br />
</style> <br />
<script type="text/javascript"> <br />
jQuery(document).ready(function () { <br />
jQuery("#facebook_right").hover(function () { <br />
jQuery(this)<br />
.stop(true, false)<br />
.animate({ right: 0 }, 500); }, function () { <br />
jQuery("#facebook_right")<br />
.stop(true, false).animate({ right: -200 }, 500); }); <br />
});<br />
</script> <br /> <div id="on"> <a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><div id="facebook_right" style="top: 10%;"> <br />
<div id="facebook_div"> <br />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpR4oOQrMFokhNOuUy1zv6hxsBoEZwJyU5rQJUutEiSJHqu7hkF-fZvtgxA1IMboX9crcUHcsWQgIDAePP8p9EjNjAEWXzEf6g6RixUtE09ydcphVK5HFLB4m4KWUPwz_8MenFkrQdS4q4/s1600/NBTfacebook_right.png" /> <br />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F<span style="color: red; font-size: large;"><b>Blogspot-tutorial%2F220888831260608</b></span>&amp;<br />
width=200&amp;<br />
height=346&amp;<br />
colorscheme=light&amp;<br />
show_faces=true&amp;<br />
border_color&amp;<br />
stream=false&amp;<br />
header=false" style="border: none; <br />
height: 346px; <br />
overflow: hidden; <br />
width: 200px;"><br />
</iframe> <br />
</div> <br />
</div></div></div><br />
<br />
<br />
<b>Note:-</b>Don’t forget to change <b><span style="color: red;">Red colour</span></b> keywords.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: x-large;">Add jQuery LIGHTBOX Popup Facebook Likebox To Blogger NEW</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/z34nXX" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add jQuery LIGHTBOX Popup Facebook Likebox" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ngCRKMctdZEHILhgb5lU4bgGRcKhQw64ytAjhBJHTEQRsZscvfupvB_ar7xxtkgqZ2ihO0_bEZKBaTxKQJbLlzcbDgVK349wDoBC_aSblufN8C7wTgYbqLHVsH49yQxS-1f1QRRpMgld/s1600/Add+jQuery+LIGHTBOX+Popup+Facebook+Likebox+To+Blogger.png" title="Add jQuery LIGHTBOX Popup Facebook Likebox" /></a></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/facebook-pop-old/like-box-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
I had given to Facebook as jQuery popup box and jQuery to facebook emerging as the box with the background image in my previous post, if you are new here, that the first visit, now I'm back with the same widget, just change the background image and the size of this widget. I just tried this and I hope you enjoyed it.<br />
<br />
<b>How To Add A Awesome Facebook Fan Page JavaScript For Blogger</b><br />
<br />
Go to blogger > Open layout tab<br />
<br />
Now Add A new HTML/JavaScript widget<br />
<br />
Now paste the code given below : <br />
<br />
<br />
<br />
<br />
<div class="code"><b><span style="color: red;"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script></span></b><br />
<br />
<br />
<link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/facebook-pop-old/lightbox-style-popup-facebook-likebox-widget-01.css" /><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/facebook-pop-old/facebook-colorbox-v1.3.19.js"></script><script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=<span style="color: blue; font-size: large;"><b>true</b></span>') == -1) { var fifteenDays = 1000*60*60*24*<span style="color: blue; font-size: large;">30</span>; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#subscribe"}); } }); </script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ2W11VCkOsz9-RSCzmPtodU3Cy4li9VH9EWMQ5a8lLzmn8uNY-t05Fv4iszx6HWkhkuUxnXEGxgpX8czAA1ounHSi8YM60WQPbKmcWTHB3OLeODIBGLAmmfiF43KCFibkV4V1WmbQahx7/s1600/LikeUsOnFacebook.png" width:300px; height:150px;"/></center><center><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b><span style="color: red; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span></b>&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe><br />
<br />
</center><br />
</div><br />
</div></div><br />
<br />
<br />
<br />
<br />
Note :- Do not add above <b><span style="color: red;">red colored</span></b> jQuery plugin if your blog already jQuery plugin.<br />
<br />
Replace <b><span style="color: red;">pages%2FBlogspot-tutorial%2F220888831260608</span></b> With your Facebook User name<br />
<br />
<br />
<b><span style="color: blue;">Customization:</span></b><br />
<br />
<br />
<div style="text-align: left;">The widget saves up a cookie in the visitors computer. You can change the frequency after which the widget would appear to the visitor. Simply change the number <span style="color: blue; font-size: large;"><b>30</b></span> to the number of days your wish. Say you want your widget to reappear after 30 days after the first time. Than change <span style="color: blue; font-size: large;"><b>30</b></span> to 7.</div><br />
Now you have done !!!<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: x-large;">Add a Awesome jQuery Pop-Up For Facebook Like Box</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/z34nXX" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add a Awesome jQuery Pop-Up For Facebook Like Box" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWxIR1Wofh-luJR3XdsIEP1n1LM_D-CfOD4_4c2VhJfrn5o0q_PHheqWFiOZ7lxGrZ5zSXfhNAqe5rSyhuZcc86hCL3aTnH16xr4kt1AZJ6nJzU0r1pb2kPk5-bTsywGrypKs6R6AJuur/s1600/Add+a+Awesome+jQuery+Pop-Up+For+Facebook+Like+Box.png" title="Add a Awesome jQuery Pop-Up For Facebook Like Box" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/facebook-pop-old/like-box-3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
After my recent Adsense Popup widget. Now I decided to present some fresh for what comes with a nice jQuery Popup Box to Facebook as. This is an excellent widget to enhance taste. You can see most of the sites or blogs that are used to increase pop unpaid, fans and supporters. This popup jQuery cute for Facebook As the box is a great blogger widget. As soon as the new visitors coming to your blog will display the pop visitors, which can help increase the size and get more traffic to my next tutorials Facebook.In I'll try to make it more interactive with links to social media profiles and a complete version with all its contents, which can need.Check out show down and I will show you how to add jQuery Popup cute for Facebook as the box to Blogger or WordPress?<br />
<br />
<br />
<br />
<br />
Add Facebook Likebox Popup To Blogger<br />
<br />
Go To Blogger > Design<br />
Click choose a gadget<br />
Select HTML/javascript widget<br />
Paste the following code inside it<br />
<br />
<br />
<br />
<div class="code"><b><span style="color: red;"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script></span></b><br />
<br />
<link rel="stylesheet" type="text/css" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/facebook-pop-old/lightbox-style-popup-facebook-likebox-widget-02.css" /><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/facebook-pop-old/facebook-colorbox-v1.3.19.js"></script><br />
<script type="text/javascript"> <br />
jQuery(document).ready(function(){ <br />
if (document.cookie.indexOf('visited=<span style="color: blue; font-size: large;"><b>false</b></span>') == -1) { <br />
var fifteenDays = 1000*60*60*24*<span style="color: blue; font-size: large;">30</span>; <br />
var expires = new Date((new Date()).valueOf() + fifteenDays); <br />
document.cookie = "visited=true;expires=" + expires.toUTCString(); <br />
$.colorbox({width:"400px", inline:true, href:"#subscribe"}); <br />
} <br />
}); <br />
</script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <!-- This contains the hidden content for inline calls --> <div style='display:none'> <br />
<div id='subscribe' style='padding:10px; background:#fff;'> <br />
<h3 class="box-title"><span style="color: magenta; font-size: large;"><b>Receive all updates via Facebook. Just Click the Like Button Below</b></span><center><p style="line-height:3px;" >▼</p></center></h3> <br />
<center><br />
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b><span style="color: red; font-size: large;">pages%2FBlogspot-tutorial%2F220888831260608</span></b>&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center><br />
<br />
</div><br />
</div></div><br />
<br />
<br />
<br />
Note:- Replace <b><span style="color: red;">pages%2FBlogspot-tutorial%2F220888831260608</span></b> With your Facebook User name<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: x-large;">Facebook Popup Widget with Lightbox Effect</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/z34nXX" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Facebook Popup Widget with Lightbox Effect" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpc0bseRb3qaAOfdgi6cxGMT8b8MxjZJvOD0AFgZGWa9oiV6ngg5WQ4b84jSJCtHNesHM91FKpdoSWeooy_DUB-2Hg5eU763uZwDRBlW-4HWDnC8XskOsmkhnZmL1np24lPdxhZcUkEQHI/s1600/Facebook+Popup+Widget+with+Lightbox+Effect.png" title="Facebook Popup Widget with Lightbox Effect" /></a></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/facebook-pop-old/like-box-5.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<div class="code"><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></span></b><br />
<br />
<style type="text/css"><br />
#fanback {<br />
display:none;<br />
background:rgba(0,0,0,0.8);<br />
width:100%;<br />
height:100%;<br />
position:fixed;<br />
top:0;<br />
left:0;<br />
z-index:99999;<br />
}<br />
#fan-exit {<br />
width:100%;<br />
height:100%;<br />
}<br />
#fanbox {<br />
background:white;<br />
width:420px;<br />
height:270px;<br />
position:absolute;<br />
top:58%;<br />
left:63%;<br />
margin:-220px 0 0 -375px;<br />
-webkit-box-shadow: inset 0 0 50px 0 #939393;<br />
-moz-box-shadow: inset 0 0 50px 0 #939393;<br />
box-shadow: inset 0 0 50px 0 #939393;<br />
-webkit-border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
border-radius: 5px;<br />
margin: -220px 0 0 -375px;<br />
}<br />
#fanclose {<br />
float:right;<br />
cursor:pointer;<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3hbc3O0XzN5NdzJwIlnWoTWqnGsTROuuSzxhNhKzJ41J-k4nns9p9lHL-2lY6JtcgR7frBrNJ7buwJDplK_4WBL0gA4lIAM5WFEFCi1PqHp6xPQylMO3l63aUzPiOUoBXuEiYfQfLXBSU/s1600/fanclose.png) repeat;<br />
height:15px;<br />
padding:20px;<br />
position:relative;<br />
padding-right:40px;<br />
margin-top:-20px;<br />
margin-right:-22px;<br />
}<br />
.remove-borda {<br />
height:1px;<br />
width:366px;<br />
margin:0 auto;<br />
background:#F3F3F3;<br />
margin-top:16px;<br />
position:relative;<br />
margin-left:20px;<br />
}<br />
#linkit a.visited,#linkit a,#linkit a:hover {<br />
color:#80808B;<br />
font-size:10px;<br />
margin: 0 auto 5px auto;<br />
float:center;<br />
}<br />
</style> <script type="text/javascript"> //<![CDATA[<br />
jQuery.cookie = function (key, value, options) {<br />
// key and at least value given, set cookie...<br />
if (arguments.length > 1 && String(value) !== "[object Object]") {<br />
options = jQuery.extend({}, options);<br />
if (value === null || value === undefined) {<br />
options.expires = -1;<br />
}<br />
if (typeof options.expires === 'number') {<br />
var days = options.expires, t = options.expires = new Date();<br />
t.setDate(t.getDate() + days);<br />
}<br />
<br />
value = String(value);<br />
<br />
return (document.cookie = [<br />
encodeURIComponent(key), '=',<br />
options.raw ? value : encodeURIComponent(value),<br />
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE<br />
options.path ? '; path=' + options.path : '',<br />
options.domain ? '; domain=' + options.domain : '',<br />
options.secure ? '; secure' : ''<br />
].join(''));<br />
}<br />
<br />
// key and possibly options given, get cookie...<br />
options = value || {};<br />
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;<br />
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;<br />
};<br />
//]]> </script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <script type="text/javascript"> jQuery(document).ready(function($){<br />
if($.cookie('popup_user_login') != 'yes'){<br />
$('#fanback').delay(100).fadeIn('medium');<br />
$('#fanclose, #fan-exit').click(function(){<br />
$('#fanback').stop().fadeOut('medium');<br />
});<br />
}<br />
<span style="color: blue; font-size: large;">$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });</span><br />
});<br />
</script><br />
<br />
<div id='fanback'><br />
<div id='fan-exit'><br />
</div><br />
<div id='fanbox'><br />
<div id='fanclose'><br />
</div><br />
<div class='remove-borda'><br />
</div><br />
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?<br />
<br />
href=http://www.facebook.com/<b><span style="color: red; font-size: large;">pages/Blogspot-tutorial/220888831260608</span></b>&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'<br />
<br />
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center><br />
</center><br />
</div><br />
</div></div><br />
<br />
<br />
<b><span style="color: blue;">Customize:</span></b> the widget only shows up the first time the user visits your page. If you would like the facebook box to popup evertime the page loads, then remove this line of code:<br />
<br />
<br />
<b><span style="color: blue;">$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });</span></b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: red; font-size: x-large;">3+ Ways To <a href="http://bit.ly/13W8b3f" target="_blank"><span style="color: red;">Customize The Facebook Fan Box Widget With CSS</span></a></span><br />
<br />
The Facebook plugin style is unfortunately not an easy task because the details are very limited shared in the Facebook <a href="http://developers.facebook.com/docs/reference/plugins/like-box/" rel="nofollow" target="_blank">Developers page</a>. Custom Plugins will help you stand out as a brand and market your business as well. In April 2010, <a href="http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/" rel="nofollow" target="_blank">Daddydesigns</a> posted a tutorial on how to style and make the modifications to the box fan on Facebook. Your tutorial was well received, but with the introduction of Facebook as the box instead of Fan Box, change in algorithms made it difficult to modify the plugin using the same guide. After several trial and error, managed to make the necessary changes made by DaddyDesigns small to fully customize the box with flavors like custom fonts and colors. This surely would not have been possible with your help bright.<br />
<br />
<br />
<b><a href="http://bit.ly/13W8b3f" target="_blank">Customize Facebook Like Box With CSS to blogger</a></b><br />
<br />
it's simple <br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<h4 style="text-align: left;"><span style="color: red;">Note:</span>- Replace <span style="background-color: magenta;">pages%2FBlogspot-tutorial%2F220888831260608</span> With your Facebook User name</h4><br />
<b><a href="http://bit.ly/13W8b3f" target="_blank">Customize Facebook Like Box Using CSS</a></b> Style 1:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Custom Facebook Like Box" border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBk6pMbxYQ0mpz0MOZ_JmCW8NSCN7f3l-ku74Z6JJojRrBeuu_sHZLwABVuZXzJJoDRLIsU5S7bwvLXbXas8ZV1TDRyVz1L1R7Uxi747v_o18-g-4kIJaoEjv_GOffoIuWqcRRfyLpmBDf/s1600/Customize+The+Facebook+Fan+Box+1.png" width="255" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK6Ob82ool5Apnetf8JQA2CDqtXV49q6USAfsx32KMAyQJHn3Ie7hQXjToI7aE9AcaExoKz22nEvU7iIohzs135sdm0zoEE0QlSq15RTqV_W0SjySyUHy4NPuDVNwAtyS0VaCFurmK6Ib-/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b><span style="color: magenta;"><b><span style="color: magenta;">pages%2FBlogspot-tutorial%2F220888831260608</span></b></span></b>&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe><br />
</div><br />
</div></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 />
Style 2:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Custom Facebook Like Box" border="0" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ysIz2EwHAUay_ey_RyEjeUtOpDQJdAv6wGO1ODw2aBcHACLesa_O-vYQ8XCdibzX6wrpfb7t80CuzH984_h4ml6cRA-XDeR95Vh5tSd_sMok3Fg7gVlgZvD7bi2_iluJz-Yfww5xSvDs/s1600/Customize+The+Facebook+Fan+Box+2.png" width="284" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-5.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="-moz-box-shadow: 0px 15px 20px 0px #777777; -webkit-box-shadow: 0px 15px 20px 0px #777777; background-color: #f4f4f4; border-radius: 15px; border: 1px solid #CCCCCC; box-shadow: 0px 15px 20px 0px #777777; height: 270px; margin: 30px; padding: 10px 0 10px 10px; width: 250px;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b><span style="color: magenta;">pages%2FBlogspot-tutorial%2F220888831260608</span></b>&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
Style 3:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Custom Facebook Like Box" border="0" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjnDvTqZHmgca27cG-xSJsZWgcK02P1uzJLOmLRmWaCIsNINy8zU9jkPjHzdbqf3g89QO88RiqHPE73RXk0DXhU5KkcG9ZHRGbecThJyZQOVDJBWr7i-VZ5dM2G0yC0Fg5ami7rzXwpCRh/s1600/Customize+The+Facebook+Fan+Box+3.png" width="259" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-15.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: rgb(0, 255, 0);background: -moz-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -webkit-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -o-linear gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -ms-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b><span style="color: magenta;">pages%2FBlogspot-tutorial%2F220888831260608</span></b>&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
Style 4:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Custom Facebook Like Box" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi83g35bk2pYlMNuk9Kcrhdn6MK8k9dv9rLfZrJKAFVm0EIoJoxwd10Gqq4s0fcMSvA2rhSkdsuoDsB7GRPhXRLS2ZpRT9PesTlozP5bo1JGZiR7vchQdeRa5Ksqk_VMMP6VpkhJVoPHyLf/s1600/Customize+The+Facebook+Fan+Box+4.png" width="259" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/fan-box-like/style-19.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><div style="background: rgb(255, 192, 203);background: -moz-linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: -webkit-linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: -o-linear gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: -ms-linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);background: linear-gradient(90deg, rgb(255, 192, 203) 14%, rgb(249, 228, 175) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b><span style="color: magenta;">pages%2FBlogspot-tutorial%2F220888831260608</span></b>&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe><br />
</div><br />
</div></div><br />
<br />
<br />
<br />
<br />
Your personal Facebook as the box is ready to be served! That's it. Paste this code anywhere you want and your personalized style box is displayed to perfection. If you have any problems let me know. I will post more designs and tutorials on this topic on this week.<br />
<br />
<br />
<b>Credits</b>: Readers are requested to kindly link back to this page if they wish to share this working tutorial with their visitors. It's the only tutorial published after <a href="http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/" rel="nofollow" target="_blank">Daddydesigns</a> tut which provides a modified solution.<br />
<br />
<br />
<br />
<br />
<br />
<blockquote class="tr_bq">Visit her blog to see pop Facebook. To check the widget and again just delete the cookies on your browser and refresh the page to see that return. That's a cool Facebook widget pop up that surly increase their Facebook fan count.Thanks back to <a href="http://www.mybloggertricks.com/" rel="nofollow" target="_blank"><span class="Apple-style-span" style="color: #f1c232;">MBT</span></a> or <a href="http://www.way2blogging.org/" rel="nofollow" target="_blank"><span class="Apple-style-span" style="color: #f1c232;">Harish</span></a> for the original gadget.</blockquote><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com248tag:blogger.com,1999:blog-8145265743082971695.post-34848957262546012282016-03-27T09:25:00.000-07:002016-04-01T11:46:38.362-07:00Auto Scrolling Recent Posts Widget For Blogger / Blogspot<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/sWTolA" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Auto Scrolling Recent Posts" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-NGk0FzPYLXyWUdnwf2cLQ6w63IvyD8tt1BIr5zQqTmVk6jdz4SMQVnjUB_n66_q-X5ys-8bAKMHskOiOOBPHeBx89TAE4592d9XeeEsfb1AWII5Fgr1hSdfEOudk390mpvazPx6fpLS_/s1600/Auto+Scrolling+Recent+Posts.png" title="Auto Scrolling Recent Posts" /></a></div><br />
<br />
If you have a lot of post on the blog, or if you want to show everyone your list of favorite books, but have little space in the sidebar widget this will be a great help to you. This post explains how to add auto scrolling (marquee) recent posts Widget on his blog that looks good on your blogspot blog. This is similar to the display of recent post in your sidebar, but this will have a marquee in this widget. Now if you want to show your blog in this way, either on top or bottom of your blog, then you can use this new widget:<br />
<br />
<br />
<a name='more'></a><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/auto-scrolling-recent-posts-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<b>How to Install Auto Scrolling Recent Posts Widget</b><br />
<br />
Adding The Widget To Blogger<br />
<br />
Go to Blogger >> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget<br />
<br />
Copy the following code and paste inside an HTML/JavaScript widget<br />
<br />
<br />
<br />
<div class="code"><script type='text/javascript'><br />
var jnWidth="100";<br />
var jnScrollAmount="10";<br />
var jnScrollDelay="50";<br />
var jnDirection="left";<br />
var jntargetlink="yes";<br />
var jnnumPosts="10";<br />
var jnBulletchar =">>>";<br />
var jnimagebullet="yes";<br />
var jnimgurl="http://1.bp.blogspot.com/-fKeh7aRkfVs/Tvll57YC8yI/AAAAAAAAAvY/pUwMXLHvSc8/s1600/arrowe.gif";<br />
var jnfontsize="16";<br />
var jnbgcolor="FFFFFF";<br />
var jnlinkcolor="FF0000";<br />
var jnlinkhovercolor="3366CC";<br />
</script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<script type='text/javascript' src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/scrolling-recent-v3-ycode.js' ></script><br />
<script type='text/javascript' src="<b><span style="color: red;">http://bdlab.blogspot.com</span></b>/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script></div><br />
Now Replace the <b><span style="color: red;">http://bdlab.blogspot.com</span></b> with your blog Url.<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<br />
<i><span style="color: #999999;"><span style="font-family: "georgia" , "times new roman" , serif;">Note:-</span><b style="font-family: Georgia,"Times New Roman",serif;"> </b><span style="font-family: "georgia" , "times new roman" , serif;">Choose appropriate Image Bullet or Icon That have transparent <span style="color: red;">Background</span> and small in <span style="color: red;">Size</span> </span> </span></i> <br />
<br />
<table><tbody style="text-align: left;">
<tr style="text-align: left;"><td style="text-align: justify;">ScrollAmount: </td><td style="text-align: justify;"><input name="w2bscrollamountR" size="3" type="text" value="10" />(<b>0 = No Scroll</b>) </td></tr>
<tr style="text-align: left;"><td style="text-align: justify;">ScrollDelay: </td><td style="text-align: justify;"><input name="w2bscrolldelayR" size="3" type="text" value="50" />(<b>0 = MaxScrollSpeed</b>) </td></tr>
</tbody></table><br />
You can only modify the code with <b style="color: red;">red color</b> (variables) according to your requirements, for ex. in case of "<b>var w2bScrollDelay</b>", lower the number, higher the speed.<br />
<br />
<span style="color: red; font-size: x-large;"><b><span style="font-family: "trebuchet ms" , sans-serif;">How to Install This Widget On 'Blogger' ?</span></b></span><br />
<br />
<br />
<br />
<div style="background-color: transparent; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><ol><li><b>Customize Options</b> in Given <b><span style="color: red;">Widget Generator Form</span></b></li>
<li>Click on <span style="font-size: large;"><b style="color: red;">Generate</b></span> Button</li>
<li>Click <span style="font-size: large;"><b style="color: red;">Preview</b></span>** Button to see your widget Preview </li>
<li>Finally Click <span style="font-size: large;"><b style="color: red;">Add to Blogger</b></span> Button to add this widget on Your blog</li>
</ol><div style="font-family: Georgia,"Times New Roman",serif;"><blink><i style="color: #999999;">**Note:- After changing any values, First Click <span style="color: red;">Generate</span> Button and then See Your <span style="color: red;">Preview</span></i></blink></div><i><span style="color: #999999;"><b style="font-family: Georgia,"Times New Roman",serif;"> </b><span style="font-family: "georgia" , "times new roman" , serif;">Note:-</span><b style="font-family: Georgia,"Times New Roman",serif;"> </b><span style="font-family: "georgia" , "times new roman" , serif;">Choose appropriate Image Bullet or Icon That have transparent <span style="color: red;">Background</span> and small in <span style="color: red;">Size</span> </span> </span></i><br />
<br />
<br />
<br />
<br />
<br />
<br />
<iframe frameborder="0" height="760px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/advanced-auto-scrolling-recent-posts-v3-ycode.html" width="560px"></iframe></div><br />
<br />
<br />
<br />
<br />
<b><span style="font-size: large;">Automatic scrolling Recent posts widget will give scrolling of post titles with links</span></b><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/auto-scrolling-recent-posts-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
This widget has automated MARQUEE Effect will result scrolling titles<br />
<br />
<br />
<br />
<br />
<div class="code"><script type='text/javascript'><br />
var nMaxPosts = 10;<br />
var nWidth = 100;<br />
var nScrollDelay = 175;<br />
var sDirection = "left";<br />
var sOpenLinkLocation = "N";<br />
var sBulletChar = ">>";<br />
</script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type='text/javascript' src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/recentpostsscrollerv2-ycode.js' ></script><br />
<script type="text/javascript" src="<b><span style="color: red;">http://bdlab.blogspot.com/</span></b>feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " ></script></div><br />
<br />
Now Replace the <b><span style="color: red;">http://bdlab.blogspot.com</span></b> with your blog Url.<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<br />
<div style="font-family: "Trebuchet MS",sans-serif;"><span style="font-size: large;"><b>How To Add This Widget :</b></span></div><br />
1. Customize Bellow form and Click on <b>Generate</b> button.<br />
<br />
2. And Click <b>Add to Blogger button</b> to add this widget to your blog.<br />
<br />
<br />
<iframe frameborder="0" height="450" name="Scrolling Recent Posts Widget" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/auto-scrolling-recent-posts-ycode-1.html" width="550px"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
>> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget<br />
<br />
<br />
<br />
<span style="color: red; font-size: large;"><b>Add marquee notification bar to blogger</b></span><br />
<br />
1. Go to Blogger<br />
2. Login to your <b>Blogger dashboard</b><br />
2. Select Layout option and select <b>Add a gadget</b> option.<br />
3. Select an <b>HTML/JavaScript</b> Gadget<br />
5. In the <b>HTML/JavaScript</b> widget paste following code and save it.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/sWTolA" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add marquee notification bar to blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii3mXgID4F3f7wylGwHGV1uKxEkLav-LWHLg9eqtULno-SUIQvEsGmGqP3xklx9XbPpsocfRsES-S4DXx693svv8xZzPYhLNrHGPYc0gypUhUUWgci4Nfogd8Vo5C8bvgs075YEt2G6ug-/s1600/marquee-notification-bar.png" title="Add marquee notification bar to blogger" /></a></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/marquee-notification-bar.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><style><br />
#wcnot-cont<br />
{<br />
top:0px;<br />
left:0px;<br />
z-index:9999999;<br />
position:fixed;<br />
width:100%;<br />
background:#222222;<br />
color:#ffffff;<br />
font:16px georgia;<br />
box-shadow:2px 2px 5px #444444;<br />
-moz-box-shadow:2px 2px 5px #444444;<br />
-web-kit-box-shadow:2px 2px 5px #444444;<br />
-goog-ms-box-shadow:2px 2px 5px #444444;<br />
}<br />
<br />
#wc-movtext<br />
{<br />
text-align:center;<br />
padding:8px;<br />
font-family: Verdana,"Times New Roman",Georgia,Serif;<br />
font-size:12px;<br />
color: #ffffff;<br />
}<br />
<br />
#wc-movtext a<br />
{<br />
color:#ffffff;<br />
text-decoration:none;<br />
font:16px georgia;<br />
}<br />
#wc-movtext a:hover<br />
{<br />
color:yellow;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
</style><br />
<div id='wcnot-cont'><br />
<div id="wc-movtext"><br />
<marquee behavior='alternate' direction="left"<br />
onmouseover="this.stop();"<br />
onmouseout="this.start();"><br />
<br />
<p><br />
<a href="<span style="color: red;">http://bit.ly/wmV0kq</span>" target="_blank"><b><span style="color: lime;">How to change mouse cursor in blogger blog to animated cursors</span></b></a><br />
<br />
| <a href="<span style="color: red;">http://bit.ly/x4d7ln</span>" target="_blank"><b><span style="color: lime;">Numbered Page Navigation For Blogger New Script</span></b></a><br />
<br />
| <a href="<span style="color: red;">http://bit.ly/vGLd4R</span>" target="_blank"><b><span style="color: lime;">Animated Recent posts for Blogger with Thumbnails - Simple Spy</span></b></a><br />
<br />
| <a href="<span style="color: red;">http://bit.ly/xqQlgS</span>" target="_blank"><b><span style="color: lime;">17+ Featured Content Slider for Blogger Using jQuery</span></b></a><br />
<br />
<br />
<br />
</p><br />
</marquee><br />
</div><br />
<div></div><br />
<br />
Note: In the following code replace <span style="color: lime;"><b>Green</b></span> color code with your post titles and <b><span style="color: red;">Red</span></b> color code with links to these posts.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote><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.way2blogging.org/" 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">Harish</a> for making this code and I just tested and modified to work on blogger</span></blockquote><br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com91tag:blogger.com,1999:blog-8145265743082971695.post-63554066049472603452016-03-26T08:48:00.000-07:002016-04-01T11:48:40.733-07:00Animated Recent posts for Blogger with Thumbnails - 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/vGLd4R" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Recent Post With Thumbnail Simple Spy" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8CVLoXqsuEg37WjNYn8E5_MfaC3QQAim6HzHJdVCHyjcfkrsahHqdHq6B9eVRfYbvfH9ZtX5IuGJ7L7DwJ3avHFREvJGYRYWFSt8VQph01lZu2ldXrWg3vgVsOZzkyjNHlOgWxR8LFvHe/s1600/Recent+Post+With+Thumbnail.png" title="Recent Post With Thumbnail Simple Spy" /></a></div><br />
<br />
Animated recent post is a fantastic way to present headlines updates to your readers.The effect of smooth scrolling attract readers and generate more clicks to your site.This gadget displays your most recent posts and includes a small thumbnail, but has the added bonus of using an animated effect that moves smoothly through the posts.There are a lot of great tutorials discussing on how to add Animated Recent posts for blogger with thumbnails and Simple Spy, but most of the tutorials I've found are not really suitable for a beginner.<br />
<br />
<br />
<a name='more'></a><br />
Read More: <br />
<span style="color: red;">1. <a href="http://bit.ly/1dGPvYH" target="_blank"><span style="color: red;"><b>Recent Posts Widget for Blogger Text CSS Hover Effect with jQuery</b></span></a></span><br />
<br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/animated-recent/recen-posts-live-demo-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<span style="font-size: large;"><b>How to Install Animated Recent posts for blogger with thumbnails and Simple Spy</b></span><br />
<br />
Now let's start adding it... <br />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/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 />
<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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><br />
<br />
<b><span style="color: blue;">Step 3.</span></b> Select 'HTML/Javascript' and add the one of code given below. <br />
<br />
<br />
<b><span style="color: blue;">Step 4.</span></b> Now Click On Save 'JavaScript' You are done.<br />
<br />
<br />
<br />
<div class="code"><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script></span></b><br />
<br />
<br />
<br />
<style type="text/css" media="screen"><br />
<!--<br />
<br />
#spylist {<br />
overflow:hidden;<br />
margin-top:5px;<br />
padding:0px 0px;<br />
height:350px;<br />
}<br />
#spylist ul{<br />
width:220px;<br />
overflow:hidden;<br />
list-style-type: none;<br />
padding: 0px 0px;<br />
margin:0px 0px;<br />
}<br />
#spylist li {<br />
width:208px;<br />
padding: 5px 5px;<br />
margin:0px 0px 5px 0px;<br />
list-style-type:none;<br />
float:none;<br />
height:70px;<br />
overflow: hidden;<br />
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrTqyNIDGz0kmRhFQM5R29DEb90xiNB1I2zQWz97elIhdimkeu-6JiSBI_CvtopaOAJIBq7jWMOfC78L87swtwcqCZ42fO_cRHflZkrTT0g2Faaiyt4VmIyjTmFq7WIg9GEjwiCp_9OhOf/s1600/24work-blogspot-com.jpg) repeat-x;<br />
border:1px solid #ddd;<br />
}<br />
#spylist li a {<br />
text-decoration:none;<br />
color:#4B545B;<br />
font-size:11px;<br />
height:18px;<br />
overflow:hidden;<br />
margin:0px 0px;<br />
padding:0px 0px 2px 0px;<br />
}<br />
#spylist li img {<br />
float:left;<br />
margin-right:5px;<br />
background:#EFEFEF;<br />
border:0;<br />
}<br />
.spydate{<br />
overflow:hidden;<br />
font-size:10px;<br />
color:#0284C2;<br />
padding:2px 0px;<br />
margin:1px 0px 0px 0px;<br />
height:15px;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
}<br />
.spycomment{<br />
overflow:hidden;<br />
font-family:Tahoma,Arial,verdana, sans-serif;<br />
font-size:10px;<br />
color:#262B2F;<br />
padding:0px 0px;<br />
margin:0px 0px;<br />
}<br />
<br />
--><br />
<br />
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'> <br />
<br />
imgr = new Array();<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
showRandomImg = true;<br />
boxwidth = 255;<br />
cellspacing = 6;<br />
borderColor = "#232c35";<br />
bgTD = "#000000";<br />
thumbwidth = 70;<br />
thumbheight = 70;<br />
fntsize = 12;<br />
acolor = "#666";<br />
aBold = true;<br />
icon = " ";<br />
text = "comments";<br />
showPostDate = true;<br />
summaryPost = 40;<br />
summaryFontsize = 10;<br />
summaryColor = "#666";<br />
icon2 = " ";<br />
numposts = 10;<br />
<br />
<br />
<br />
<b style="background-color: cyan;"><span style="color: red;">home_page </span></b>= "<b><span style="color: red;">http://bdlab.blogspot.com/</span></b>";<br />
<br />
<br />
<br />
limitspy=4<br />
intervalspy=4000<br />
</script><br />
<div id="spylist"><br />
<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-1.js' type='text/javascript'></script><br />
<br />
</div></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 />
<b><span style="color: red;">Note :If your template already have a jquery do not put again, just copy after it</span><br style="color: red;" /><span style="color: red;"> Html from above a few things could be replaced :</span><br />
<br />
</b><br />
<br />
<blockquote><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script></span></b></blockquote><br />
<br />
<br />
<br />
<br />
<br />
1. homepage address<br />
<br />
<span style="color: red;"><span style="background-color: cyan;">home_page</span> = “http://<b>bdlab</b>.blogspot.com/</span>”;<br />
<br />
<br />
2. Style<br />
<br />
from above style/css, you can change :<br />
<br />
<br />
width : 220px;<br />
<br />
width:208px:<br />
<br />
<br />
customize base on your template<br />
<br />
and<br />
<br />
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrTqyNIDGz0kmRhFQM5R29DEb90xiNB1I2zQWz97elIhdimkeu-6JiSBI_CvtopaOAJIBq7jWMOfC78L87swtwcqCZ42fO_cRHflZkrTT0g2Faaiyt4VmIyjTmFq7WIg9GEjwiCp_9OhOf/s1600/24work-blogspot-com.jpg) repeat-x;<br />
<br />
<br />
Customize the colors of backuground<br />
<br />
<br />
3. image size<br />
<br />
thumbwidth = 70;<br />
<br />
thumbheight = 70;<br />
<br />
<br />
Match your needs<br />
<br />
<br />
4. How many post you will show<br />
<br />
numposts = 10;<br />
<br />
<br />
Base on what you need to show<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h4 style="text-align: left;">Stylish Scrolling Recent Posts Widget For Blogger</h4><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/vGLd4R" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Stylish Scrolling Recent Posts widget" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy2afjhk6tr8WzIRuYd58Jgb7bJcD6bJtHm0pRv1nofAh8h9scux5R_H5w5zG-E4X7tA_NojRk8DO7VYlgZ6UccAeX_Z6uAo-AoCr0DruH2wwlZhToVc9iE5H1YdBCLoSar08JvkN0tODv/s1600/Stylish+Scrolling+Recent+Posts+widget.png" title="Stylish Scrolling Recent Posts widget" width="308" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/animated-recent/recen-posts-live-demo-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><b><span style="color: red;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script></span></b><br />
<br />
<br />
<style type="text/css" media="screen"><br />
#workwidget {<br />
overflow: hidden;<br />
margin-top: 5px;<br />
padding: 0px 0px;<br />
height: 385px;<br />
}<br />
<br />
#workwidget ul {<br />
width: 295px;<br />
overflow: hidden;<br />
list-style-type: none;<br />
padding: 0px 0px;<br />
margin: 0px 0px;<br />
}<br />
<br />
#workwidget li {<br />
width: 282px;<br />
padding: 5px 5px;<br />
margin: 0px 0px 5px 0px;<br />
list-style-type: none;<br />
float: none;<br />
height: 80px;<br />
overflow: hidden;<br />
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrTqyNIDGz0kmRhFQM5R29DEb90xiNB1I2zQWz97elIhdimkeu-6JiSBI_CvtopaOAJIBq7jWMOfC78L87swtwcqCZ42fO_cRHflZkrTT0g2Faaiyt4VmIyjTmFq7WIg9GEjwiCp_9OhOf/s1600/24work-blogspot-com.jpg) repeat-x;<br />
border: 1px solid #ddd;<br />
}<br />
<br />
#workwidget li a {<br />
text-decoration: none;<br />
color: #4B545B;<br />
font-size: 15px;<br />
height: 18px;<br />
overflow: hidden;<br />
margin: 0px 0px;<br />
padding: 0px 0px 2px 0px;<br />
}<br />
<br />
#workwidget img {<br />
float: left;<br />
margin-top: 10px;<br />
margin-right: 15px;<br />
background: #EFEFEF;<br />
border: 0;<br />
}<br />
<br />
#workwidget img {<br />
-webkit-transition: all 0.5s ease;<br />
-moz-transition: all 0.5s ease;<br />
transition: all 0.5s ease;<br />
padding: 4px;<br />
background: #eee;<br />
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));<br />
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);<br />
-webkit-border-radius: 4px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);<br />
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);<br />
box-shadow: 0 0 3px rgba(0,0,0,.7);<br />
}<br />
<br />
#workwidget img:hover {<br />
-moz-transform: scale(1.2) rotate(-350deg);<br />
-webkit-transform: scale(1.2) rotate(-350deg);<br />
-o-transform: scale(1.2) rotate(-350deg);<br />
-ms-transform: scale(1.2) rotate(-350deg);<br />
transform: scale(1.2) rotate(-350deg);<br />
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);<br />
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);<br />
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);<br />
}<br />
<br />
.spydate {<br />
overflow: hidden;<br />
font-size: 10px;<br />
color: #0284C2;<br />
padding: 2px 0px;<br />
margin: 1px 0px 0px 0px;<br />
height: 15px;<br />
font-family: Tahoma,Arial,verdana, sans-serif;<br />
}<br />
<br />
.spycomment {<br />
overflow: hidden;<br />
font-family: Tahoma,Arial,verdana, sans-serif;<br />
font-size: 10px;<br />
color: #262B2F;<br />
padding: 0px 0px;<br />
margin: 0px 0px;<br />
}<br />
<br />
<br />
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'><br />
imgr = new Array();<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
showRandomImg = true;<br />
boxwidth = 255;<br />
cellspacing = 6;<br />
borderColor = "#232c35";<br />
bgTD = "#000000";<br />
thumbwidth = 50;<br />
thumbheight = 50;<br />
fntsize = 15;<br />
acolor = "#666";<br />
aBold = true;<br />
icon = " ";<br />
text = "comments";<br />
showPostDate = true;<br />
summaryPost = 40;<br />
summaryFontsize = 10;<br />
summaryColor = "#666";<br />
icon2 = " ";<br />
<span style="color: #b4a7d6;"><b>numposts = 10</b></span>;<br />
home_page = "<b><span style="color: red;">http://bdlab.blogspot.com</span></b>/";<br />
<b><span style="color: #ffe599;">limitspy=4</span></b>;<br />
<b><span style="color: #a2c4c9;">intervalspy=4000</span></b>;<br />
</script><br />
<br />
<div id="workwidget"><br />
<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-2.js' type='text/javascript'></script><br />
</div></div><br />
<br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<br />
<b><span style="color: red;">Note :If your template already have a jquery do not put again, just copy after it</span><br style="color: red;" /><span style="color: red;"> Html from above a few things could be replaced :</span><br />
<br />
<br />
<br />
</b><br />
<br />
<br />
<br />
<blockquote><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script></span></b></blockquote><br />
Now Replace the <b><span style="color: red;">http://bdlab.blogspot.com</span></b> with your blog Url.<br />
<br />
<br />
You Can Also <span style="background-color: #38761d;"><span style="color: yellow;">CUSTOMIZE</span></span> The CODE According to Your Need<br />
<br />
<b><span style="color: #b4a7d6;">numposts = 10</span></b>; Total number of posts which you wants to scroll by this widget<br />
<b><span style="color: #ffe599;">limitspy=4</span></b>; Number of the posts to appear on the widget<br />
<b><span style="color: #a2c4c9;">intervalspy=4000</span></b>; Scrolling speed of the widget,if you decreased the value speed of widget will increases.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h4 style="text-align: left;">Add Animated Recent Post Widget Sliding Recent Post Widget for Bloggers</h4><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/vGLd4R" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Animated Recent Post Widget Sliding Recent Post Widget" border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzdOGEUn1Mjpdm-l9VU-fWy9bYaffm2aP_X0OTyuDAgfDgSLKobTEgq7FrAJHx_aJi31ePFLTrqpOENh1MBBZnolQK2S8J-43u6Yq6jdLtsF55JyX3KZrCbYAKkGeeAIbQ97RnVF6-h7Tg/s1600/Animated+Scrolling+Recent+Post+Widget.png" title="Animated Recent Post Widget Sliding Recent Post Widget" width="441" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/animated-recent/recen-posts-live-demo-3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
Go to blogger > Open layout tab<br />
<br />
Now Add A new HTML/JavaScript widget<br />
<br />
Now paste the code given below : <br />
<br />
<br />
<br />
<div class="code"><b><span style="color: red;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script></span></b><br />
<br />
<br />
<style type="text/css"><br />
#rp_plus_img{height:377px;}<br />
#rp_plus_img li {height:60px;padding:5px;list-style:none;<br />
background-color:#ffffff;<br />
border:solid 1px #000000;}<br />
#rp_plus_img a{color:#00000;}<br />
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;<br />
text-align:justify;<br />
-moz-border-radius: 5px;}<br />
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}<br />
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-3.js"></script><br />
<script type="text/javascript"><br />
var speed = 1500;<br />
var pause = 3500;<br />
$(document).ready(function(){<br />
rpnewsticker();<br />
interval = setInterval(rpnewsticker, pause);<br />
});<br />
</script><br />
<ul id="rp_plus_img"><br />
<script style="text/javascript"><br />
var <span style="background-color: #f4cccc; color: #4c1130;"><b>numposts = 5</b></span>;<br />
var numchars = 0;<br />
</script><br />
<script src="<b><span style="color: red;">http://bdlab.blogspot.com</span></b>/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul></div><br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<b><span style="color: red;">Note :If your template already have a jquery do not put again, just copy after it</span><br style="color: red;" /><span style="color: red;"> Html from above a few things could be replaced :</span></b><br />
<br />
<br />
<blockquote><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script></span></b></blockquote><br />
<br />
Now Replace the <b><span style="color: red;">http://bdlab.blogspot.com</span></b> with your blog Url.<br />
<br />
<br />
<span style="background-color: #f4cccc;"><b><span style="color: #4c1130;">numposts = 5</span></b></span>; Total number of posts which you wants to scroll by this widget<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h4 style="text-align: left;">Stylish Animated Blogger Recent Posts Widget</h4><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/vGLd4R" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Stylish Animated Blogger Recent Posts Widget" border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnvK1hf2tfhqSkKDbSGsCwdn8l61SXqYK1bKDY4zlHWQXP598JhlyaUUsvfV7XS0Q_wAX8wov3mL_lLxWhYtLa97_ViucSTGnCxhXAzfnzhYClsOeBF2n9CQAyeOXNxwfWTLOSl55_bBr/s1600/Stylish+Animated+Blogger+Recent+Posts+Widget.png" title="Stylish Animated Blogger Recent Posts Widget" width="266" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/animated-recent/recen-posts-live-demo-4.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
Go to blogger > Open layout tab<br />
<br />
Now Add A new HTML/JavaScript widget<br />
<br />
Now paste the code given below : <br />
<br />
<br />
<div class="code"><b><span style="color: red;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script></span></b><br />
<br />
<br />
<style type="text/css" media="screen"><br />
#workwidget {<br />
overflow: hidden;<br />
margin-top: 5px;<br />
padding: 0px 0px;<br />
height: 385px;<br />
}<br />
<br />
#workwidget ul {<br />
width: 295px;<br />
overflow: hidden;<br />
list-style-type: none;<br />
padding: 0px 0px;<br />
margin: 0px 0px;<br />
}<br />
<br />
#workwidget li { <br />
width:230px; <br />
background: #1ed2f2;<br />
list-style-type: none;<br />
margin:0 0 5px 0px;<br />
padding:5px 5px 1px 10px !important;<br />
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px; <br />
}<br />
<br />
#workwidget li a {<br />
text-decoration: none;<br />
color: #4B545B;<br />
font-size: 15px;<br />
height: 18px;<br />
overflow: hidden;<br />
margin: 0px 0px;<br />
padding: 0px 0px 2px 0px;<br />
}<br />
<br />
#workwidget img {<br />
float: left;<br />
margin-top: 10px;<br />
margin-right: 15px;<br />
background: #EFEFEF;<br />
border: 0;<br />
}<br />
<br />
#workwidget img {<br />
-webkit-transition: all 0.5s ease;<br />
-moz-transition: all 0.5s ease;<br />
transition: all 0.5s ease;<br />
padding: 4px;<br />
background: #eee;<br />
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));<br />
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);<br />
-webkit-border-radius: 4px;<br />
-moz-border-radius: 4px;<br />
border-radius: 4px;<br />
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);<br />
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);<br />
box-shadow: 0 0 3px rgba(0,0,0,.7);<br />
}<br />
<br />
<br />
#workwidget li:hover { <br />
background: #84f6f5;<br />
<br />
}<br />
<br />
#workwidget img:hover {<br />
-moz-transform: scale(1.2) rotate(-350deg);<br />
-webkit-transform: scale(1.2) rotate(-350deg);<br />
-o-transform: scale(1.2) rotate(-350deg);<br />
-ms-transform: scale(1.2) rotate(-350deg);<br />
transform: scale(1.2) rotate(-350deg);<br />
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);<br />
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);<br />
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);<br />
}<br />
<br />
.spydate {<br />
overflow: hidden;<br />
font-size: 10px;<br />
color: #0284C2;<br />
padding: 2px 0px;<br />
margin: 1px 0px 0px 0px;<br />
height: 15px;<br />
font-family: Tahoma,Arial,verdana, sans-serif;<br />
}<br />
<br />
.spycomment {<br />
overflow: hidden;<br />
font-family: Tahoma,Arial,verdana, sans-serif;<br />
font-size: 10px;<br />
color: #262B2F;<br />
padding: 0px 0px;<br />
margin: 0px 0px;<br />
}<br />
<br />
<br />
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'><br />
imgr = new Array();<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png";<br />
showRandomImg = true;<br />
boxwidth = 255;<br />
cellspacing = 6;<br />
borderColor = "#232c35";<br />
bgTD = "#000000";<br />
thumbwidth = 50;<br />
thumbheight = 50;<br />
fntsize = 15;<br />
acolor = "#666";<br />
aBold = true;<br />
icon = " ";<br />
text = "comments";<br />
showPostDate = true;<br />
summaryPost = 40;<br />
summaryFontsize = 10;<br />
summaryColor = "#666";<br />
icon2 = " ";<br />
<span style="background-color: magenta;">numposts = 10</span>;<br />
home_page = "<b><span style="color: red;">http://bdlab.blogspot.com/</span></b>";<br />
limitspy=4;<br />
intervalspy=4000;<br />
</script><br />
<br />
<div id="workwidget"><br />
<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-2.js' type='text/javascript'></script><br />
</div></div><br />
<br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<br />
<b><span style="color: red;">Note :If your template already have a jquery do not put again, just copy after it</span><br style="color: red;" /><span style="color: red;"> Html from above a few things could be replaced :</span><br />
<br />
<br />
<br />
</b><br />
<br />
<br />
<br />
<blockquote><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script></span></b></blockquote><br />
Now Replace the <b><span style="color: red;">http://bdlab.blogspot.com</span></b> with your blog Url.<br />
<br />
<br />
<br />
<br />
<br />
<b style="background-color: yellow;">Settings:</b><br />
<br />
Change <b><span style="color: red;">http://bdlab.blogspot.com</span></b> to Your Blog address<br />
Change <span style="background-color: magenta;">numposts = 10</span> to Show number of Recent posts with thumbnails<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h4 style="text-align: left;">Scrolling Recent Post Gadget For Blogger</h4><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/vGLd4R" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Scrolling Recent Post Gadget For Blogger" border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh56tSyQ14dBBvGlFcCSbkLDw_f5O2z_5d2qWWyEygjO1wD0TzeuzIfsIxZWTPdBYMzgnaIlRHT7je-VdNLjSXFur5RgCFSuTOl4LTnAfIdFh4XYNDKG_xqxaUBbsY_aSDIJCpuld8xBtiV/s1600/Scrolling+Recent+Post+Gadget+For+Blogger.png" title="Scrolling Recent Post Gadget For Blogger" width="507" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/animated-recent/recen-posts-live-demo-5.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<b>Adding The Widget To Blogger</b><br />
<br />
<br />
<br />
Go to Blogger >> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget<br />
<br />
Copy the following code and paste inside an HTML/JavaScript widget<br />
<br />
<br />
<div class="code"><b><span style="color: red;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script></span></b><br />
<br />
<br />
<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript' src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/hb-recentposts-ycode.js" ></script><br />
<script style='text/javascript' src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/hb-jquery-ticker-nocode.js'></script><br />
<script style='text/javascript'><br />
<b><span style="color: blue;">var numposts = 7</span></b>;<br />
<b><span style="color: magenta;">var showpostthumbnails = true</span></b>;<br />
var displaymore = false;<br />
var displayseparator = false;<br />
var showcommentnum = false;<br />
var showpostdate = false;<br />
var showpostsummary = true;<br />
var numchars = 100;<br />
$(document).ready(function () {$('#sai').vTicker({<br />
speed: 500,<br />
pause: 3000,<br />
showItems: 3,<br />
animation: 'fade',<br />
mousePause: false,<br />
height: 0,<br />
direction: 'up'<br />
});});<br />
</script><br />
<div id="sai"><br />
<script src='<b><span style="color: red;">http://bdlab.blogspot.com</span></b>/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script><br />
</div></div><br />
<br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<br />
<b><span style="color: red;">Note :If your template already have a jquery do not put again, just copy after it</span><br style="color: red;" /><span style="color: red;"> Html from above a few things could be replaced :</span><br />
<br />
<br />
<br />
</b><br />
<br />
<br />
<br />
<blockquote><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script></span></b></blockquote><br />
Now Replace the <b><span style="color: red;">http://bdlab.blogspot.com</span></b> with your blog Url.<br />
<br />
<br />
<br />
<b><span style="color: lime;">Optional Customizations</span></b><br />
<br />
<br />
To change total number of posts find this code <b><span style="color: blue;">var numposts = 7</span></b>; <br />
If you don't want to show post thumbnails then change this value <b><span style="color: magenta;">var showpostthumbnails = true</span></b>; to false.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h4 style="text-align: left;">New and Flexible Recent Posts Widget With Thumbnail for Blogger</h4><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/vGLd4R" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Flexible Recent Posts Widget With Thumbnail" border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEQCcVpIX6jVx_O4J-bFp92m6sY5FkyIErFLHfRyjJBS_k5Cvs2Yg_-smDyYiTjaNbpuKpqFu-H7rP8o1Zw6mespA-palC8O33aAcSHmNM7DbA4nMWUq4FdpAQ-ScHzWXTBJ8_zqJ_2j3Y/s1600/Flexible+Recent+Posts+Widget+With+Thumbnail.png" title="Flexible Recent Posts Widget With Thumbnail" width="474" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/animated-recent/recen-posts-live-demo-6.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
Follow the step by step instructions to add this widget in Blogger:<br />
Sign in to Blogger<br />
Go to Layout > Add a Gadget<br />
Select HTML / JavaScript<br />
Paste the code given below in the field and Save.<br />
<br />
<br />
<div class="code"><style type="text/css"><br />
/*<![CDATA[*/<br />
img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fff;margin-right:10px;height:70px;width:70px}<br />
img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6}<br />
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px}<br />
.label_with_thumbs a{color:#3395BF;font-size:12pt;outline:0;text-decoration:none}<br />
.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#F4A557}.credits,.credits a{font-size:12px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}<br />
#mdjumplink{font-weight:800;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;font-weight:bold;text-decoration:none!important}<br />
#mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}<br />
#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}<br />
#mdjumplink a:hover{color:#888!important;text-decoration:none}<br />
#mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;font-size:13px;font-weight:800}<br />
#mdcomments:hover{background:#F4A557;text-decoration:none}<br />
/*]]>*/<br />
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-5.js"></script><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
<b><span style="color: magenta;">var numposts = 5</span></b>;<br />
<b><span style="color: purple;">var showpostthumbnails = true</span></b>;<br />
<b><span style="color: blue;">var displaymore = true</span></b>;<br />
var displayseparator = true;<br />
<b><span style="color: cyan;">var showcommentnum = false</span></b>;<br />
var showpostdate = false;<br />
var showpostsummary = false;<br />
var numchars = 80;<br />
//]]><br />
</script><br />
<script src='<b><span style="color: red;">http://bdlab.blogspot.com</span></b>/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs'></script></div><br />
<br />
<br />
<b>Customization:</b><br />
<b><span style="color: magenta;">var numposts = 5</span></b>; (Number of Posts to be shown)<br />
<b><span style="color: purple;">var showpostthumbnails = true</span></b>; (Post Image)<br />
<b><span style="color: blue;">var displaymore = true</span></b>; (More Button)<br />
<b><span style="color: cyan;">var showcommentnum = false</span></b>; (No of Comments)<br />
var showpostdate = false; (Post Date)<br />
var showpostsummary = false; (Post Summry)<br />
var numchars = 80; (Characters in post summary)<br />
True is for Display item and False for not to display. Change According to your needs.<br />
<br />
Change <b><span style="color: red;">http://bdlab.blogspot.com</span></b> with your Website/ Blog URL.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h4 style="text-align: left;">Tooltips Recent Post Widget For Blogger With Thumbnail</h4><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/vGLd4R" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tooltips Recent Post Widget For Blogger With Thumbnail" border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqXV1TOJY_dyE-jRW-eh5-PrT5Wh7TobAwZqWRSB1zYFMae5jOHSIWpo-qFEkHMf57vcKh7hu3kiSvcuk3oql-2owc554Pc2NyeEGkA9_-XufT05zjHaei6BqJpNqxTyHQaz15lw23rhCM/s1600/Tooltips+Recent+Post+Widget+For+Blogger+With+Thumbnail.png" title="Tooltips Recent Post Widget For Blogger With Thumbnail" width="322" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/animated-recent/recen-posts-live-demo-7.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<b>Follow these very simple steps to add the "Tooltips Recent Post Widget For Blogger With Thumbnail " in your blog.</b><br />
<b><br />
</b> Step 1 : Go To Blogger > Design > Page Elements<br />
Step 2: Click on "<b>Add a Gadget</b>" link<br />
Step 3: From the pop-up window, choose <b>HTML/JavaScript</b><br />
Step 4: Copy and paste the following code below<br />
<br />
<br />
<div class="code"><b><span style="color: red;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script></span></b><br />
<br />
<br />
<style type="text/css"><br />
#post-gallery {<br />
width:304px;<br />
margin:0px auto;<br />
font:normal 11px Arial,Sans-Serif;<br />
color:##000000<br />
;<br />
padding:8px;<br />
background-color:#1BA1E2<br />
;<br />
-webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);<br />
-moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);<br />
box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);<br />
-webkit-border-radius:4px;<br />
-moz-border-radius:4px;<br />
border-radius:4px;<br />
}<br />
#post-gallery h2 {<br />
font:20px Arial,Sans-Serif;<br />
color:white;<br />
text-shadow:0px 3px 2px black;<br />
text-transform:uppercase;<br />
margin:2px 2px 2px;<br />
padding:7px 14px;<br />
background-color:#000000;<br />
text-align: center;<br />
}<br />
#post-gallery .rp-item {<br />
float:left;<br />
display:inline;<br />
position:relative;<br />
margin:2px;<br />
padding:0px 0px;<br />
background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpbk4mkS6bsh-1Ku5-ZLvCDz-ycU6UNfj1rKPfjXAKwaZSxL5FI0WewUIC9zg-eWGhu0exAlbGv-UxOnmBalFZ5QqJyns1SQdWHDtYIhxop4OP1cc-j_72eYjs8dwrWZ-tRkJntUl-TMPJ/s1600/24work.blogspot.com.loading.gif') no-repeat 50% 50%;<br />
width:72px;<br />
height:72px;<br />
}<br />
#post-gallery .rp-item img {<br />
width:72px;<br />
height:72px;<br />
border:none !important;<br />
margin:0px 0px !important;<br />
padding:0px 0px !important;<br />
background:transparent !important;<br />
display:none;<br />
}<br />
#post-gallery .rp-item .rp-child {<br />
position:relative;<br />
top:10%!important;<br />
left:10%!important;<br />
z-index:1000;<br />
width:200px;<br />
background-color:white;<br />
border-top:5px solid #1BA1E2;<br />
-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);<br />
-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);<br />
box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);<br />
padding:10px 15px;<br />
overflow:hidden;<br />
word-wrap:break-word;<br />
display:none;<br />
opacity: 0.9;<br />
}<br />
#post-gallery .rp-item .rp-child h4 {<br />
font-size:12px;<br />
margin:0px 0px 5px;<br />
color:#1BA1E2;<br />
}<br />
#post-gallery .rp-item:hover .hidden {display:block;}<br />
</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript"><br />
<br />
<br />
var rpTitle = "Latest Post", // Widget Title<br />
<b><span style="color: magenta;"><br />
</span></b> <b><span style="color: magenta;">numposts = 20,</span></b> // The number of thumbnails / posts to display<br />
<b><span style="color: purple;">numchar = 200</span></b>, // Number of characters in the description tooltip<br />
<b><span style="color: blue;">rcFadeSpeed = 600</span></b>, // Speed of the effect. fadeIn () tooltip appears<br />
<br />
pBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9ERmvjGxlzB0VHzizaoyfBZ5OFxNJ4LOK0PESaBqGbrw9zIR0LsYP0nBTXrgdrgpZgEDXdtDXvAZUTw46xXZhe6Igl0QFJg9uTjIaBvu1vQVvDO0Sx-YloT0X03TaxSD_G_tQNe1GKs/s1600/noimage.png", // Image that show up if the post doesn't have a image<br />
blogURL = "<b><span style="color: red;">http://bdlab.blogspot.com/</span></b>"; // Your Blog Address<br />
</script><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts/animated-recent-posts-ycode-6.js" type="text/javascript"></script></div><br />
<br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<br />
<b><span style="color: red;">Note :If your template already have a jquery do not put again, just copy after it</span><br style="color: red;" /><span style="color: red;"> Html from above a few things could be replaced :</span><br />
<br />
<br />
<br />
</b><br />
<br />
<br />
<br />
<blockquote><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script></span></b></blockquote><br />
Now Replace the <b><span style="color: red;">http://bdlab.blogspot.com</span></b> with your blog Url.<br />
<br />
<br />
<br />
<b style="background-color: orange;">Customization</b><br />
<br />
<b><span style="color: magenta;"><br />
</span></b> <b><span style="color: magenta;">numposts = 20,</span></b> // The number of thumbnails / posts to display<br />
<b><span style="color: purple;">numchar = 200</span></b>, // Number of characters in the description tooltip<br />
<b><span style="color: blue;">rcFadeSpeed = 600</span></b>, // Speed of the effect. fadeIn () tooltip appears<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote><span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: 14px; line-height: 20px;"><span style="color: #333333;">Many thanks to </span><a href="http://www.abu-farhan.com/" 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">abu-farhan</a><span style="color: #333333;"> And </span><a href="http://www.helperblogger.com/" rel="nofollow" target="_blank"><span style="color: orange;">Rahul</span></a><span style="color: #333333;"> for making this code and I just tested and modified to work on blogger</span></span></blockquote><br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com155tag:blogger.com,1999:blog-8145265743082971695.post-10174249909252444492016-03-25T06:44:00.000-07:002016-04-01T11:52:51.639-07:00Numbered Page Navigation For Blogger New Script<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/x4d7ln" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Numbered Page Navigation" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoXYTisWi98V2OxrhNqiqM-ur_wdt6Vo_LQjwyg75uxU5Alnn86XQLomb3UVgpepy7JElyMFAuZz3_2bP4fWmfkndTpKlCankzqMDfua7Tkf8JrhyphenhyphenNQrZzWbJEWxFk2dfqqxeOOT56ArzB/s1600/numbered-page-navigation.png" title="Numbered Page Navigation" /></a></div><br />
<br />
Today we will see how to add a nice page number navigation hack blogger. The default navigation links (i.e Older Posts) is not the friendly visitor if you are having a lot of jobs and bloggers readers.Few has some problems with the above script navigation page. Now here is a completely new script and work for numbered page navigation (i.e. Panigation) for Blogger. The paging widget for blogger it easy for the visitor. It is a must have for any new blogs.This new script allows you to add numbered page navigation to blogger/ blogspot blog with page numbers starting(1, 2, 3, 4 ….) like those of a book.<br />
<br />
<a name='more'></a><br />
<span style="color: red; font-size: x-large;"><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank">Add Numbered Page Navigation Widget With DIfferent Styles For Blogger / Blogspot</a></span><br />
<br />
<br />
<br />
<br />
Page navigation widget for blogger is most popular widget, and most bloggers are using this. because these players are only provided in the wordpress blogs hosted or blogs.But now his trick has been made available to bloggers is also here that I am giving this Page Navigation Widget with different styles and options for full customization<br />
<br />
<br />
<b>How To Install This Widget On Blogger :-</b><br />
<br />
Customize the Given Options and Click on <b><span style="color: red;">Generate button</span></b><br />
Click <b><span style="color: red;">Add to Blogger button</span></b> to add this widget on your Blog<br />
<br />
<br />
<br />
<br />
<div style="border: 2px dashed red; padding: 10px;"><iframe allowtransparency="true" frameborder="0" height="760px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/page-navigation/page-navigation-widget-generator-ycode-2.html" width="100%"></iframe></div><br />
<br />
<span style="color: red; font-size: x-large;"><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank">Stylish Numbered Page Navigation Widget with Colored Styles For Blogger</a></span><br />
<br />
<br />
Numbered Page Navigation Widget is a JavaScript hack for blogger to easily navigate blogger pages. In this post i am giving stylish navigation with different colorful styles.<br />
<br />
An error was found in some blogs and it is also fixed in this widget.<br />
eg.hiding at top<br />
<br />
<br />
<b>How To Install This Widget On Blogger :-</b><br />
<br />
<br />
<ol style="text-align: left;"><li>Click the below Button</li>
<li>Customize the Options given in Widget form</li>
<li>Click on <b><span style="color: red;">"Generate"</span></b> Button</li>
<li>Finally click On <b style="color: red;">"Add To Blogger"</b> Button</li>
</ol><br />
<br />
<br />
<div style="border: 2px dashed red; padding: 10px;"><iframe allowtransparency="true" frameborder="0" height="700px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/page-navigation/page-navigation-widget-generator-ycode-3.html" width="100%"></iframe></div><br />
<br />
<br />
<span style="color: red; font-size: x-large;"><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank">How to Add Numbered Page Navigation Widget for Blogger / Blogspot</a></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/x4d7ln" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="26" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ELtwgJdGOiRKJVfYgWQMQN6vDMkbxFgvparNBhhoECztgrASkLEtA24HigxE8dy-EN0Z0djOnl-LySs1uBf0cu_CDbZHmevZ-ZbnYuYShAKQ4i1CrqZTfqt17cwC1nZgJjtUyVBRqT4g/s320/Page+Navigation+Widget+Generator.gif" width="320" /></a></div><br />
<br />
<br />
Page navigation is awesome widget that allows navigation of page number to the visitors. You might have seen numbered page navigation in many WordPress blogs. It is simple JavaScript that allows your older posts, new posts and links to the house numbers. Have you seen older posts, new messages and links at home bored.<br />
<br />
<br />
<br />
<b>How To Add Numbered Page Navigation Widget to Blogger Blog?</b><br />
<br />
I am giving best customizing options to this widget<br />
<br />
<b><span style="color: red;">Note:-</span></b>Choose colors for your convenience you feel good.<br />
<br />
1.Customize Options in Widget Form<br />
2.Click on <b><span style="color: red;">Generate Button</span></b><br />
3.Then finally Click on <b><span style="color: red;">Add to Blogger Button</span></b> to add as a Widget<br />
<br />
<br />
<br />
<div style="border: 2px dashed red; padding: 10px;"><iframe allowtransparency="true" frameborder="0" height="700px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/page-navigation/page-navigation-widget-generator-ycode-1.html" width="100%"></iframe></div><br />
<br />
<br />
<h2 style="text-align: left;"><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank">Blogger Page Navigation Widget With DIfferent Styles</a></h2><br />
<b>How To Install This Widget On Blogger :-</b><br />
<br />
Customize the Given Options and Click on <b><span style="color: red;">Generate button</span></b><br />
Click <b><span style="color: red;">Add to Blogger button</span></b> to add this widget on your Blog<br />
<br />
<br />
<br />
<br />
<div style="border: 2px dashed red; padding: 10px;"><iframe allowtransparency="true" frameborder="0" height="840px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/page-navigation/page-navigation-widget-generator-ycode-4.html" width="100%"></iframe></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h4 style="color: lime; text-align: left;"><b>UPDATED</b></h4><br />
Change based on your blog setting :<br />
var postperpage=5;<br />
var numshowpage=3;<br />
<br />
Postperpage : How many Post every Page for your blog<br />
numshowpage : how Many number will show in Your page Navigation<br />
<br />
<h4 style="text-align: left;"><span style="color: blue;">Customize Label</span> (<strike>if you already use my previous Page Navi don’t use this step</strike>)</h4>Go to the Edit HTML page and “Expand Widget Templates”<br />
Find this (all of this text in your xml or template)<br />
<br />
<div class="code"><h4 style="text-align: left;">'data:label.url'</h4></div><br />
and Replace with this<br />
<br />
<div class="code"><h4 style="text-align: left;">'data:label.url + &quot;?&amp;max-results=<span style="color: red;">5</span>&quot;'</h4></div><br />
Change <span style="color: red;">5 </span>base on how many post every page<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote>Many thanks to <a href="http://www.way2blogging.org/" rel="nofollow" target="_blank"><span style="color: #f1c232;">Harish</span></a> for making this code , Some Stylings and PageNavi Script by <a href="http://www.abu-farhan.com/" rel="nofollow" target="_blank"><span style="color: #f1c232;">Abu Farhan</span></a> and I just tested and modified to work on blogger</blockquote></div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com369tag:blogger.com,1999:blog-8145265743082971695.post-36742884054839750412016-03-24T21:44:00.000-07:002016-04-01T11:55:09.968-07:0017+ Featured Content Slider for Blogger Using jQuery<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/xqQlgS" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="17+ Featured Content Slider for Blogger Using jQuery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr56uKwZWfHA4VjBTMpPfeGUvh11iB8G2v3FvXwQ1yfOHcKHJpWk7UcAgIavPyPiYVB59bm1fsZbH4ZaP3w15ul7LpkR7papC8q75PB4cYel8dSHCFHQaXkLerXsAhlPXIY0YBDkVBI9sB/s1600/Featured+Content+Slider.png" title="17+ Featured Content Slider for Blogger Using jQuery" /></a></div><br />
You should already know about JQuery Featured Content Slider.Today we will see how to add 17+ jQuery featured content sliders / slideshows for your blog or website.Almost all bloggers use the contents, which included slider.Contents are a great way to show a lot of content in a smaller area of a web page or a blog. Automatic sliding doors are dynamic content in many popular websites on the web.This is a great technique to represent different types of content in a limited space and a good way to involve the user.You have probably noticed that a lot of websites recently a working area with content that slides or changes in any way.<br />
<br />
<a name='more'></a><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 />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2ojshE6-XtQ" width="560"></iframe><br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Featured Content Slider for Blogger Using jQuery</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Featured Content Slider for Blogger Using jQuery" border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYMoodVx3sy17tuftVrEsp7Y9UPo5rNGwaCVGUvch5D6nEB5ZAIA1LVl2_35oQ4-wtJYpd9DOWtpqwi_v6iVNG_g3QGbsKbUk3v2vEllVtfPaZIAQIH9-OSfVmfw6geG8VxK1pc172rWtX/s1600/Featured+Content+Slider+for+Blogger+Using+jQuery.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/featured-content-slider-for-blogger-using-jquery.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" type="text/javascript"></script><br />
<br />
<script type="text/javascript"><br />
$(document).ready(function(){$("#featured > ul").tabs({fx:{opacity:"toggle"}}).tabs("rotate",5000,true);});<br />
</script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
#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 />
#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 />
#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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgopy6dZMNNRJn3Kojf1oGRyO0A-UGKZH2agPoyz8i1K8hMDqJXXqZmu0DRjZ-KQ3PunOcMlNy0IU7xdcGsaWMgzNcPPjhZ1_XbSS9-hCzqO5-xz99W9h4TL_XavleBHX0GYXokMrh13m6j/s1600/selected-item.gif') top left no-repeat;<br />
}<br />
#featured ul.ui-tabs-nav li.ui-tabs-selected a{<br />
background:#ccc;<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAjrZzpz5v708A0pXTu6og-6vfkR0prGngg9zuWSc_TFghWL8PoKVy7x9eMW-DK8sThYi8P_mp6p2B9VRfh7MvrYVCzqgDUWmG3kMrl7_kWz1sRNztGQVNMirvEN4yBJpl51ibcN4uT0hw/s1600/117s1g9.jpg') ;<br />
}<br />
#featured .info h2{<br />
font-size:14px; 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 />
}<br />
<br />
</style><br />
<br />
<br />
<div id="featured"><br />
<ul class="ui-tabs-nav"><br />
<li class="ui-tabs-nav-item" id="nav-fragment-1"><a href="#fragment-1"><img alt="featured 1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKXwufPr3d7hphmYS3TxajdT-Yv0fq1gVm2moo5dlw7TeqLThlSL0YJxuDVHTXEPIVB6MG6G62_i8-Lc60l8LGG0-hOiLNeCOnmco8kIK4D_MuySGrsMeovlGky5tRqRsdTOFCSdKyVQ6j/s1600/Change+Mouse+Cursor+Generator.png"/><span>TITLE 1</span></a></li><br />
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img alt="featured 2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgadAIVhOoM-KPYRe1VP0Mtod4kzxOW09uBbL93bSSEiKGJNuMqsEAb_UVT_jA-JjHeym0nOJ8Rc6U9yvggy5eYHazrdumKHUaWRIj-E6a88uo3dIXYY4kDegSai8rEmCzmdHObtKRW3ikC/s1600/Numbered+Page+Navigation.png"/><span>TITLE 2</span></a></li><br />
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img alt="featured 3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMsTrNAtM5tqpdmIpFtlG_pgNVY43iRWEuhBzmYNwz5OCEK8DKDhQRIL3YMi0xLFkDLQ2qSY-25Xbvcpyp2c2j51O-xEcJg8rqt9AqbOJ-OIlOu2y_0rJpe85-MY_vB2wWqFdR-NYevleU/s1600/Snow+Cursor+Code+Generatort.png"/><span>TITLE 3</span></a></li><br />
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img alt="featured 4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZWsaynGCvjJCjTax1mqY7FE9pwCcrwxWTjRhDWNQ6t2dLxAcRubJb5eLM85UTGTtWkBJlnAm4-q8h3zQdIXOwyuvN84tp9Il4Uv94hDfEDCzmM98b9dnLeKJni5dWzfNBqw7o9t7R1Cup/s1600/Blogger+Falling+Object+Generator.gif"/><span>TITLE 4</span></a></li><br />
</ul><br />
<br />
<br />
<!-- First Content --><br />
<div id="fragment-1" class="ui-tabs-panel" style=""><br />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png"/> <br />
<div class="info"><br />
<h2><a href="#" target="_blank"><b><span style="color: magenta;">TITLE-OF-THE-SLIDE 1</span></b></a></h2><br />
<p>TEXT-OF-THE-SLIDE 1</p><br />
</div><br />
</div><br />
<br />
<!-- Second Content --><br />
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""><br />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png"/><br />
<div class="info"><br />
<h2><a href="#" target="_blank"><b><span style="color: magenta;">TITLE-OF-THE-SLIDE 2</span></b></a></h2><br />
<p>TEXT-OF-THE-SLIDE 2</p><br />
</div><br />
</div><br />
<br />
<!-- Third Content --><br />
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""><br />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png"/><br />
<div class="info"><br />
<h2><a href="#" target="_blank"><b><span style="color: magenta;">TITLE-OF-THE-SLIDE 3</span></b></a></h2><br />
<p>TEXT-OF-THE-SLIDE 3</p><br />
</div><br />
</div><br />
<br />
<!-- Fourth Content --><br />
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""><br />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png"/><br />
<div class="info"><br />
<h2><a href="#" target="_blank"><b><span style="color: magenta;">TITLE-OF-THE-SLIDE 4</span></b></a></h2><br />
<p>TEXT-OF-THE-SLIDE 4</p><br />
</div><br />
</div><br />
<br />
</div><br />
<div style="clear:both;"></div><br />
<br/><br />
<div></div></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 />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Simple jQuery Featured Content Slider for Blogger Blog </span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Simple jQuery Featured Content Slider for Blogger Blog" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9niwCWPg4u9gEUuLQQ8Ov_YdlTKubK2IBPoWXQiwNI3CBh73fTsqupojw_dwaJjgabSF4Y-qlYEJMXaqjMHi_iIxcc-jLKsALqckMinRF8OPr1ZE00MQWULftSAKx2BNW6PTaHykTp9Ma/s1600/Simple+jQuery+Featured+Content+Slider+for+Blogger+Blog.png" width="500" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/simple-jquery-featured-content-slider-for-blogger-blog.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/freebloggerhelp-jquery.flow.1.2.auto.js" type="text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("#myController").jFlow({<br />
slides: "#slides",<br />
controller: ".jFlowControl", // must be class, use . sign<br />
slideWrapper : "#jFlowSlide", // must be id, use # sign<br />
selectedWrapper: "jFlowSelected", // just pure text, no sign<br />
auto: true, //auto change slide, default true<br />
width: "610px",<br />
height: "235px",<br />
duration: 400,<br />
prev: ".jFlowPrev", // must be class, use . sign<br />
next: ".jFlowNext" // must be class, use . sign<br />
});<br />
});<br />
</script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
#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 />
.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 />
.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; }<br />
</style><br />
<br />
<br />
<br />
<div class="jflow-content-slider"><br />
<div id="slides"><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank"><span style="color: purple;"><b>TITLE-OF-THE-SLIDE 1</b></span></a></h2><br />
<br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 1<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank"><span style="color: purple;"><b>TITLE-OF-THE-SLIDE 2</b></span></a></h2><br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 2<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank"><b><span style="color: purple;">TITLE-OF-THE-SLIDE 3</span></b></a></h2><br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 3<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank"><span style="color: purple;"><b>TITLE-OF-THE-SLIDE 4</b></span></a></h2><br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 4<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank"><b><span style="color: purple;">TITLE-OF-THE-SLIDE 5</span></b></a></h2><br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 5<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
</div><br />
<br />
<div id="myController"><br />
<span class="jFlowPrev">Prev</span><br />
<span class="jFlowControl">1</span><br />
<span class="jFlowControl">2</span><br />
<span class="jFlowControl">3</span><br />
<span class="jFlowControl">4</span><br />
<span class="jFlowControl">5</span><br />
<span class="jFlowNext">Next</span><br />
</div><br />
<div class="clear"></div><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add Smart Jquery Featured Slider to Blogger / Websites </span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add Smart Jquery Featured Slider to Blogger / Websites" border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJK9DDEDlEU0QOjHmVjnXuNOIaEDZtSq8SdsVNDoKNty2sfKOo7DQ_BZf4OumPWAL51kZIKP3CaNJvvTfaTUyULUISWpW_6rnCXKM0__PDruUFDMgMaTlMIwta7CMK9hMLhR00HMiu-2s/s1600/How+To+Add+Smart+Jquery+Featured+Slider+to+Blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/smart-jquery-featured-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script><br />
<br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/jquery.jcarousel.pack.js" type="text/javascript"></script><br />
<br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/jquery-ui-personalized-1.5.2.packed.js" 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><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
.jcarousel-skin-tango .jcarousel-container {-moz-border-radius: 10px;}<br />
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 941px;margin: 0 auto;padding:0 20px;}<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 />
.jcarousel-skin-tango .jcarousel-next-horizontal {<br />
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUSb4LtD87dK455JdSSpzleXxjlMx7a09QHXBe7yGYYYPPwVIQxdPGADkgcS-SwNBaGkRjsVPCToEgy22I8wdZj79y07btvMAxnxD2_nfJpn3tRAfviEYXnIMz8jOONoch4YAot5tRPS0i/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 />
.jcarousel-skin-tango .jcarousel-prev-horizontal {<br />
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUSb4LtD87dK455JdSSpzleXxjlMx7a09QHXBe7yGYYYPPwVIQxdPGADkgcS-SwNBaGkRjsVPCToEgy22I8wdZj79y07btvMAxnxD2_nfJpn3tRAfviEYXnIMz8jOONoch4YAot5tRPS0i/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 />
.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 />
#news-slider{background-color:#FFFFFF;padding:20px 0;}<br />
#news-slider img{border:none;height:254px;width:307px;}<br />
</style><br />
<br />
<br />
<br />
<div id="news-slider"><br />
<ul class="jcarousel-skin-tango" id="mycarousel"><br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" width="307" /></a></li><br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" width="307" /></a></li><br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" width="307" /></a></li><br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" width="307" /></a></li><br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" width="307" /></a></li><br />
<br />
</ul><br />
</div><br />
<br />
<div class="clear"></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Create JQuery Featured Content Slideshow</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Create JQuery Featured Content Slideshow" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivvpScg1VdnNUL97FHMvdl7zbC63pBtVoMs_UlaS6PCGtbkCtYlodCb0YNjUqkg0j_HhYUM6Oy_f1XypmvD-R_wI9Pl0AFYAFtIEXGiboh2BWFMihGfjwxyH2zbiSlHvShnCXQ8S4l5mWe/s1600/How+To+Create+JQuery+Featured+Content+Slideshow.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/create-jquery-featured-content-slideshow.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"/></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-01.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
ul.slideshow {<br />
list-style:none;<br />
width:600px;<br />
height:240px;<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:600px;<br />
height:240px;<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><br />
<br />
<br />
<ul class="slideshow"><br />
<br />
<li><a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpBs4GK3iq1v4XbVng97uUR-2tYZsWqDwdvNHg8jCZb4dnEDFhOT6-kfKusrArmtlYLGrYLIJZPMrlgsGErLJ0CRqHth1CSeG0bm-bXpcrEoNMLJ5yXNEQm3MfFB6JybZFc2XfYcAuVLzD/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" title="This is featured post 1 title" alt="<b><span style="color: blue;">Replace This Text With Your Featured Post 1 Description.</span></b>" /></a></li><br />
<br />
<li><a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVE-UbGTu5-sS7vnmaD9TLnGgo4XdRtuJH8ysJArLDTQzwATbwKhIPDXHZ-tQz304UfhUQPabCW0xaJnr_8ZtQ0lYV9Y90Rp91swD03A_u6IMOeyedUrXyn9i8tpiLt36tCqspI-8EIRgv/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" title="This is featured post 2 title" alt="<b><span style="color: blue;">Replace This Text With Your Featured Post 2 Description.</span></b>" /></a></li><br />
<br />
<li><a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_-iC6cvZQwKX_UUPmmqQLn6PGGHc2tc5zkYqAgvaUNmexq9NiIphm6vs8L_C5grMG3J9SuhJtWpB0vHC9TuyWhRUAkEiENtYQB22VeT4Yjsfd6DmruiJZjGJbCnySKDz0RengiRbix-NC/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" title="This is featured post 3 title" alt="<b><span style="color: blue;">Replace This Text With Your Featured Post 3 Description.</span></b>" /></a></li><br />
<br />
<li><a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZDli4GsWm24kgovLnDxcNijZqG8YLCgm0W_zRe0UshySKySVlo0KJ5gr144U2XhtQUSQb8Tke1_Jzm6zRh6kv913GbGcry-6Dik0vbC1JJfK4RAP2-Sb96z5_FJVexIbRS1QSPPOxB568/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" title="This is featured post 4 title" alt="<b><span style="color: blue;">Replace This Text With Your Featured Post 4 Description.</span></b>" /></a></li><br />
<br />
<li><a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh17w3rHLn86M5XSk-j0PxsG_JwQYJQL3b7sGdkuKfm_Wqq6QF3Uy8lT9dwz9bTBgAxCqQexqbkhOGelydIxoJQLUCbTTCXKgDDNiHX0Bc_jNsdLMhCAIvKReglqIQ550fBmATwQJwhTkHH/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" title="This is featured post 5 title" alt="<b><span style="color: blue;">Replace This Text With Your Featured Post 5 Description.</span></b>" /></a></li><br />
<br />
</ul></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add jQuery Featured Post Slider to blogger</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add jQuery Featured Post Slider to blogger" border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit6ruFSOxwUE4PKxloWDF9MJ6etBSLQkd7Ce8ahTKvnwXNw6P02H88MxRBNTH-I5vMp-QWReuLopzcZHhNLoLQfYvvsdfyBIWOC2kbCSzAo0qaIplAJ15hSgDj12bSMjSlFEsZPmH5yWE5/s1600/How+To+Add+jQuery+Featured+Post+Slider+to+blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/add-jquery-featured-post-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-02.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-03.js" type="text/javascript"></script><br />
<script type="text/javascript"><br />
<br />
//<![CDATA[<br />
<br />
$(document).ready(function() {<br />
$('#tabzine> ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });<br />
<br />
});<br />
<br />
//]]><br />
</script><br />
<script type="text/javascript"><br />
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);<br />
</script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIb9rjnFcgsQZgulQL2Iwtdo2CXHm615jEzpWSL7QLPTDMZu79g-dR0BUHVN2ZvW9bjSfXJxL8CflYBHaNF5X4Fri5lpYPyeruIsL0zlrzcatElQ_8PRg-5X3PEFHanFzI-MlHU77_6Drd/) 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgitW_j0paXj6rGreEu_0TwcqHly6opy8Acf0PjRdnARoY2uk0M3QZtgVohl_wT6xAnS3JL_rhckp9PPboxVBu08R5rzTyr7WKwelWms9HA3c435zu15b_L2C4E7G6BQzHn6sDQSzFx-XJ4/) 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR3SM89_PZOqs9XDlZrNp-3JboWiyEJuQk0C_mG7wpwyOosRUzteE1ZeheBatLMydCCrRHj7cGgiBMUfvhkGvp8jO42K-mt9GXUIsM9IKUJWMpItc-ELQI102Rb2CAVR6KCNb9T3-3Eu70/) left no-repeat;<br />
width:50px;<br />
height:17px;<br />
}<br />
.glidecontenttoggler a.next {<br />
float:right;<br />
display:block;<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNl-DlO2CGoUvsIkf0dfN-R9DGNFYtAt8yVPElM4qnw28FTqjb4xOz4PKfSSnE_3MnU5zUPTMYKar-h428jE_63vmsTFRIHVUEmrO9p9T6pzD6-sJHYjmjXfoTzxIuWFQFNSNoR6p3BsU7/) right no-repeat;<br />
width:20px;<br />
height:17px;<br />
position:absolute;<br />
top:9px;<br />
right:15px;<br />
}<br />
</style><br />
<br />
<br />
<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 />
<div class="glidecontent"><br />
<br />
<h2><a href="#" target="_blank"><b><span style="color: cyan;">This is featured post 1 title</span></b></a></h2><br />
<p>Replace This Text With Your Featured Post 1 Description.</p><br />
</div><br />
<br />
<br />
<br />
<br />
<div class="glidecontent"><br />
<br />
<h2><a href="#" target="_blank"><b><span style="color: cyan;">This is featured post 2 title</span></b></a></h2><br />
<br />
<br />
<p>Replace This Text With Your Featured Post 2 Description.</p><br />
</div><br />
<br />
<br />
<br />
<div class="glidecontent"><br />
<br />
<h2><a href="#" target="_blank"><span style="color: cyan;"><b>This is featured post 3 title</b></span></a></h2><br />
<br />
<br />
<p>Replace This Text With Your Featured Post 3 Description.</p><br />
</div><br />
<br />
<br />
<br />
<div class="glidecontent"><br />
<br />
<h2><a href="#" target="_blank"><b><span style="color: cyan;">This is featured post 4 title</span></b></a></h2><br />
<br />
<br />
<p>Replace This Text With Your Featured Post 4 Description.</p><br />
</div><br />
<br />
<br />
<br />
<div class="glidecontent"><br />
<br />
<h2><a href="#" target="_blank"><b><span style="color: cyan;">This is featured post 5 title</span></b></a></h2><br />
<br />
<br />
<p>Replace This Text With Your Featured Post 5 Description.</p><br />
</div><br />
<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 />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add jQuery Images Slider to Blogger </span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add jQuery Images Slider to Blogger " border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiXPITx38obabyg4vhnyRN_orWdirIxDZjZ7PebH3sEmWC_Xf_1m2baGmWpowpxDBie0ampVKyfKWA9YDgvKrDrjSfIMLigvZXAe13EiFFqLIM0TlNAbLlG4apQcI2w62396tKFstEM4dz/s1600/How+To+Add+jQuery+Images+Slider+to+Blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/how-to-add-jquery-images-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-04.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><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: 95%; /*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><br />
<br />
<br />
<br />
<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: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpsVZhxAMeyty5t1uQ3yAZPe4Lz1_QK0EbaDlLl58qdTEGblaZJCObaEgAiCpU1OyZwdagK2ePTsFDJvVfRC-_bJj5DHx9Y3k-TCTot3169I3G9nUrN3bBRfYofRfFHriK7P2oBlwOrF_X/', -14, 60], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge8JbnLarAhr-vbHe1wdDFYMvNCslSziRW4bpLviMZKS1MXUS8_Qa5BVZL682FEp9wb30H6-VE7bmfn8370t2t6R4IQig_G5f9hQKJBAKZa6V3wFFXSlgVtpXf-bO0Zy0_GgD4knSq9pOC/', 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="#" target="_blank" title="<b><span style="color: lime;">This is featured post 1 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" target="_blank" title="<b><span style="color: lime;">This is featured post 2 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" target="_blank" title="<b><span style="color: lime;">This is featured post 3 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" target="_blank" title="<b><span style="color: lime;">This is featured post 4 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="120"/><br />
</a><br />
</div><br />
<br />
<div class="panel"><br />
<a href="#" title="<b><span style="color: lime;">This is featured post 5 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="120"/><br />
</a><br />
</div><br />
<br />
<br />
</div><br />
</div><br />
</div><br />
<div class="clear"></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add MooTools Featured Content Slider to blogger</span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add MooTools Featured Content Slider to blogger" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_5_kIunJokXRlMbXgwjDcci2hBKTpTx0S_wtOgLt_ybgzoZeHoDPNdZCRm9jyFphbvje2a7IRnw_ywac80l4lCj4Sl3gJ1bwLeduXhNu4mfi_zGB9tN1XKwiewuLDtdmgrQIwOip6nVmI/s1600/How+To+Add+MooTools+Featured+Content+Slider+to+blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/mootools-featured-content-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/mootools-slider.svn.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-05.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><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><br />
<br />
<br />
<br />
<div id="slider-stage"><br />
<br />
<ul id="slider-list"><br />
<br />
<li id="l1"><a href="#" target="_blank" title="<b><span style="color: yellow;">This is featured post 1 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="200"/></a></li><br />
<br />
<li id="l2"><a href="#" target="_blank" title="<b><span style="color: yellow;">This is featured post 2 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="200"/></a></li><br />
<br />
<li id="l3"><a href="#" target="_blank" title="<b><span style="color: yellow;">This is featured post 3 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="200"/></a></li><br />
<br />
<li id="l4"><a href="#" target="_blank" title="<b><span style="color: yellow;">This is featured post 4 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="200"/></a></li><br />
<br />
<li id="l5"><a href="#" title="<b><span style="color: yellow;">This is featured post 5 title</span></b>"><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="200"/></a></li><br />
<br />
</ul><br />
<br />
</div><br />
<br />
<div id="slider-buttons"><br />
<a id="previous" href="#">Previous</a> | <a id="next" href="#">Next</a><br />
</div><br />
<br />
<div class="clear"></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Excellent Content SlideShow Slider to Blogger / WebSite </span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Excellent Content SlideShow+Slider to Blogger / WebSite " border="0" height="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVcDzWMYH3Wp08P8nVrxHLoxuHVojbaVz7xOvpizXq3jRqnrYRXhqiPsj1ZvX7EthpuMxr1Mwr67F_AJUaNtDl_mZlm8vieqky29K4ga2Y_1cX-nIIxNficauDsi5cIb2DIgwklaU5ACNJ/s1600/Excellent+Content+SlideShow+Slider+to+Blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/excellent-content-slideshow-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/excellent-slideshow-compressed.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
#slideshow {list-style:none; color:#fff}<br />
#slideshow span {display:none}<br />
#wrapper {width:506px; margin:50px auto; display:none}<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNvAo9VY6w__9wFx1P3vbNv0xYpPzsgA6YqxM6ZSgvlhb-uURV6WuWY8uLURaG1C8ggpUMvhbuHBwdMGjMw2Lo3N-_0SAdv2zRTuXAhexdIakzO2AX-lwSBHtNX8hUrUmtzUOzLkX7Ur0Z/) left center no-repeat}<br />
#imgnext {right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2jX5yG0iVUsUpQoqr7ojHN2xxtEV5SjQo1vf279QaKTijQE98YT0nRk8VE6bYwZiIpLFFv8ApC2I_yokF65OU7ADpVOcLC-hc9TNZYCohyAvmTnQt4WvTbLme8GBvl1IILpXSorXo30ht/) 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQWtkoo5_mTxMkv-q8Mi_RcuI_CdyyyuLcDVHK8Gpk10uJzofyQm4052MiDT1XdRO8uxbij1TQAKHPi30agNK9TPkotfpFG38w3bkXkNlKRV-kb2d1m11EKLuyQlqEo4eFRqoeMNoe1Tqt/) center center no-repeat}<br />
#thumbnails {margin-top:15px}<br />
#slideleft {float:left; width:20px; height:81px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUFY5aUD2OnL9EyCDLt0bkzMmNvzP0BK3KSstSYaKoXkmnLqaFer3B0IkI49aqlvag6z9RgIdslAT-poQTl3ttBNu66uGUjWZH-2h5PuFkHQEYwsD8pFoQicadj7pYdR6R666KFZuA8NwW/) center center no-repeat; background-color:#222}<br />
#slideleft:hover {background-color:#333}<br />
#slideright {float:right; width:20px; height:81px; background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia6lfRA5E7vVqY_9vAFGjpvC9kQ1O40SccUnYf2RLXEPmLEjTeKdcZhQDjy-AVYoYvAArTlmi3aitzBtqsqxemMtl6fVcmQSBb77GC_lrtVq21cWHkfaeXKvOj1K9pUbHItpoGRhKh3uXT/) 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><br />
<br />
<br />
<div style="float:left;"><br />
<br />
<ul id="slideshow"><br />
<br />
<br />
<li><br />
<h3>Enter Title 1 Here</h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_rgaH_9RSK1aXojces6ylwc3tbzXF5qpimLmf0cxwSntzV6C_g5KvH9XkY5gpfvgNAap1m_EuM5NpMJHISTmlhNF9rzRdmWP92txRAf0HVaJiu1P5WSTw1ojlXoAcipg8Znid2oRdYvU/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png</span><br />
<br />
<p><b><span style="color: orange;">Enter Description 1 Here.</span></b></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJLB_SLUJh1trnJsTP_EMBBtu6_NDVbvX-XwRhzJXtd4LKz4Hu-jKJlsZ0NCOaX54wZC9BQu519kZBZTeDKe0y3zZKyrUCz_TOXb4Hmx7f5-6CKrqJesVZfORbgkJB4Dpqiv2ZG27gB1q9/s1600/Change+Mouse+Cursor+Generator.png" alt="" /></a><br />
</li><br />
<br />
<br />
<li><br />
<h3>Enter Title 2 Here</h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEAvnFHv7QD8l76t6QEUb54Y5PlQrDr9Jl-X5oVFDcD_ROVQo8vqblHw0nrWEYXfa5rJw57hlSQlIgIayhOIRKk595FiFyPYYD765-ZnvObCwGqBOipghNnZ4SnSGX-kPoufyRNni2aov0/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png</span><br />
<br />
<p><b><span style="color: orange;">Enter Description 2 Here.</span></b></p><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxBeCpc82JYuXrmu9NXt6FherfnrcKh-ZaJhTn7lSsnWjVLjGg9yBNxLoOJsmvl-2MLSglAz-G7S1O9cjWQni1wUqa5umfUa0EM5oiVvroK3mGukRkTCXOrJzdKpcK2guXRQVGTGWPo2J/s1600/Numbered+Page+Navigation.png" alt="" /><br />
</li><br />
<br />
<br />
<li><br />
<h3>Enter Title 3 Here</h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqGCQb_aepFDA1Rz5IbyeDzBxVqaU9bhYbWTXlybVZ7jpL4nu6aRWRjxJcNSVVOxU2DK-iUn8jY4R0QpJk1i4xUkBdncxGXdXnj2ybycfuzsb6FXI_fwBnHompFyayAMGogH5egtegsMT/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png</span><br />
<br />
<p><b><span style="color: orange;">Enter Description 3 Here.</span></b></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGoFBkko4_MS4qVvSV3nErMzu5kQBKrwmmW0Zexo9TA-0GUrtWAG78gauYDcYApZfqVL-a1j6TR7kB_f7roy3CJuovM6kPM9_5LR_Bas5kkqUGK9oeQxjRmWH2hltVwockfPCohcrFxNoz/s1600/Snow+Cursor+Code+Generatort.png" alt="" /></a><br />
</li><br />
<br />
<br />
<li><br />
<h3>Enter Title 4 Here</h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioixcnaVRXZqUgvWpQMz2rnJrhh8EP_kOoXo8y-AYHYkRrX_ZhOKxoz_ZSpuDmoxC3ZudXoRRtdIKlZUs_mAug03DPWAWByfkj_vWFCLLcEuAI1rK7yG0R4kbJ-ZK0n-9o62yEA6vX4YgH/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png</span><br />
<br />
<p><b><span style="color: orange;">Enter Description 4 Here.</span></b></p><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijAUVVLrc2AqNxmn49tZw5NDQ5CpCd-5-DULY8wP_daXq6tHeVRww3hBH6od5PMkUX4nWHOZM584uECnadirunH4YeqxeY2AcPyLeNyEYp6-cQwFWkmUDAZKvRSU38yrOyM70LyoPMuwcg/s1600/Blogger+Falling+Object+Generator.png" alt="" /></a><br />
</li><br />
<br />
<br />
<li><br />
<h3>Enter Title 5 Here</h3><br />
<br />
<span>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT3MPjaDl3fHvxvw9QmKEdwpdUnrWJGuUvhZ3L7gky-CH5Siw2AUqATVozpHlrX7BMJtq8y021dZkiJ8vpwDS9LY7AsdodRYASDWbWCqhKTrj0DftQDxG7L3z6xyV1-gAbVckJApQ3mFWN/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png</span><br />
<br />
<p><b><span style="color: orange;">Enter Description 5 Here.</span></b></p><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxUOE8gkBPfBEWzO2oHUaOI_Ik-Jw1SpgRNsQWJgJXQQ2LIzeL4IGot3pHmQp5jYy1LA_9YtsEkfDqDtvyTjrpjFvnIkUoGN5GKuG3rjay-HEphVvagAhsCx1Z83z-dKbLFw-eW2Iq4MZ/s1600/Animated+Flash+Clock.png" alt="" /><br />
</li><br />
<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 />
<br />
<script type='text/javascript'><br />
$('slideshow').style.display='none';<br />
$('wrapper').style.display='block';<br />
var slideshow=new TINY.slideshow("slideshow");<br />
window.onload=function(){<br />
slideshow.auto=true;<br />
slideshow.speed=5;<br />
slideshow.link="linkhover";<br />
slideshow.info="information";<br />
slideshow.thumbs="slider";<br />
slideshow.left="slideleft";<br />
slideshow.right="slideright";<br />
slideshow.scrollSpeed=4;<br />
slideshow.spacing=5;<br />
slideshow.active="#fff";<br />
slideshow.init("slideshow","image","imgprev","imgnext","imglink");<br />
}<br />
</script></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Featured Images Slideshow Slider to Blogger / Websites</span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Featured Images Slideshow Slider to Blogger / Websites" border="0" height="427" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRBuzNWLYqv31BwzT63l2nob9iKDg8RNOkDBoFUPj2dYlzLtzYdDVUmRpyoGqaJ_A9ZfGlOkuK4sJHNcmHQpqXe8hy9GZkqxfhOHO4dyD6ER_QSlkc-gARTFoIa2YmB753gdnlo1m1n6up/s1600/Featured+Images+Slideshow+Slider+to+Blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/featured-images-slideshow-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-06.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><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: 80px;<br />
height: 60px;<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: 500px; /*width of featured content slider*/<br />
height: 325px;<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: 500px; /*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: 500px; /*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><br />
<br />
<br />
<div style="float:left;"><br />
<br />
<div id="slider4" class="sliderwrapper"><br />
<br />
<div style="background: url('<span style="color: purple;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_rgaH_9RSK1aXojces6ylwc3tbzXF5qpimLmf0cxwSntzV6C_g5KvH9XkY5gpfvgNAap1m_EuM5NpMJHISTmlhNF9rzRdmWP92txRAf0HVaJiu1P5WSTw1ojlXoAcipg8Znid2oRdYvU/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
<div style="background: url('<span style="color: purple;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEAvnFHv7QD8l76t6QEUb54Y5PlQrDr9Jl-X5oVFDcD_ROVQo8vqblHw0nrWEYXfa5rJw57hlSQlIgIayhOIRKk595FiFyPYYD765-ZnvObCwGqBOipghNnZ4SnSGX-kPoufyRNni2aov0/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
<div style="background: url('<span style="color: purple;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqGCQb_aepFDA1Rz5IbyeDzBxVqaU9bhYbWTXlybVZ7jpL4nu6aRWRjxJcNSVVOxU2DK-iUn8jY4R0QpJk1i4xUkBdncxGXdXnj2ybycfuzsb6FXI_fwBnHompFyayAMGogH5egtegsMT/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
<div style="background: url('<span style="color: purple;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioixcnaVRXZqUgvWpQMz2rnJrhh8EP_kOoXo8y-AYHYkRrX_ZhOKxoz_ZSpuDmoxC3ZudXoRRtdIKlZUs_mAug03DPWAWByfkj_vWFCLLcEuAI1rK7yG0R4kbJ-ZK0n-9o62yEA6vX4YgH/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
<div style="background: url('<span style="color: purple;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT3MPjaDl3fHvxvw9QmKEdwpdUnrWJGuUvhZ3L7gky-CH5Siw2AUqATVozpHlrX7BMJtq8y021dZkiJ8vpwDS9LY7AsdodRYASDWbWCqhKTrj0DftQDxG7L3z6xyV1-gAbVckJApQ3mFWN/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png</span>') center left no-repeat" class="contentdiv"><br />
</div><br />
<br />
</div><br />
<br />
<div id="paginate-slider4"><br />
<br />
<a href="#" target="_blank" class="toc"><img alt="Image1" src="<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJLB_SLUJh1trnJsTP_EMBBtu6_NDVbvX-XwRhzJXtd4LKz4Hu-jKJlsZ0NCOaX54wZC9BQu519kZBZTeDKe0y3zZKyrUCz_TOXb4Hmx7f5-6CKrqJesVZfORbgkJB4Dpqiv2ZG27gB1q9/s1600/Change+Mouse+Cursor+Generator.png</span>"/></a><br />
<br />
<a href="#" target="_blank" class="toc"><img alt="Image2" src="<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxBeCpc82JYuXrmu9NXt6FherfnrcKh-ZaJhTn7lSsnWjVLjGg9yBNxLoOJsmvl-2MLSglAz-G7S1O9cjWQni1wUqa5umfUa0EM5oiVvroK3mGukRkTCXOrJzdKpcK2guXRQVGTGWPo2J/s1600/Numbered+Page+Navigation.png</span>"/></a><br />
<br />
<a href="#" target="_blank" class="toc"><img alt="Image3" src="<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGoFBkko4_MS4qVvSV3nErMzu5kQBKrwmmW0Zexo9TA-0GUrtWAG78gauYDcYApZfqVL-a1j6TR7kB_f7roy3CJuovM6kPM9_5LR_Bas5kkqUGK9oeQxjRmWH2hltVwockfPCohcrFxNoz/s1600/Snow+Cursor+Code+Generatort.png</span>"/></a><br />
<br />
<a href="#" target="_blank" class="toc"><img alt="Image4" src="<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijAUVVLrc2AqNxmn49tZw5NDQ5CpCd-5-DULY8wP_daXq6tHeVRww3hBH6od5PMkUX4nWHOZM584uECnadirunH4YeqxeY2AcPyLeNyEYp6-cQwFWkmUDAZKvRSU38yrOyM70LyoPMuwcg/s1600/Blogger+Falling+Object+Generator.png</span>"/></a><br />
<br />
<a href="#" target="_blank" class="toc"><img alt="Image5" src="<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxUOE8gkBPfBEWzO2oHUaOI_Ik-Jw1SpgRNsQWJgJXQQ2LIzeL4IGot3pHmQp5jYy1LA_9YtsEkfDqDtvyTjrpjFvnIkUoGN5GKuG3rjay-HEphVvagAhsCx1Z83z-dKbLFw-eW2Iq4MZ/s1600/Animated+Flash+Clock.png</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><br />
<br />
<div class="clear"></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Smooth Jquery Featured Post Slideshow For Blogger </span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Smooth Jquery Featured Post Slideshow For Blogger" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihuJzb-x6KnikEd4nedbnPdiRRG9ZANV0QhZqpnBo5nC6X64E7XuITBr-0LCz-_wvbtkfP1-PNH-NNJnsoxovro_u39FpuKrr9E4GlrRvQ9VLqRhcc-_r4ZPkTmsK2TXBrdaSKSq0YkSXn/s1600/Smooth+Jquery+Featured+Post+Slideshow+For+Blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/smooth-jquery-featured-post-slideshow-for-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"/></script><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$('#s3slider').s3Slider({<br />
timeOut: 4000<br />
});<br />
});<br />
</script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-07.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
#s3slider {<br />
background:#000000;<br />
border:1px solid #818e8f;<br />
width: 550px;<br />
height: 200px;<br />
position: relative;<br />
overflow: hidden;<br />
}<br />
#s3sliderContent {<br />
width: 550px;<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: 550px;<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><br />
<br />
<br />
<br />
<div id="s3slider"><br />
<ul id="s3sliderContent"><br />
<br />
<li class="s3sliderImage"><a href="#" target="_blank"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpBs4GK3iq1v4XbVng97uUR-2tYZsWqDwdvNHg8jCZb4dnEDFhOT6-kfKusrArmtlYLGrYLIJZPMrlgsGErLJ0CRqHth1CSeG0bm-bXpcrEoNMLJ5yXNEQm3MfFB6JybZFc2XfYcAuVLzD/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" /><span><b><span style="color: blue;">Title-of-Post-1</span></b></span></a></li><br />
<br />
<li class="s3sliderImage"><a href="#" target="_blank"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVE-UbGTu5-sS7vnmaD9TLnGgo4XdRtuJH8ysJArLDTQzwATbwKhIPDXHZ-tQz304UfhUQPabCW0xaJnr_8ZtQ0lYV9Y90Rp91swD03A_u6IMOeyedUrXyn9i8tpiLt36tCqspI-8EIRgv/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" /><span><b><span style="color: blue;">Title-of-Post-2</span></b></span></a></li><br />
<br />
<li class="s3sliderImage"><a href="#" target="_blank"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_-iC6cvZQwKX_UUPmmqQLn6PGGHc2tc5zkYqAgvaUNmexq9NiIphm6vs8L_C5grMG3J9SuhJtWpB0vHC9TuyWhRUAkEiENtYQB22VeT4Yjsfd6DmruiJZjGJbCnySKDz0RengiRbix-NC/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" /><span><b><span style="color: blue;">Title-of-Post-3</span></b></span></a></li><br />
<br />
<li class="s3sliderImage"><a href="#" target="_blank"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZDli4GsWm24kgovLnDxcNijZqG8YLCgm0W_zRe0UshySKySVlo0KJ5gr144U2XhtQUSQb8Tke1_Jzm6zRh6kv913GbGcry-6Dik0vbC1JJfK4RAP2-Sb96z5_FJVexIbRS1QSPPOxB568/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" /><span><b><span style="color: blue;">Title-of-Post-4</span></b></span></a></li><br />
<br />
<li class="s3sliderImage"><a href="#" target="_blank"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh17w3rHLn86M5XSk-j0PxsG_JwQYJQL3b7sGdkuKfm_Wqq6QF3Uy8lT9dwz9bTBgAxCqQexqbkhOGelydIxoJQLUCbTTCXKgDDNiHX0Bc_jNsdLMhCAIvKReglqIQ550fBmATwQJwhTkHH/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" /><span><b><span style="color: blue;">Title-of-Post-5</span></b></span></a></li><br />
<br />
<li class="s3sliderImage"></li><br />
</ul><br />
</div><br />
<br />
<div class="clear"></div><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add Featured Post Content Slider to Blogger</span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add Featured Post Content Slider to Blogger" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPJbt027iYV-g18unH47XDASu0bhARanb2GQJcuZ8NcL0mbFJHywMCc5YAt7z1FVa6QJ4n2idYY2aysIJJmhVuESl7oGh8MSEfPjZqQoJAiQQGBQUYeVuatHADPqjTCxuALIJniQnU-HWc/s1600/How+To+Add+Featured+Post+Content+Slider+to+Blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/featured-post-content-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"/></script><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 />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-08.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-09.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-010.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieG8g4cZXes0olD5vNsJbRku8H41QEqxDnOOuo3YTaiyJS6SmIXHUcIm9xHMb-0GtZlg_GA05FLlSUPYt69e-NM_u3oEUpYoxUcYNZsiWC-kM7shRknooNr0iIDrOVWAlmLii8s8ECRaGc/);<br />
}<br />
<br />
.next{<br />
float:right;<br />
width:24px;<br />
height:24px;<br />
z-index:200;<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj99qm2ShZJmEjEIVjE_uwisA31yExqvhL2KblN-TsYZkjpSIR5n-jLYhb485qm1xXw0nUwNbmQmnb5LytKXSpAt18NpQjl-rk9eiXIritvSlUAPL6i21vsvIuKTdX5FcxVQoAxdpLKVslV/);<br />
display:block;<br />
}<br />
<br />
</style><br />
<br />
<br />
<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="#" target="_blank">Title-of-Post-1</a></h2><br />
<p><span style="color: cyan;">Slide 1 Description [...]</span></p><br />
<br />
<img alt="" width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="170"/><br />
</div><br />
</li><br />
<br />
<br />
<li><br />
<div class="mytext"><br />
<h2><a href="#" target="_blank">Title-of-Post-2</a></h2><br />
<br />
<p><b><span style="color: cyan;">Slide 2 Description [...]</span></b></p><br />
<br />
<img alt="" width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="170"/><br />
</div><br />
</li><br />
<br />
<br />
<li><br />
<div class="mytext"><br />
<h2><a href="#" target="_blank">Title-of-Post-3</a></h2><br />
<br />
<p><b><span style="color: cyan;">Slide 3 Description [...]</span></b></p><br />
<br />
<img alt="" width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="170"/><br />
</div><br />
</li><br />
<br />
<br />
<li><br />
<div class="mytext"><br />
<h2><a href="#" target="_blank">Title-of-Post-4</a></h2><br />
<p><b><span style="color: cyan;">Slide 4 Description [...]</span></b></p><br />
<br />
<img alt="" width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="170"/><br />
</div><br />
</li><br />
<br />
<br />
<li><br />
<div class="mytext"><br />
<h2><a href="#" target="_blank">Title-of-Post-5</a></h2><br />
<p><b><span style="color: cyan;">Slide 5 Description [...]</span></b></p><br />
<br />
<img alt="" width="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="170"/><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><br />
<br />
<div class="clear"></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add Mootools Recent Post Slider to blogger</span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add Mootools Recent Post Slider to blogger" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfCI-0s3gKlGysSDagWQ-y6WRaUZMXqr7tT9_QWPQWRmFvfhxYSzEqbMyjCo4_zy6lwRrStDVN-tvuUmGkTDY8xa6Nbk-bgeJl85Ina8YjDDRLU2-BdG9QW4WYkM5hzo3EP9-pRwYs19OG/s1600/How+To+Add+Mootools+Recent+Post+Slider+to+blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/mootools-recent-post-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script type="text/javascript"> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 180; <br />
</script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-011.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-012.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-013.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><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, 'Times New Roman', 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('') repeat-x scroll left top;<br />
border-bottom: none;<br />
}<br />
div#featabout div.featured { background: transparent url('') repeat-y scroll left top; }<br />
div#featabout div.featured div.top { background: transparent url('') 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('') no-repeat scroll left bottom; }<br />
div#featured h2 {<br />
font-family: Georgia, 'Times New Roman', 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('') repeat-y scroll left top; }<br />
div#featabout div.about div.top { background: transparent url('') no-repeat scroll left top; }<br />
div#featabout div.about div.bot { background: transparent url('') no-repeat scroll left bottom; }<br />
<br />
div#featabout div.ab-box h2 { color: #e1e1c7; background: transparent url('') repeat-x scroll left bottom; }<br />
div#featabout div.ab-box-burner div.interior { color: #999; background: transparent url('') no-repeat scroll 0px 8px; }<br />
div#featabout div.ab-box-burner div.interior span { background: transparent url('') 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('');<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('');<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('') 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpm-FCzU6V4vw2fv_d5GG0rAyM4QOaXOpKOqxI_4Tr-zTdQtlvf8Z2KojCliIbn-MUm6Vu4QTFJbiaamLb39r8Lsvl9odPNwjv4VzZA5HBihspuF8vhiXKXGKmtdNGDQchyphenhyphenY7D3KBvoh3G/s1600/fleche1.png') no-repeat center left;<br />
}<br />
* html .jdGallery a.left { background: url('') no-repeat center left; }<br />
.jdGallery a.right<br />
{<br />
right: 0;<br />
top: 0;<br />
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9YuZgrjNGe3MbmwIpJonYQd646helOQgXa4OL0ihPKaAjcXmKpXB75p4LW814c7UjDP_LcOoSxBEnjs4MUgME5Z4EKmaNSAZ0-MGLpFaGlyM6dJT6gkj1vvv3wemJPC9AwoHrQyFfRo0s/s1600/fleche2.png') no-repeat center right;<br />
}<br />
* html .jdGallery a.right { background: url('') 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('') no-repeat center center; }<br />
* html .withArrows a.open:hover { background: url('') 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('') 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><br />
<br />
<br />
<br />
<div id="featabout"><br />
<div id="featabout-wrapper"><br />
<div class="featured"><br />
<div class="top"></div><br />
<div class="mid"><br />
<div id="featured"><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 />
<script type="text/javascript"><br />
function startGallery() {<br />
var myGallery = new gallery($('myGallery'), {<br />
timed: true<br />
});<br />
}<br />
window.addEvent('domready',startGallery);<br />
</script><br />
<div id="myGallery"><br />
<br />
<div class="imageElement"><br />
<h2><a href="#" target="_blank"><b><span style="color: lime;">Title-of-Post-1</span></b></a></h2><br />
<p>Slide 1 Description [...]</p><br />
<a class="open" href="TITLE-OF-THE-SLIDE 1" target="_blank" title="How to change mouse cursor in blogger blog to animated cursors"></a><br />
<img class="full" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ImtuX5tmOXYijuT8cdbGJ6GKZFTt6fJugceEJWA-9eB_M76-CxUIfl92A208mnNNQ8ajKDMvZaYCc3bU94ZWJRZt0uN75J1tOGC-0yMXvyvK_w1fwQJweB4nvPgI3G5nt8t8qcqswvUn/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png"/><br />
<img class="thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTR0MfcEG6jGsTzVACdEGX2ipHUxkDNCendRDS-blgtemt6FwhWe-l3j6JLIiNLmx8JM5T-sEj1LHIcfPb86SwW7K36EWn25K4L3KbOtIvYMs3Fyv1C2cdhC1tD5SHTzv3HaN5SLJi3I1D/s1600/Change+Mouse+Cursor+Generator.png"/><br />
</div><br />
<div class="imageElement"><br />
<h2><a href="#" target="_blank"><b><span style="color: lime;">Title-of-Post-2</span></b></a></h2><br />
<p>Slide 2 Description [...]</p><br />
<a class="open" href="#" target="_blank" title="TITLE-OF-THE-SLIDE 2"></a><br />
<img class="full" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLoI2bgB3LR47kCcqqSEtmZlfkwg1oKmPHwfUbXxllN_cQ5aVU0cQxr2V15afp1GvTRtAczYD3ySmutNU1Ru1ad5ZI2xl9ryxJBYdc02ovtig95aJRJfFHqfXTYqghkfZlAAMC73J7Epx/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png"/><br />
<img class="thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh02YsxYKSHQF09FSdDOw70LB3sSWXVugad1lYx_6iy9H82nni0_KADI_aqzhS4cypy83M7qUunOXlnDuOOYZcIi_BO3k-mjEn7jffjJOjBeYga2spULltdCGs-SVe6zXV0ZHKb7sFkhhfO/s1600/Numbered+Page+Navigation.png"/><br />
</div><br />
<div class="imageElement"><br />
<h2><a href="#" target="_blank"><b><span style="color: lime;">Title-of-Post-3</span></b></a></h2><br />
<p>Slide 3 Description [...]</p><br />
<a class="open" href="#" target="_blank" title="TITLE-OF-THE-SLIDE 3"></a><br />
<img class="full" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_uK4mlaaRCy1f2N7ot9Z5Dc8ZrRwaHJdud_TRqiQlxx0cabXhCFrXsNU-Mq9E_M1heSLD6tI0-_vqg_cVw8VItD1k_0PFTMb53xj1UpgwxoWXUNm7-OH126Bk0QY1xcACoFvd4GfUch0/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png"/><br />
<img class="thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguJOypG1fQ7AfqTs70zrn_AXCXRWXkeHHEmrqoDEg3eBSZsgkBjGJ7OtWXQsQTQTsUB-4AnH1Vp5uKwnpER-OaE0ilrSzdAIYy5zz1ymYwIKO1gE9zdsgRv30681io8XvcKApjCmKTZoIu/s1600/Snow+Cursor+Code+Generatort.png"/><br />
</div><br />
<div class="imageElement"><br />
<h2><a href="#" target="_blank"><b><span style="color: lime;">Title-of-Post-4</span></b></a></h2><br />
<p>Slide 4 Description [...]</p><br />
<a class="open" href="#" target="_blank" title="TITLE-OF-THE-SLIDE 4"></a><br />
<img class="full" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIi16jCpl6px_ArZReoMex9MjtU2MpiYGpBoiXc7_wk_8h2Wxv3487ezkMguzkvU37CpHPf2l1NYdBeevc1NpkaO2M5mKELmvFFEnG-8br8lsfSwQkP3r4-CREH-Pykx0b7JhY4doKiGTv/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png"/><br />
<img class="thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg38wVgk6JAp4t8WRoRC_fI4PbcodT2VltGsr_9ete0FerKpvUQaCq5Rp5es5bnmAU9XQIe9mEeA7b6M0ZjaMa8yc_1Gv-RUXMEvz2PNQMTp2nAmoXKwt6MIrHo8JkaDiEdnMc4BnbF-Xse/s1600/Blogger+Falling+Object+Generator.png"/><br />
</div><br />
<div class="imageElement"><br />
<h2><a href="#" target="_blank"><b><span style="color: lime;">Title-of-Post-5</span></b></a></h2><br />
<p>Slide 5 Description [...]</p><br />
<a class="open" href="#" target="_blank" title="TITLE-OF-THE-SLIDE 5"></a><br />
<img class="full" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBABuDbBneyv6NaGOKX_-I3NmYEtKu7K8fciM87mJu1tXNJEYJthMVZhyphenhyphenWueVTpVoNt3tFhgs5LBR8D4kfdSqrtI11xUxhZ9fZntIx0QyERa6KUJm4kIex0QYVJmmCwji5FHEsdImo9IAd/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png"/><br />
<img class="thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsGr4D59AbqP4uI1MBCaxpScpi3kccT_ZyzrYUk8gX-cNFefN7oLJaD-ZQAVSjyy_sceyMoFkoymO265LPiQfvy92cYisHNJQM8D4xzmeqaqVGCkcijCz2M8GwdymotntNNlXEic_O_Uu5/s1600/Animated+Flash+Clock.png"/><br />
</div><br />
</div><br />
<br />
</div><br />
</div></div></div></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add jQuery Featured Content Slideshow to Blogger </span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add jQuery Featured Content Slideshow to Blogger" border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihIgKKAbh5IyzBkeYi5CO34hOQU8mzqwGQT1zyt-hP9XTN-1KOPtsRwg5LyZ7sUH8VcAnkbkPxwycR-Tw9VrXvJdst6L3oEFZyxSEK9naGq6llrqCC80ZP5l25i6HDxtpHk76rngCQBve4/s1600/How+To+Add+jQuery+Featured+Content+Slideshow+to+Blogger.png" width="412" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/add-jquery-featured-content-slideshow-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-015.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<script type="text/javascript"><br />
$(document).ready(<br />
function(){<br />
$('#news').innerfade({<br />
animationtype: 'slide',<br />
speed: 750,<br />
timeout: 2000,<br />
type: 'random',<br />
containerheight: '1em'<br />
});<br />
<br />
$('ul#portfolio').innerfade({<br />
speed: 1000,<br />
timeout: 5000,<br />
type: 'sequence',<br />
containerheight: '220px'<br />
});<br />
<br />
$('.fade').innerfade({<br />
speed: 1000,<br />
timeout: 6000,<br />
type: 'random_start',<br />
containerheight: '1.5em'<br />
});<br />
<br />
$('.adi').innerfade({<br />
speed: 'slow',<br />
timeout: 5000,<br />
type: 'random',<br />
containerheight: '150px'<br />
});<br />
<br />
});<br />
</script><br />
<br />
<br />
<ul id="portfolio" style="list-style-type:none;"><br />
<br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" width="307" /></a></li><br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" width="307" /></a></li><br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" width="307" /></a></li><br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" width="307" /></a></li><br />
<li><a href="#" target="_blank"><img height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" width="307" /></a></li><br />
<br />
<br />
</ul><br />
<br />
<div class="clear"></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add jQuery Featured Content Slider to Blogger</span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add jQuery Featured Content Slider to Blogger" border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyq1DYY55AoFyZLeSsEhPRyRIR324fim_ABqKT_vIHBj8kHmFT0UNw88do6sfkRwpVXdB4jVufjL58W_4brwqTSkvG11W8PSnVmEfvVsQNvne7__9HHyMxeND9vKLHRuaaE2Kkw47Yryi4/s1600/How+To+Add+jQuery+Featured+Content+Slider+to+Blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/jquery-featured-content-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-016.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-017.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-018.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-019.js" type="text/javascript"></script><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 />
<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 />
<script type="text/javascript"><br />
jQuery(function(){<br />
jQuery('ul.sf-menu').superfish();<br />
});<br />
</script><br />
<script type="text/javascript"><br />
featuredcontentglider.init({<br />
gliderid: "glidercontent",<br />
contentclass: "glidecontent",<br />
togglerid: "togglebox",<br />
remotecontent: "", <br />
selected: 1,<br />
persiststate: true,<br />
speed: 300,<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 />
<script type="text/javascript"><br />
if (window.jstiming) window.jstiming.load.tick('headEnd');<br />
</script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9oIN7Ik_qZwvX4EtERN-pR2QEGbVuplL49TzoPnqDXuueTAybnmrbDFF2XHTjJzWzK9X6bihq1uQ00KIeQxLwF05zZbMUFDn8bRufkgygc81NzNSEjYil3K_iUCWdo6wF5TMBDuCJ2V_/) 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMK0sX0Bl68lMpOgYE1mVzMsJOQ7N5fbHXDmIH-HiTZffreyccNBublK8venpAYP_npCEfUlK4zJxMs3BLJW3x-a0bSo9O7ADuS8DnKLx5tyBslTqjJXE5kUQqIIQHTNulurNjBHhGyHUG/);<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_z8EOBh3ixJg4dsm1GLdHMFyVAuwM-6P_ppukf24Ho0UlaWAU3AppfNiSMPpD9j-jA1lIzBJMwTjkWJHF07Dqxb7UDh4q5QJ5QUT-cJBxfJTEMOr5uJD6x9o3axHAsp3n3cQ4TjlvEH59/);<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's toggler link. ".selected" 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). ".toc" class auto generated! */<br />
}<br />
.glidecontenttoggler a.prev{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */<br />
top:6px;<br />
right:35px;<br />
position:absolute;<br />
display:block;<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL8vhlWKBgldZZD0AOMfzVLyleeiKZoIgKIxzgw4A0RC2__6Wg8ok-rVkryg2RcCftx9FVnZHH940N5qRRBVNyFtZWG9gg_F3gfbu883NzKXXWPc_tmbd9HkehjIsVaOlF0WfVk7evsGWx/) bottom;<br />
width:36px;<br />
height:25px;<br />
}<br />
.glidecontenttoggler a.next {<br />
float:right;<br />
display:block;<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhloBZa2KgeOwzQc-ExDwiHB_4-3N6jZkAg-vfHhiVPNwWmUNhBXu9DGxhlLAfFQBw6rM49pLsf3re86byGs4L80bTYUkA6bvgLJWKWHGQarY0JHBOZm9fHdiCnVcQ_TpTI6a5FFYOQu75/) bottom;<br />
width:36px;<br />
height:25px;<br />
position:absolute;<br />
top:6px;<br />
right:5px;<br />
}<br />
</style><br />
<br />
<br />
<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 />
<br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank"><br />
<img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ImtuX5tmOXYijuT8cdbGJ6GKZFTt6fJugceEJWA-9eB_M76-CxUIfl92A208mnNNQ8ajKDMvZaYCc3bU94ZWJRZt0uN75J1tOGC-0yMXvyvK_w1fwQJweB4nvPgI3G5nt8t8qcqswvUn/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="250"/></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank"><br />
<img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLoI2bgB3LR47kCcqqSEtmZlfkwg1oKmPHwfUbXxllN_cQ5aVU0cQxr2V15afp1GvTRtAczYD3ySmutNU1Ru1ad5ZI2xl9ryxJBYdc02ovtig95aJRJfFHqfXTYqghkfZlAAMC73J7Epx/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="250"/></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank"><br />
<img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_uK4mlaaRCy1f2N7ot9Z5Dc8ZrRwaHJdud_TRqiQlxx0cabXhCFrXsNU-Mq9E_M1heSLD6tI0-_vqg_cVw8VItD1k_0PFTMb53xj1UpgwxoWXUNm7-OH126Bk0QY1xcACoFvd4GfUch0/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="250"/></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank"><br />
<img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIi16jCpl6px_ArZReoMex9MjtU2MpiYGpBoiXc7_wk_8h2Wxv3487ezkMguzkvU37CpHPf2l1NYdBeevc1NpkaO2M5mKELmvFFEnG-8br8lsfSwQkP3r4-CREH-Pykx0b7JhY4doKiGTv/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="250"/></a><br />
</div><br />
<br />
<div class="glidecontent"><br />
<div class="glidemeta"><br />
<h2><a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank">POST-TITLE-HERE</a></h2><br />
POST-DESCRIPTION-HERE</div><br />
<a href="#" target="_blank" title="LINK-TITLE-HERE" target="_blank"><br />
<img alt="IMAGE-TITLE-HERE" width="650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBABuDbBneyv6NaGOKX_-I3NmYEtKu7K8fciM87mJu1tXNJEYJthMVZhyphenhyphenWueVTpVoNt3tFhgs5LBR8D4kfdSqrtI11xUxhZ9fZntIx0QyERa6KUJm4kIex0QYVJmmCwji5FHEsdImo9IAd/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="250"/></a><br />
</div><br />
<br />
</div><br />
<br />
<div class="clear"></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add Featured Auto Content Slider to Blogger </span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add Featured Auto Content Slider to Blogger" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr7K7C2L4bTyP57fRZKQQd3LZuS2k5cre0zALqe30MlkWUX6kqoyc_6jJclAsVO2Xd2emWFJp_6zV_Rrh-uumZMOhtDHqW3DQKHKXhNuFSFqrFhgIDbba-_gbB_OGH2cGzHWr2fcm4FJV3/s1600/How+To+Add+Featured+Auto+Content+Slider+to+Blogger.png" width="500" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/featured-auto-content-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-020.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-021.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-022.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-023.js" type="text/javascript"></script><br />
<script type="text/javascript"><br />
//<![CDATA[<br />
<br />
jQuery(document).ready(function() {<br />
Cufon.replace('#blog-title,.postleft h2,.title h2', { fontFamily: 'Liberation Serif' });<br />
<br />
});<br />
<br />
//]]><br />
</script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
#slidearea{<br />
height: 250px;<br />
overflow: hidden;<br />
position: relative;<br />
width:670px;<br />
margin-bottom:10px;<br />
background:#373737;<br />
border-radius: 5px;<br />
-moz-border-radius: 5px;<br />
-webkit-border-radius: 5px;<br />
float:left;<br />
display:inline;<br />
}<br />
<br />
#gallerycover{<br />
overflow: hidden;<br />
margin:15px ;<br />
height: 220px;<br />
}<br />
<br />
.mygallery{<br />
overflow: hidden;<br />
position:relative;<br />
<br />
}<br />
<br />
.mytext img{<br />
position:absolute;<br />
left:0px;<br />
top:0px;<br />
width:635px;<br />
height:220px;<br />
<br />
}<br />
<br />
.mytext a img {<br />
border:none;<br />
}<br />
<br />
.mytext{<br />
position:relative;<br />
width:635px;<br />
height: 220px;<br />
float:left;<br />
display:inline;<br />
float:left;<br />
color:#c4c4c4;<br />
background:#4F4B40;<br />
border:1px solid #CFC4A8;<br />
}<br />
<br />
.inpost{<br />
position:absolute;<br />
bottom:10px;<br />
left:10px;<br />
width:620px;<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_bfzQKzZjkzPA2Xd3QIbOZ2y6NSpvVz844T9WxCqHVi0-ES6MUdO-XbtyigHKAcJ8-aYGhwuS3FGi1dS_g-l4EEInyXoByqSPyB0L_dFQ8hqAoZ8swxu9AGOaaxvKRbBuEYqChB3vgdnf/);<br />
}<br />
<br />
.inpost p{<br />
margin:5px;<br />
font-size:12px;<br />
font-family:"Segoe UI";,Calibri,"Myriad Pro",Myriad,"Trebuchet MS";,Helvetica,Arial,sans-serif;<br />
}<br />
<br />
.mytext h2 {<br />
padding:5px 10px;<br />
color:#fff;<br />
font-size: 16px ;<br />
<br />
}<br />
<br />
.mytext h2 a:link,.mytext h2 a:visited{<br />
color:#e9dbd5;<br />
}<br />
</style><br />
<br />
<br />
<br />
<br />
<br />
<script type="text/javascript"><br />
var $jx = jQuery.noConflict();<br />
$jx(function() {<br />
$jx(".mygallery").jCarouselLite({<br />
btnNext: ".nextb",<br />
btnPrev: ".prevb",<br />
visible: 1,<br />
speed: 1500,<br />
auto:5000,<br />
mouseWheel: true,<br />
easing: "backout"<br />
<br />
});<br />
<br />
});<br />
</script><br />
<br />
<div id="slidearea"><br />
<div id="gallerycover"><br />
<div class="mygallery"><br />
<br />
<ul><br />
<br />
<!-- Slide-1 Code Start --><br />
<li><br />
<div class="mytext"><br />
<a href="#" target="_blank"><img alt="" width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_rgaH_9RSK1aXojces6ylwc3tbzXF5qpimLmf0cxwSntzV6C_g5KvH9XkY5gpfvgNAap1m_EuM5NpMJHISTmlhNF9rzRdmWP92txRAf0HVaJiu1P5WSTw1ojlXoAcipg8Znid2oRdYvU/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="176"/></a><br />
<div class="inpost"><br />
<p> <b style="background-color: orange;">POST-DESCRIPTION-HERE [...]</b> </p><br />
</div><br />
</div><br />
</li><br />
<!-- Slide-1 Code End --><br />
<br />
<br />
<!-- Slide-2 Code Start --><br />
<li><br />
<div class="mytext"><br />
<a href="#" target="_blank"><img alt="" width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEAvnFHv7QD8l76t6QEUb54Y5PlQrDr9Jl-X5oVFDcD_ROVQo8vqblHw0nrWEYXfa5rJw57hlSQlIgIayhOIRKk595FiFyPYYD765-ZnvObCwGqBOipghNnZ4SnSGX-kPoufyRNni2aov0/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="176"/></a><br />
<div class="inpost"><br />
<p><b style="background-color: orange;">POST-DESCRIPTION-HERE [...] </b></p><br />
</div><br />
</div><br />
</li><br />
<!-- Slide-2 Code End --><br />
<br />
<br />
<!-- Slide-3 Code Start --><br />
<li><br />
<div class="mytext"><br />
<a href="#" target="_blank"><img alt="" width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqGCQb_aepFDA1Rz5IbyeDzBxVqaU9bhYbWTXlybVZ7jpL4nu6aRWRjxJcNSVVOxU2DK-iUn8jY4R0QpJk1i4xUkBdncxGXdXnj2ybycfuzsb6FXI_fwBnHompFyayAMGogH5egtegsMT/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="176"/></a><br />
<div class="inpost"><br />
<p><b style="background-color: orange;">POST-DESCRIPTION-HERE [...]</b> </p><br />
</div><br />
</div><br />
</li><br />
<!-- Slide-3 Code End --><br />
<br />
<br />
<!-- Slide-4 Code Start --><br />
<li><br />
<div class="mytext"><br />
<a href="#" target="_blank"><img alt="" width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioixcnaVRXZqUgvWpQMz2rnJrhh8EP_kOoXo8y-AYHYkRrX_ZhOKxoz_ZSpuDmoxC3ZudXoRRtdIKlZUs_mAug03DPWAWByfkj_vWFCLLcEuAI1rK7yG0R4kbJ-ZK0n-9o62yEA6vX4YgH/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="176"/></a><br />
<div class="inpost"><br />
<p><b style="background-color: orange;">POST-DESCRIPTION-HERE [...] </b></p><br />
</div><br />
</div><br />
</li><br />
<!-- Slide-4 Code End --><br />
<br />
<br />
<!-- Slide-5 Code Start --><br />
<li><br />
<div class="mytext"><br />
<a href="#" target="_blank"><img alt="" width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT3MPjaDl3fHvxvw9QmKEdwpdUnrWJGuUvhZ3L7gky-CH5Siw2AUqATVozpHlrX7BMJtq8y021dZkiJ8vpwDS9LY7AsdodRYASDWbWCqhKTrj0DftQDxG7L3z6xyV1-gAbVckJApQ3mFWN/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="176"/></a><br />
<div class="inpost"><br />
<p><b style="background-color: orange;">POST-DESCRIPTION-HERE [...] </b></p><br />
</div><br />
</div><br />
</li><br />
<!-- Slide-5 Code End --><br />
<br />
<br />
<br />
</ul><br />
<br />
<div class="clear"></div><br />
<br />
</div><br />
</div><br />
</div><br />
<div class="clear"></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Add Beautiful jQuery Auto Playing Featured Content Image Slider to Blogger</span><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Add Beautiful jQuery Auto Playing Featured Content Image Slider to Blogger" border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqueVVOw-mouElVLybRXT39xnyJPLsO3HYyI4buh2HTWDjnHN7menB0fs-5Hpo4XOlPSqQ46dKlsyVhy9WyHVtURbe-giQMSblARSxpWj5gjg6MnPbOiCTz-yeTmY7ovWZQzbEJkhSIaIr/s1600/Add+Beautiful+jQuery+Auto+Playing+Featured+Content+Image+Slider+to+Blogger.jpg" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/beautiful-jquery-auto-playing-featured-content-image-slider.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/yourjavascript-56841175202.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
<br />
<br />
*{<br />
<br />
margin:0;<br />
<br />
padding:0;<br />
<br />
}<br />
<br />
html{<br />
<br />
height:100%;<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
a img{<br />
<br />
border:0;<br />
<br />
}<br />
<br />
div.wrap{<br />
<br />
width:540px;<br />
<br />
margin:0 auto;<br />
<br />
text-align:left;<br />
<br />
}<br />
<br />
div#top div#nav{<br />
<br />
float:left;<br />
<br />
clear:both;<br />
<br />
width:540px;<br />
<br />
height:52px;<br />
<br />
margin:22px 0 0;<br />
<br />
background:url url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHOQbWKLdq8KlMenATo2WqSlJfGFFF_x-kH-bwOV81rEk9ZUZQxszTCUuAInsg7iZbP8bXGJeO7MqW99g2NnqDL95QM2IVyjj1Dh8jOIkxlpZZ5XF7B7_jaV1fJuH9DEnJQ5I-Iy7Lc_Qp/s1600/navbgq.png) 0 0 no-repeat;<br />
<br />
}<br />
<br />
div#top div#nav ul{<br />
<br />
float:left;<br />
<br />
width:700px;<br />
<br />
height:52px;<br />
<br />
list-style-type:none;<br />
<br />
}<br />
<br />
div#nav ul li{<br />
<br />
float:left;<br />
<br />
height:52px;<br />
<br />
}<br />
<br />
div#nav ul li a{<br />
<br />
border:0;<br />
<br />
height:52px;<br />
<br />
display:block;<br />
<br />
line-height:52px;<br />
<br />
text-indent:-9999px;<br />
<br />
}<br />
<br />
div#header{<br />
<br />
margin:-1px 0 0;<br />
<br />
}<br />
<br />
div#video-header{<br />
<br />
height:683px;<br />
<br />
margin:-1px 0 0;<br />
<br />
}<br />
<br />
<br />
<br />
div#header div#slide-holder{<br />
<br />
z-index:40;<br />
<br />
width:540px;<br />
<br />
height:299px;<br />
<br />
position:absolute;<br />
<br />
}<br />
<br />
div#header div#slide-holder div#slide-runner{<br />
<br />
top:9px;<br />
<br />
left:9px;<br />
<br />
width:540px;<br />
<br />
height:278px;<br />
<br />
overflow:hidden;<br />
<br />
position:absolute;<br />
<br />
}<br />
<br />
div#header div#slide-holder img{<br />
<br />
margin:0;<br />
<br />
display:none;<br />
<br />
position:absolute;<br />
<br />
}<br />
<br />
div#header div#slide-holder div#slide-controls{<br />
<br />
left:0;<br />
<br />
bottom:228px;<br />
<br />
width:540px;<br />
<br />
height:46px;<br />
<br />
display:none;<br />
<br />
position:absolute;<br />
<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2OS1KUJKgX6lRC1R3VX7_uVA8y-XOdB6MKPIgR5wkMblTz7b-w3GJXq0cBcyuWF_9O7FMamtjNahpN9sxlnwHYI_OD29nlWFaPNDXQ8WMV_hENK0u_W_GpuGkEOXO2GARS6ca3L-Osymp/s1600/slidebg.png) 0 0;<br />
<br />
}<br />
<br />
div#header div#slide-holder div#slide-controls p.text{<br />
<br />
float:left;<br />
<br />
color:#fff;<br />
<br />
display:inline;<br />
<br />
font-size:10px;<br />
<br />
line-height:16px;<br />
<br />
margin:15px 0 0 20px;<br />
<br />
text-transform:uppercase;<br />
<br />
}<br />
<br />
div#header div#slide-holder div#slide-controls p#slide-nav{<br />
<br />
float:right;<br />
<br />
height:24px;<br />
<br />
display:inline;<br />
<br />
margin:11px 15px 0 0;<br />
<br />
}<br />
<br />
div#header div#slide-holder div#slide-controls p#slide-nav a{<br />
<br />
float:left;<br />
<br />
width:24px;<br />
<br />
height:24px;<br />
<br />
display:inline;<br />
<br />
font-size:11px;<br />
<br />
margin:0 5px 0 0;<br />
<br />
line-height:24px;<br />
<br />
font-weight:bold;<br />
<br />
text-align:center;<br />
<br />
text-decoration:none;<br />
<br />
background-position:0 0;<br />
<br />
background-repeat:no-repeat;<br />
<br />
color:#fff;<br />
<br />
}<br />
<br />
div#header div#slide-holder div#slide-controls p#slide-nav a.on{<br />
<br />
background-position:0 -24px;<br />
<br />
}<br />
<br />
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKc3eu2i_Ml9wENsF2vLvAGIDllsp6B5YZap6PupkUEHB8a1k4fVCMsrufJn1mSRG6P0v_6P11v9vE3BdASEAU-vc7yS8YuMnRejgTVd_wYJCLxjEy9KFmnpGDyi9wd_daWMd3eo2Sf1VK/s1600/sildenav.png);}<br />
<br />
div#nav ul li a{background:url(images/nav.png) no-repeat;} <br />
<br />
<br />
</style><br />
<br />
<br />
<br />
<div style="float:left;"><br />
<br />
<div id="header"><div class="wrap"><br />
<div id="slide-holder"><br />
<div id="slide-runner"><br />
<br />
<a href="#"><img id="slide-img-1" src="http://img338.imageshack.us/img338/9756/naturephotoc.png" class="slide" alt="" /></a><br />
<br />
<a href="#"><img id="slide-img-2" src="http://img145.imageshack.us/img145/7564/naturephoto2.png" class="slide" alt="" /></a><br />
<br />
<a href="#"><img id="slide-img-3" src="http://img31.imageshack.us/img31/5550/naturephoto3.png" class="slide" alt="Your image title here" /></a><br />
<br />
<a href="Your Post Link Here"><img id="slide-img-4" src="http://img34.imageshack.us/img34/2006/naturephoto4.png" class="slide" alt="" /></a><br />
<br />
<a href="#"><img id="slide-img-5" src="http://img130.imageshack.us/img130/4637/naturephoto5.png" class="slide" alt="" /></a><br />
<br />
<a href="#"><img id="slide-img-6" src="http://img820.imageshack.us/img820/3824/naturephoto6.png" class="slide" alt="" /></a><br />
<br />
<br />
<br />
<br />
<div id="slide-controls"><br />
<p id="slide-client" class="text"><strong>post: </strong><span></span></p><br />
<p id="slide-desc" class="text"></p><br />
<p id="slide-nav"></p><br />
</div><br />
</div><br />
<br />
<!--content featured gallery here --><br />
</div><br />
<script type="text/javascript"><br />
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];<br />
</script></div></div></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Adding jQuery Posts Slider To Blogger Blog</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Adding jQuery Posts Slider To Blogger Blog" border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPHbdjbxc4guABgx5Unb215aE6-YBVOe6_gVR1JVgJGbzBCEgUIH7FHUKsEpFx3_XCDCzPZ00BdwwCIbKewi8GQbjJq3OxmTy8wXOQoOxC3a3X62ZGu8cIc3F1wB8OrZrJmIGPFQS9tFzF/s1600/Adding+jQuery+Posts+Slider+To+Blogger+Blog.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/adding-jquery-posts-slider-to-blogger-blog.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/zinmag-primus-slider-01.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
<br />
#slider {<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVojuL1KpLL8T-5bYYhUGXY6fxn_LG81YqBoLaJVohFJqe19hKObiT85EFo6pF4hvBx1_4IgK8eXDeK3AAP8sn2tT3zLbe2avn97LYXzh67cWgyOiDJyO5wJg_Q5V3rolvHQXPPGMS_cUF/s1600/Adding+A+jQuery+Posts+Slider+To+Blogger+Blog.png);<br />
height: 254px;<br />
width: 983px;<br />
overflow: hidden;<br />
position: relative;<br />
margin: 5px 0;<br />
}<br />
#mover {<br />
width: auto;<br />
position:absolute;<br />
overflow:hidden;<br />
}<br />
.slide {<br />
padding: 20px 0px;<br />
width: 1000px;<br />
float: left;<br />
position: relative;<br />
height:200px;<br />
}<br />
.slide h2 {<br />
font-family:georgia, Helvetica, Sans-Serif;<br />
font-size: 24px;<br />
position: absolute;<br />
top: 20px;<br />
left: 1px;<br />
color: #ac0000;<br />
padding:0px 0px 0px 30px;<br />
margin:0px 0px;<br />
width:500px;<br />
overflow:hidden;<br />
}<br />
.slide h2 a:link, .slide h2 a:visited {<br />
color:#fff;<br />
background-color: transparent;<br />
}<br />
.slide h2 a:hover {<br />
color: #ddd;<br />
background-color: transparent;<br />
}<br />
.slide p {<br />
color: #999;<br />
position: absolute;<br />
top: 100px;<br />
left: 1px;<br />
font-size: 12px;<br />
font-family:georgia, Helvetica, Sans-Serif;<br />
line-height: 20px;<br />
width: 500px;<br />
padding:0px 0px 0px 30px;<br />
margin:0px 0px;<br />
}<br />
.slide img {<br />
position: absolute;<br />
top: 20px;<br />
left: 577px;<br />
background:#fff;<br />
padding:10px 10px;<br />
}<br />
#slider-stopper {<br />
position: absolute;<br />
font-family: Georgia, Helvetica, Sans-Serif;<br />
top: 113px;<br />
right: 55px;<br />
color: #AC0000;<br />
padding: 3px 8px;<br />
font-size: 14px;<br />
text-transform: uppercase;<br />
z-index: 1000;<br />
}<br />
</style><br />
<br />
<br />
<!-- Slider --><br />
<div id="slider"><br />
<div id="mover"><br />
<div class="slide"><br />
<h2><a href="#" target="_blank">LINK-TITLE-HERE</a></h2><br />
<br />
<p>POST-DESCRIPTION-HERE [...] </p><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="160"/><br />
</div><br />
<div class="slide"><br />
<h2><a href="#" target="_blank">LINK-TITLE-HERE</a></h2><br />
<p>POST-DESCRIPTION-HERE [...] </p><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="160"/><br />
</div><br />
<div class="slide"><br />
<h2><a href="#" target="_blank">LINK-TITLE-HERE</a></h2><br />
<p>POST-DESCRIPTION-HERE [...] </p><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="160"/><br />
</div><br />
<div class="slide"><br />
<h2><a href="#" target="_blank">LINK-TITLE-HERE</a></h2><br />
<p>POST-DESCRIPTION-HERE [...]</p><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="160"/><br />
</div><br />
<div class="slide"><br />
<h2><a href="#" target="_blank">LINK-TITLE-HERE</a></h2><br />
<p>POST-DESCRIPTION-HERE [...]</p><br />
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="160"/><br />
</div><br />
</div><br />
<!-- /Mover --><br />
</div><br />
<!-- /Slider --></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Simplest jQuery Featured Content Slider in Blogger / Blogspot Blog</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Simplest jQuery Featured Content Slider in Blogger / Blogspot Blog" border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguftUEb3WIrTa2VxwaUIBZMS_jGyen_tLZPpz6YGTRMqJb3fDmomWfyRls3RUi_kd5XOtOVHMEoohRxT0MsvCFLY-liG2OzYr7n6C1TYp0Y57pl_7SGKqypPqeoGr4ELxm7uIypnhHGJ6C/s1600/Simple+jQuery+Featured+Content+Slider+for+Blogger+Blog+2.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/simplest-jquery-featured-content-slider-in-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/freebloggerhelp-jquery.flow.1.2.auto.js" type="text/javascript"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("#myController").jFlow({<br />
slides: "#slides",<br />
controller: ".jFlowControl", // must be class, use . sign<br />
slideWrapper : "#jFlowSlide", // must be id, use # sign<br />
selectedWrapper: "jFlowSelected", // just pure text, no sign<br />
auto: true, //auto change slide, default true<br />
width: "610px",<br />
height: "235px",<br />
duration: 400,<br />
prev: ".jFlowPrev", // must be class, use . sign<br />
next: ".jFlowNext" // must be class, use . sign<br />
});<br />
});<br />
</script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
#jFlowSlide{ background:#DBF3FD; font-family: Georgia; }<br />
#myController { font-family: Georgia; padding:2px 0; width:610px; background:#3AB7FF; }<br />
#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }<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 />
.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; }<br />
</style><br />
<br />
<br />
<br />
<div class="jflow-content-slider"><br />
<div id="slides"><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 1</a></h2><br />
<br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 1<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 2</a></h2><br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 2<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 3</a></h2><br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 3<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 4</a></h2><br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 4<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
<div class="slide-wrapper"><br />
<div class="slide-thumbnail"><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" alt=""/><br />
</div><br />
<div class="slide-details"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 5</a></h2><br />
<div class="description"><br />
TEXT-OF-THE-SLIDE 5<br />
</div><br />
</div><br />
<div class="clear"></div><br />
</div><br />
</div><br />
<br />
<div id="myController"><br />
<span class="jFlowPrev">Prev</span><br />
<span class="jFlowControl">1</span><br />
<span class="jFlowControl">2</span><br />
<span class="jFlowControl">3</span><br />
<span class="jFlowControl">4</span><br />
<span class="jFlowControl">5</span><br />
<span class="jFlowNext">Next</span><br />
</div><br />
<div class="clear"></div><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Moving jquery image slider for featured content in Blogger</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Moving jquery image slider for featured content in Blogger" border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghDsHhO3F1yc_s0d2ZXN8zLDizVRs_5_g6ONe36RbdHY_3pjiaOPLBZVHAbV9-oY_W97-TrW4lowsNcWCjplQUBw09Tg0iTpiuOX9txCyvsb0wtCZ3HQZaOZAMpSUbhwRMhhJLu5KJ9ztm/s1600/Moving+jquery+image+slider+for+featured+content+in+Blogger.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/moving-jquery-image-slider-for-featured-content-in-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/30111191622-slider.js" type="text/javascript"></script><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 />
autostep: {enable:true, moveby:1, pause:3000},<br />
panelbehavior: {speed:500, wraparound:true, persist:true},<br />
defaultbuttons: {enable: true, moveby: 3, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHOEnkpRhPy3dx286pAmC9E5nPkC6orMflYaOgdPZWMlBkRSw6buOtVoe45QUqp8FxB88B1paDrNfutuZd4eggVAYTM7yyM-E0Pxw_OcQb8Ltke3V8jRCIP_CQ3Oir6322KMtDsukO9rE/s400/left.jpg', -48, 0], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9-BQ5TuIHJehcVzHustR9t3grlUHubsqxUm6_e2xBVDAXQxomsLweT9TcitAH_tAKU0GQ_gnPvlT4eGhROKAqGi7DIIbRb1Xf6LVQ51F8BtMFGg0lbTro50OHxoZDmOtBP1hQwGprYTY/s400/right.jpg', 0, 0]},<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 />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
#myslides{<br />
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc5lgiplxBlDXOoPyPauLBYUxl1hetVxZmVybQdmv_1uE1CAEPPsifZTRMgPI1Mqv4URdKHQcOBn_pMxufctWopfT1m9-svySml7_boQR3cVhlq2pHIRLm68l2SxrNKjH3PTNSUYSycA/s1600/mslid.jpg) repeat-x;<br />
width: 650px;<br />
height:165px;<br />
margin-bottom:5px;<br />
}<br />
.stepcarousel{<br />
position: relative; /*leave this value alone*/<br />
overflow: scroll; /*leave this value alone*/<br />
width: 554px; /*Width of Carousel Viewer itself*/<br />
height: 160px; /*Height should enough to fit largest content's height*/<br />
margin: 0px 48px 5px 48px;<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: 20px 10px ; /*margin around each panel*/<br />
width:170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */<br />
background:#0e1829;<br />
height:120px;<br />
border:1px solid #1d2c44;<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:#0E1829; /*clip content that go outside dimensions of holding panel DIV*/<br />
margin: 5px 5px 5px 5px; /*margin around each panel*/<br />
padding:0px 0px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<div id="myslides"><br />
<div id="mygallery" class="stepcarousel"><br />
<div class="belt"><br />
<br />
<!-- 1st Template --><br />
<div class="panel"><br />
<a href="#" target="blank" title="TITLE-OF-THE-SLIDE"> <img width="160" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="110"/> </a><br />
</div><br />
<!-- end code of 1st --><br />
<br />
<!-- 2nd Template --><br />
<div class="panel"><br />
<a href="#" target="blank" title="TITLE-OF-THE-SLIDE"> <img width="160" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="110"/> </a><br />
</div><br />
<!-- end code of 2nd --><br />
<br />
<!-- 3rd Template --><br />
<div class="panel"><br />
<a href="#" target="blank" title="TITLE-OF-THE-SLIDE"> <img width="160" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="110"/> </a><br />
</div><br />
<!-- end code of 3rd --><br />
<br />
<!-- 4th Template --><br />
<div class="panel"><br />
<a href="#" target="blank" title="TITLE-OF-THE-SLIDE"> <img width="160" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="110"/> </a><br />
</div><br />
<!-- end code of 4th --><br />
<br />
<br />
<!-- 5th Template --><br />
<div class="panel"><br />
<a href="#" target="blank" title="TITLE-OF-THE-SLIDE"> <img width="160" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="110"/> </a><br />
</div><br />
<!-- end code of 6th --><br />
<br />
<br />
<br />
</div></div></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Make A Simple Featured Content SlideShow Using JQuery</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Make A Simple Featured Content SlideShow Using JQuery" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDuvIcsGw-pwd5eQeiD4LQdMN-zOg3htoToEcDTyz4Vx1NZ2snlIdz09LPRc-sZyPjeiT4hvhCWSshyphenhyphenK7gA1Spk6V6w_ETAbbEtcsBDaATqlgJ2yxjdQjx96HXlXHWupjlvocPnOijOKG1/s1600/Make+A+Simple+Featured+Content+SlideShow+Using+JQuery.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/make-a-simple-featured-content-slideshow-using-jquery.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-024.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
#myslides{<br />
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc5lgiplxBlDXOoPyPauLBYUxl1hetVxZmVybQdmv_1uE1CAEPPsifZTRMgPI1Mqv4URdKHQcOBn_pMxufctWopfT1m9-svySml7_boQR3cVhlq2pHIRLm68l2SxrNKjH3PTNSUYSycA/s1600/mslid.jpg) repeat-x;<br />
width: 650px;<br />
height:165px;<br />
margin-bottom:5px;<br />
}<br />
.stepcarousel{<br />
position: relative; /*leave this value alone*/<br />
overflow: scroll; /*leave this value alone*/<br />
width: 554px; /*Width of Carousel Viewer itself*/<br />
height: 160px; /*Height should enough to fit largest content's height*/<br />
margin: 0px 48px 5px 48px;<br />
}<br />
.stepcarousel .belt{<br />
position: absolute; /*leave this value alone*/<br />
left: 0;<br />
top: 0;<br />
}#contentSlide {<br />
background : #ddd; -moz-border-radius-topleft:5px;<br />
-moz-border-radius-topright:5px;<br />
-moz-border-radius-bottomleft:5px;<br />
-moz-border-radius-bottomright:5px;<br />
-webkit-border-top-left-radius:5px;<br />
-webkit-border-top-right-radius:5px;<br />
-webkit-border-bottom-left-radius:5px;<br />
-webkit-border-bottom-right-radius:5px;<br />
height : 228px; margin-bottom: 10px;<br />
padding : 10px 0px 10px;<br />
}<br />
#slideshow {<br />
margin : 0 auto;<br />
width : 953px;<br />
height : 230px;<br />
background : #eeeeee none repeat scroll 0 0;<br />
position : relative;<br />
}<br />
#slideshow #slidesContainer {<br />
margin : 0 auto;<br />
width : 845px;<br />
height : 228px;<br />
overflow : auto;<br />
position : relative;<br />
}<br />
#slideshow #slidesContainer .slide {<br />
margin : 0 auto;<br />
width : 845px;<br />
height : 228px;<br />
}<br />
.control {<br />
display : block;<br />
width : 39px;<br />
height : 228px;<br />
text-indent : -10000px;<br />
position : absolute;<br />
cursor : pointer;<br />
}<br />
#leftControl {<br />
top : 0;<br />
left : 0;<br />
width : 55px;<br />
background : transparent url(http://lh6.ggpht.com/_9b1traaMESE/Sms_Pg_IsqI/AAAAAAAAAXU/tTxdiIsFY4g/previous%20gray.jpg)no-repeat scroll 0 0;<br />
}<br />
#rightControl {<br />
top : 0;<br />
right : 0;<br />
background : transparent url(http://lh6.ggpht.com/_9b1traaMESE/Sms-s5qb9iI/AAAAAAAAAXQ/edpXAZIaxCI/next%20gray.jpg) no-repeat scroll 0 0;<br />
width : 55px;<br />
}<br />
.slide h2, .slide p {<br />
margin : 15px;<br />
}<br />
.slide h2 {<br />
font : italic 24px Georgia, "Times New Roman", Times, serif;<br />
color : #212421;<br />
letter-spacing : -1px;<br />
}<br />
.slide img {<br />
float : right;<br />
margin : 0 15px;<br />
padding : 1px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!-- Slideshow HTML --> <br />
<div id="contentSlide"><div id="slideshow"> <br />
<div id="slidesContainer"> <br />
<div class="slide"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 1</a></h2><br />
<br />
<p>TEXT-OF-THE-SLIDE 1</p><br />
<img alt="" width="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="115"/><br />
</div><br />
<div class="slide"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 2</a></h2><br />
<p>TEXT-OF-THE-SLIDE 2</p><br />
<img alt="" width="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="115"/><br />
</div><br />
<div class="slide"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 3</a></h2><br />
<p>TEXT-OF-THE-SLIDE 3</p><br />
<img alt="" width="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="115"/><br />
</div><br />
<div class="slide"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 4</a></h2><br />
<p>TEXT-OF-THE-SLIDE 4</p><br />
<img alt="" width="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="115"/><br />
</div><br />
<div class="slide"><br />
<h2><a href="#" target="_blank">TITLE-OF-THE-SLIDE 5</a></h2><br />
<p>TEXT-OF-THE-SLIDE 5</p><br />
<img alt="" width="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="115"/><br />
</div><br />
</div><br />
<br />
</div></div> <br />
<!-- Slideshow HTML --> <br />
<div class="clear"/></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Awesome Automatic Content Slider for Blogger using jQuery</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Awesome Automatic Content Slider for Blogger using jQuery" border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmL5wUzQ_KM7VhG6KrMBZH1_wPbRrE-yM3fEpRj7ZcE8s9h838EAmUP52QIM_mwu88HylFwyARxosG025Q-Sm4Xl_MxILMDe-wCC7-3N6d0SxrxbIB-aQNKAe6o5TbcDYxaPosfF7vyILO/s1600/Awesome+Automatic+Content+Slider+for+Blogger+using+jQuery.png" width="496" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/awesome-automatic-content-slider-for-blogger-using-jquery.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script><br />
<script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/jquery-easing-1.3.pack.js"></script><br />
<script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/jquery-easing-compatibility.1.2.pack.js"></script><br />
<script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/coda-slider.1.1.1.pack.js"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-025.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
.floatLeft { float: left; margin-right: 10px;}<br />
.floatRight { float: right; }<br />
.clear { clear: both; }<br />
a { outline: none; }<br />
#page-wrap { width: 500px; margin: 25px auto; position: relative; min-height: 500px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga9QKfTiq0tNle7gVMiPszy9xOaoD0C-AXI6o6ipkXDZJ3p9VAxnqezHvlFCPibWtfNkHOGf2AFW0Vcor0eFT0Rz7S7njy4XxHUCtjMggAaeiu87aOQ_y6vr6wnmgIjo5GEiWct-OI9G7B/s1600/bg.png) top center; }<br />
ul { list-style: square inside; }<br />
a, a:visited { color: #729dff; text-decoration: none; }<br />
a:hover, a:active { color: white; }<br />
blockquote { padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-top: 10px;}<br />
.slider-wrap { width: 419px; position: absolute; top: 87px; left: 40px; } <br />
.stripViewer .panelContainer <br />
.panel ul { text-align: left; margin: 0 15px 0 30px; }<br />
.stripViewer { position: relative; overflow: hidden; width: 419px; height: 285px; }<br />
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }<br />
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 419px; }<br />
.stripNavL, .stripNavR, .stripNav { display: none; }<br />
.nav-thumb { border: 1px solid black; margin-right: 5px; }<br />
#movers-row { margin: -43px 0 0 62px; }<br />
#movers-row div { width: 20%; float: left; }<br />
#movers-row div a.cross-link { float: right; }<br />
.photo-meta-data { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSMUzTcT_V0ou2sh2vaD2Y2nEaqiwjSO2Op2DDJUgeMzjANumWXLgSRZFc9yOPrysh8pxVUY9mHjkS4tzr5EVcp0ZBkS3P-r8Bdqrjb8k_VqbgBWTZdq2y6LuQ4jakto39SWHT3yyPNNOO/s1600/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 100; color: white; }<br />
.photo-meta-data span { font-size: 13px; }<br />
.cross-link { display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 100; }<br />
.active-thumb { background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0NUofkKPjBnImIg70V5NLyCtJ4l_FX2q3bsqpFNYE06ztn2V8rAL5MeLRUHT1xKLjAX4ms9JG67QeOqGHOq3xKF0_LxgQjQRNZpIswE9PwGm43JF8p4oPuTdOPogSqTdkLbN0eBIq5tEX/s1600/icon-uparrowsmallwhite.png) top center no-repeat; }<br />
--------------------------------------------------------------------<br />
Awesome Automatic Content Sliders for Blogger using jQuery<br />
<br />
--------------------------------------------------------------------<br />
Featured Content Slider<br />
*/<br />
<br />
</style><br />
<br />
<br />
<br />
<div id="page-wrap"><br />
<br />
<div class="slider-wrap"><br />
<div id="main-photo-slider" class="csw"><br />
<div class="panelContainer"><br />
<br />
<div class="panel" title="Panel 1"><br />
<div class="wrapper"><br />
<img alt="" width="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="282"/><br />
<br />
<div class="photo-meta-data"><br />
<a href="#" target="_blank">TITLE-OF-THE-SLIDE</a><br /><br />
<br />
<span>TEXT-OF-THE-SLIDE</span><br />
</div><br />
</div><br />
</div><br />
<div class="panel" title="Panel 2"><br />
<div class="wrapper"><br />
<img alt="" width="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="282"/><br />
<br />
<div class="photo-meta-data"><br />
<a href="#" target="_blank">TITLE-OF-THE-SLIDE</a><br /><br />
<br />
<span>TEXT-OF-THE-SLIDE</span><br />
</div><br />
</div><br />
</div> <br />
<div class="panel" title="Panel 3"><br />
<div class="wrapper"><br />
<img alt="" width="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="282"/><br />
<div class="photo-meta-data"><br />
<a href="#" target="_blank">TITLE-OF-THE-SLIDE</a><br /><br />
<br />
<span>TEXT-OF-THE-SLIDE</span><br />
</div><br />
</div><br />
</div><br />
<div class="panel" title="Panel 4"><br />
<div class="wrapper"><br />
<img alt="" width="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="282"/><br />
<div class="photo-meta-data"><br />
<a href="#" target="_blank">TITLE-OF-THE-SLIDE</a><br /><br />
<br />
<span>TEXT-OF-THE-SLIDE</span><br />
</div><br />
</div><br />
</div><br />
<div class="panel" title="Panel 5"><br />
<div class="wrapper"><br />
<img alt="" width="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="282"/><br />
<br />
<div class="photo-meta-data"><br />
<a href="#" target="_blank">TITLE-OF-THE-SLIDE</a><br /><br />
<br />
<span>TEXT-OF-THE-SLIDE</span><br />
</div><br />
</div><br />
</div><br />
<div class="panel" title="Panel 6"><br />
<div class="wrapper"><br />
<h1>About</h1><br />
<blockquote>24work is a blog about Professional Blogger Tutorials, Free Backlinks, Free templates, Resources, Tools, CSS, HTML Tutorials, Tips, Tricks, and General tutorials. Visit Us <a href="http://24work.blogspot.com/" target="_blank">http://24work.blogspot.com/</a></blockquote><br />
<p><em>Contact Info <a href="https://www.facebook.com/24work" target="_blank">https://www.facebook.com/24work</a><br /></em></p><br />
</div><br />
</div><br />
<br />
</div><br />
</div><br />
<br />
<a href="#1" class="cross-link active-thumb"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu7U233PvFPHYknx25Imqa_i6Bg8pvTFkprAF_oZMuKiCa1FvrAay7f5wHLsunuJaJ2-BzK5e1W3Fxgw9uRBuf0Q6sPEHcVtSfqhohdr1LvVDkhMf26pv7aAn1WnsImOrZf7nb_hojqnpz/s1600/Change+Mouse+Cursor+Generator.gif" class="nav-thumb" alt="temp-thumb" /></a><br />
<div id="movers-row"><br />
<div><a href="#2" class="cross-link"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjn1ez14ZzWjk_lUcVmhH_5QHWoVkKemG8kiBg3Y_yLhN6wr-yKLDqv1Hgr8OtKDU1lI6iUDtv_3K4h13iaRflsn6uYtX1EPkndBDLxP7r1NqM6MWFFQ95b59ZrIMxX97B4tMDdos-Ngj5/s1600/Numbered+Page+Navigation.gif" class="nav-thumb" alt="temp-thumb" /></a></div><br />
<div><a href="#3" class="cross-link"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcorXYQE_O5zhnp2Egn6qBWVhCB91V8ybVwg51z6bYxGvSmfPH1aP_VqYdFzMMcU67DDIGN44pbQgzO7Ey9UNODQqq7DvlEwjE2zB3Zc-182XJN7ItyMVrqkUd-l6jOBR64JZxmY-aOeKT/s1600/Snow+Cursor+Code+Generatort.gif" class="nav-thumb" alt="temp-thumb" /></a></div><br />
<div><a href="#4" class="cross-link"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxUeCG-WPI0E47bIf6gU4PPejzHvgW92JbqB2GgamVIxHl1mUEF9LdOlj5QcMPOcSCp1sMOBXN1oFAp4h5K0aDJTosAWH6Wc9HzpwiKLZ1y95flKyt0oCIMca_nO81J7ew0L7B9v6oXCVD/s1600/Blogger+Falling+Object+Generator.gif" class="nav-thumb" alt="temp-thumb" /></a></div><br />
<div><a href="#5" class="cross-link"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9oZ0Iz5Jtt7poWWAMyH8ApPwBIIZX1-lve7PSeUKxZaFmA6bUNoUVbz1ImvKUOdBMtqKl7nEMAmtQwJ1qqO8CgpzQq-5nSsTTrM2esz2TgyhRzwDRQKGanwbwN2Jd5WofotTFtB7XsM5q/s1600/Animated+Flash+Clock.gif" class="nav-thumb" alt="temp-thumb" /></a></div><br />
<div><a href="#6" class="cross-link"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqT_S1R7pLHSDHt9CtC6mqdn2rAqlWJlk0KQk1g2erI_Zi4c7KzYF271LFrA5IHJIl7yK-fgQ5IOigP5vKvM7aQBPV19ZmSiaN-Z0eQuAqDfs8616NTUAxDK2gRLI88YVrcpzWVZyhPwRF/s1600/no+pic.gif" class="nav-thumb" alt="temp-thumb" /></a></div><br />
</div><br />
<br />
</div><br />
<br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Using jQuery Slider Featured Posts (glory)</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Using jQuery Slider Featured Posts (glory)" border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbx2ZaTOG75_h8w5A29IQKQ9v73D4RGqA3IeK7lJa6nIxEvEHNyoJ6VzfNs5q7dRtQgNiBaDsKyLOF74RNo66WoLl3WMbRZih6wKZ2q63OtW4M7E3ZlDtStl7Y3IxZKYzxcuCBYpKD0FIQ/s1600/Using+jQuery+Slider+Featured+Posts+(glory).png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/using-jquery-slider-featured-posts-glory.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/jquery.cycle.all-000-.js" type="text/javascript"></script><br />
<script type="text/javascript"><br />
//<![CDATA[<br />
sfHover = function() {<br />
var sfEls = document.getElementById("nav").getElementsByTagName("LI");<br />
for (var i=0; i<sfEls.length; i++) {<br />
sfEls[i].onmouseover=function() {<br />
this.className+=" hover";<br />
}<br />
sfEls[i].onmouseout=function() {<br />
this.className=this.className.replace(new RegExp(" hover\\b"), "");<br />
}<br />
}<br />
}<br />
if (window.attachEvent) window.attachEvent("onload", sfHover);<br />
//]]><br />
</script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#myslides').cycle({ <br />
fx: 'fade', <br />
speed: 700,<br />
timeout: 3000,<br />
next: '#next', <br />
prev: '#prev' <br />
});<br />
}); <br />
</script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
/* featured fade */<br />
#wrapper-featured{<br />
padding:10px 0 ;<br />
width:650px;<br />
height: 326px;<br />
margin:0 ;<br />
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigYV4QsH0ffQYajuuwoHX3N3tlj01jDv5Fxvc7KwkTX4RmGRuOqsgPBjTVB2eoTIFOItdEBoT3GFCbTp6Wxfdc-cZQy7IQQ2yhWWT8DrjxNeXLYsmayOK8OFzpOtKQ69n434m2E8aboQVo/s1600/bg_featured.jpg) no-repeat;<br />
position:relative;<br />
}<br />
#wrapper-myslides {<br />
width:550px;<br />
height:210px;<br />
padding: 0 0 ;<br />
margin: 3px 0 0 10px;<br />
position:relative;<br />
float:left;<br />
}<br />
#myslides {<br />
width:550px;<br />
height:210px;<br />
padding: 0 0 50px;<br />
margin: 0 18px ;<br />
overflow:hidden;<br />
}<br />
.panel{<br />
width:550px;<br />
height:210px;<br />
}<br />
#myslides img.crop-foto {<br />
margin:8px 10px 10px 9px;<br />
border:1px solid #fff;<br />
display:block;<br />
position:absolute;<br />
right:3px;<br />
top:0;<br />
}<br />
.featured-entry {<br />
text-align:left;<br />
line-height:1.5em;<br />
font-style:italic;<br />
font-size:12px;<br />
font-family: georgia,Arial,Verdana, Helvetica, sans-serif;<br />
padding: 20px 10px 0;<br />
width:280px;<br />
color:#fff;<br />
position:absolute;<br />
top:0;<br />
left:0;<br />
}<br />
h3.featured-title {<br />
font-size:22px;<br />
text-align:left;<br />
font-family:Georgia, Arial,Verdana, Helvetica, sans-serif;<br />
margin:10px 0 5px;<br />
padding:0 0 5px;<br />
font-weight:normal;<br />
line-height:1em;<br />
font-style:normal;<br />
}<br />
h3.featured-title a:link, h3.featured-title a:visited{<br />
color:#fff;<br />
}<br />
h3.featured-title a:hover {<br />
color:#b1e1ff;<br />
}<br />
#nav-slides a#prev {<br />
position:absolute;<br />
bottom:105px;<br />
left:135px;<br />
z-index:1;<br />
color:#800;<br />
width:14px;<br />
height:15px;<br />
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4O2LHTvFjAHtoHO0IN9wtxRSH6Gg91yI9lxeLiSVTOBkrpC0Q-JywRTBmIOtmMaF5g9Ue3SsSRHsawzoEBnS8SWtOpeQz6cleyGCtnhZ5m5xKrQTd66EyYN0_Ob5fij9lpFS1N7jOBfuj/s400/prev.jpg) no-repeat;<br />
}<br />
#nav-slides a#prev:hover{<br />
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2qT-_dQqPH4um1KKNSeIsjr071IctHINcgLzT_XH-l1drHld0VEcpfzVf1Bdbin3KOeaO12_qZcFe3xcqevqtm1i2CzUG_9tRbDIecVeEAj9IshAr9jN2oSlISOT9r5lKR8phN6CRFEJH/s400/prev_hover.jpg) no-repeat;<br />
}<br />
#nav-slides a#next {<br />
position:absolute;<br />
bottom:105px;<br />
left:160px;<br />
z-index:1;<br />
color:#800;<br />
width:14px;<br />
height:15px;<br />
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigyUe0zFKooU-3lb8xYlOmhP_ibMQcbgE_KC4ueg2SXqkVUDCDsJ2GtsCLzYvuDj9inqmP4jpISyl69Et6PmEI-jub2Rq2ybI1IhKsnQtxTiPet4vUb0c1x-RhBnghAp_k88GJJr0zOQGw/s400/next.jpg) no-repeat;<br />
}<br />
#nav-slides a#next:hover{<br />
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBvVgYPldC0IisCTWIzWxYyio9WkoVxV442aEwijHRpIOqCe0W6-G8j2bvXMU1HTMFRFQzTSqm-Ln6BCxgaIJOpHN12SloGaPeRENlqmvgGpNeITQQgA_VzivTVuJw2pUG2JhXMdgfnR3b/s400/next_hover.jpg) no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<div id="wrapper-featured"><br />
<div id="wrapper-myslides"><br />
<div id="myslides"><br />
<div class="panel"><br />
<div class="image-frame"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post"><br />
<img alt="" class="crop-foto" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" width="205"/></a><br />
</div><br />
<div class="featured-entry"><br />
<h3 class="featured-title"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post">Title-of-Post</a></h3><br />
<p>Slide 1 Description [...]</p><br />
</div><!--end featured-entry--><br />
</div><!--end panel--><br />
<div class="panel"><br />
<div class="image-frame"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post"><br />
<img alt="" class="crop-foto" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" width="205"/></a><br />
</div><br />
<div class="featured-entry"><br />
<h3 class="featured-title"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post">Title-of-Post</a></h3><br />
<p>Slide 2 Description [...]</p><br />
</div><!--end featured-entry--><br />
</div><!--end panel--><br />
<div class="panel"><br />
<div class="image-frame"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post"><br />
<img alt="" class="crop-foto" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" width="205"/></a><br />
</div><br />
<div class="featured-entry"><br />
<h3 class="featured-title"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post">Title-of-Post</a></h3><br />
<p>Slide 3 Description [...]</p><br />
</div><!--end featured-entry--><br />
</div><!--end panel--><br />
<div class="panel"><br />
<div class="image-frame"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post"><br />
<img alt="" class="crop-foto" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" width="205"/></a><br />
</div><br />
<div class="featured-entry"><br />
<h3 class="featured-title"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post">Title-of-Post</a></h3><br />
<p>Slide 4 Description [...]</p><br />
<br />
</div><!--end featured-entry--><br />
</div><!--end panel--><br />
<div class="panel"><br />
<div class="image-frame"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post"><br />
<img alt="" class="crop-foto" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" width="205"/></a><br />
</div><br />
<div class="featured-entry"><br />
<h3 class="featured-title"><br />
<a href="#" target="_blank" rel="bookmark" title="Title-of-Post">Title-of-Post</a></h3><br />
<p>Slide 5 Description [...]</p><br />
</div><!--end featured-entry--><br />
</div><!--end panel--><br />
</div><!--end myslides--><br />
</div><!--end wrapper-myslides--><br />
<div id="nav-slides"><br />
<a href="#" id="prev"></a><br />
<a href="#" id="next"></a><br />
</div><br />
</div><!-- wrapper featured--></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How To Add Auto Featured Posts Using JQuery Slider To Blogger</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="How To Add Auto Featured Posts Using JQuery Slider To Blogger" border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxxUVJC6QQaNP6OrHILhhhEovlprdx5OpsnHkfsyX1LwTW2Ik1J2TtwnGT2gCdTGZ9dqeHPCj5F20DgmkIQyeZgaUypEbNW2d8OQ7TN684bwOEFYr_6RtQczUg9Y7d184vz6MFJ_cSN8y/s1600/How+To+Add+Auto+Featured+Posts+Using+JQuery+Slider+To+Blogger.jpg" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/auto-featured-posts-using-jquery-slider-to-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/stepcarousel.js" type="text/javascript"></script><br />
<script type="text/javascript"><br />
stepcarousel.setup({<br />
galleryid: 'board_carusel', //id of carousel DIV<br />
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs<br />
panelclass: 'board_item', //class of panel DIVs each holding content<br />
autostep: {enable:true, moveby:1, pause:5000},<br />
panelbehavior: {speed:500, wraparound:false, persist:false},<br />
defaultbuttons: {enable: false, moveby: 1, leftnav: ['http://i34.tinypic.com/317e0s5.gif', -5, 80], rightnav: ['http://i38.tinypic.com/33o7di8.gif', -20, 80]},<br />
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels<br />
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']<br />
})<br />
</script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
/*board*/ <br />
#board{ <br />
width:977px; <br />
height:276px; <br />
overflow:hidden; <br />
margin:0 0 0 0px; <br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9d12LOjIn7FNKsum35_eN57J0Ecn47PzDtI1XI5uqq_uZ1ql9UPG-mMP1h2_dfHOfQYnUsxxDJEbOLhmSVtLouCl54bYSQ6x5aJvLZfx1-N8rjtOLauS88GzEXY7iztZxd_naqUPj67SV/s1600/bgr_board.png) no-repeat; <br />
} <br />
#board_left{ <br />
float:left; <br />
padding:22px 0 0 27px; <br />
}<br />
#header_rss{ <br />
float:right; <br />
padding:78px 80px 0 0; <br />
} <br />
#board_items{ <br />
width:679px; <br />
padding:5px 0 0 0; <br />
} <br />
#board_body{ <br />
width:647px; <br />
margin:0 0 0 15px; <br />
} <br />
#board_carusel{ <br />
width:647px; <br />
height:131px; <br />
position:relative; <br />
} <br />
#board_carusel .belt{ <br />
position: absolute; /*leave this value alone*/ <br />
left: 0; <br />
top: 0; <br />
} <br />
.board_item{ <br />
width:647px; <br />
height:173px; <br />
overflow:hidden; <br />
} <br />
#board_body h2{ <br />
color:#000; <br />
font-family:Georgia, "Times New Roman", Times, serif; <br />
font-size:23px; <br />
font-weight:normal; <br />
margin:0 0 28px 0; <br />
} <br />
#board_body strong{ <br />
font-size:12px; <br />
color:#000; <br />
line-height:18px; <br />
display:block; <br />
} <br />
#board_body p{ <br />
font-size:12px; <br />
color:#000; <br />
line-height:18px; <br />
padding:0 0 10px 0; <br />
} <br />
#board_body p img{ <br />
float:left; <br />
border:1px solid #83b2c4; <br />
margin:0 10px 0 0; <br />
width:161px; <br />
height:107px; <br />
} <br />
#board_body p a{ <br />
color:#000; <br />
} <br />
#board_body p.more a{ <br />
text-decoration:underline; <br />
} <br />
#board_body p.more a:hover{ <br />
text-decoration:none; <br />
} <br />
#board_carusel_nav{ <br />
width:100%; <br />
overflow:hidden; <br />
} <br />
#board_carusel_nav li{ <br />
font-size:12px; <br />
font-family:Verdana, Geneva, sans-serif; <br />
float:left; <br />
} <br />
#board_carusel_nav a{ <br />
display:block; <br />
float:left; <br />
background:#7ac2df; <br />
border-right:1px solid #85d7f7; <br />
width:33px; <br />
text-align:center; <br />
padding:7px 0 7px 0; <br />
} <br />
#board_carusel_nav a.selected, #board_carusel_nav a:hover{ <br />
text-decoration:underline; <br />
font-weight:bold; <br />
background:#a7e2f9; <br />
border-right:1px solid #a7e2f9; <br />
}</style><br />
<br />
<br />
<div id="board"><br />
<div id="board_left"><br />
<div id="board_items"><br />
<div id="board_body"><br />
<h2>Featured Posts</h2><br />
<div id="board_carusel"><br />
<div class="belt"><br />
<div class="board_item"><br />
<!-- board_item --><br />
<p><img alt="" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="125"/><br />
<strong><a href="#" target="_blank"><b><span style="color: magenta;">Title-of-Post</span></b></a></strong> <br />
Slide Description [...]</p><br />
<!-- /board_item --><br />
</div><div class="board_item"><br />
<!-- board_item --><br />
<p><img alt="" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="125"/><br />
<strong><a href="#" target="_blank"><b><span style="color: magenta;">Title-of-Post</span></b></a></strong> <br />
Slide Description [...]</p><br />
<!-- /board_item --><br />
</div><div class="board_item"><br />
<!-- board_item --><br />
<p><img alt="" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="125"/><br />
<strong><a href="#" target="_blank"><b><span style="color: magenta;">Title-of-Pos</span></b>t</a></strong> <br />
Slide Description [...]</p><br />
<!-- /board_item --><br />
</div><div class="board_item"><br />
<!-- board_item --><br />
<p><img alt="" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="125"/><br />
<strong><a href="#" target="_blank"><b><span style="color: magenta;">Title-of-Post</span></b></a></strong> <br />
Slide Description [...]</p><br />
<!-- /board_item --><br />
</div><div class="board_item"><br />
<!-- board_item --><br />
<p><img alt="" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="125"/><br />
<strong><a href="#" target="_blank"><b><span style="color: magenta;">Title-of-Post</span></b></a></strong> <br />
Slide Description [...]</p><br />
<!-- /board_item --><br />
</div><br />
</div><br />
</div><br />
</div><br />
<ul id="board_carusel_nav"><br />
<li id="board_carusel_nav_1"><a class="selected" href="javascript:stepcarousel.stepTo(&#39;board_carusel&#39;, 1)">1</a></li><br />
<li id="board_carusel_nav_2"><a href="javascript:stepcarousel.stepTo(&#39;board_carusel&#39;, 2)">2</a></li><br />
<li id="board_carusel_nav_3"><a href="javascript:stepcarousel.stepTo(&#39;board_carusel&#39;, 3)">3</a></li><br />
<li id="board_carusel_nav_4"><a href="javascript:stepcarousel.stepTo(&#39;board_carusel&#39;, 4)">4</a></li><br />
<li id="board_carusel_nav_5"><a href="javascript:stepcarousel.stepTo(&#39;board_carusel&#39;, 5)">5</a></li><br />
</ul><br />
</div><br />
</div><br />
<div id="header_rss"><br />
<a href="http://24work.blogspot.com/feeds/posts/default" title="Rss"><img alt="Rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIXKOOEi90cKtqY64EXunLfzdKJnfo0sYEgvucTSspWZPWtp8Bftx8XMsuoTRrZ3FBONIcOZQBiO2bedl8ax91-xz2MKdBgWcE2a4bJsHmUB5CgsrA0MGe3W-QCCok9PmKeS7Ks_pvFgGl/s1600/button_rss.png"/></a><br />
</div><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">Shoutmeloud Featured Content Slider for Blogger Using jQuery</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Shoutmeloud Featured Content Slider for Blogger Using jQuery" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTe6hXKy3ujlzGxd-SemI5KhJ4wbMWvwq1CHJFrVYAhsc_k5w_zLJKqNhvTrTkjue-RlkYqnlTJnWVjIAPQ86ZX-01WKZ2CYJNBLW6Vck0B48EexCHUKAaWsfEg6stF3pPkivUl6c9Btyw/s1600/Shoutmeloud+Featured+Content+Slider+for+Blogger+Using+jQuery.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/shoutmeloud-featured-content-slider-for-blogger.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/contentslider-n-b-l-t-r.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-026.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
.sliderwrapper{<br />
position: relative; /*leave as is*/<br />
overflow: hidden; /*leave as is*/<br />
border: 5px solid #333333;<br />
border-bottom-width: 5px;<br />
width: 565px; /*width of featured content slider*/<br />
height: 175px;<br />
margin-left:15px;<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: 555px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */<br />
height: 100%;<br />
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);<br />
-moz-opacity: 1;<br />
opacity: 1;<br />
margin-top:0px;<br />
}<br />
.pagination{<br />
width: 555px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/<br />
text-align: right;<br />
background-color: #333333;<br />
padding: 5px 10px;<br />
margin-top:-3px;<br />
height:30px;<br />
margin-left:15px;<br />
}<br />
.pagination a{<br />
padding: 0 5px;<br />
text-decoration: none; <br />
color: #000;<br />
background: #AAAAAA;<br />
}<br />
.pagination a:hover, .pagination a.selected{<br />
color: #000;<br />
background-color: #FFF;<br />
}<br />
<br />
</style><br />
<br />
<br />
<br />
<div class="sliderwrapper" id="slider1"><br />
<div class="contentdiv"><br />
<img height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_aoZn6T4qGK9WYKOsYZdDannIwq1GN5-iwEIyf9J-afOqDgiNS25BdnvrPV1-iS7kcF6TMxtWI0Wc01VERxFaLcCMqiySlO-6XqGbpiAMtwZw9JK-5IKhdWtzZO_mrxt7nA_7Ti-L9Lv/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" /><br />
<h2><a href="#" target="_blank">Title-of-Post</a></h2><b style="background-color: magenta;">Slide Description [...]</b><br />
</div><br />
<div class="contentdiv"><br />
<img height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs4qUKA3wylZEmtWpvcNACJ9bk78oHF6PlqsFu1xAJI3RwWly7W6pOWQmjR-WKvKIEiAGcBPK40rNyOzbjMvFks94puNrqcAEkHXAFILl8DrAzt3eW5xV6T_bAQ0QluOVgOL0oJQ-8gqFn/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" /><br />
<h2><a href="#" target="_blank">Title-of-Post</a></h2><b style="background-color: magenta;">Slide Description [...]</b><br />
</div><br />
<div class="contentdiv"><br />
<img height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKWYRO_lUfiGydO0nP39lz84MBK2VRAxWhVMoT-YR1Dgsie2gOAbTK99ijC2W0RtPSlNCCeem_rEJvKa5Ige4BzWcS1SWnI_pCoEpYdfZav2fv7jKb4XndwpQu8jUfAaRcrFSzIZCCh6p5/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" /><br />
<h2><a href="#" target="_blank">Title-of-Post</a></h2><b style="background-color: magenta;">Slide Description [...]</b><br />
</div><br />
<div class="contentdiv"><br />
<img height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibm5iWx_9qBkyRJ7nH2ZPj9w3bI-7BAcMdPkTZfFNPlbQ-yZmEB3Jhmq-Wv4i-4JyjGH_2Vsutk5wYkzYaL4NbiDOLOd8VjmeVbdn-Db7bmJWRzZhBGZq4_7xCDT0fqi7M6y3ubFWBr2mI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" /><br />
<h2><a href="#" target="_blank">Title-of-Post</a></h2><b style="background-color: magenta;">Slide Description [...]</b><br />
</div><br />
<div class="contentdiv"><br />
<img height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiL1UuIJICeKv88aClmY6Dn4-D3TGQrtUFr6xLSlOVThXTEXLDFIz1pQxMB9p6kmY1xAcylmdBC1Zwqd24m3FW7IPvyyt5P3XgGu6Jkz5OF8FKTBNs5RbkBqYqQx8DvYdElA8OlS9QHUYI/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="145" /><br />
<h2><a href="#" target="_blank">Title-of-Post</a></h2><b style="background-color: magenta;">Slide Description [...]</b><br />
</div><br />
</div><br />
<div class="pagination" id="paginate-slider1"><br />
</div><br />
<script type="text/javascript"><br />
featuredcontentslider.init({<br />
id: "slider1", //id of main slider DIV<br />
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]<br />
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]<br />
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.<br />
enablefade: [true, 0.2], //[true/false, fadedegree]<br />
autorotate: [true, 3000], //[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></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">jQuery Image Slider For Blogger / Blogspot</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="jQuery Image Slider For Blogger / Blogspot" border="0" height="416" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm0d27CoYsQLj-QUyJ-BJTOb1gXkdlDWd_gHb7661GEcXeGK-DIjxrTquR4riqeSAHDQofr7G6iU6_8q1O1dARyPH89PA6y5FE8KwuSwzeqb6QE-2wB3ShOl9IW9eA3E1l5MLKYwLiIq41/s1600/jQuery+Image+Slider+For+Blogger+Blogspot.png" width="500" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/jquery-image-slider-for-blogger-blogspot.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<div class="code"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"/></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/mbt-slider-0-01-jis.js" type="text/javascript"/></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/mbt-slider-0-02-jis.js" type="text/javascript"/></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/mbt-slider-0-03-jis.js" type="text/javascript"/></script><br />
<script type="text/javascript"><br />
/* <![CDATA[ */<br />
jQuery.noConflict();<br />
jQuery(function(){ <br />
jQuery('ul.menu-primary').superfish({ <br />
animation: {opacity:'show'},<br />
autoArrows: true,<br />
dropShadows: false, <br />
speed: 200,<br />
delay: 800<br />
});<br />
});<br />
<br />
jQuery(function(){ <br />
jQuery('ul.menu-secondary').superfish({ <br />
animation: {opacity:'show'},<br />
autoArrows: true,<br />
dropShadows: false, <br />
speed: 200,<br />
delay: 800<br />
});<br />
});<br />
<br />
jQuery(document).ready(function() {<br />
jQuery('.fp-slides').cycle({<br />
fx: 'fade',<br />
timeout: 4000,<br />
delay: 0,<br />
speed: 1000,<br />
next: '.fp-next',<br />
prev: '.fp-prev',<br />
pager: '.fp-pager',<br />
continuous: 0,<br />
sync: 1,<br />
pause: 1,<br />
pauseOnPagerHover: 1,<br />
cleartype: true,<br />
cleartypeNoBg: true<br />
});<br />
});<br />
<br />
/* ]]> */<br />
<br />
</script><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style type="text/css"><br />
.featuredposts{border:1px solid #E9E7DE;width:608px;background:#FFF;margin:0 0 10px 0;height:400px;overflow:hidden;} <br />
.fp-slides{} <br />
.fp-post{padding:13px;} <br />
.fp-thumbnail{border:3px solid #dddddd; width:580px;height:266px;margin-bottom:10px;overflow:hidden;} <br />
.fp-thumbnail:hover{border:3px solid #CAC9C9; width:580px;height:266px;margin-bottom:10px;overflow:hidden;} <br />
.fp-title{color:#787878;font:bold 14px Arial, Helvetica, Sans-serif;padding:0 0 4px 0;margin:0; text-transform:uppercase;} <br />
.fp-title a{color:#000;text-decoration:none;} <br />
.fp-title a:hover{color:#0080fF;text-decoration:none;} <br />
.fp-label{color:#504D4D;margin:15px 15px 0 15px;padding:0;text-transform:uppercase;font:bold 16px/16px Arial,Helvetica,Sans-serif;} <br />
.fp-post p{color:#504D4D;padding:0;margin:0;font:10px Arial,Helvetica,Sans-serif;height:32px;overflow:hidden;} <br />
.fp-more,.fp-more:hover{color:#F77C04;font-weight:bold;} <br />
.fp-nav{width:590px;padding:0px 10px;height:14px;} <br />
.fp-pager a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDs_MRpTgkL-5f2wgcUyG2SfCqAVUZcuXCSsjPU1gRwQQYw6cYYFPJJcF7LERTzrCW7WeFF2UaUFyVNJ4ZLNzmHir-NTZN_V0EmByI6lqf9_eQHmP4UtohBb_5iHBcy6TGHivhxdU4Yo/s1600/featured-pager-24work-1.png);cursor:pointer;margin:3px 6px 0 0;padding:0;height:10px;width:10px;display:block;float:left;overflow:hidden;text-indent:-999px;background-position:0 0;} <br />
.fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -110px;} <br />
.fp-prev{float:right;margin-right:4px;width:15px;height:17px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh59mWONIwVETxlCxZKi8Lajy9RmbB2YYix2twJzNGYv6Sa0YjtKyVXML13J-2P7RZAsgHGbfGskpPYRytqS_pRb1WE2aWE8X-XqyoP4-MD8Oaggr-0fgTHYwT5UjuWwtrzw_9T1pEBHYE/s1600/featured-prev-24work-1.png) top left no-repeat;} <br />
.fp-prev:hover{opacity:1;} <br />
.fp-prev:active{opacity:0.7;} <br />
.fp-next{float:right;width:15px;height:17px;margin-left:4px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZlXbC2TFue_VEmwm8crrmC7YAFAWok02sP_ar2BuR_-j3L_GYO9E-lNJ08REFZIVaYJAtxrG0LOfScH7_2IufwZchL5riT9iJ-B3i7Ltvp6qF971e5a9q2ynTHru198R-GhyJCcGwHSE/s1600/featured-next-24work-1.png;) top left no-repeat} <br />
.fp-next:hover{opacity:1;} <br />
.fp-next:active{opacity:0.7;}<br />
</style><br />
<br />
<br />
<br />
<div class="featuredposts clearfix"><br />
<div class="fp-slides"><br />
<div class="fp-post"> <br />
<div class="fp-thumbnail"><a href="#" target="_blank"><img alt="" width="580" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_rgaH_9RSK1aXojces6ylwc3tbzXF5qpimLmf0cxwSntzV6C_g5KvH9XkY5gpfvgNAap1m_EuM5NpMJHISTmlhNF9rzRdmWP92txRAf0HVaJiu1P5WSTw1ojlXoAcipg8Znid2oRdYvU/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="266"/></a></div><br />
<h3 class="fp-title"><a href='#' target='_blank'><b style="background-color: orange;">Title-of-Post</b></a></h3> <p> Slide Description [...] </p> <br />
</div><br />
<br />
<div class="fp-post"> <br />
<div class="fp-thumbnail"><a href="#" target="_blank"><img alt="" width="580" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEAvnFHv7QD8l76t6QEUb54Y5PlQrDr9Jl-X5oVFDcD_ROVQo8vqblHw0nrWEYXfa5rJw57hlSQlIgIayhOIRKk595FiFyPYYD765-ZnvObCwGqBOipghNnZ4SnSGX-kPoufyRNni2aov0/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="266"/></a></div><br />
<h3 class="fp-title"><a href='#' target='_blank'><b style="background-color: orange;">Title-of-Post</b></a></h3> <p> Slide Description [...] </p> <br />
</div><br />
<br />
<div class="fp-post"> <br />
<div class="fp-thumbnail"><a href="#" target="_blank"><img alt="" width="580" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqGCQb_aepFDA1Rz5IbyeDzBxVqaU9bhYbWTXlybVZ7jpL4nu6aRWRjxJcNSVVOxU2DK-iUn8jY4R0QpJk1i4xUkBdncxGXdXnj2ybycfuzsb6FXI_fwBnHompFyayAMGogH5egtegsMT/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="266"/></a></div><br />
<h3 class="fp-title"><a href='#' target='_blank'><b style="background-color: orange;">Title-of-Post</b></a></h3> <p> Slide Description [...] </p> <br />
</div><br />
<br />
<div class="fp-post"> <br />
<div class="fp-thumbnail"><a href="#" target="_blank"><img alt="" width="580" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioixcnaVRXZqUgvWpQMz2rnJrhh8EP_kOoXo8y-AYHYkRrX_ZhOKxoz_ZSpuDmoxC3ZudXoRRtdIKlZUs_mAug03DPWAWByfkj_vWFCLLcEuAI1rK7yG0R4kbJ-ZK0n-9o62yEA6vX4YgH/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="266"/></a></div><br />
<h3 class="fp-title"><a href='#' target='_blank'><b style="background-color: orange;">Title-of-Post</b></a></h3> <p> Slide Description [...] </p> <br />
</div><br />
<br />
<div class="fp-post"> <br />
<div class="fp-thumbnail"><a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank"><img alt="How To Add Animated Flash Clock To Your Blogger Blog" width="580" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT3MPjaDl3fHvxvw9QmKEdwpdUnrWJGuUvhZ3L7gky-CH5Siw2AUqATVozpHlrX7BMJtq8y021dZkiJ8vpwDS9LY7AsdodRYASDWbWCqhKTrj0DftQDxG7L3z6xyV1-gAbVckJApQ3mFWN/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="266"/></a></div><br />
<h3 class="fp-title"><a href='#' target='_blank'><b style="background-color: orange;">Title-of-Post</b></a></h3> <p> Slide Description [...] </p> <br />
</div><br />
<br />
</div><br />
<div class="fp-nav clearfix"><br />
<span class="fp-pager"></span><br />
<a class="fp-next" href="#fp-next"></a><br />
<a class="fp-prev" href="#fp-prev"></a><br />
<br />
</div><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote class="tr_bq">Many thanks to <a href="http://www.bloggertipandtrick.net/" rel="nofollow" target="_blank"><span style="color: #f6b26b;">Lasantha Bandara</span></a> or <a href="http://24works.blogspot.com/2010/12/11-featured-content-slider-for-blogger.html" target="_blank"><span style="color: orange;">24works</span></a> for making this code and I just tested and modified to work on blogger</blockquote><br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com151tag:blogger.com,1999:blog-8145265743082971695.post-49232167696260615532016-03-23T09:26:00.000-07:002016-04-01T11:58:38.286-07:00How To Add Snow Effect On The Blogger Mouse Cursor Area<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/trHoJv" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Snow Cursor Mouse Cursor Area" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7GQVpD41cyJyG6XnA_N_imVsRdY4DRXjbJv6zCZ9fCCs1UlI41S6SBgw9Gf4b74ZnXR3_sUSGGG6eZ5FLkaKmZM5lmVAplvcMPTFTUNYb10lqdmxqghkbkwbvUfzCfyB_xkOIv6lw8zCD/s1600/Snow+Cursor+Mouse+Cursor+Area.png" title="Snow Cursor Mouse Cursor Area" /></a></div><br />
<br />
Hello! `How are you guys? Adding snow effect when you move the mouse cursor will change the look of your blog. here is the effect of fresh snow in your area simple mouse blog. This will make your blog more cold than snow falling from the mouse cursor. Effect is very simple gadget to use. So this is very fast. I tested this effect in Internet Explorer, Mozilla Firefox and many other web browsers. This simple and not flash based image works great! I hope you enjoy using this very cool snow effect gadget. So, let's see how to Add Snow Effect On The Mouse Cursor On The Blog..<br />
<br />
<a name='more'></a><br />
Read More:<br />
<b><span style="color: red;">1. <a href="http://bit.ly/wmV0kq" target="_blank"><span style="color: red;">How to change mouse cursor in blogger blog to animated cursors</span></a></span></b><br />
<br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/color-code-generator.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<span style="background-color: #f4cccc; color: blue; font-size: large;">Snow Effect On The Blogger Mouse Cursor Area Generator</span><br />
<br />
<b><span style="color: orange;">How To Add Snow Cursor Mouse Cursor Area Widget To Blogger?</span></b><br />
<br />
<br />
<ol style="text-align: left;"><li>Choose a type of Mouse Cursor below</li>
<li>Click on "<b><span style="background-color: #f4cccc; color: purple;">Genetate</span></b>" button</li>
<li>Finally click on "<b><span style="background-color: blue; color: yellow;">Add to Blogger</span></b>" to add it to your blog.</li>
</ol><br />
<br />
<br />
<div style="border: 2px dashed red; padding: 10px;"><iframe frameborder="0" height="2980px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/snow-cursor/mouse-cursor-snow-effect-ycode.html" width="560px"></iframe></div><br />
<span class="Apple-style-span" style="background-color: white; color: #474747; font-family: "arial" , "verdana"; font-size: 14px;"><span class="Apple-style-span" style="color: #0c343d; font-family: "arial" , "verdana"; font-size: 14px;"><b>Note</b>: </span><span class="Apple-style-span" style="color: white; font-family: "segoe ui" , "calibri" , "myriad pro" , "myriad" , "trebuchet ms" , "helvetica" , "arial" , sans-serif; font-size: 14px;"><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 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;"> </span><span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: magenta;">We are going to add more cursor, cursor pointer, cursors, mouse cursor, Totally Free Cursors, Myspace Cursors, Animated Cursors and cursors oftenly so keep visiting this page</span></span></b></span><span class="Apple-style-span" style="font-family: "segoe ui" , "calibri" , "myriad pro" , "myriad" , "trebuchet ms" , "helvetica" , "arial" , sans-serif; font-size: 14px;"><span class="Apple-style-span" style="color: magenta;">.</span></span></span><br />
<br />
<br />
<br />
<br />
<b>How to Install Blogger Snow Cursor Code Generator Widget</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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><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 />
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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
<div class="code"><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/snow-cursor/code/01_black_000000_24work.blogspot.com.js"></script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h2 style="text-align: left;"><span style="color: cyan;"><a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank">How to make snow cursor in blogspot</a></span></h2><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/trHoJv" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="make snow cursor" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3YLwOdAq7xodXswJL7Lx9rNkqWxPtE3LNl52wiDh1CYlSpcH4sxKVLqm39hyGo9Pa_DaBAKAuJ6RrVcMRABmZb6IHMIC6dAjloU1uoiPNzIRbIToxSusnkuQ_wzDcmcx-EAmS0j6LWnOm/s1600/make+snow+cursor.png" title="make snow cursor" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<b>Follow these very simple steps make a snow effect on the mouse cursor on the blog.</b><br />
<br />
<b><br />
<br />
</b> Step 1 : Go To Blogger > Design > Page Elements<br />
<br />
Step 2: Click on "<b>Add a Gadget</b>" link<br />
<br />
Step 3: From the pop-up window, choose <b>HTML/JavaScript</b><br />
<br />
Step 4: Copy and paste the following code below<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="code"><script type="text/javascript"><br />
// <![CDATA[<br />
var colour="<b><span style="color: red;">black</span></b>";<br />
var sparkles=100;<br />
<br />
var x=ox=400;<br />
var y=oy=300;<br />
var swide=800;<br />
var shigh=600;<br />
var sleft=sdown=0;<br />
var tiny=new Array();<br />
var star=new Array();<br />
var starv=new Array();<br />
var starx=new Array();<br />
var stary=new Array();<br />
var tinyx=new Array();<br />
var tinyy=new Array();<br />
var tinyv=new Array();<br />
window.onload=function() { if (document.getElementById) {<br />
var i, rats, rlef, rdow;<br />
for (var i=0; i<sparkles; i++) {<br />
var rats=createDiv(3, 3);<br />
rats.style.visibility="hidden";<br />
document.body.appendChild(tiny[i]=rats);<br />
starv[i]=0;<br />
tinyv[i]=0;<br />
var rats=createDiv(5, 5);<br />
rats.style.backgroundColor="transparent";<br />
rats.style.visibility="hidden";<br />
var rlef=createDiv(1, 5);<br />
var rdow=createDiv(5, 1);<br />
rats.appendChild(rlef);<br />
rats.appendChild(rdow);<br />
rlef.style.top="3px";<br />
rlef.style.left="0px";<br />
rdow.style.top="0px";<br />
rdow.style.left="3px";<br />
document.body.appendChild(star[i]=rats);<br />
}<br />
set_width();<br />
sparkle();<br />
}}<br />
function sparkle() {<br />
var c;<br />
if (x!=ox || y!=oy) {<br />
ox=x;<br />
oy=y;<br />
for (c=0; c<sparkles; c++) if (!starv[c]) {<br />
star[c].style.left=(starx[c]=x)+"px";<br />
<br />
star[c].style.top=(stary[c]=y)+"px";<br />
star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br />
star[c].style.visibility="visible";<br />
starv[c]=50;<br />
break;<br />
}<br />
}<br />
for (c=0; c<sparkles; c++) {<br />
if (starv[c]) update_star(c);<br />
if (tinyv[c]) update_tiny(c);<br />
}<br />
setTimeout("sparkle()", 40);<br />
}<br />
function update_star(i) {<br />
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br />
if (starv[i]) {<br />
stary[i]+=1+Math.random()*3;<br />
if (stary[i]<shigh+sdown) {<br />
star[i].style.top=stary[i]+"px";<br />
starx[i]+=(i%5-2)/5;<br />
star[i].style.left=starx[i]+"px";<br />
}<br />
else {<br />
star[i].style.visibility="hidden";<br />
starv[i]=0;<br />
return;<br />
}<br />
<br />
}<br />
else {<br />
tinyv[i]=50;<br />
tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br />
tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br />
tiny[i].style.width="2px";<br />
tiny[i].style.height="2px";<br />
star[i].style.visibility="hidden";<br />
tiny[i].style.visibility="visible"<br />
}<br />
};<br />
document['write']('<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>');<br />
function update_tiny(i) {<br />
if (--tinyv[i]==25) {<br />
tiny[i].style.width="1px";<br />
tiny[i].style.height="1px";<br />
}<br />
if (tinyv[i]) {<br />
tinyy[i]+=1+Math.random()*3;<br />
if (tinyy[i]<shigh+sdown) {<br />
tiny[i].style.top=tinyy[i]+"px";<br />
tinyx[i]+=(i%5-2)/5;<br />
tiny[i].style.left=tinyx[i]+"px";<br />
}<br />
else {<br />
<br />
<br />
tiny[i].style.visibility="hidden";<br />
tinyv[i]=0;<br />
return;<br />
}<br />
}<br />
else tiny[i].style.visibility="hidden";<br />
}<br />
document.onmousemove=mouse;<br />
function mouse(e) {<br />
set_scroll();<br />
y=(e)?e.pageY:event.y+sdown;<br />
x=(e)?e.pageX:event.x+sleft;<br />
}<br />
function set_scroll() {<br />
if (typeof(self.pageYOffset)=="number") {<br />
sdown=self.pageYOffset;<br />
sleft=self.pageXOffset;<br />
}<br />
else if (document.body.scrollTop || document.body.scrollLeft) {<br />
sdown=document.body.scrollTop;<br />
sleft=document.body.scrollLeft;<br />
}<br />
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br />
sleft=document.documentElement.scrollLeft;<br />
sdown=document.documentElement.scrollTop;<br />
}<br />
else {<br />
sdown=0;<br />
sleft=0;<br />
}<br />
}<br />
window.onresize=set_width;<br />
function set_width() {<br />
if (typeof(self.innerWidth)=="number") {<br />
swide=self.innerWidth;<br />
shigh=self.innerHeight;<br />
}<br />
else if (document.documentElement && document.documentElement.clientWidth) {<br />
swide=document.documentElement.clientWidth;<br />
shigh=document.documentElement.clientHeight;<br />
}<br />
else if (document.body.clientWidth) {<br />
swide=document.body.clientWidth;<br />
shigh=document.body.clientHeight;<br />
}<br />
}<br />
function createDiv(height, width) {<br />
var div=document.createElement("div");<br />
div.style.position="absolute";<br />
div.style.height=height+"px";<br />
div.style.width=width+"px";<br />
div.style.overflow="hidden";<br />
div.style.backgroundColor=colour;<br />
return (div);<br />
}<br />
// ]]><br />
</script></div><br />
<br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<b># you can change :</b><br />
<br />
<br />
<div class="code">var colour="<span style="color: red;"><b>black</b></span>";</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h2 style="text-align: left;"><a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank">How to Make Sparkling Cursor [Starry Cursor] Snow Effect </a></h2><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/trHoJv" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Starry Cursor" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR0tQkrnYY0v4VtV7enUM8JbuyFfZRaKYqHIdGRVM7xC1Z_Ub_n5HKsOA6SoyCWBec3y87l0bjLolW0dY43F0keZJuaICII6kWBtjzaOWNz8m4GWAq74fX3LS9oObDXj8QlQvOPjrvqspq/s1600/Starry+Cursor.png" title="Starry Cursor" /></a></div><br />
<br />
never seen a blog with a star-studded Cursor ? follow these steps: Make a Starry Cursor<br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<br />
<br />
<div class="code"><script type="text/javascript"><br />
// <![CDATA[<br />
var colour="<b><span style="color: red;">black</span></b>";<br />
var sparkles = 65;<br />
<br />
var x = ox = 400;<br />
var y = oy = 300;<br />
var swide = 800;<br />
var shigh = 600;<br />
var sleft = sdown = 0;<br />
var tiny = new Array();<br />
var star = new Array();<br />
var starv = new Array();<br />
var starx = new Array();<br />
var stary = new Array();<br />
var tinyx = new Array();<br />
var tinyy = new Array();<br />
var tinyv = new Array();<br />
window.onload = function () {<br />
if (document.getElementById) {<br />
var i, rats, rlef, rdow;<br />
for (var i = 0; i < sparkles; i++) {<br />
var rats = createDiv(3, 3);<br />
rats.style.visibility = "hidden";<br />
document.body.appendChild(tiny[i] = rats);<br />
starv[i] = 0;<br />
tinyv[i] = 0;<br />
var rats = createDiv(5, 5);<br />
rats.style.backgroundColor = "transparent";<br />
rats.style.visibility = "hidden";<br />
var rlef = createDiv(1, 5);<br />
var rdow = createDiv(5, 1);<br />
rats.appendChild(rlef);<br />
rats.appendChild(rdow);<br />
rlef.style.top = "2px";<br />
rlef.style.left = "0px";<br />
rdow.style.top = "0px";<br />
rdow.style.left = "2px";<br />
document.body.appendChild(star[i] = rats);<br />
}<br />
set_width();<br />
sparkle();<br />
}<br />
}<br />
<br />
function sparkle() {<br />
var c;<br />
if (x != ox || y != oy) {<br />
ox = x;<br />
oy = y;<br />
for (c = 0; c < sparkles; c++) if (!starv[c]) {<br />
star[c].style.left = (starx[c] = x) + "px";<br />
star[c].style.top = (stary[c] = y) + "px";<br />
star[c].style.clip = "rect(0px, 5px, 5px, 0px)";<br />
star[c].style.visibility = "visible";<br />
starv[c] = 50;<br />
break;<br />
}<br />
}<br />
for (c = 0; c < sparkles; c++) {<br />
if (starv[c]) update_star(c);<br />
if (tinyv[c]) update_tiny(c);<br />
}<br />
setTimeout("sparkle()", 40);<br />
}<br />
<br />
function update_star(i) {<br />
if (--starv[i] == 25) star[i].style.clip = "rect(1px, 4px, 4px, 1px)";<br />
if (starv[i]) {<br />
stary[i] += 1 + Math.random() * 3;<br />
if (stary[i] < shigh + sdown) {<br />
star[i].style.top = stary[i] + "px";<br />
starx[i] += (i % 5 - 2) / 5;<br />
star[i].style.left = starx[i] + "px";<br />
} else {<br />
star[i].style.visibility = "hidden";<br />
starv[i] = 0;<br />
return;<br />
}<br />
} else {<br />
tinyv[i] = 50;<br />
tiny[i].style.top = (tinyy[i] = stary[i]) + "px";<br />
tiny[i].style.left = (tinyx[i] = starx[i]) + "px";<br />
tiny[i].style.width = "2px";<br />
tiny[i].style.height = "2px";<br />
star[i].style.visibility = "hidden";<br />
tiny[i].style.visibility = "visible"<br />
}<br />
};<br />
document['write']('<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>');<br />
function update_tiny(i) {<br />
if (--tinyv[i] == 25) {<br />
tiny[i].style.width = "1px";<br />
tiny[i].style.height = "1px";<br />
}<br />
if (tinyv[i]) {<br />
tinyy[i] += 1 + Math.random() * 3;<br />
if (tinyy[i] < shigh + sdown) {<br />
tiny[i].style.top = tinyy[i] + "px";<br />
tinyx[i] += (i % 5 - 2) / 5;<br />
tiny[i].style.left = tinyx[i] + "px";<br />
} else {<br />
tiny[i].style.visibility = "hidden";<br />
tinyv[i] = 0;<br />
return;<br />
}<br />
} else tiny[i].style.visibility = "hidden";<br />
}<br />
document.onmousemove = mouse;<br />
<br />
function mouse(e) {<br />
set_scroll();<br />
y = (e) ? e.pageY : event.y + sdown;<br />
x = (e) ? e.pageX : event.x + sleft;<br />
}<br />
<br />
function set_scroll() {<br />
if (typeof (self.pageYOffset) == "number") {<br />
sdown = self.pageYOffset;<br />
sleft = self.pageXOffset;<br />
} else if (document.body.scrollTop || document.body.scrollLeft) {<br />
sdown = document.body.scrollTop;<br />
sleft = document.body.scrollLeft;<br />
} else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br />
sleft = document.documentElement.scrollLeft;<br />
sdown = document.documentElement.scrollTop;<br />
} else {<br />
sdown = 0;<br />
sleft = 0;<br />
}<br />
}<br />
window.onresize = set_width;<br />
<br />
function set_width() {<br />
if (typeof (self.innerWidth) == "number") {<br />
swide = self.innerWidth;<br />
shigh = self.innerHeight;<br />
} else if (document.documentElement && document.documentElement.clientWidth) {<br />
swide = document.documentElement.clientWidth;<br />
shigh = document.documentElement.clientHeight;<br />
} else if (document.body.clientWidth) {<br />
swide = document.body.clientWidth;<br />
shigh = document.body.clientHeight;<br />
}<br />
}<br />
<br />
function createDiv(height, width) {<br />
var div = document.createElement("div");<br />
div.style.position = "absolute";<br />
div.style.height = height + "px";<br />
div.style.width = width + "px";<br />
div.style.overflow = "hidden";<br />
div.style.backgroundColor = colour;<br />
return (div);<br />
}<br />
// ]]><br />
</script></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 />
<b># you can change :</b><br />
<br />
<br />
<div class="code">var colour="<span style="color: red;"><b>black</b></span>";</div><br />
<br />
<br />
<br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/color-code-generator.html" rel="nofollow" target="_blank">Color Code Generator</a></div><br />
<br />
<br />
<br />
<br />
<h4 style="text-align: left;"><span style="color: orange;">Snow Effect for Blogger Blogs! Make snow fall from your blog!</span></h4><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/trHoJv" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Falling snow" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG4dhiYjZLwuU00Ae6XrPN7nzLm1yfD49nuKjZWxEW8nc7b0yF6cLhFboGpUTOr3Wvpj3ZaIY8ryhVlUtVmESsRjOp0cmsRMfYxYmpNMTfBz7vPAdsKflsqfX1QBzkCb-gLMeUs5T00JEt/s1600/Falling+snow+1.png" title="Falling snow" /></a></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/snow-cursor/snow-falling-demo-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<div class="code"><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/snow-cursor/snowstorm.js"></script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a></div><br />
<br />
<br />
<br />
<h4 style="text-align: left;"><span style="color: purple;">Snow Falling Christmas Snow on your Blogs!</span></h4><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/trHoJv" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Falling snow" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOW8PXuCIIIu8wMx4bozgNGw5ckGrFf9YN-BRVj8rK9Lw3IovvpuQfKT6LxIM_i_GqHny3pmM9eTbXAQz4LDlmpr4Sny_Hhbn4gkcQXcmW_6_Pg0IjMB4SF4_N1gtxP3svBXCdwKBcOKKv/s1600/Falling+snow+2.png" title="Falling snow" /></a></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/snow-cursor/snow-falling-demo-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<div class="code"><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/snow-cursor/snow.js"></script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a></div><br />
<br />
<br />
<br />
<br />
<div style="color: blue;">That’s All!</div>Hope you have enjoyed the post.<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com62tag:blogger.com,1999:blog-8145265743082971695.post-29818151664493812792016-03-22T06:48:00.000-07:002016-04-01T12:01:23.991-07:00Add Multi Tabbed Navigation Widget To Blogger Sidebar<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/rT83aa" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Multi Tabbed Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaNtjFoZ_2-f_b1cJ1yuGKSlgmUZqeegFClXbtqunkUz0W6gAse8YrNl3oP7MFr9Ot3bRXS5Q_0qBYpJWEWbXo3ILLpcnuFOHjfYD-swsPx7kFpLsv3n7l-jvZQgtZgIMR0tuIDrVQSrX7/s1600/Advanced+Multi+Tabbed+Widget+For+Blogger.png" title="Multi Tabbed Widget For Blogger" /></a></div><br />
<br />
<br />
Hi Friends, Today I am going to share how to add multi tabbed widget for blogger. I have seen that there are so many tutorials on the web regarding this. But as I thought these are really complicated.I am writing very easy and simple tutorial which will guide you to add this widget to your blog’s sidebar.It looks very nice in your sidebar. This widget works based on jQuery and jQueryUI.<br />
<br />
<br />
<br />
<a name='more'></a><br />
<br />
<b>How to Install This Widget on Blogger?</b><br />
<br />
Steps...<br />
<br />
A. Adding <b><span style="color: magenta;">Script Code</span></b><br />
<br />
B. Adding <b><span style="color: purple;">CSS Theme Code</span></b><br />
<br />
C. Adding <b><span style="color: blue;">HTML Code</span></b><br />
<br />
<u><b><span style="color: magenta;">Adding Script Code</span></b></u><br />
<br />
<br />
<br />
<b>How to add HTML-CSS-Javascript Codes to your Blog ? </b><br />
<br />
This is very simple and easy you only follow below steps and add this widget in your blog.<br />
<br />
<b><span style="color: magenta;">Step 1</span></b> Log-in to your <b style="background-color: orange;">Blogger account</b>.<br />
<br />
<b><span style="color: magenta;">Step 2</span></b> Backup your Template.<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="Edit Template HTML" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZClYfoKn5Pd91y7DJ8XfuTm-G50M4YpIZgd9o8TgSgF3gD_nL5XtjietK_w6_NMkBUdh_qzgx_Ntq7uHHMX-IiArFd0o1J6YFt0wEK4bEbsYUB2YiVVTXksM5Tl6v7CtJz29UdGD4szam/s1600/Edit+Template+HTML.png" title="Edit Template HTML" /></a></div><br />
<br />
<b><span style="color: magenta;">Step 3</span></b> Click on The <b style="background-color: cyan;">Template</b>>> <b><span style="background-color: #f4cccc; color: purple;">Edit HTML</span></b>>> <b><span style="color: orange;">Proceed</span></b>.<br />
<br />
<b><span style="color: magenta;">Step 4</span></b> Now find [by pressing <kbd style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; font-size: 1.2em; margin: 2px 3px; padding: 1px 5px;">Ctrl</kbd><span style="font-family: "georgia" , serif; font-size: 13.63636302947998px;"> + </span><kbd style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; font-size: 1.2em; margin: 2px 3px; padding: 1px 5px;">F</kbd> ] 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 />
<div class="code"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><br />
</script><br />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><br />
</script><br />
<script><br />
$(document).ready(function() {<br />
$("#tabs").tabs();<br />
});<br />
</script></div><br />
<br />
<br />
<br />
<br />
<b><span style="color: purple;"><u>Adding CSS Theme Code</u></span></b><br />
<br />
Select One Theme and Place Theme code before <b><span style="color: red;"></head></span></b> tag<br />
<br />
<br />
<br />
<br />
<br />
Style 1:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXnNOK3qu9ZXp_pGDLqmwG9VE0sB2sNLAws-QRUXRBObT-qf4VrIVQxaZ9R23_B5UQyU6V8ZZvXXKRxXGKji8mda7RvlLvSP5QBv_eAfe3HGo38uKDHFOJyOGc63P7IdTlkIupRBehuwo/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b%25280%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 2:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQX1nnjQ7pUBiQfvQ2F-fjWViQU5_UtCmdU1mteEXsGOL7gkEyktZrt2fLOgwyN_3RqDYcW57_B7_ln_T52f5K6uq6Qtj6_1RTi2R73QJd8ufgqAOnJN9b25lhr0rNKBGOPgB5PCcBV5zo/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25281%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/black-tie/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 3:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-ehd9nwuCk-RIsp4Bj2Or7quss5ygsO5sRkdJml4wo2b3gmayVf3VXfa9sTRj8eigEouxM_grkQwzhleu9RLVhIiqMlYCZ01QVcYUSomHwDsh4g84FNDVpFVZOpx7xYrqEai3r1rFgUD/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25282%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/blitzer/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 4:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsFsxTsw8cDTkPHw0cgfvZEVPdUcvL_hOPfqirLpWqsuCTP_miUCyEDS33l7Sn5ZnylJy8uC9efxX9KI5WytaYzvJEl7aQEjD-G5bmwm5BDy8-C2HmGSZ-_cwnJqghRuVkD_Hsz6ggNRj/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25283%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-4.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/dark-hive/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 5:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1FaobcCjNBjjYgDRAW3uEsbLS1uH36OXJKyTOzpMajBfsh6GRUyj0swKEGWpX1yc4mAVtxbPxLpIrULDcWbc2SxZullbm887Nvwt10Ln6nZdfW3ta-B3PHzod8eEaM-6LrRBQOXMIlAru/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25285%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-5.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/dot-luv/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 6:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWgIixeIbP2qRquVU7-9_hFrZKxZ9FHQA9fv7y5rPTGO68a2kCGbts_tnhwTcv93HxIR8d1YncAzhluVXwY49-NkI_jPRoEW3HiXCEbQU9DpmMp09SKhlN49Ie0OpEoE94GX3gPaekFceK/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25286%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-6.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/eggplant/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 7:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQc8VRcB-DvB-TG8uVaUB5n_61Jkg_8Rp4TrxRrK_doLXJTKVvgU61ikmcZGdhcVctG_qJLVSLqvd9ly2davpSdJ_aIsyWJbpHJK9cnq_Bnw5qlKoqGZsYxj_jpkmWD8RvE-xElDbWa5Uk/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25287%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-7.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/excite-bike/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 8:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOE2RHK43SJz6h4p_sxHIiujJ1hEqCyI5oYZ0rGqF_GZILfcd5bdg8V2iHQ4WcjLi617UAPDpf7j9GNDcG0bgZ6925r8RGP4HMD_l6vYjjeHM7ZIWFcu7fmo2p11SHE9Zn8qyW5JxZMc1/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25288%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-8.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/flick/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 9:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWileq9AwDiE1P4rd2AmC2CfSQtkM23ApYF7S1PycglznRG7_pM8ZRpWfhr9yO52pFWFTgNa6ZiZuQURnn2Rrg7qnSaCZDUT1WXedwyW58G7-Rw5t4WQdegQnLoT4FqkOBOhZyhSdKsXBF/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%25289%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-9.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/hot-sneaks/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 10:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7T0HYfMvy3_VvJ7JDBA93MAYKUyS2pVJrNkXbXT8PXUKCnYsvNdAICvwOg67ZLm-pK8g1sbbCQaLTWG55ZuBcxDPI3M5RuIF5d4E8ivPRNI_RgtVyzP8EJ0kJpq5g8mnl4VCgrv2kB2s4/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252811%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-10.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/le-frog/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 11:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYP6bhGTtq6hZEk6iR0GshkrnaggPR1bLuremDRCEg9L_4g1kOhDTOUE7qKI9NvcbRspotUYUfuKmeogn8RQspn5kJph7WoTNbsE2porHfcbwjXlyjq4YhAKphpn5nUiVDQlBR1kx98De0/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252812%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-11.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/mint-choc/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 12:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_ZAGxTFor3lUJIY-Wn3X0TyhAZAnkzIKeSjuEpMFFq6p-0cZut4nvCjoxmkdeqM3QLvKdR0nnfE1-N8WtcfnuGz-hpvXPeWeCnlmP38nPRRR9yYsG1MiICoUA64n2NyNJtfw38bB8uMDR/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252814%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-12.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/pepper-grinder/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 13:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVlP7so7UWAk3M2d6tPQPfwRt3gOYtenfe3SGN0bxuqVEkMTWfw2-Mrqy_fcSNSsQNFDBoaJYStgTy4zpLOIMkrFtGMI-sE5FpjW-k2fOAPCzJxlTAk58yMKa8XwnDK7EMfPE_OIRDSm8Y/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252815%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-13.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/redmond/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 14:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhme5e0PTMhNwYRCc_I2goPjXqZCxiO1ChCVtG4b_HqOGWVPB6HXXBIJDkGsds_UDTlSkt6ReDhnoZigi7KC1yrjfu9Pvurod3_rMjOnuVGt1NNqLgnxUzVRB7PRWjFo5rjl03W9DcvYqa4/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252816%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-14.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 15:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggWvpLIFUTLLB7kx1XQ3z2KJezM9X4dNwjjm0TZIlOSgsgQfwgr1hsjRY9e_7MNaLnvlsZIr72hdzgFoHBxuA4yY-7OhJK9iFxCWBPUg1dVNXrrtvJf_1dpICgIxeeqqAllaXbvb2UMrCL/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252817%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-15.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/south-street/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 16:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWX4jYqg_AzOu4u4qCGxa3TGUtXIlvrZVrvoLahwqL7Y3htVgTWzY3Gn3X9n49T6nF1QOhXCuP6Ozf2oEp29Hbx7kkXjfiis0LstGumFlUD__qT_5_0RxW5EVrdWPNazFBpTEjQJWi9bX/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252818%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-16.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/start/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 17:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjafeOw-y8bzYd3BFS0kS_tIDtR8eJc2lYHBdRhsGHOrlipuJG-B8UF59TItSV59voAlnyX5r3uzVkV2K6Q-8bEk1rAQWL2IAcXb6dBxklK6EfLdk_TCiO79K_r1CCuSeq7eCIiKFXASqNV/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252819%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-17.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/sunny/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 18:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEcfrO8hLz2Q-s4AXfYNgvLI-QvFPvikzg83ietuB-WdRbhcn14lYxo2-kqV2OecyiR_E4JhzbjCVp0kPv7FlSNnvTwJRZURB9mVEn10qXl0RSVoYEEb0REeE1x3srd-9ubSnd8YyitbnF/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252820%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-18.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/swanky-purse/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 19:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg15roHl3OTiFBp_NkmecD9kri189bumUvEKMDCR3sXUALtyJhNPMtbARFX1vrqO0GOXKvcGkoyhKsV6KX9oupa0YnJ7HozhLfHsDg8P6U6XznITn78v02k75zCqPk3Ikvpgf1wRQ6XEsWp/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252821%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-19.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/trontastic/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 20:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfPSgkTV0u9l2QmWgR6exy3bb94eXCJh_HekfEDUXVPZ5aBwBku2EeyDebHhqPrNCt6mbEgMNtnZ-Dp-XkrFuPcILqZL2p3q-Hm8sPQElkN9rvgNCdJxyRZliJXK21_NVqnoh2kvfRSK7C/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252822%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-20.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/ui-darkness/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 21:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrMrsqUCssidlxjXZuqBQQYcNmt4vmlPYJWMASmH-r2l7dtx5Y0yVl80wF8rVin8bd_u3nZUa-5p8aNdVXgYdGMNSKY2VdV5WkUpsVtcgKeIUpSGgN83X1fBwvxNTAq2JlajeGCdeL5VYw/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252823%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-21.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/ui-lightness/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
Style 22:-<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Multi Tabbed Navigation Widget" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvw5-LYXCbsAD1rZrtTtICjULLllbdp-d4e-ThexfpU99ZpixcS7eW3xtnHG3sncSQZtcql0jUwl9LaWlf9S5AGTBqhKWSKVkCsydOiEUEqMmq9Zuuf8UCHnxX_y_kBDXoBxmE4G5ewCzB/s1600/w2b_Tabbed+navigation+for+blogger-jquery-ui-themes-google-hosted-w2b+%252824%2529.gif" width="125" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-tabbed/style-22.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/vader/jquery-ui.css" type="text/css" /></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><span style="color: blue;"><u>Adding HTML Code</u></span></b><br />
<br />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><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 />
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. <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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
<div class="code"><!-- Tabbed Navigation Widget For Blogger By 24work --><br />
<br />
<br />
<div id="tabs"><br />
<ul><li><a href="#tabs-1">Tab1</a></li><li><a href="#tabs-2">Tab2</a></li><li><a href="#tabs-3">Tab3</a></li></ul><br />
<br />
<div id="<span style="color: red;">tabs-1</span>"> <span style="color: red;">Tab 1 content goes here </span></div><br />
<div id="<span style="color: blue;">tabs-2</span>"> <span style="color: blue;">Tab 2 content goes here </span></div><br />
<div id="<span style="color: lime;">tabs-3</span>"> <span style="color: lime;">Tab 3 content goes here </span></div><br />
<br />
<a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><br />
<a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a href="http://24work.blogspot.com/" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><br />
</div><br />
<!-- Tabbed Navigation Widget For Blogger By 24work --><br />
<br />
</div><br />
<br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><span style="color: #ff9900;">Note:</span></b><br />
<b>Replace these with your tab titles</b><br />
</span><br />
<div align="justify"><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><br />
</b></span></div><div align="justify"><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><code><b><span style="color: red;">Tabs-1</span></b></code></b></span><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><code></code><span class="Apple-converted-space"> </span>, <code></code></b></span><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><code><b><span style="color: #0033ff;">Tabs-2</span></b></code></b></span><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><code></code> , <code></code></b></span><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><code><b><span style="color: #00cc00;">Tabs-3</span></b></code></b></span></div><div align="justify"><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><code><b><span style="color: #00cc00;"><br />
</span></b></code></b></span></div><div align="justify"><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b>Replace these with your widget codes.</b></span></div><div align="justify"><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><br />
</b></span></div><div align="justify"><span class="Apple-style-span" style="background-color: white; color: #444444; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><b><code><b><span style="color: red;">Tab 1 content goes here</span></b></code><span class="Apple-converted-space"> </span>, <code><b><span style="color: #0033ff;">Tab 2 content goes here</span></b></code> ,</b> <code><b><span style="color: #00cc00;">Tab 3 content goes here</span></b></code></span></div><br />
<br />
<br />
<br />
<br />
<div style="color: #674ea7;"><u><span style="font-size: large;"><b>Adding HTML Code </b></span></u></div><br />
<br />
Use bellow Form to add HTML widget code to Blogger<br />
<br />
<br />
<br />
<iframe frameborder="0" height="1000px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/tab-navigation/tabbed-navigation-widget-generator-ycode.html" width="600px"></iframe><br />
<br />
<br />
<b><i>Yes! You are Done! </i></b><br />
<br />
<div style="color: #999999; font-family: "Trebuchet MS",sans-serif;"><b>For any assistance and customization of this widget you can surely contact me via comments or Contact form.</b></div><br />
Have a Nice Day...<br />
<br />
<br />
<br />
<blockquote>Many thanks to <span style="color: #f6b26b;"><a href="http://www.way2blogging.org/" rel="nofollow" target="_blank"><span style="color: #f6b26b;">way 2 blogging</span></a> </span>for making this code and I just tested and modified to work on blogger</blockquote><br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com32tag:blogger.com,1999:blog-8145265743082971695.post-60026787011790168442016-03-21T05:05:00.000-07:002016-04-01T12:04:17.512-07:00Add Flash Twitter Follow Me Buttons to Blogger Blogs / Websites<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/xcEDSp" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO37vs2z8mapcwLqa8z4giTsKV5SNYAqj0JhLp3b3mTIKkAqK3rT3Jo4KoKGlpYTgA3nfwqUk7jk-JhT8rSGn4CNVxoMnVUkcCzf9mSAVTb51OETXGk4HWsNJitt71_TH_D3S0dOzE922r/s1600/Flash+Twitter+Follow+Me+Buttons.png" /></a></div><br />
<br />
Twitter is a social networking sites popular in the world of bloggers to promote their blogs. So here I am very cool Twitter Blogger widget, now it shows me how to add flash buttons to your twitter blogs and websites. These are the widgets based on Flash animations and have some nice effects.These buttons can help Twitter Flash Spice up your blogs, Webssites and can help you gain more followers on Twitter. These are designed and developed by twitterflash.net. I'm taking all the 15 types of one-click install to your blog.<br />
<br />
<br />
<a name='more'></a><br />
<b><span style="color: red; font-size: x-large;">How to Install Flash Animated Twitter Follow Me Widget To Blogger / Blog / Websites</span></b><br />
<br />
<br />
<br />
<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 />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><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 />
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. <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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
<div class="code"><object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=<b><span style="color: red;">rohul786</span></b>"></param><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=<b><span style="color: red;">rohul786</span></b>"></embed></object></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 />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h2><span style="color: red;">How to Install Flash Twitter Follow Me Buttons on Your Blog?</span></h2><br />
<br />
1. Choose Any <b>Flash Follow Me Button</b> As You Want<br />
<br />
2. Replace <b><span style="color: red;">rohul786</span></b> With <b>Your Twitter User Name</b><br />
<br />
3. Customize <b>Width</b> And <b>Height</b> as You Need<br />
<br />
4. Click on Generate Button and Finally Click on Add to Blogger Button to add this widget on your blog.<br />
<br />
<br />
<br />
OR<br />
<br />
5. Click on Get Code Button and Copy the code to use it.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<iframe allowtransparency="true" frameborder="0" height="1700px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/flash-twitter/twitter-flash-follow-me-widget-generator-ycode.html" width="100%"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com59tag:blogger.com,1999:blog-8145265743082971695.post-29349472157831755712016-03-20T00:06:00.000-07:002016-04-01T12:05:33.056-07:00Related Posts Widget For Blogger / Blogspot with jQuery<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/wgc8R4" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Related Posts Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQI5Rmee0LftmX9_fZs1KKeUHNcNEJ0iZPKPSmDmYqIjLuFs7nxdHKCsxJ_WYK9SDVrjn-Pp98GexSuA0hxjtl83rTbvUB115wZOI97aPJFOel3LSom01PsMwCMpklZQkzdPnBBiAADyw9/s1600/Related+Posts+Widget+For+Blogger.png" title="Related Posts Widget For Blogger" /></a></div><br />
<br />
Related posts widget is very important for a blog, because it increases the number of page views and also help the visitor to view other posts related to blog. Now here is wonderful trick to display links to related posts beneath each posts. At their blogs today there are many types of related post widget, and related items thumbnail images using HTML, Java script, etc. .. Here I will show a method that is easy to show install.It only title jQuery.It related post widget will look like a picture below.<br />
<br />
<a name='more'></a><br />
<br />
<h4 style="text-align: left;"><b>Beautiful related posts text widget with hover effect for blogger</b></h4><br />
<b>How to add HTML-CSS-Javascript Codes to your Blog ? </b><br />
<br />
This is very simple and easy you only follow below steps and add this widget in your blog.<br />
<br />
<b><span style="color: magenta;">Step 1</span></b> Log-in to your <b style="background-color: orange;">Blogger account</b>.<br />
<br />
<b><span style="color: magenta;">Step 2</span></b> Backup your Template.<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="Edit Template HTML" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZClYfoKn5Pd91y7DJ8XfuTm-G50M4YpIZgd9o8TgSgF3gD_nL5XtjietK_w6_NMkBUdh_qzgx_Ntq7uHHMX-IiArFd0o1J6YFt0wEK4bEbsYUB2YiVVTXksM5Tl6v7CtJz29UdGD4szam/s1600/Edit+Template+HTML.png" title="Edit Template HTML" /></a></div><br />
<br />
<b><span style="color: magenta;">Step 3</span></b> Click on The <b style="background-color: cyan;">Template</b>>> <b><span style="background-color: #f4cccc; color: purple;">Edit HTML</span></b>>> <b><span style="color: orange;">Proceed</span></b>.<br />
<br />
<b><span style="color: magenta;">Step 4</span></b> Now find [by pressing <kbd style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; font-size: 1.2em; margin: 2px 3px; padding: 1px 5px;">Ctrl</kbd><span style="font-family: "georgia" , serif; font-size: 13.63636302947998px;"> + </span><kbd style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; font-size: 1.2em; margin: 2px 3px; padding: 1px 5px;">F</kbd> ] this code in the template:<br />
<br />
<div class="code"><div class='post-footer-line post-footer-line-1'/></div><br />
If you cant find it then try finding this one<br />
<br />
<div class="code"><p class='post-footer-line post-footer-line-1'/></div>OR<br />
<br />
<div class="code"><div class='post-footer-line post-footer-line-2'/><br />
<div class='post-footer-line post-footer-line-3'/><br />
</div><br />
</div></div><br />
And immediately <b><span style="color: red;">Below/After</span></b> it, paste this code:<br />
<br />
<br />
Style 1:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiblknBpUswSPnb_OFdTBiHef7JI7ReoXWIvkXTl8KouBWFf0LGWXltXnf2DSfJmnxFTi8DKFkOSe5xCaxxgUPdceMcU-IZ_2NO1J93HQIU003Z4vaYlrXIDwR8uQ4qq-vw5fuMLSj-jYoS/s1600/Related+Posts+Widget+01.png" title="Related Posts Widget 01" /></div><br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
<br />
<br />
.............................<br />
<br />
<br />
.............................<br />
<br />
<br />
<h4 style="text-align: left;"><b>Simple And Stylish "Related Posts" Text Widget For Blogspot</b></h4>Change Code with The One You Like Bellow<br />
<br />
<br />
Style 2:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcRKLBzf9mO7PbzuDyqt_5UPR_gy-NeCAnVQ5nRVUEe8xzeQfN2LnsQ9yObhKtDqVmnDp_BMQ31Fza_3t0z4l5Pi2lm2oiRiEgCx8ESoMQlFYCqvpnOXvPbuZCHeAfw65Fzp5ejHhGpOC0/s1600/Related+Posts+Widget+02.png" title="Related Posts Widget 02" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-2.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 3:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwk5KFwyad8ygbDfHl_rQqVeqRitaM5FxXqJyCvb7EzTGgk5uaCpWLSdyqHrxqbUuFgf58XSR5kKby5iQiMN7gVyYmA93DsiGNOAcNue0XxQJ9ZYJbvP5BJmok1SIoMoNXb1upxsUozzDH/s1600/Related+Posts+Widget+03.png" title="Related Posts Widget 03" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-3.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 4:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Y2hGaaAPNrAJR4vwCYAMSciZoCAOiZubAIXb_dTPBduWGIK5PqoUZQ_s69YfstuXIJ-THMgnM_jGAFDncLTyUDpk6Jjkf2dF48ffuFkOkG3hdm-F7iGG6BbQMBzdc2KT9nMTjLNJRwwT/s1600/Related+Posts+Widget+04.png" title="Related Posts Widget 04" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-4.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-4.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 5:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1qRCcKl5WQ4CiK0yoCcXdzX-R-7JvPJRDcLLsE3gWrUeuR6QATbp-Jp8xo6oEMFQnHxKHbI2CNIrueuLsAsuVNq7a0JPtKMbvCKj0dxw4hXxmSRIsyqNqBYhmpQfhG731lSjsLZFE59a_/s1600/Related+Posts+Widget+05.png" title="Related Posts Widget 05" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-5.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-5.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
Style 6:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_ZJ8F-fxz9e5joz6wVTRstMjjyIMvSwV8GExgt-H5nQVFSR-d0PRVfKC-TAsruwzocBFvhQfenGPuwHQLNBrIDRTLnahBvskqN18OOF0Gr31KXY5E-4qgN5HDHyZ8WECzL9kvSrx4IGH/s1600/Related+Posts+Widget+06.png" title="Related Posts Widget 06" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-6.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-6.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 7:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlY4q6Uc9xr_tydabJGT7_U1_6-1efs-Elx1bMbXwXmYGIWv_h-1cF7GsZlmUJIlGiAOLumg34B-e8oHNuylI2sgyJsnq4jIY91XWCvwH84pKiQ5nvLvK1lI3EOIKF2LyqKZYVBZ0A7NbE/s1600/Related+Posts+Widget+07.png" title="Related Posts Widget 07" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-7.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-7.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 8:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF4UEYdcMh4jdwUMDVPweineNZfH-yBO2ISDvDbfRqzW87hSNQv2v_4tYrfRyFwyZUt7tqNbaOLxbNuYgM0v2WX_YJc-U9FF8ATuIfsWCxutlR5IVquMuFdnU-UYJf3quc-THBOr5FxZez/s1600/Related+Posts+Widget+08.png" title="Related Posts Widget 08" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-8.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-8.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 9:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVXkVFzSQaNTRSn0xmlZ4OcIHQ2FNDUut047VcxMhZ5YldCH8o0lW7C4XA6kYQXJ-JtRY6pVeZX9t3Ra86XulUPxuX-YHaZf0lcbwOjKOdREOIblQddcHfaePLlDFm33zSrZ5iIXWxgMjI/s1600/Related+Posts+Widget+09.png" title="Related Posts Widget 09" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-9.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-9.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 10:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9hJblBEPZzPqNLfwXLfLxnCDe8Rb7JLP0sEQp5fEYuLGae7swAh7Abj5UmIExyDJmzPa5bWmBr2PCcKX_Ozhexl-mZEanGGrgToxVbbeNntbOQzaemyrEPGgoKKtiHI7Guex6fMWnlm5C/s1600/Related+Posts+Widget+010.png" title="Related Posts Widget 010" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-10.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-10.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 11:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR9DFdrxB4S18btVM7qlEd4vuXZDqEJh2_Wy0squJSG0dV76J-_3oDCym32AtHXK_dYSIw2mDRz2B74JRhug7-yGVY8HhUXWBstZsZE780A7XzHljwibSA4j4ccUG1nUaLylwKPmRzJ2J-/s1600/Related+Posts+Widget+011.png" title="Related Posts Widget 011" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-11.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-11.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 12:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZw-zk4aiBPQF7xDJZU3TlxyRbF0OYrH6Yqqyq4RVOLtW1QvFJqu1vk7FJ94uUax6wtxCSJf8OZXBIGHoBzldXoUIziFUYm-3P7QlfDj3PBGLvLVrXmfv9iSz3FEtub_jl53qnjrWs0-q8/s1600/Related+Posts+Widget+012.png" title="Related Posts Widget 012" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-12.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-12.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 13:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIylAPBffzaV5cE9uSkMUGpmBuRMTpN4aWdFNn1TBn-w0m2c7nX1SlflBRACyHUOrR7eSqQRqkl5xKFq4YEpVHUOd1LfhPwY5vTE6VuVu47vg7JURtN_eeArV9mWfLJ6BVZaVtcoUMvg5/s1600/Related+Posts+Widget+013.png" title="Related Posts Widget 013" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-13.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-13.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 14:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJcJbkxT7pcAtFonkhfOfeDj9OQd-u9KxxE2E2Ma4Wt61IoeHx_QkrXAVa6uXyuH2dAP9nw6aRN6du6qX-nTfyjfYaFUcWDyjyzEsrsRgER60NcMB4JTWJtCv6pukUqdKJ49HFn8304gx/s1600/Related+Posts+Widget+014.png" title="Related Posts Widget 014" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-14.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-14.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 15:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHx5jdfuH2wmrI-uaX926B6-lSGFampiJ5hVZnUGpl-gTXgd2KjI7NCdbc7cQxr1JKgQs7MGD4QChL0b2sdi2QEUOvU3xnqb6ko2AlygBSdOBF1zRdKqXfmYHUrtJfxEnAkPpvT6vo3UD_/s1600/Related+Posts+Widget+015.png" title="Related Posts Widget 015" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-15.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-15.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 16:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRHHE2hhXitxAfuNLuOgSxeaDH-9rlAePUsZaxylOr5TybbXBIC5BZYSzSVPBIA2tsitef5qBM-S4w5dLy1AGjMyFF3bWM-ezttJjIGNU2-yrvKWUqRlbTF3Q59DQDNMpsxVCHgXjCRLKc/s1600/Related+Posts+Widget+016.png" title="Related Posts Widget 016" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-16.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-16.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
Style 17:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFaK-ACn1iiw9pAUtGB0qUiA-WfM8Ho8ryVkHgEtPulLRAuzTdra8ZzvnV9lzk-gZI3hRqxjMJIfeUILynqUV07l8z6E7OBX8f6yzve9Ir7VEO0hp2mjMYOPZNgqqestY_kamPxJCk29oL/s1600/Related+Posts+Widget+017.png" title="Related Posts Widget 017" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-17.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-17.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 18:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-3MWqtn7wLBXJEbybQG443Z4fXllMynVIAnM-SDgMgKFX6OpTtbFn7DBoUNNHKlPQgwSYLHcg87dcUt4MUxNZUU27eLvI36YHKdFWB8qx210MDm4l51ZlFH5wBx9GlDdQ8leYJPAnGPMJ/s1600/Related+Posts+Widget+018.png" title="Related Posts Widget 018" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-18.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-18.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 19:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheE3cEkenJEBi67KvP3TZhXsS7HbUTgJak_qX_DTL__qyXpEmwY1Ig-nZrFXj5Ivi11nK_ZCOQXJzFRjlhIbwyt4iwwHaJ01Lr-Dt1PTeHS6FGUuu75KIbS-Y2nTj_WQsyDviHhUnv8YnG/s1600/Related+Posts+Widget+019.png" title="Related Posts Widget 019" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-19.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-19.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
Style 20:-<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Related Posts Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbRZ4XWg4MJ_UGS0aibbTkSRKvKRrjgWekqA88BqytHoYO9RyRvDg35tAg4QlseuCas4PPrfIeP8exo2xVZ3M1LjxLtJ_yooDIBr1MoxALCgR7pfzkONRiQBpsDd25pfq5WWmK46XX0FrB/s1600/Related+Posts+Widget+020.png" title="Related Posts Widget 020" /></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/live-demo/related-posts-live-demo-20.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-20.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;<span style="color: magenta; font-size: large;"><b>max-results=5</b></span>&quot;' type='text/javascript'/></b:if></b:loop><br />
<b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b><br />
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<b><span style="color: magenta;">var maxresults=5;</span></b> <!-- Increase To Show More Then 5 Related Post --><br />
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
</b:if></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
.............................<br />
<br />
<br />
.............................<br />
<br />
<br />
<br />
<b><span style="color: orange;">Optional Customizations</span></b><br />
<br />
You can adjust the maximum number of related posts being displayed by editing this line in the code.<br />
<br />
<div class="code"><span style="color: magenta; font-size: large;"><b>max-results=5</b></span></div><br />
and<br />
<br />
<div class="code"><b><span style="color: magenta;">var maxresults=5;</span></b></div><br />
show the text 'Related Topics' on title.<br />
<br />
<div class="code"><b><h2 class='title' style='color:#fff;background-color:#000;width:150px;'><span style="color: purple;">Related Topics</span></h2></b></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><span style="color: red; font-size: x-large;">How To Add jQuery Recent Posts Widget for Blogger </span></b><br />
<br />
<b>Typical Usage #1</b><br />
<br />
<blockquote class="tr_bq">To display Recent links at the end of every post. copy this code into a new HTML/Javascript widget and place at the bottom of the post or at the footer in the page elements section. Widget uses jQuery v1.3.2, If you already included jQuery into your blog. no need to do it again. </blockquote><br />
Now find (CTRL+F) this code in the template:<br />
<br />
<br />
<div class="code"><data:post.body/></div><br />
And immediately <b><span style="color: red;">after</span></b> it, paste this code:<br />
<br />
<div class="code"><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></span></b></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-widget-1.0-ycode-recent.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript"><br />
<br />
relatedPostsWidget({<br />
<br />
'containerSelector':'div.post-body'<br />
<br />
,'loadingText':'loading...'<br />
<br />
});</script></div><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 />
<b>Typical Usage #2</b><br />
<br />
<blockquote>To show Recent links at the side column. copy this code into a new HTML/Javascript widget and place at the side in the page elements section.Again, If you already included jQuery into your blog. no need to do it again.</blockquote><br />
<b><span style="color: red; font-size: x-large;">How to Install Recent Posts Widget Recent links at the side column</span></b><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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><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 />
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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
<div class="code"><b><span style="color: red;"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></span></b></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-widget-1.0-ycode-recent.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript"><br />
relatedPostsWidget({<br />
'loadingText':'loading...'<br />
});</script></div><br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com209tag:blogger.com,1999:blog-8145265743082971695.post-20873497764006812632016-03-19T00:02:00.000-07:002016-04-01T12:07:16.076-07:00Multi-Color Effect For Your Links On Hover For Blogger / Blogspot<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;"><a href="http://bit.ly/Apzs0O" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Add Multi-Color Effect For Your Links On Hover For Blogger Blogs" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1KVA1nh6ozlU0s1EM-LQw7xZqo2gJ0cf5tGmZSR2COk3n75NK-0JANfavLM9qK6IGyUPciaxcL8Z9VU1xStJ7o9wkeb884uxNzk_IKQoc7MlpeQXqPTmYO8ZvKt0uiyXpsvUKUt42Cs6d/s1600/Multi-Color+Effect+For+Your+Links+On+Hover.png" title="Add Multi-Color Effect For Your Links On Hover For Blogger Blogs" /></a></div><br />
<br />
How to create text links in different colors? Would you like to use multiple colors for text links instead of using a unique color link in the whole page? Confused start to tell what the title, purpose ANAA if you want to link touched the pointer to uppercase, bekedip flashing rainbow colors and the background like fireworks or a star-studded.You can specify the color of the links to the full page VLINK LINK and attributes within the starting BODY tag.<br />
<br />
<br />
<br />
<a name='more'></a><br />
<br />
<b><span style="font-size: large;">How to add multiple link styles</span></b><br />
<br />
Want to make a link to your blog and rainbow-colored flashing when the pointer is affected? It is very easy<br />
<br />
Now let's start adding it... <br />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/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 />
<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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><br />
<br />
<b><span style="color: blue;">Step 3.</span></b> Select 'HTML/Javascript' and add the one of code given below. <br />
<br />
<br />
<b><span style="color: blue;">Step 4.</span></b> Now Click On Save 'JavaScript' You are done.<br />
<br />
<div class="code"><script type='text/javascript'><br />
<br />
//<![CDATA[<br />
<br />
<b><span style="color: red;">var rate = 20;</span></b><br />
<br />
if (document.getElementById)<br />
window.onerror=new Function("return true")<br />
<br />
var objActive; // The object which event occured in<br />
var act = 0; // Flag during the action<br />
var elmH = 0; // Hue<br />
var elmS = 128; // Saturation<br />
var elmV = 255; // Value<br />
var clrOrg; // A color before the change<br />
var TimerID; // Timer ID<br />
<br />
if (document.all) {<br />
document.onmouseover = doRainbowAnchor;<br />
document.onmouseout = stopRainbowAnchor;<br />
}<br />
else if (document.getElementById) {<br />
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);<br />
document.onmouseover = Mozilla_doRainbowAnchor;<br />
document.onmouseout = Mozilla_stopRainbowAnchor;<br />
}<br />
<br />
function doRainbow(obj)<br />
{<br />
if (act == 0) {<br />
act = 1;<br />
if (obj)<br />
objActive = obj;<br />
else<br />
objActive = event.srcElement;<br />
clrOrg = objActive.style.color;<br />
TimerID = setInterval("ChangeColor()",100);<br />
}<br />
};<br />
document['write']('<a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" ></a>');<br />
function stopRainbow()<br />
{<br />
if (act) {<br />
objActive.style.color = clrOrg;<br />
clearInterval(TimerID);<br />
act = 0;<br />
}<br />
}<br />
<br />
<br />
function doRainbowAnchor()<br />
{<br />
if (act == 0) {<br />
var obj = event.srcElement;<br />
while (obj.tagName != 'A' && obj.tagName != 'BODY') {<br />
obj = obj.parentElement;<br />
if (obj.tagName == 'A' || obj.tagName == 'BODY')<br />
break;<br />
}<br />
<br />
if (obj.tagName == 'A' && obj.href != '') {<br />
objActive = obj;<br />
act = 1;<br />
clrOrg = objActive.style.color;<br />
TimerID = setInterval("ChangeColor()",100);<br />
}<br />
}<br />
}<br />
<br />
<br />
function stopRainbowAnchor()<br />
{<br />
if (act) {<br />
if (objActive.tagName == 'A') {<br />
objActive.style.color = clrOrg;<br />
clearInterval(TimerID);<br />
act = 0;<br />
}<br />
}<br />
}<br />
<br />
<br />
function Mozilla_doRainbowAnchor(e)<br />
{<br />
if (act == 0) {<br />
obj = e.target;<br />
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {<br />
obj = obj.parentNode;<br />
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')<br />
break;<br />
}<br />
<br />
if (obj.nodeName == 'A' && obj.href != '') {<br />
objActive = obj;<br />
act = 1;<br />
clrOrg = obj.style.color;<br />
TimerID = setInterval("ChangeColor()",100);<br />
}<br />
}<br />
}<br />
<br />
<br />
function Mozilla_stopRainbowAnchor(e)<br />
{<br />
if (act) {<br />
if (objActive.nodeName == 'A') {<br />
objActive.style.color = clrOrg;<br />
clearInterval(TimerID);<br />
act = 0;<br />
}<br />
}<br />
}<br />
<br />
<br />
function ChangeColor()<br />
{<br />
objActive.style.color = makeColor();<br />
}<br />
<br />
<br />
function makeColor()<br />
{<br />
// Don't you think Color Gamut to look like Rainbow?<br />
<br />
// HSVtoRGB<br />
if (elmS == 0) {<br />
elmR = elmV; elmG = elmV; elmB = elmV;<br />
}<br />
else {<br />
t1 = elmV;<br />
t2 = (255 - elmS) * elmV / 255;<br />
t3 = elmH % 60;<br />
t3 = (t1 - t2) * t3 / 60;<br />
<br />
if (elmH < 60) {<br />
elmR = t1; elmB = t2; elmG = t2 + t3;<br />
}<br />
else if (elmH < 120) {<br />
elmG = t1; elmB = t2; elmR = t1 - t3;<br />
}<br />
else if (elmH < 180) {<br />
elmG = t1; elmR = t2; elmB = t2 + t3;<br />
}<br />
else if (elmH < 240) {<br />
elmB = t1; elmR = t2; elmG = t1 - t3;<br />
}<br />
else if (elmH < 300) {<br />
elmB = t1; elmG = t2; elmR = t2 + t3;<br />
}<br />
else if (elmH < 360) {<br />
elmR = t1; elmG = t2; elmB = t1 - t3;<br />
}<br />
else {<br />
elmR = 0; elmG = 0; elmB = 0;<br />
}<br />
}<br />
<br />
elmR = Math.floor(elmR).toString(16);<br />
elmG = Math.floor(elmG).toString(16);<br />
elmB = Math.floor(elmB).toString(16);<br />
if (elmR.length == 1) elmR = "0" + elmR;<br />
if (elmG.length == 1) elmG = "0" + elmG;<br />
if (elmB.length == 1) elmB = "0" + elmB;<br />
<br />
elmH = elmH + rate;<br />
if (elmH >= 360)<br />
elmH = 0;<br />
<br />
return '#' + elmR + elmG + elmB;<br />
}<br />
<br />
//]]><br />
<br />
</script></div><br />
<br />
<br />
Now Click <strong style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;">Save </strong><br />
<br />
<br />
And you are done.<br />
<br />
<div class="sprtr"></div><div class="heads">Customize And Demo.</div>You can change this value<br />
<br />
<br />
<br />
<pre><span style="color: blue;"><strong>var rate = 15 ; </strong></span></pre>in the above code to control the speed of color transformation by increasing or decreasing the number <span style="color: blue;"><strong>15</strong></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><span style="color: red; font-size: large;">How to create a rainbow colored hover link</span></b><br />
<br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<div class="code"><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-color/linkpelangi-ycode.js"></script></div><br />
<br />
Now Click <strong style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;">Save </strong><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="color: red; font-size: x-large;">How to Add Rainbow Color Effect For Your Links In Hover For Blogger / Blogspot</span><br />
<br />
<br />
Hello friends! Effect of rainbow colors to random colors will give your link on hover. This widget works based on simple JavaScript. Once applied, all the links on the page displays a rainbow effect onmouseover.<br />
<br />
<br />
<b>Watch Live Demo</b><br />
<div style="border: 1px dashed green; overflow: hidden; padding: 5px;"><iframe frameborder="0" height="120px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-color/multi-color-effect-for-your-links.html" width="600px"></iframe></div><br />
<br />
<h2>How to add this widget to blogger?</h2>Just click <i style="color: red;"><b>Add to Blogger</b></i> Button Bellow<br />
<div style="clear: both; margin: 25px 0; text-align: center;"><form action="https://www.blogger.com/add-widget" method="post" target="_blank"><input alt="Add to Blogger" name="go" src="http://www.blogger.com/img/add/add2blogger_lg.gif" style="border: 0px none; margin: 5px;" type="image" /><textarea name="widget.content" style="display: none;"><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-color/linkpelangi-ycode.js"></script></textarea><br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com" /> <input name="logoUrl" type="hidden" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQbCoOKLFi0Erj2sGUphJHfNPmP7cN0_x8Yy2bTuZvMsw_23qVB_V42BQ4bt4seZyahTtF5AQVhBpAUxJgqDOvoJbGPs3DD3LHLdcW5OWkttgIPSqJypd6KUACP3wpM32Je4OWe8NPLydq/s1600/heder-24work-logo-+m1-p1111111111.png.png" /></form></div>(OR)<br />
<ol><li>Login to <b style="color: red;">Blogger Account</b></li>
<li>Go to <b style="color: red;">Design</b> > <b style="color: red;">Page elements</b></li>
<li>Click <b><span style="color: red;">Add a Gadget</span></b> and choose <b><span style="color: red;">Html/JavaScript</span></b></li>
<li>Paste Bellow Code and click <b><span style="color: red;">Save</span></b> Button</li>
</ol><br />
<br />
<div class="code"><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><script type="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/multi-color/rainbow-colors-ycode.js"></script></div><br />
Please leave your comments and responses for better improvement of my blog<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div></div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com32tag:blogger.com,1999:blog-8145265743082971695.post-7183719310091302382016-03-18T21:32:00.000-07:002016-04-01T12:09:35.929-07:00Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">You can show the falling objects or graphics to your Blogger profile page. This generator falling objects to specify an image of your choice. Once you paste the HTML code to your Blogger profile page, you see several copies of the image of all that fall on the page!<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bitly.com/wWDf0i" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Falling Objects Generator" border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha01W-QW2cLrf-XklsYc2GA7_0GZ_coQMyh_Yhl1Ha6teudu1SFYp7-sY32jkR37pQsRSHRLR1_izJ5tcvzmvzKIdv48fyViC77URZaHBOWxMmXeCzTz5UO1hvJFN4tW5iMbpZzbN1K2G5/s1600/Blogger+Falling+Objects+Generator.jpg" title="Blogger Falling Objects Generator" width="200" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/falling-object/live-demo/falling-objects-demo-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
For this to work, make sure you specify the exact location of an image. Also note that some browsers can not display the objects that fall as planned.The widget is originally developed by www.bdlab.blogspot.com, i just changed something in the widget.<br />
<a name='more'></a><br />
<h2 style="text-align: left;"><b><a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank">Blogger Falling Object Generator Code</a></b></h2><br />
<a href="http://bitly.com/wWDf0i" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh12Yilb6dCpWfslEKHS8UzIb-ou189JIyiHbRFHpp5opa-Me88Oyk1LHZxguzBDP7fAYrGwXbrhNnFRumkAThHmDqgaSOEsGEq0ZndJTpAwTp82iohKj619y89v8LmWd0fTahccrBV1yoA/s1600/falling-banner.png" style="margin-left: 370px;" /></a><br />
<div style="border: 2px dashed red; padding: 10px;"><br />
<iframe frameborder="0" height="3220px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/falling-object/falling-object-ycode.html" width="580px"></iframe><br />
<br />
<br />
<br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h2 style="text-align: left;"><b><a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank">Blogger Falling Text Code Generate</a></b></h2>Here's a cool way to get that "falling text" effect on your Blogger profile page. Elsewhere, you can use JavaScript for the effect of the fall of text - but not on Blogger. Fortunately, you can use a little HTML trick to get the same effect!<br />
<br />
Use the form below to generate text fall into your Blogger profile page. You can then copy and paste the HTML code on your profile page.The widget is originally developed by www.bdlab.blogspot.com, i just changed something in the widget.<br />
<br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/falling-object/live-demo/falling-text-code-demo-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<div style="border: 2px dashed red; padding: 10px;"><br />
<iframe frameborder="0" height="800" name="Scrolling Recent Posts Widget" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/falling-object/falling-text-generator-ycode.html" width="580px"></iframe><br />
<br />
<br />
</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h2 style="text-align: left;"><b><a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank">Marquee Scrolling Text Generator for Blogger</a></b></h2>In HTML, allows you to have a marquee scrolling text and images. Tents are perfect for your Blogger page, allowing you to do things that normally require JavaScript (which does not allow Blogger).<br />
<br />
You can create a Blogger marquee to scroll horizontally or vertically. You can also change other things as the speed at which it moves.<br />
<br />
Use the form below to generate the code for Blogger marquee. Simply select the values you need, click "Generate Marquee and Preview", then copy and paste in your profile page.The widget is originally developed by www.bdlab.blogspot.com, i just changed something in the widget.<br />
<br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/falling-object/live-demo/marquee-text-code-demo-3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<div style="border: 2px dashed red; padding: 10px;"><br />
<iframe frameborder="0" height="1490" name="Scrolling Recent Posts Widget" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/falling-object/marquee-text-generator-ycode.html" width="580px"></iframe><br />
<br />
<br />
</div><br />
<br />
<br />
<br />
<br />
<b>How to Install Blogger Code Generator Widget</b><br />
<br />
Now let's start adding it...<br />
<br />
<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 />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/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 />
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. <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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
<br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com27tag:blogger.com,1999:blog-8145265743082971695.post-89758778254797452832016-03-17T03:22:00.000-07:002016-04-01T12:11:16.757-07:00Recent Comments Widget with Avatars To Blogger & Top Commentators<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPy2uVSKG4o2U2dj_qyx5vJ93jnB0semxXLSAqxOJjbCzAJ25Gl0E33Kr40rsspr7WmB1x15kbcsvOqrT0ivCyq6_NtborKvxKrS8B7Bzp3G74ig59BBkd7kzYp_jN6h0g-swP7pkTMKAg/s1600/Recent+Comments+Widget+with+Avatars.png" title="Recent Comments Widget with Avatar 01" /></a></div><br />
This post explains how you can add Recent Comments widget for Blogger Blogspot blogs.Once the reader finds a recent comments widget in the sidebar of the blog, will come to know that your blog is quite active and invites you to send comments on his blog. In this way you can collect some active user base to comment on your blog posts.Now you can reward your best commentators, showing their names with clickable links to your Blogger blog and it helps to see that comments in his blog more often.<br />
<br />
<br />
<br />
<a name='more'></a><br />
<br />
<b><span style="color: red;">Add Top 10+ Stylish Recent Comment Widgets with Hover Effect</span></b><br />
<br />
1.Login to <b>Blogger </b><br />
2.Choose your style<br />
3.Customize the <b>Settings</b> as you need and Click the "<b>Generate</b>" Button<br />
4.Finally Click the "<b>Add to Blogger</b>" Button. :D<br />
5.Your Widget will Add Automatically<br />
<br />
<br />
Precaution: Do NOT add a slash ‘/’ after the URL. It should be BlogName.blogspot.com and not BlogName.blogspot.com/ . Also http:// part has to be added before the URL.<br />
<br />
<b><span style="color: blue;">Style 1:</span></b><br />
<br />
<b>Recent Comments Widget with Avatar Generator</b><br />
<br />
<br />
<iframe frameborder="0" height="1200px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-1.html" width="560px"></iframe><br />
<br />
<br />
<br />
<b><span style="color: blue;">Style 2:</span></b><br />
<br />
<b>Eclipse Rounded Corner Mouse Hover Style with Red Color</b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVdg2FSUxRqCFyg1ndE05InCMxijdJ0HJx6pDKK0oyn0tMZviVW5dL0S7IhyZB7UcpM2vHWyCkuPEa-NEzSje-EaV4FsPf8PFxGcDW383we9khazfjsVxJDe6emrJAfRkEI8b2ER61120/s1600/Recent+Comments+Widget+with+Avatar+02.png" title="Recent Comments Widget with Avatar 02" /></a></div><br />
<br />
<br />
<iframe frameborder="0" height="800px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-2.html" width="560px"></iframe><br />
<br />
<br />
<br />
<b><span style="color: blue;">Style 3:</span></b><br />
<br />
<b>Just Click Round Style with Pink Color</b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNGY-AOJDnaN734iMf145RHbdo97sDrihWa5XDa3xpLq9ErxNCzAoPVWt6THVGEQIeVcoBfJzS8GFuVx29ySZOusK2b6Gow-nz2UJfKrSbQ6reZ9JrihJesjagU_8W6eSbG2oJUq6mAAlq/s1600/Recent+Comments+Widget+with+Avatar+03.png" title="Recent Comments Widget with Avatar 03" /></a></div><br />
<br />
<br />
<iframe frameborder="0" height="800px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-3.html" width="560px"></iframe><br />
<br />
<br />
<br />
<b><span style="color: blue;">Style 4:</span></b><br />
<br />
<b>Mouse Hover Rectangular Shadow Effect</b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU3ASlhyphenhyphendjjJDRl7yhq4cHqKu1hNCCscVq8pSV6zKXsntqMqt_A8VuqOIG1LAKcU-2Ex3wbJsZo0KWrYk7j8yLt-zXsgMLUDa3gbtG6PJMJoAUI73U0s8M1qeHjlRxLxUihlDCu2QZK2UU/s1600/Recent+Comments+Widget+with+Avatar+04.png" title="Recent Comments Widget with Avatar 04" /></a></div><br />
<br />
<br />
<iframe frameborder="0" height="800px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-4.html" width="560px"></iframe><br />
<br />
<br />
<br />
<b><span style="color: blue;">Style 5:</span></b><br />
<br />
<b>Simple and Decent Hover Effect with Blue Border</b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQv3A-GlVveEAI8XhlMZZcTBYEraLPRHQIcLR0V1WvHMb-kp2wtF_vZOHqOs-1FiBwyPE7_YqtEcwbDfyL3UBUmPL_0Tk46e8tkUDPjzUf92ob_DluHfvcQ3xuqcpk9zyBJuXCIaUs8Az-/s1600/Recent+Comments+Widget+with+Avatar+05.png" title="Recent Comments Widget with Avatar 05" /></a></div><br />
<br />
<br />
<iframe frameborder="0" height="800px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-5.html" width="560px"></iframe><br />
<br />
<br />
<br />
<b><span style="color: blue;">Style 6:</span></b><br />
<br />
<b>Amazing Recent Comment Widget With Avatar</b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_R4Ar1cFz8Npd2090Dsrl_kIRHtAjkvSFWjwLtG1dFCJT20EUkGFnRu1VIayQwFKQbrbDNcgoqpJ7k-i9YNBDN0kadb7gcEYz8-P6i7doyLZGwcp3p9LlIMfKm4Xi7nW7P6i5Fsyr8BDJ/s1600/Recent+Comments+Widget+with+Avatar+06.png" title="Recent Comments Widget with Avatar 06" /></a></div><br />
<br />
<br />
<iframe frameborder="0" height="800px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-6.html" width="560px"></iframe><br />
<br />
<br />
<br />
<br />
<b><span style="color: blue;">Style 7:</span></b><br />
<br />
<b>Metro Style Recent Comments</b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEOhnlpmW90Z6kanDPPKRBxWH6KBX1s4PNrfrG_xQ9B9jTzlG6PQD33WSoGh0vxgYCE9V3flHHwC30rAeQhQd6CyG-8Mi_rAeMNfzfJ3_4m_vhr3FzISynZsjv7jq-X6yi1Cq9E5KOX5K-/s1600/Recent+Comments+Widget+with+Avatar+07.png" title="Recent Comments Widget with Avatar 07" /></a></div><br />
<br />
<br />
<iframe frameborder="0" height="800px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-7.html" width="560px"></iframe><br />
<br />
<br />
<br />
<b><span style="color: blue;">Style 8:</span></b><br />
<br />
<b>Flexible Recent Comments</b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8C5lJfRv1kfP3P5ysJVm4f1LDb8rLKTkIh8saGqELmaCf3oP7oDjp38_ITszvWCHPzCjaCkILzLXjNQ_LTQ-yNDRmTpQ-J4S62MOxURoVIs6ZD_USKZXYk-6JYgVfkwsM8ZR7ZjhExROI/s1600/Recent+Comments+Widget+with+Avatar+08.png" title="Recent Comments Widget with Avatar 08" /></a></div><br />
<br />
<br />
<iframe frameborder="0" height="800px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-8.html" width="560px"></iframe><br />
<br />
<br />
<br />
<b><span style="color: blue;">Style 9:</span></b><br />
<br />
<b>Border Radius with green background</b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3O9f3iuCHX2KD4YAcQYGVFY06yrMF2Pok05jo2mQCEE09R5bhtg29bSW_Aeqq3bU3_o6n7A-Vb4GTggUffNCTlDkYAVYwCQHrqoptToB3pCXhULrv7GpTUbBqc3HJzEZsGGH4bJcIA00J/s1600/Recent+Comments+Widget+with+Avatar+09.png" title="Recent Comments Widget with Avatar 09" /></a></div><br />
<br />
<br />
<br />
<iframe frameborder="0" height="800px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-9.html" width="560px"></iframe><br />
<br />
<br />
<br />
<b><span style="color: blue;">Style 10:</span></b><br />
<br />
<b>Stunning Latest Comment Box Widget with Rounded Avatar</b><br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Comments Widget with Avatar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB37IHmtcIt4anFbHOKNMSLgt9vo_WXm_1vSznknr1MO14YuSBgjgCYATg7I_gRoO_fD4CACTb0CX4OWcb4f83EN1EyyMLGOwDIgvG-budMvnPKumLr_XbdP0o2OPhpVu3TdQu5M0HWOoH/s1600/Recent+Comments+Widget+with+Avatar+010.png" title="Recent Comments Widget with Avatar 010" /></a></div><br />
<br />
<br />
<iframe frameborder="0" height="800px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-comments/avatar-recent-comments-ycode-10.html" width="560px"></iframe><br />
<br />
<br />
<br />
<b><span style="color: red;">How to add Recent Comments Widget with Rounded Images for Blogger?</span></b><br />
<br />
<span style="font-family: inherit;"><br />
</span><span style="font-family: inherit;">Follow these very simple steps to add the "</span><b style="font-family: inherit;">Recent Comments Widget with Rounded Images</b><span style="font-family: inherit;">" in your blog.</span><br />
<div class="MsoNormal"><ul><li><b style="font-family: inherit;">Step 1:<span style="color: #ff6600;"> </span></b><span style="font-family: inherit;">Go To <b>Blogger > Design > Page Elements</b></span></li>
<li><b style="font-family: inherit;">Step 2:</b><span style="font-family: inherit;"> Click on "Add a Gadget"</span></li>
<li><b style="font-family: inherit;">Step 3:<span style="color: #ff6600;"> </span></b><span style="font-family: inherit;">Now choose </span><b style="font-family: inherit;">HTML/JavaScript</b></li>
<li><b style="font-family: inherit;"><span style="color: #ff6600;">Step 4: </span></b><span style="font-family: inherit;">Copy and paste the following code </span></li>
</ul><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h3 style="text-align: left;"><span style="color: red;">How To Add Top Commentators Widget with Avatar Generator</span></h3><br />
No need to explain about the comments feed. Each comment not only helps the commentator, but also the owner of the blog. Discuss and comment back is a powerful tool in SEO.Being owner of a blog, it is our duty to find it "comment" more and then give a great respect for them. Here the code for creating a "widget TOP COMMENTATOR" from the last 10,000 comments.You may have noticed the widget Commentators Save on WordPress blogs. Sometimes referred to as Best Commentators Widget. Now you can reward your best commentators, showing their names with clickable links to your Blogger blog and it helps to see that comments in his blog more often.<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/AAhfoR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Top Commentators Widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEXviT_SDNGkf6HZpMLZRxam7WDHazx10aZomzpdizrJbWssLMhgkxYgS1YLwGjNpAXLw0kvf6lppgoqRwSAJ7nZb1nHsZaBLSlHD8f6S-yaWjKhXLb6I6iyAIew4XD-DUAyzxCB85HTV2/s1600/Top+Commentators+Widget.png" title="Top Commentators Widget" /></a></div><br />
<br />
<br />
<iframe frameborder="0" height="1200px" scrolling="no" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/top-comments/top-commentators-ycode.html" width="560px"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote><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.way2blogging.org/" 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">Harish</a> for making this code and I just tested and modified to work on blogger</span></blockquote><br />
<br />
<br />
</div></div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com109tag:blogger.com,1999:blog-8145265743082971695.post-42192018881464058242016-03-16T23:32:00.000-07:002016-04-01T12:12:53.210-07:00Sexy Sliding JavaScript Side Bar Menu Using Mootools<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;"><a href="http://bit.ly/sZPCxF" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Side Bar Menu Using Mootools" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsc5gpKXCg1mE2KZCFDTrTmbo1GadZ8UDuq7CWySzq1UZRIJOtYpbrwQqh_nvFefIhtfRkEaFoP0xy9iueXW_i1Q7br7MFgq9fWg7gnXQZRMQQnZnqXtWoA-9JUf0OLM50cgs17gu-KW5A/s1600/Sexy+Sliding+JavaScript+Side+Bar.png" title="Side Bar Menu Using Mootools" /></a></div><br />
Show- hide, Smooth sliding and sexy. Menu bar with javascript and mootools. This post explains how to add Sexy Sliding JavaScript Side Bar Menu Using Mootools Widget on his blog that looks good on your blogspot blog.Be effective CSS vertical menu with show / hide uses MooTools to show / hide the menu with a vertical slide-in/slide-out nice effect.<br />
<br />
About MooTools: "MooTools is a compact, modular, Object-Oriented JavaScript framework designed for intermediate to advanced JavaScript developer. It lets you write powerful, flexible, cross-browser code with its elegant API, well documented and consistent. ".<br />
MooTools Home: <a href="http://mootools.net/" rel="nofollow" target="_blank">Home Mootools</a>.<br />
<a name='more'></a><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/side-bar-menu/side-bar-menu-demo-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<b style="font-size: x-large;">How to Install Beautiful Sliding JavaScript Side Bar Menu Using Mootools</b><br />
<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 />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><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 />
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. <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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
<div class="code"><script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/side-bar-menu/prototype.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/side-bar-menu/effects.js" type="text/javascript"></script><br />
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/side-bar-menu/side-bar.js" type="text/javascript"></script><br />
<a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<style><br />
body{<br />
font-size:75%;<br />
}<br />
a{<br />
outline: none;<br />
}<br />
a:active{<br />
outline: none;<br />
}<br />
#sideBar{<br />
text-align:left;<br />
}<br />
#sideBar h2{<br />
color:#F0FFFF;<br />
font-size:110%;<br />
font-family:arial;<br />
margin:10px 10px 10px 10px;<br />
font-weight:bold !important;<br />
}<br />
#sideBar h2 span{<br />
font-size:125%;<br />
font-weight:normal !important;<br />
}<br />
#sideBar ul{<br />
margin:0px 0px 0px 0px;<br />
padding:0px 0px 0px 0px;<br />
}<br />
#sideBar li{<br />
margin:0px 5px 5px 10px;<br />
padding: 0 0 0 10px;<br />
list-style-type:none;<br />
display:block;<br />
background-color:#DA1074;<br />
width:177px;<br />
color:#FFFFFF;<br />
}<br />
#sideBar li a{<br />
width:100%;<br />
}<br />
#sideBar li a:link,<br />
#sideBar li a:visited{<br />
color:#FFFFFF;<br />
font-family:verdana;<br />
font-size:100%;<br />
text-decoration:none;<br />
display:block;<br />
margin:0px 0px 0px 0px;<br />
padding:0 0 0 20px;<br />
width:100%;<br />
}<br />
#sideBar li a:hover{<br />
color:#FFFF00;<br />
text-decoration:underline;<br />
}<br />
#sideBar{<br />
position: fixed;<br />
width: auto;<br />
height: auto;<br />
top: 140px;<br />
left:0px;<br />
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSHRWPgRogOrPCN_spSQDi2Y2uF3d507bUg-lpcCPOxRP-T7oHAwFMOAGraiMU-hUyHDZy-zd-QTgUDJFDDFute4f_uIvsatta9P1BG8-r-LNNn6JfbUUpwcGfitLwzX1Iq5FOmW7n5INW/s320/left.collapse.border.png);<br />
background-position:top right;<br />
background-repeat:repeat-y;<br />
}<br />
#sideBarTab{<br />
float:left;<br />
height:137px;<br />
width:28px;<br />
}<br />
#sideBarTab img{<br />
border:0px solid #FFFFFF;<br />
}<br />
#sideBarContents{<br />
float:left;<br />
overflow:hidden !important;<br />
width:200px;<br />
height:320px;<br />
}<br />
#sideBarContentsInner{<br />
width:200px;<br />
}</style><br />
<div id="sideBar"><br />
<div id="sideBarContents" style="display:none;"><br />
<div id="sideBarContentsInner"><br />
<h2>Left<span>Menu</span></h2><br />
<ul><br />
<li><a href="#"><b><span style="color: blue;">Link One</span></b></a></li><br />
<li><a href="#"><b><span style="color: blue;">Link Two</span></b></a></li><br />
<li><a href="#"><b><span style="color: blue;">Link Three</span></b></a></li><br />
<li><a href="#"><b><span style="color: blue;">Link Four</span></b></a></li><br />
</ul><br />
</div> </div><br />
<a id="sideBarTab" href="<b><span style="color: red;">#</span></b>"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggu_ndFSxYKEpkHIkO9iRCjthbNPK2_K7mHI0p7maZJ9kL1kjZ1fm5n-OulvG90zeS899_lv9mmt1bwRS70wK37t1S1hrTOuzTICrIvUHTTuVD2jG1IjscRnI_ADnBszZtv4Rge3rS9lcE/s320/sidebarcollapse.png" title="sideBar" /></a><br />
</div></div><br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
Note: Keep in mind that before a save above "#" of land and your link Link One, Link Two, Link Three Link Four, and the name of the place you need to do is save.And here is the link I used to have 4, you can link up to 10<br />
<br />
<br />
<br />
<br />
</div></div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com34tag:blogger.com,1999:blog-8145265743082971695.post-54585410503626059882016-03-15T05:52:00.000-07:002016-04-01T12:13:53.323-07:00Random Post Widget With Thumbnails For Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/uKURCH" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Random Post Widget With Thumbnails For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmi3ij8xF3cPOK7Md6l6H2fckLV0LsXBoK00cGBHI1kHs7nw0HJHjJ7nqO49Q4UGN_F55J6jzaNswk6friCuruo3WS0ZoRz_vJffqd2R-iNCg6x9ZTjCr2kQxE934qzuCLQ2Wb3j2OQ8Y5/s1600/Random+Post+Widget+With+Thumbnails.png" title="Random Post Widget With Thumbnails For Blogger" /></a></div><br />
<br />
<br />
Random Posts Widget For Blogger is great widget. Posts Widget for Blogger is random most popular flash which is useful to increase traffic. make the visitor stay on your site longer and to increase page views posts.Each time updates page of your blog posts widget random change. It can be shown in the sidebar of your blog with or without thumnails.Really this is the jewel of the flash really should show up on his blog.<br />
<br />
<br />
<br />
<a name='more'></a><br />
<br />
<b>How To Install This Widget On Blogger :-</b><br />
<br />
<br />
Customize the Options given in Widget form<br />
Finally click On "<b>Add To Blogger</b>" Button<br />
<br />
<br />
<br />
<iframe height="920" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/random-post/random-post-ycode.html" width="95%"></iframe><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: large;"><b>How to Add Awesome Random Post widget to blogger With Thumbnails</b></span><br />
<br />
<br />
Now let's start adding it... <br />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><br />
<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 />
<br />
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. <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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/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 />
<br />
<b><span style="color: blue;">Step 4.</span></b> Now Click On Save 'JavaScript' You are done.<br />
<br />
<br />
<br />
<br />
<div class="code"><div id='stylify_random'></div><div style='clear:both' class='stylify_footer'><script style='text/javascript' src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/random-post/random-ycode.js'></script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript'><br />
var numberOfPosts = <b><span style="color: red;">5</span></b>;<br />
var showPostDate = true;<br />
var showSummary = true;<br />
var summaryLength = 200;<br />
var titleLength = 100;<br />
var showCommentCount = true;<br />
var showThumbs = true;<br />
var showNoImage = false;<br />
var imgDim = 100;<br />
var imgFloat = 'left';<br />
var myMargin = 5;<br />
var mediaThumbsOnly = true;<br />
var showReadMore = true;<br />
var readMore = 'More';<br />
</script><br />
<script src='/feeds/posts/summary?max-results=5&alt=json-in-script&callback=getRandom'></script></div></div><br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com48tag:blogger.com,1999:blog-8145265743082971695.post-4487293901585372992016-03-14T00:00:00.000-07:002016-04-01T12:14:51.804-07:0022+ Google Flag Translate Widget For Blogger / Blogspot<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/u5qsTB" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Google Translate Widget for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9WdSgiwSpNkPYuayg3pwcz3zgoaHBWL0cERTMxi_v_MUS94L2AqrJ4VRCfaZzlisgz7HNtQKAh1Gf032j63Herk3OSie06NAzmoZRYyObArutdqofz2VSYmOTfTTZbFX4gcGA8PtDVmK1/s1600/Google+Translate+Widget+For+Blogger.png" title="Google Translate Widget for Blogger" /></a></div><br />
Installing translete on blogs is very necessary because there could be visitors from foreign countries who stray blog you, but that should be taken to ensure that no errors occur then translate your blog must use the official language, not language or slang market.Let your readers easily translate your blog with this highly compact widget. This blog translator is powered by Google Translate. The languages available at the click of a flag are Arabic, Bulgarian, Chinese (simplified and traditional), Croatian, Czech, Danish, Dutch, Finnish, French, German, Greek, Hindi, Italian, Japanese, Korean, Norwegian, Polish, Portuguese, Romanian, Russian, Spanish and Swedish.I hope no one could have seen a huge list anywhere. Now This widget gives your readers easily translate your blog.<br />
<br />
<a name='more'></a><br />
<b>How to add the <a href="http://24work.blogspot.com/2011/12/22-google-flag-translate-widget-for.html" target="_blank"><span style="color: black;">Google Translate Widget</span></a> to your blog:</b><br />
<br />
<br />
<b style="background-color: lime;">Blogger</b><br />
<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 />
<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/AVvXsEj-urPwqLCSxe49mKDjQXljbcd8lweH6akG8D7ypbx_J6XSshwSZcnb0vNtghrCuri6LwHpSE8YdzbJz15X51pTKDL7XStqvADRXzRHsyN5TX7yJvVCxPQujK4xTa-fa5oRpInwOZCI5xQ1/s1600/Blogger+Dashboard,+go+to+Layout+and+click+on+Add+a+Gadget+link.png" width="550" /></a></div><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 />
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. <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/AVvXsEguGg2pkB15Cl3kwhY0FGwaqZs1jrXTXFBqdLEW2PV8jWnbFU0_pS5jSyspWx-Q0-jK285drU_RxRe4oSvF9fJ0i3goNYsU_RmtFUJ6tj6nJzZ0Z5nytcFjCKmMs9f3Z514h87nQZF3CNAv/s1600/pop-up+window,+choose+the+HTMLJavaScript+widget.png" width="486" /></a></div><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 />
<b style="background-color: lime;">WordPress</b><br />
<br />
1. Login to your Admin panel > Presentation tab > Widgets tab<br />
<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: Translate, Translate this page, Google Translate (Optional)<br />
<br />
4. Save.<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 />
<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 />
Google Flag Translate Widget For Blogger / Blogspot 01<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 01" border="0" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqHoE2OCmNgmK1KXdmBdk1wp4eBCrom9XdtaqpbOTT3NteeGC_WjrHYS-WJzY1-kUf0HjjEER2DkAX-7WFkvDO25omacCy0PAuNinltkhykai_Z2i2-tJf8hH4GR7o9utZ7lm51zXMqDbQ/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+01.png" width="286" /></div><br />
<br />
<div class="code"><style><br />
<br />
.google_translate img {<br />
filter:alpha(opacity=100);<br />
-moz-opacity: 1.0;<br />
opacity: 1.0;<br />
border:0;<br />
}<br />
.google_translate:hover img {<br />
filter:alpha(opacity=30);<br />
-moz-opacity: 0.30;<br />
opacity: 0.30;<br />
border:0;<br />
}<br />
.google_translatextra:hover img {<br />
filter:alpha(opacity=0.30);<br />
-moz-opacity: 0.30;<br />
opacity: 0.30;<br />
border:0;<br />
}<br />
</style><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<div><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://3.bp.blogspot.com/-HjE-dLlFtuA/TvcEaiFzSxI/AAAAAAAAAks/i0L8gCdGH40/s1600/United+Kingdom%2528Great+Britain%2529.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://1.bp.blogspot.com/-Zkg4sqrooqU/TvcETli6lyI/AAAAAAAAAjk/Ev3NMDXyI7M/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://2.bp.blogspot.com/-4MwFlbeShRE/TvcEUfFBLUI/AAAAAAAAAjs/NtoEOwfXGOs/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://4.bp.blogspot.com/-HKFlMqypR6A/TvcEZQc2UcI/AAAAAAAAAko/zsRkoF_hYT0/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://4.bp.blogspot.com/-nUXCUxtlIfo/TvcEVOAQyVI/AAAAAAAAAj0/8Xx6aPZjRfw/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://3.bp.blogspot.com/-SkuvjV5vVhc/TvcEWgNUNII/AAAAAAAAAkE/eWRmtmgIQls/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://4.bp.blogspot.com/-70H65sDGGDE/TvcEXau2YMI/AAAAAAAAAkQ/8Geb-nhqqK8/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://3.bp.blogspot.com/-w-4jJnHX74g/TvcESV0eXwI/AAAAAAAAAjY/IItiV50lGZs/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://1.bp.blogspot.com/-uzfpQUTEul4/TvcEVwVNjII/AAAAAAAAAj8/v-w7OyG4lyU/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://1.bp.blogspot.com/-H66Bjc802vM/TvcEY3EjCDI/AAAAAAAAAkc/veq7rxX0uw4/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://1.bp.blogspot.com/-eQZjN1y-Sbc/TvcEYEOt0MI/AAAAAAAAAkU/d3Zr9nTNQRA/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://2.bp.blogspot.com/-F_EaFtMPoCs/TvcETAdC3kI/AAAAAAAAAjg/GwMSWsT6Fpw/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br />
<div style="float: left;"><br />
<sup> Powered By </sup><img style="border:none;" alt="google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVxn-uSnMQDxHBoziSDZmVclgZuGFmJjGozfDCA6Sxx_aICraW0zMUfG1NnajD9BI6pKx8Q4V1x6zZd_p1f_9_YLDN3fQOMpSO1pNHC424gusY1k6S3to9hjJ4rUN08FTumAUzsZIKItLZ/s1600/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget"/><br />
</div><br />
</div></div><br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 02<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 02" border="0" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ-ktr2FlAAI-OikRZ2Nffbm_fM_oKOWrY_sfVBMHLC_rp66R-n0z6FMKkygpvLRCz4f-n1zwxAlKJ1ywCq2EBVL_-GdMoZixlsGphmB2kQrDEufH-23ZI8p_dMhfSyunhFXy27_Q-NAmc/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+02.png" width="308" /></div><br />
<br />
<div class="code"><div class='24work' style="padding: 3px 3px 3px 3px; text-align: center;"><br />
<div align="center" style="padding:11px 0px 0px 0px;"><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ar&hl=en'" title="Translate to Arabic" target="_blank"><img border="0" style="cursor: pointer;" src="http://4.bp.blogspot.com/-D36iJZM_O8I/TvLfGVEj4vI/AAAAAAAAAfE/xo7nXajyg3k/s1600/sa-Arabic.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ms&hl=en'" title="Translate to Malay" target="_blank"><img border="0" style="cursor: pointer;" src="http://2.bp.blogspot.com/-yd4PRN2Xjpg/TvLe_9j2ICI/AAAAAAAAAeI/qoWOSWedfrQ/s1600/my-Malesia.png" /></a><br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|zh-CN&hl=en'" title="Translate to Chinese" target="_blank"><img border="0" style="cursor: pointer;" src="http://4.bp.blogspot.com/-AbzprXTIK_Y/TvLe4GqJwQI/AAAAAAAAAdE/Cxnz_qy5cyY/s1600/cn-china.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|et&hl=en'" title="Translate to Estonian" target="_blank"><img border="0" style="cursor: pointer;" src="http://3.bp.blogspot.com/-i2jy-2iW-YM/TvLe5KTlwMI/AAAAAAAAAdQ/PjhDrTypzaE/s1600/ee-Estonia.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|fn&hl=en'" title="Translate to Finnish" target="_blank"><img border="0" style="cursor: pointer;" src="http://1.bp.blogspot.com/--RkWlNVMwGU/TvLe5_7pdvI/AAAAAAAAAdc/KoE_Beld8Ps/s1600/fi-Finland.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|fr&hl=en'" title="Translate to French" target="_blank"><img border="0" style="cursor: pointer;" src="http://3.bp.blogspot.com/-n85FPBfSADw/TvLe7cowf-I/AAAAAAAAAdk/J8EjftuvVZ0/s1600/fr-France.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|de&hl=en'" title="Translate to German" target="_blank"><img border="0" style="cursor: pointer;" src="http://3.bp.blogspot.com/-37xyQnPsQE4/TvLe4vEYeRI/AAAAAAAAAdI/4h0f8Lr18VQ/s1600/de-German.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|el&hl=en'" title="Translate to Greek" target="_blank"><img border="0" style="cursor: pointer;" src="http://3.bp.blogspot.com/-BHht5b3nGlI/TvLe8Qy5fdI/AAAAAAAAAds/r55OasvuGag/s1600/gr-Greek.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|hi&hl=en'" title="Translate to Hindi" target="_blank"><img border="0" style="cursor: pointer;" src="http://2.bp.blogspot.com/-5D2Z6Kn8_Rg/TvLe9362OCI/AAAAAAAAAd4/UOxbPWwUexU/s1600/in-Hindi.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|id&hl=en'" title="Translate to Indonasian" target="_blank"><img border="0" style="cursor: pointer;" src="http://3.bp.blogspot.com/-UpErgjyGc-s/TvLe9eUBvBI/AAAAAAAAAd0/gk9RTGGG_50/s1600/id-Indonesia.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|it&hl=en'" title="Translate to Italian" target="_blank"><img border="0" style="cursor: pointer;" src="http://3.bp.blogspot.com/-Q0386DleJ40/TvLe-nunqOI/AAAAAAAAAd8/L8Xj8YoDXCg/s1600/it-Italy.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ja&hl=en'" title="Translate to Japanese" target="_blank"><img border="0" style="cursor: pointer;" src="http://1.bp.blogspot.com/-TdmTlXoEloQ/TvLe_e44tLI/AAAAAAAAAeA/AZrNux98XVI/s1600/jp-Japan.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|fa&hl=en'" title="Translate to Persian" target="_blank"><img border="0" style="cursor: pointer;" src="http://2.bp.blogspot.com/-Xh9eTlna-sA/TvLfAnQA8jI/AAAAAAAAAeQ/PkfRxUs-N-0/s1600/ne-Niger.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|no&hl=en'" title="Translate to Norwegian" target="_blank"><img border="0" style="cursor: pointer;" src="http://3.bp.blogspot.com/-UgO7EMT6Bpk/TvLfBW61DuI/AAAAAAAAAec/BYaoRX0rl0k/s1600/no-Norway.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|pt&hl=en'" title="Translate to Portuguese" target="_blank"><img border="0" style="cursor: pointer;" src="http://3.bp.blogspot.com/-15HJuleYwiY/TvLfCLdy5BI/AAAAAAAAAeo/eaT0k6YkglQ/s1600/pt-Portugeese.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ro&hl=en'" title="Translate to Romanian" target="_blank"><img border="0" style="cursor: pointer;" src="http://2.bp.blogspot.com/-hVnmm-D3RBw/TvLfDKgAyBI/AAAAAAAAAew/pTA1b-sQvOg/s1600/ro-Romania.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|ru&hl=en'" title="Translate to Russian" target="_blank"><img border="0" style="cursor: pointer;" src="http://2.bp.blogspot.com/-_XB2B1UQ2_g/TvLfEbhw7AI/AAAAAAAAAe8/cJJAk24Bgx4/s1600/ru-Russia.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|sk&hl=en'" title="Translate to Slovak" target="_blank"><img border="0" style="cursor: pointer;" src="http://3.bp.blogspot.com/-6N1uVI8mlGY/TvLfIcIfPGI/AAAAAAAAAfU/0v9gbOEjIY4/s1600/sk-Slovakia.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|sw&hl=en'" title="Translate to Swedish" target="_blank"><img border="0" style="cursor: pointer;" src="http://1.bp.blogspot.com/-SuZ9iG52m80/TvLfHVpFIAI/AAAAAAAAAfM/_aSXAagCuSE/s1600/se-Sweedan.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|th&hl=en'" title="Translate to Thai" target="_blank"><img border="0" style="cursor: pointer;" src="http://2.bp.blogspot.com/-IWdIovUKGqI/TvLfJUUUtMI/AAAAAAAAAfc/8l55NV5MRr0/s1600/th-Thailand.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|tr&hl=en'" title="Translate to Turkish" target="_blank"><img border="0" style="cursor: pointer;" src="http://2.bp.blogspot.com/-Hg-ylc9PnuI/TvLfKUewRkI/AAAAAAAAAfk/dJxjj_FNY1g/s1600/tr-Turkey.png" /></a><br />
<a class="translate-flag" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto|vi&hl=en'" title="Translate to Viatnamese" target="_blank"><img border="0" style="cursor: pointer;" src="http://1.bp.blogspot.com/-iXBOrWcAZnA/TvLfK79pxLI/AAAAAAAAAfs/vdalhxuqmIE/s1600/vn-Viet+nam.png" /> </a><br />
</div></div><div style="text-align:center;width:200px;height:20px;"> <small>↑ Google Translator</small><br />
</div><br />
<!-- Translate flag 24work.blogspot.com END --></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 03<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 03" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi1Or3HgNoYUA6eFTECkc9flCjlO8guOY1ifNrKz5ig2FCwgnqSYjcOpi8WMHKmOgZ2PEAayT5ghXiZAISFsiLdKtP4TdrpWNyoeRUOTgL-0xwLK0_cNzEFqCiC9rZ2nNDVpvVfOSrO0kn/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+03.png" width="305" /></div><br />
<br />
<div class="code"><form action="http://www.google.com/translate"><script language="javascript" type="text/javascript"><br /><!-- document.write ("<input name="u" value="+location.href+" type="hidden">")<br />// --><br /></script><input name="u" type="hidden" value="<b><span style="color: red;">http://YOUR_BLOG_ADDRESS</span></b>" /><br />
<noscript>&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;input value="http://24works.blogspot.com" name="u" type="hidden"/&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</noscript> <input name="hl" type="hidden" value="en" /> <input name="ie" type="hidden" value="UTF8" /> <input name="langpair" type="hidden" value="" /><br />
<center><br />
<table border="1"><tbody><tr> <td><br />
<input height="20" name="langpair" src="http://2.bp.blogspot.com/-XmSBchMAmEY/UQ-YHMR4eYI/AAAAAAAAFmw/g7JEwDDGb9M/s1600/Andorra%2B-%2BCatalan.%2B%2Bda.%2Bflag.png" title="Andorra / Catalan" type="image" value="en|ca" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" title="العربية / Arabic" type="image" value="en|ar" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://2.bp.blogspot.com/-HCYlnjvvqXQ/UQ-TwFTkEAI/AAAAAAAAFmc/yJ5sdg349N8/s1600/Bulgaria%2Bbg%2Bflag.png" title=" България / Bulgaria" type="image" value="en|bg" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" title="中文(简体) / Chinese (Simplified)" type="image" value="en|zh-CN" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" title="中文(繁体) / Chinese (Traditional)" type="image" value="en|zh-TW" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://4.bp.blogspot.com/-Ewiie0npl3M/URAS8VyME8I/AAAAAAAAFnE/HwlCC2bThaQ/s1600/Croatia.hr.flag.png" title="Hrvatska / Croatian" type="image" value="en|hr" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://4.bp.blogspot.com/-Fx5vNXNmGRU/URAU33x-KrI/AAAAAAAAFnQ/lXBrRT99Ve8/s1600/Czech_Republic.cz.flag.png" title="Česká Republika / Czech Republic " type="image" value="en|cs" width="30" onclick="this.form.langpair.value=this.value" /> |<br />
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<input height="20" name="langpair" src="http://2.bp.blogspot.com/-bvOQeqC7h3I/URAW3esi3MI/AAAAAAAAFnc/J-6kng2pVQ4/s1600/Denmark.dk.flag.png" title="Danmark / Denmark" type="image" value="en|da" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://3.bp.blogspot.com/-jOjTYDYcORE/URAa-C045oI/AAAAAAAAFn0/VLSGIf5bAVg/s1600/Finland.fi.flag.png" title="Suomi / Finnish" type="image" value="en|fi" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" title="Français / French" type="image" value="en|fr" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" title="Deutsch / German" type="image" value="en|de" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnuIjPHniuQhIImQBqKfAQh2VacMUGKgw0ltAJGrkrHhzcg8Z9OQVo22zxFU9D7xLntBWstioq4R6VJPieDxwNIU_U-dlnfiIA0ZYXVOrJIu6KZpShPtQepe8OLCGYIdTQ1d0aGlEaQPA3/s320/Greek+Flag+36x24.png" title="Ελλάς / Greek" type="image" value="en|el" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://4.bp.blogspot.com/-857UiinU6GA/URAkNp03poI/AAAAAAAAFoM/H3eCPhSK_4o/s1600/Israel.il.flag.png" title="ישראל / Hebrew" type="image" value="en|iw" width="30" onclick="this.form.langpair.value=this.value" /> |<br />
<input height="20" name="langpair" src="http://4.bp.blogspot.com/-o9baXqasnbY/URAmxu9D1vI/AAAAAAAAFog/nFAQ72IEncI/s1600/India.in.flag.png" title="Hindi / India" type="image" value="en|hi" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://3.bp.blogspot.com/-iebG-eopl2g/URAoV9MJiLI/AAAAAAAAFos/aQo2o5W-ros/s1600/Indonesia.id.flag.png" title="Bahasa / Indonesian" type="image" value="en|id" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" title="Italiano / Italian" type="image" value="en|it" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" title="日本語 / Japanese" type="image" value="en|ja" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" title="한국어 / Korean" type="image" value="en|ko" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://1.bp.blogspot.com/-ixXE8W-sjbU/URAqMSY1YEI/AAAAAAAAFo4/w9zaIHK3Bv4/s1600/Latvia.lv.flag.png" title="Latvija / Latvian" type="image" value="en|lv" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://2.bp.blogspot.com/-taul66x8QsI/URArYRRuZ2I/AAAAAAAAFpE/Rs0tTs14E_A/s1600/Lithuania.lt.flag.png" title="Lietuvos / Lithuania" type="image" value="en|lt" width="30" onclick="this.form.langpair.value=this.value" /> |<br />
<input height="20" name="langpair" src="http://3.bp.blogspot.com/-w4lul2m6axI/URAZUWTXj9I/AAAAAAAAFno/q5F3OpCYJhw/s1600/Netherlands.nl.flag.png" title="Nederland / Dutch" type="image" value="en|nl" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://3.bp.blogspot.com/-cCJ6g1-2dIY/URAsxng6fJI/AAAAAAAAFpQ/zjADA2D6pRI/s1600/Norway.no.flag.png" title="Norge / Norwegian" type="image" value="en|no" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://3.bp.blogspot.com/-E0voo_iD314/URA6qrB20WI/AAAAAAAAFqM/oF8oc5H5iGQ/s1600/Philippines.ph.flag.png" title="Pilipinas / Philipines" type="image" value="en|tl" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Xx8YvrUx9kn0gmXui_sZ8Ou4bGumL2gdSUyoMUpdoipZqn9bdep-zIfaxAkUQi5OC5glHeLV-JxXSBCp73eRz7F1GaXELQRMBQeYGbVeZv13mNfFwm9OFEILF-0WI-MtbiKmKzxYnHVw/s320/Polish+Flag+36x24.png" title="Polska / Polish" type="image" value="en|pl" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" title="Português / Portuguese" type="image" value="en|pt" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1nOhZM1QrtQITkQNLmorrmOnzWUlQLfkprPbJKlsBqqigSykb9nrtEjwpzjH84L6Nz-KplOwsdp8t-Tydzo_ZcrSCBhCrMqVS100kji4TXYAKeuxdku9E8Ai7xAxKKkVcz42rhAbWaGr/s320/Romainian+Flag+36x24.png" title="România / Romanian" type="image" value="en|ro" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" title="Русский / Russian" type="image" value="en|ru" width="30" onclick="this.form.langpair.value=this.value" /> |<br />
<input height="20" name="langpair" src="http://4.bp.blogspot.com/-4fg_z8d4Wys/URA3ke8MYPI/AAAAAAAAFpc/fDbatr6pSAc/s1600/Serbia.rs.flag.png" title="Србија / Serbia" type="image" value="en|sr" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://4.bp.blogspot.com/-ChKhP8iWQd8/URA3kkhDPuI/AAAAAAAAFpo/yld9GoCW0C0/s1600/Slovakia.sk.flag.png" title="Slovenčina / Slovak" type="image" value="en|sk" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://4.bp.blogspot.com/-MYEjpXNOaoA/URA3lJJVQkI/AAAAAAAAFp0/aN7IVVnYfPk/s1600/Slovenia.sl.flag.png" title="Slovenija / Slovenia" type="image" value="en|sl" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" title="Español / Spanish" type="image" value="en|es" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://1.bp.blogspot.com/-uPkpSxUDT-4/URA6qfptcKI/AAAAAAAAFqA/vlyjJ3zgyOw/s1600/Sweden.se.flag.png" title="Sverige / Swedish" type="image" value="en|sv" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://3.bp.blogspot.com/-X97YdOZMLyg/URA9PvvSwOI/AAAAAAAAFqY/EMnrpA0i5qU/s1600/Ukraine.ua.flag.png" title="Україна / Ukraine" type="image" value="en|uk" width="30" onclick="this.form.langpair.value=this.value" /> | <input height="20" name="langpair" src="http://4.bp.blogspot.com/-IbnoMZYDrGY/URA9QOLh5UI/AAAAAAAAFqk/uZlSGs-9rHM/s1600/Vietnam.vn.flag.png" title="tiếng Việt / Vietnam" type="image" value="en|vi" width="30" onclick="this.form.langpair.value=this.value" /></td> </tr></tbody></table></center></form></div><br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 04<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 04" border="0" height="62" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvxPe3XrwwdPCmqNpqPPkMtw2DQYSmKa0R9EbYX4uwRQhoWN7KfJHfRW4p9dkxHwxB4sLCVFTsUwrohMNNWhCFfkjEiHWjBrJUAK76UTZGkK6t9_VZDmd7bkHVLO5gEOr29bB07vDpEOyC/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+04.png" width="259" /></div><br />
<br />
<div class="code"><center><b>Google Translate</b></center><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }</style><center><a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://2.bp.blogspot.com/-LBd1ypE8JOY/Tvb8gDKM52I/AAAAAAAAAh0/jelMzYlgCig/s1600/arabic.gif" align="absBottom" border="0" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://2.bp.blogspot.com/-vn5pYYCgXJE/Tvb8laDGbXI/AAAAAAAAAig/8TT_o0LLrZA/s1600/korean.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://3.bp.blogspot.com/-h0ahP2ouIq0/Tvb8kCB39PI/AAAAAAAAAic/D4YE0MnD8ag/s1600/korea.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://3.bp.blogspot.com/-Bv19O98JgEQ/Tvb8mjsRAEI/AAAAAAAAAis/g2ImKciX-nQ/s1600/pinginbelajarchina.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://4.bp.blogspot.com/-nYPIZdA7xYw/Tvb8pJLVQwI/AAAAAAAAAjE/fM3yoNbo7e0/s1600/russian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://2.bp.blogspot.com/-d7eUmq5EoZ0/Tvb8oaMgYBI/AAAAAAAAAi4/ZQ7cK136ULg/s1600/portuguese.gif" align="absBottom" border="0" /></a> </center> <center><a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://2.bp.blogspot.com/-v3MDOLU-eyw/Tvb8h7ahzEI/AAAAAAAAAiE/H9Hf7gV7XPw/s1600/english.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://3.bp.blogspot.com/-9SLpHDntAN8/Tvb8ng1sHWI/AAAAAAAAAi0/cHi2whH_Y78/s1600/pinginbelajarfrance.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://3.bp.blogspot.com/-ZOAFEguhr-c/Tvb8imJEf0I/AAAAAAAAAiM/Ksy9nFFHiOM/s1600/german.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://4.bp.blogspot.com/-mqdJx7vj5ds/Tvb8qR4AFoI/AAAAAAAAAjM/uSw80yl7hJ0/s1600/spain.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://1.bp.blogspot.com/-E7wj8VKDYBY/Tvb8jc33l8I/AAAAAAAAAiQ/62Ow6YLZa9I/s1600/italian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://2.bp.blogspot.com/-y7ZdBeuouxI/Tvb8gzJuKoI/AAAAAAAAAh8/yo0CyckbeA0/s1600/dutch.gif" align="absBottom" border="0" /></a> </center></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 05<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 05" border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqTaxI1u_tOl0P3r_-kDpM43bWhrLQLlVHiXM-8KDd-9GayQy3-SIlWa7sGL4kLXZIvB7Cv_ZD7hRSuswVLRM4lTFjhgAaJXfQa6MPBsuxQo4RP8pkt1ZYxmu5m2DTbUnUOxFji3U7npX/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+05.png" width="178" /></div><br />
<br />
<div class="code"><center><b>Google Translate</b></center><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }</style> <center><a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://2.bp.blogspot.com/-LBd1ypE8JOY/Tvb8gDKM52I/AAAAAAAAAh0/jelMzYlgCig/s1600/arabic.gif" align="absBottom" border="0" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://2.bp.blogspot.com/-vn5pYYCgXJE/Tvb8laDGbXI/AAAAAAAAAig/8TT_o0LLrZA/s1600/korean.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://3.bp.blogspot.com/-h0ahP2ouIq0/Tvb8kCB39PI/AAAAAAAAAic/D4YE0MnD8ag/s1600/korea.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://3.bp.blogspot.com/-Bv19O98JgEQ/Tvb8mjsRAEI/AAAAAAAAAis/g2ImKciX-nQ/s1600/pinginbelajarchina.gif" align="absBottom" border="0" /></a></center> <center> <a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://4.bp.blogspot.com/-nYPIZdA7xYw/Tvb8pJLVQwI/AAAAAAAAAjE/fM3yoNbo7e0/s1600/russian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://2.bp.blogspot.com/-d7eUmq5EoZ0/Tvb8oaMgYBI/AAAAAAAAAi4/ZQ7cK136ULg/s1600/portuguese.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://2.bp.blogspot.com/-v3MDOLU-eyw/Tvb8h7ahzEI/AAAAAAAAAiE/H9Hf7gV7XPw/s1600/english.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://3.bp.blogspot.com/-9SLpHDntAN8/Tvb8ng1sHWI/AAAAAAAAAi0/cHi2whH_Y78/s1600/pinginbelajarfrance.gif" align="absBottom" border="0" /></a></center> <center> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://3.bp.blogspot.com/-ZOAFEguhr-c/Tvb8imJEf0I/AAAAAAAAAiM/Ksy9nFFHiOM/s1600/german.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://4.bp.blogspot.com/-mqdJx7vj5ds/Tvb8qR4AFoI/AAAAAAAAAjM/uSw80yl7hJ0/s1600/spain.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://1.bp.blogspot.com/-E7wj8VKDYBY/Tvb8jc33l8I/AAAAAAAAAiQ/62Ow6YLZa9I/s1600/italian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://2.bp.blogspot.com/-y7ZdBeuouxI/Tvb8gzJuKoI/AAAAAAAAAh8/yo0CyckbeA0/s1600/dutch.gif" align="absBottom" border="0" /></a> </center></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 06<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 06" border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVTOllQKrO6kaiTvjjHFC6ccS62rp06lWXJ_R_ZKWYgNrSaaTPahq5osb5BgksFgR7XFn6cuyJ50ngTHEEOrv_7hI_Zizl_HhrttlHd3dG2p_BXLEBIrofgZp3q0tdd6EOWghqWw33vYUE/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+06.png" width="114" /></div><br />
<br />
<div class="code"><center><b>Google Translate</b></center><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }</style><center><a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://2.bp.blogspot.com/-LBd1ypE8JOY/Tvb8gDKM52I/AAAAAAAAAh0/jelMzYlgCig/s1600/arabic.gif" align="absBottom" border="0" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://2.bp.blogspot.com/-vn5pYYCgXJE/Tvb8laDGbXI/AAAAAAAAAig/8TT_o0LLrZA/s1600/korean.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://3.bp.blogspot.com/-h0ahP2ouIq0/Tvb8kCB39PI/AAAAAAAAAic/D4YE0MnD8ag/s1600/korea.gif" align="absBottom" border="0" /></a></center> <center> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://3.bp.blogspot.com/-Bv19O98JgEQ/Tvb8mjsRAEI/AAAAAAAAAis/g2ImKciX-nQ/s1600/pinginbelajarchina.gif" align="absBottom" border="0" /></a><a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://4.bp.blogspot.com/-nYPIZdA7xYw/Tvb8pJLVQwI/AAAAAAAAAjE/fM3yoNbo7e0/s1600/russian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://2.bp.blogspot.com/-d7eUmq5EoZ0/Tvb8oaMgYBI/AAAAAAAAAi4/ZQ7cK136ULg/s1600/portuguese.gif" align="absBottom" border="0" /></a> </center> <center><a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://2.bp.blogspot.com/-v3MDOLU-eyw/Tvb8h7ahzEI/AAAAAAAAAiE/H9Hf7gV7XPw/s1600/english.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://3.bp.blogspot.com/-9SLpHDntAN8/Tvb8ng1sHWI/AAAAAAAAAi0/cHi2whH_Y78/s1600/pinginbelajarfrance.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://3.bp.blogspot.com/-ZOAFEguhr-c/Tvb8imJEf0I/AAAAAAAAAiM/Ksy9nFFHiOM/s1600/german.gif" align="absBottom" border="0" /></a></center> <center> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://4.bp.blogspot.com/-mqdJx7vj5ds/Tvb8qR4AFoI/AAAAAAAAAjM/uSw80yl7hJ0/s1600/spain.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://1.bp.blogspot.com/-E7wj8VKDYBY/Tvb8jc33l8I/AAAAAAAAAiQ/62Ow6YLZa9I/s1600/italian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://2.bp.blogspot.com/-y7ZdBeuouxI/Tvb8gzJuKoI/AAAAAAAAAh8/yo0CyckbeA0/s1600/dutch.gif" align="absBottom" border="0" /></a> </center></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 07<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 07" border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLt9KJ6sBZqP4rHYE4STnCXI-Drp4B0t021LQrxHJ3jFbHbdPyQuzxWFzyTGxElkXgAcSi7Mfa0ybdcq0iNV2DH6pBLKZlxA3r7h1GEJGTEmAxVFrT7ckSTWqSYk_uMJIRbdjV4A9pCZ_8/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+07.png" width="305" /></div><br />
<br />
<div class="code"><style type="text/css">.24work{padding:5px;}.24work input{padding:1px;margin-left:1px;border:1px solid #ccc;}.24work input:hover{border:1px solid #ff0000;}</style><div class="24work"><!--Google Flag Translator by 24work.blogspot.com--><form action="http://www.google.com/translate"><script language="JavaScript">document.write ("<input name=u value="+location.href+" type=hidden>")</script><noscript><a href="http://24work.blogspot.com/">Blogspot Tutorial</a></noscript><input value="en" name="hl" type="hidden"/><input value="UTF8" name="ie" type="hidden"/><input value="" name="langpair" type="hidden"/><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><input onclick="this.form.langpair.value=this.value" title="English" value="auto|en" type="image" height="20" src="http://www.google.com/images/flags/uk_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="auto|zh-CN" type="image" height="20" src="http://www.google.com/images/flags/cn_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Greek" value="auto|el" type="image" height="20" src="http://www.google.com/images/flags/gr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Hindu" value="auto|hi" type="image" height="20" src="http://www.google.com/images/flags/in_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="German" value="auto|de" type="image" height="20" src="http://www.google.com/images/flags/de_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Dutch" value="auto|nl" type="image" height="20" src="http://www.google.com/images/flags/nl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Russian" value="auto|ru" type="image" height="20" src="http://www.google.com/images/flags/ru_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="auto|bg" type="image" height="20" src="http://www.google.com/images/flags/bg_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Polish" value="auto|pl" type="image" height="20" src="http://www.google.com/images/flags/pl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Czech" value="auto|cs" type="image" height="20" src="http://www.google.com/images/flags/cz_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Croatian" value="auto|hr" type="image" height="20" src="http://www.google.com/images/flags/hr_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="French" value="auto|fr" type="image" height="20" src="http://www.google.com/images/flags/fr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Italian" value="auto|it" type="image" height="20" src="http://www.google.com/images/flags/it_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Portuguese" value="auto|pt" type="image" height="20" src="http://www.google.com/images/flags/pt_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Spanish" value="auto|es" type="image" height="20" src="http://www.google.com/images/flags/es_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Arabic" value="auto|ar" type="image" height="20" src="http://www.google.com/images/flags/sa_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Japanese" value="auto|ja" type="image" height="20" src="http://www.google.com/images/flags/ja_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Korean" value="auto|ko" type="image" height="20" src="http://www.google.com/images/flags/kr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Chinese (traditional)" value="auto|zh-TW" type="image" height="20" src="http://www.google.com/images/flags/tw_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Danish" value="auto|da" type="image" height="20" src="http://www.google.com/images/flags/dk_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Finnish" value="auto|fi" type="image" height="20" src="http://www.google.com/images/flags/fi_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Norwegian" value="auto|no" type="image" height="20" src="http://www.google.com/images/flags/no_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Swedish" value="auto|sv" type="image" height="20" src="http://www.google.com/images/flags/se_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Catalan" value="auto|ca" type="image" height="20" src="http://www.google.com/images/flags/cl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Filipino" value="auto|tl" type="image" height="20" src="http://www.google.com/images/flags/ph_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Hebrew" value="auto|iw" type="image" height="20" src="http://www.google.com/images/flags/il_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Indonesian" value="auto|id" type="image" height="20" src="http://www.google.com/images/flags/id_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Latvian" value="auto|lv" type="image" height="20" src="http://www.google.com/images/flags/lv_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Lithuanian" value="auto|lt" type="image" height="20" src="http://www.google.com/images/flags/lt_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Serbian" value="auto|sr" type="image" height="20" src="http://www.google.com/images/flags/rs_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Slovak" value="auto|sk" type="image" height="20" src="http://www.google.com/images/flags/sk_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Slovenian" value="auto|sl" type="image" height="20" src="http://www.google.com/images/flags/si_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Ukrainian" value="auto|uk" type="image" height="20" src="http://www.google.com/images/flags/ua_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Vietnamese" value="auto|vi" type="image" height="20" src="http://www.google.com/images/flags/vn_flag.gif" width="30" name="langpair2"/><br />
<div style="float: left;"><br />
<sup> Powered By </sup><img style="border:none;" alt="google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVxn-uSnMQDxHBoziSDZmVclgZuGFmJjGozfDCA6Sxx_aICraW0zMUfG1NnajD9BI6pKx8Q4V1x6zZd_p1f_9_YLDN3fQOMpSO1pNHC424gusY1k6S3to9hjJ4rUN08FTumAUzsZIKItLZ/s1600/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget"/><br />
</div></form><!--Google Flag Translator by 24work.blogspot.com--></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 08<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 08" border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAY0s-bOGemdEwN0CIIcZJg9jkOJqgeg_lv0Jsw-po2Yq40Hx4qAbb9nfu2rfcN585Z9ei3IifL0Vge6egug1d-eW8rfo3kTDnCUwp9scwexw2A_jfP7-1qOrr7VqRtQRUe87LaPYqO60b/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+08.png" width="283" /></div><br />
<br />
<div class="code"><style><br />
.google_translate img {<br />
filter:alpha(opacity=100);<br />
-moz-opacity: 1.0;<br />
opacity: 1.0;<br />
border:0;<br />
}<br />
.google_translate:hover img {<br />
filter:alpha(opacity=30);<br />
-moz-opacity: 0.30;<br />
opacity: 0.30;<br />
border:0;<br />
}<br />
.google_translatextra:hover img {<br />
filter:alpha(opacity=0.30);<br />
-moz-opacity: 0.30;<br />
opacity: 0.30;<br />
border:0;<br />
}<br />
</style><br />
<br />
<div><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://3.bp.blogspot.com/-HjE-dLlFtuA/TvcEaiFzSxI/AAAAAAAAAks/i0L8gCdGH40/s1600/United+Kingdom%2528Great+Britain%2529.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://1.bp.blogspot.com/-Zkg4sqrooqU/TvcETli6lyI/AAAAAAAAAjk/Ev3NMDXyI7M/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://2.bp.blogspot.com/-4MwFlbeShRE/TvcEUfFBLUI/AAAAAAAAAjs/NtoEOwfXGOs/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://4.bp.blogspot.com/-HKFlMqypR6A/TvcEZQc2UcI/AAAAAAAAAko/zsRkoF_hYT0/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://4.bp.blogspot.com/-nUXCUxtlIfo/TvcEVOAQyVI/AAAAAAAAAj0/8Xx6aPZjRfw/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://3.bp.blogspot.com/-SkuvjV5vVhc/TvcEWgNUNII/AAAAAAAAAkE/eWRmtmgIQls/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://4.bp.blogspot.com/-70H65sDGGDE/TvcEXau2YMI/AAAAAAAAAkQ/8Geb-nhqqK8/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://3.bp.blogspot.com/-w-4jJnHX74g/TvcESV0eXwI/AAAAAAAAAjY/IItiV50lGZs/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://1.bp.blogspot.com/-uzfpQUTEul4/TvcEVwVNjII/AAAAAAAAAj8/v-w7OyG4lyU/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://1.bp.blogspot.com/-H66Bjc802vM/TvcEY3EjCDI/AAAAAAAAAkc/veq7rxX0uw4/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://1.bp.blogspot.com/-eQZjN1y-Sbc/TvcEYEOt0MI/AAAAAAAAAkU/d3Zr9nTNQRA/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://2.bp.blogspot.com/-F_EaFtMPoCs/TvcETAdC3kI/AAAAAAAAAjg/GwMSWsT6Fpw/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a><div style="text-align:center;width:200px;height:20px;"> <small>↑ Google Translator</small></div></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 09<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 09" border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfXed13cGOrNjdDA15PF0y6oUwZA2sA8bUIRPWjFxj1OcSWYUHv8uFVaRGXXgdn5lG9HB6G_u_JnTy_C2LWJdY9wWfQ7WrYkSCNhQOwzmQaiw0YPdaQo4wQYdOqigX8YVP20eFd7oXOXT/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+09.png" width="200" /></div><br />
<br />
<div class="code"><div class='24work' style="padding: 3px 3px 3px 3px; text-align: center;"><br />
<br />
<div align="left"><br />
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Chinese (Simplified) " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en&ie=UTF8'); return false;"><img alt="Chinese" border="0" align="absbottom" title="Google-Translate-Chinese (Simplified) BETA" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwSPv5BUmlJ3aXi6PDWhKpJhD3DoO72-xVz8ZziMlJhjHRElciUzueiIKSz2aEb22ChbbUooiVFE6pcccPrTQ2u0EXWYD2_r0OcitQBmT0r6PnioKU4lPqz80SFZJNVN5ar2F93d1JtUAl/s1600/chineeseoq9.png" style="cursor: pointer;" width="24"/></a><br />
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to French " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en&ie=UTF8'); return false;"><img alt="French" border="0" align="absbottom" title="Google-Translate-English to French " height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4aelIwwyb4dKsbym8tM8TTgoa2syMdNXQ-XL1Z095Os42nOVrC4H6ae9cqbjWNWtNToYx9hk6WV1VErQ902WpbIUA0WL9eHfWg0agJqexINB9t_BXbfhCuzrH_RG9jt2cIS09jC1ry36u/s1600/frenchflagkf9.png" style="cursor: pointer;" width="24"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to German" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en&ie=UTF8'); return false;"><img alt="German" border="0" align="absbottom" title="Google-Translate-English to German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAgVajaWSz77ZIZixGACNNaFVow-19nliMipGy5QNW7WDlHNDagTLCqkWl16dE9p0NmxI6UK219V-ka5UodXpIIFYf8hOsyQc4NvhrM0RtXshtlBkHkI0hFzbRgeFkr2pmoNZg1RSl32q/s1600/germanke6.png" style="cursor: pointer;" width="24"/></a><br />
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Japanese BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en&ie=UTF8'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Google-Translate-English to Japanese BETA" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCwc2iRB2VPAgP26PrUN4Sf96C1JedRLSFyrNbGI2A6qVr7V6rn7-APCoAz8BEAzH3L2XLsu2AKdmRXnBpWHO1eKDfSuQv9cK4XY15DMgZzgIaM33d-KQl461n5vh7pEUQv-PoDVJ1Nsby/s1600/japaneseyq6.png" style="cursor: pointer;" width="24"/></a><br />
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Korean BETA" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en&ie=UTF8'); return false;"><img alt="Korean" border="0" align="absbottom" title="Google-Translate-English to Korean BETA" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnXRwGfubA2hHdMgHhk4F40tu5AH4sboU9TmnL8FaBiAi69VgcurJXNZFhyphenhyphenyIGBeGPVhGJRQb3QkdAZP7lFLyPQQioo9Jr5LlO_Ez31fc3k6NYeQV2IfxZgVwyHurv-_BonS9iuh1bhqT/s1600/koreanfa6.png" style="cursor: pointer;" width="24"/></a><br />
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Russian BETA " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en&ie=UTF8'); return false;"><img alt="Russian" border="0" align="absbottom" title="Google-Translate-English to Russian BETA " height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiud8EGmzHVW2f8PXtsuinKiNNHev4vtaK4Njr3N0GI1EvL5iSFlEBmLncd-z0tiNRK1r3IqmSOqtk5EguUzjCWXGQptBpX7XAGvbePCE9pyU7tkllua2oW5u1S11qeju2PT0cD4vVfZ4AZ/s1600/russianvr7.png" style="cursor: pointer;" width="24"/></a><br />
<a style="cursor: pointer;" target="_blank" rel="nofollow" title="Google-Translate-English to Spanish " onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en&ie=UTF8'); return false;"><img alt="Spanish" border="0" align="absbottom" title="Google-Translate-English to Spanish " height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpyf_YjvAZYbdu_ierMhuETdVaOBCYHQJkivWl3eoJePwEtlRZSLKWqjdx-np4v2YDGEPjWNFudsIVkvPQKnwDOF7CS-PHipyWVp0TAJbFfhzKTKUyvznY4EYDzkK_F8DRDniEscrusru4/s1600/spanishvq3.png" style="cursor: pointer;" width="24"/></a><br />
</div><br />
<div style="float: left;"><br />
<sup> Powered By </sup><img style="border:none;" alt="google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVxn-uSnMQDxHBoziSDZmVclgZuGFmJjGozfDCA6Sxx_aICraW0zMUfG1NnajD9BI6pKx8Q4V1x6zZd_p1f_9_YLDN3fQOMpSO1pNHC424gusY1k6S3to9hjJ4rUN08FTumAUzsZIKItLZ/s1600/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget"/> </div><br />
</div></div><br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 10<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 10" border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3zAw4nZbgFzZCZnGeub22y9AxRINv2iHHcEkMY3dMTXZTR6XqEpGm_NG36xAkAkkGhtK7N5FqX_rWgU8xtS7ECKirvbwytbCwFLkaXwjkQmHuCxU8gwoKtQYCFUlhcUdc1_G1mfZtPFys/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+10.png" width="208" /></div><br />
<br />
<div class="code"><style type="text/css">.flag{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;border:none;}.flag:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}</style><br />
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;"><div style="text-align:center;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXwud7-4OCHv4rcyPGgYB81P31KdfuykXkoD-Iu0zpn_bqP-3r3UIPKFf3_D1KVbbD4qNT1iOuqtKItQSV0h73Bf91deUFZTL56dBhtw6kBYz8-wS9r-z93PGQM2xjSMsrXqM22TpqPCin/s1600/google_t-bg_green-200.gif); height:68px;width:200px;"><br />
<br />
<div align="center" style="padding:11px 0px 0px 0px;"><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19"/></a><br />
</div></div></div></div><br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 11<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 11" border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJlKDUpM-Bj7hvCPmmbDw3zxb_YYlXtBJUdwflWqn33suV8g8UmFHLp7TxMDk-2si8GZhTFOX9mJkRWbHpuFc739BlsjTCsntUN60xllQEFE8TDILLb9RcFqsqYaGevk9SpbWXZmzshCT/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+11.png" width="204" /></div><br />
<br />
<div class="code"><style type="text/css">.flag{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;border:none;}.flag:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}</style><br />
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;"><div style="text-align:center;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbrTAzWZgx2pZ6UpUC29tg6HrVb5DUqmyZn4B94ZFIMYRuOntgTAmA4Qc24tqNIR2Z1yOQ3xc3ddeIzmixyNNwMsunmmsnMAbU2xWGT_tx7JOX5Y4NqrsDRfixLti-HOK1Di1hvcIfrN9U/s1600/google_t-bg_yellow-200.gif); height:68px;width:200px;"><br />
<br />
<div align="center" style="padding:11px 0px 0px 0px;"><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19"/></a><br />
</div></div></div></div><br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 12<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 12" border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWH-j-5k3CiaxMxmXJpTDLv3vTslZTjaEEHgLYXG_8New26L3fGOpGP5ROohMnI5-vvBwy2XvFb6enuAI0c44n3t2VQXnj6347llTU1y9YgXke72fV5SpDzh2x4OnshGuxMmduYnaGQGIi/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+12.png" width="207" /></div><br />
<br />
<div class="code"><style type="text/css">.flag{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;border:none;}.flag:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}</style><br />
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;"><div style="text-align:center;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyg4wZnWuEQNXHl2R_IcYmLkl_Vlx6sIVuW-3hlAf9HoeWFJGeyhWFwpLvhHBUqTvWyJbiy07oC0SLG-TJfMpiOGbLQKSNpGLC24SyzwESJxkKHFMn62Jg_kGyOBu3EQzZ5gsVTdmDG4uq/s1600/google_t-bg_black-200.gif); height:68px;width:200px;"><br />
<br />
<div align="center" style="padding:11px 0px 0px 0px;"><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19"/></a><br />
<br />
</div></div></div></div><br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 13<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 13" border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzc5w5W_Dj7lhIMtzLLMh6mNO-BdIMisru9bydC9VgaSRd0M2vwtYo60jTCcazxeSf9BpaqC_CanynL5cpwt3X1bSBmeYcRjMedLAsKHHDmLHrSCxAXBH-EwM3KDpQV3pzLyRfS6LhpByF/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+13.png" width="208" /></div><br />
<br />
<div class="code"><style type="text/css">.flag{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;border:none;}.flag:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}</style><br />
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;"><div style="text-align:center;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheD34ZH4m9_ANGrkFy1QwSNTehLr8-yEdf2Um3WL5E1c_gH4Gxa6LDsANsX8JP7G6Ol8E-85RTiLKT3ODIcTjcHjVxWA-9h5PlrTP_BX6xB5U7bpFnvR-PC9fqcArhh-umtIjT2aFNcizR/s1600/google_t-bg_white-200.gif); height:68px;width:200px;"><br />
<br />
<div align="center" style="padding:11px 0px 0px 0px;"><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19"/></a><br />
</div></div></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 14<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 14" border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkVzLBWJ5_G3TixnVT5VHbL223rWnApidp0sz8kbQld6VK1nVJgStTKI2CxPYStCezHQqXEi2xPHoRddPh4YUQTM4kP9OzTcSg9-TvV2FN1s-9tboP2CUDJtL-IJ3zXesBMAM2SML2EGpx/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+14.png" width="207" /></div><br />
<br />
<div class="code"><style type="text/css">.flag{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;border:none;}.flag:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}</style><br />
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;"><div style="text-align:center;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir97PmdSfICM4iuGPaJi6YGtrE-EZJyeeIZ3T_CQmO_6F7eukldXFzwl4eqMLoK0sHTIw9_NY7uW5PM6Bvi7uhg_C0ZtUGVgm2f_jdeT5b2XHJwmBxQ-xqRRvcg0bO46PDkZGU9PYinHbB/s1600/google_t-bg_pink-200.gif); height:68px;width:200px;"><br />
<br />
<div align="center" style="padding:11px 0px 0px 0px;"><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19"/></a><br />
</div></div></div></div><br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 15<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 15" border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTricHbra50SsSAcgh9BQhB8om99_yCm1D9bSiYLKv5wsn7fuWJPETzYLrXozUB4YnRcP2TDRysEDps6rIeM_zdUnriE6Xx6BiNGq4gi4tM8DL1g2Z2kMeCd9QNbbnuCR8y-s_wSpk_fWN/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+15.png" width="206" /></div><br />
<br />
<div class="code"><style type="text/css">.flag{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;border:none;}.flag:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}</style><br />
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;"><div style="text-align:center;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEnwZGTzI9UgD4HYFBD2uAy7bm3MDGK2HJ6xrdgnB9Plxt0M5ZPW123sDpTYiqaRv3Psgu-zjjQB-AArlCrdzws1ZFxWlZNR2cNXt3A19MMt2FvV9pmmNOXsLxhahbnFSH4Ux7eTNQvSgV/s1600/google_t-bg_blue-200.gif); height:68px;width:200px;"><br />
<br />
<div align="center" style="padding:11px 0px 0px 0px;"><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19"/></a><br />
</div></div></div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 16<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 16" border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb1aiM-eBEOtqJYOG8ONYpctosKp8voipZ2x19kRMgzuCkEbFav8GeFmkMvTs2y6ASJCxDgkw7ZvwoSg5r77uJnFsfsqNHLLIWLLjqAkHsm4yF07f2pKjwge6825srLuXCQJDmJAgquMGD/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+16.png" width="205" /></div><br />
<br />
<div class="code"><style type="text/css">.flag{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;border:none;}.flag:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}</style><br />
<div align="center" style="width:auto; border: solid 3px #F0F0F0; padding:20px 0px 0px 0px; margin:5px 0 5px 0;min-width:210px;"><div style="text-align:center;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohMxS91Jb80W_d2jIDyY4J53aNFgOCtTlqsP-XbdO7Um1cEyOZ0PUyy_RLqA-6A6YA6X-z2txU86YjL63blY-sNvYJXBrweUX8nAqtI0eEnL_K8N6xm9LYZaVZiJ_Fe2nRsoR5TBUOQuS/s1600/google_t-bg_purpl-200.gif); height:68px;width:200px;"><br />
<br />
<div align="center" style="padding:11px 0px 0px 0px;"><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en&ie=UTF8'); return false;" title="English to Chinese (Simplified)"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en&ie=UTF8'); return false;" title="English to French"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en&ie=UTF8'); return false;" title="English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en&ie=UTF8'); return false;" title="English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en&ie=UTF8'); return false;" title="English to Japanese"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en&ie=UTF8'); return false;" title="English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en&ie=UTF8'); return false;" title="English to Russian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19"/></a><br />
<a class="flag" target="_blank" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en&ie=UTF8'); return false;" title="English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19"/></a><br />
</div></div></div></div><br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 17<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 17" border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0IiUk89suUWz06hX5NAOHTBWmypRAfXpMLOqvoLgeZvNuKDJb2KLKC621dFP0vEpsKvYOy3qT90mplPV6zJg8zgFB79NvvQWzSBEdL7LetLpSvAkHulF0jkPlixGsTUkT5BLmxNV84IpL/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+17.png" width="132" /></div><br />
<br />
<div class="code"><div style="border:0px dotted #ccc;padding:3px 3px 3px 0px;background-color:none;margin:7px 0 7px 0;"><br />
<br />
<!---GOOGLE TRANSLATE MINI FLAGS---><br />
<div align="left"><br />
<!-- Add English to Chinese (Simplified) BETA --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19" title="Google-Translate-Chinese (Simplified) BETA"/> Chinese</a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<!-- END English to Chinese (Simplified) BETA--><br />
<br/><br />
<!-- Add English to French --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19" title="Google-Translate-English to French "/> French</a><br />
<!-- END English to French --><br />
<br/><br />
<!-- Add English to German --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19" title="Google-Translate-English to German"/> German</a><br />
<!-- END English to German --><br />
<br/><br />
<!-- Add English to Italian --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19" title="Google-Translate-English to Italian"/> Italian</a><br />
<!-- END English to Italian --><br />
<br/><br />
<!-- Add English to Japanese BETA --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19" title="Google-Translate-English to Japanese BETA"/> Japanese</a><br />
<!-- END English to Japanese BETA --><br />
<br/><br />
<!-- Add English to Korean BETA --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19" title="Google-Translate-English to Korean BETA"/> Korean</a><br />
<!-- END English to Korean BETA --><br />
<br/><br />
<!-- Add English to Russian BETA --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19" title="Google-Translate-English to Russian BETA "/> Russian</a><br />
<!-- END English to Russian BETA --><br />
<br/><br />
<!-- Add English to Spanish --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" align="absbottom" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19" title="Google-Translate-English to Spanish "/> Spanish</a><br />
<!-- END English to Spanish --><br />
</div><br />
<div style="float: left;"><br />
<sup> Powered By </sup><img style="border:none;" alt="google" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVxn-uSnMQDxHBoziSDZmVclgZuGFmJjGozfDCA6Sxx_aICraW0zMUfG1NnajD9BI6pKx8Q4V1x6zZd_p1f_9_YLDN3fQOMpSO1pNHC424gusY1k6S3to9hjJ4rUN08FTumAUzsZIKItLZ/s1600/googlelogode0kn0.png" class="gsc-branding-img-noclear" title="Google Translation Widget"/> </div><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 18<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 18" border="0" height="49" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1p_63R-Lc_bYEI8J2Rx7zqZ2k27h3y7q6wGbFC0V-TWhZhypIfNAuusk3q9KVZ6CORWiywIAjERGCJA3gaQF4cMFT38OaD3XP3V9MYL6G6fuAot9A_3neQzdAXnMXSL2rZdVzel53gJZ9/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+18.png" width="188" /></div><br />
<br />
<div class="code"><div style="border:0px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:none;min-width:235px; margin: 5px 0 5px 0;"><br />
<br />
<!--GOOGLE TRANSLATE MINI FLAGS--><br />
<div align="center" style="width:auto;"><br />
<br />
<!-- Add English to Chinese (Simplified) BETA --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19" title="Google-Translate-Chinese (Simplified) BETA"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<!-- END English to Chinese (Simplified) BETA--><br />
<!-- Add English to French --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19" title="Google-Translate-English to French "/></a><br />
<!-- END English to French --><br />
<!-- Add English to German --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19" title="Google-Translate-English to German"/></a><br />
<!-- END English to German --><br />
<!-- Add English to Italian --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19" title="Google-Translate-English to Italian"/></a><br />
<!-- END English to Italian --><br />
<!-- Add English to Japanese BETA --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19" title="Google-Translate-English to Japanese BETA"/></a><br />
<!-- END English to Japanese BETA --><br />
<!-- Add English to Korean BETA --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19" title="Google-Translate-English to Korean BETA"/></a><br />
<!-- END English to Korean BETA --><br />
<!-- Add English to Russian BETA --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19" title="Google-Translate-English to Russian BETA "/></a><br />
<!-- END English to Russian BETA --><br />
<!-- Add English to Spanish --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19" title="Google-Translate-English to Spanish "/></a><br />
<!-- END English to Spanish --><br />
</div><br />
<small>↑ Google Translation </small><br/><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 19<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 19" border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTkhGMQ_IOQGvC8gNF0nJlY59nH3zqP1-RRyWjZ7ctwck-1ql-cz29p_C_MtXFEpxPx4rN0rPu7m-mTMi8-lPhNlWNohJO9BvKY-pSo5e7E2iNwXrrl9dpbKW0HuT0tOjiyOcP0FkxUg5T/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+19.png" width="125" /></div><br />
<br />
<div class="code"><div style="border:0px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-color:none;min-width:180px; margin: 5px 0 5px 0;"><br />
<!--GOOGLE TRANSLATE MINI FLAGS--><br />
<div align="center" style="width:auto;"><br />
<!-- Add English to Chinese (Simplified) BETA --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="19" title="Google-Translate-Chinese (Simplified) BETA"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<!-- END English to Chinese (Simplified) BETA--><br />
<!-- Add English to French --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="19" title="Google-Translate-English to French "/></a><br />
<!-- END English to French --><br />
<!-- Add English to German --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="19" title="Google-Translate-English to German"/></a><br />
<!-- END English to German --><br />
<!-- Add English to Italian --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="19" title="Google-Translate-English to Italian"/></a><!--END English to Italian--><br/><!--Add English to Japanese BETA--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="19" title="Google-Translate-English to Japanese BETA"/></a><br />
<!-- END English to Japanese BETA --><br />
<!-- Add English to Korean BETA --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="19" title="Google-Translate-English to Korean BETA"/></a><br />
<!-- END English to Korean BETA --><br />
<!-- Add English to Russian BETA --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="19" title="Google-Translate-English to Russian BETA "/></a><br />
<!-- END English to Russian BETA --><br />
<!-- Add English to Spanish --><br />
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="19" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="19" title="Google-Translate-English to Spanish "/></a><br />
<!-- END English to Spanish --><br />
</div><br />
<small>↑ Google Translation </small><br/><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 20<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 20" border="0" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvc5SNP-57ubksba2ftfLlLwuTQi0j6_4xRG8dm0ZX4rCuDDwpb3fv_yo1HjomFx7EB6KYT5jTKkG1F0S4kVRFY7vKSQJDRPZn-FmCyOILftw7KFT-NfwdNyeggkChA9wyGiKiG9aqevdS/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+20.png" width="168" /></div><br />
<br />
<div class="code"><div id="google_translate_element"></div><script><br />
function googleTranslateElementInit() {<br />
new google.translate.TranslateElement({<br />
pageLanguage: 'en'<br />
}, 'google_translate_element');<br />
}<br />
</script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 21<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 21" border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6rxgJvBhyNdku4rAcC-zfZGPjrjFX0LSQ21xOwQZBjJegvCYMJqbRob6G77Ua0nxlpBKXUUapbgOZhyarN5WEJPL8OePBlWo53eCiSaBGPIqFrFnrKq-aL73smdw-oZJLFv3t9ATv-7Yw/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+21.png" width="301" /></div><br />
<br />
<div class="code"><style type="text/css"><!-- If you're getting validation error, put this style sheet to head --><br />
.trans-flags{margin: auto; width:auto; text-align: center;}<br />
div.attribution {font-size:8px;text-align: center; width: auto;}<br />
img.flag {cursor: pointer; height: 24px; width: 24px; border: 0;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}<br />
img.flag:hover {-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}<br />
</style><br />
<br />
<div class='trans-flags'><a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=zh-CN&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#20013;&#25991;(&#31616;&#20307;)" src="http://4.bp.blogspot.com/-3N4Xebjo0Zk/TvcPwx2HLAI/AAAAAAAAAoQ/my_Fipo24po/s1600/China.png" title="&#20013;&#25991;(&#31616;&#20307;)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=pt&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Português" src="http://2.bp.blogspot.com/-5FTRgZPv_ro/TvcPwb0ikpI/AAAAAAAAAoM/8s-GCOB6Olw/s1600/Brazil.png" title="Português" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=en&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="English (US)" src="http://3.bp.blogspot.com/-pGlO6LrJ4Yc/TvcSoD29gtI/AAAAAAAAApY/4gG-X6PZBMs/s1600/United+States+of+America%2528USA%2529.png" title="English (US)" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=fr&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Français" src="http://4.bp.blogspot.com/-fU_0k4zmmCo/TvcPxbH2crI/AAAAAAAAAoY/bCHGVKlcgOo/s1600/France.png" title="Français" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=de&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Deutsch" src="http://1.bp.blogspot.com/-OqVGXmqoiO0/TvcPxxMDScI/AAAAAAAAAoc/iWozawb8caw/s1600/Germany.png" title="Deutsch" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=it&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Italiano" src="http://4.bp.blogspot.com/-eCPMVcHhhyM/TvcPyUCyM3I/AAAAAAAAAoo/B7pd3S4mDRQ/s1600/Italy.png" title="Italiano" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ja&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#26085;&#26412;&#35486;" src="http://4.bp.blogspot.com/-8U6PhkiF1L4/TvcPy5bgp9I/AAAAAAAAAos/LRmEIXJWw4M/s1600/japan.png" title="&#26085;&#26412;&#35486;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ko&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#54620;&#44397;&#50612;" src="http://2.bp.blogspot.com/-qCOwb9VBZRc/TvcPzq1GeII/AAAAAAAAAo4/Pj3-qTDMX0M/s1600/South+Korea.png" title="&#54620;&#44397;&#50612;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=ru&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" src="http://3.bp.blogspot.com/-pI4FBUDxqsE/TvcPzDL_gZI/AAAAAAAAAo0/mRRpNxG153o/s1600/Russian+Federation.png" title="&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;" /></a> <a rel="nofollow" onclick="window.open('http://www.google.com/translate?hl='+'en&amp;sl=auto&amp;tl=es&amp;u='+encodeURIComponent(location.href)); return false;"><img class="flag" alt="Español" src="http://2.bp.blogspot.com/-Mz_71n-18yY/TvcP0I8U0yI/AAAAAAAAApA/b7l-xHkQ4KA/s1600/Spain.png" title="Español" /></a></div><br />
<div style="text-align:center;width:200px;height:20px;"> <small>↑ Google Translate™</small><br />
</div></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Google Flag Translate Widget For Blogger / Blogspot 22<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Google Flag Translate Widget For Blogger Blogspot 22" border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJsUr6KzHnfyGBkNL6Gn6g61t_ykSCiJ46FDIdUYB3eVBKSIUZ_U3b6u3LuQ28UG1x7Bnep-5lTctQnoz9lnqGbURBBCYd1KoA-6yk3nF60uuXW7n6PbAtQl-qTIJvt2fYmP2EClYeiot0/s1600/Google+Flag+Translate+Widget+For+Blogger+Blogspot+22.png" width="142" /></div><br />
<br />
<div class="code"><div style="border:1px dotted #ccc;padding:10px 3px 3px 10px;background-color:none;margin:7px 0 7px 0;"><br />
<br />
<!---GOOGLE TRANSLATE MINI FLAGS---><br />
<div align="left"><br />
<!-- Add English to Chinese (Simplified) BETA --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-Chinese (Simplified) BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGmyze2j82f56IGZJ1NSYOOTTYmK8MYlh9TyWjvAjkLsKSVbQADMIcmcXUgNvspSBw4gU4npCGhLsUnNqXOs32r18LC7KkQkgi-W59Utc366m6wbNhaeViaEGd-W08oagnm1WY-9kpaaZ/s1600/1_chinese_s.png" height="24" title="Google-Translate-Chinese (Simplified) BETA"/> Chinese</a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng1" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><br />
<!-- END English to Chinese (Simplified) BETA--><br />
<br/><br />
<!-- Add English to French --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to French " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKsDr8UZgye3I24MVu2EwuYfl1G_XMa8D5aKeGnSxXG8QdqDjuaO9QHhgI8UW2qr4BonPllJYhcx2yeM0jU8SoZyvJ_Qw9c56nyD3kdS0fVSPop2Gg_2XVE81nuLpbOdWB7i39IfqFbNi/s1600/2_french_s.png" height="24" title="Google-Translate-English to French "/> French</a><br />
<!-- END English to French --><br />
<br/><br />
<!-- Add English to German --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to German" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD40g4X11lKWhGyut6-Juxl9DqQJ-iGsmeZDQma3f7WdWWH41kd8WG_6BKGRPk51_T_m42vkdy1K4fpo7pvH-LwXcR-XbA36fkjGHVr9pLE4i-JdwyODbWqwNxXyuidIbziNbsTrclQEsW/s1600/3_german_s.png" height="24" title="Google-Translate-English to German"/> German</a><br />
<!-- END English to German --><br />
<br/><br />
<!-- Add English to Italian --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Italian" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNYeMoZ4gZVZ5yQhG26rW6d2xw8QEtSOyjNxhIRUet-YjecMESS7zgZHyvQQlql1smrOoiuDdZ1X3CGhsfJmWZduDYOl34nRv5J5Damilqh1x3vk75Ao5CXv_OusPJIYWi_E81J-6cykq/s1600/4_italian_s.png" height="24" title="Google-Translate-English to Italian"/> Italian</a><br />
<!-- END English to Italian --><br />
<br/><br />
<!-- Add English to Japanese BETA --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Japanese BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZXArmJlS_r4r7Lw0EZaexY0tA0zuBY5ZrSXwv1Cp_vtcGU1Vq-iRUG91Ee8CdEAXvBiyqdI3k5ZFfqoSQ4lOGFQx59vnwewjTYgaFwUDShNukkGNP98NzIiF_TbUKwUnEbzFw4ZjF4tS/s1600/5_japanese_s.png" height="24" title="Google-Translate-English to Japanese BETA"/> Japanese</a><br />
<!-- END English to Japanese BETA --><br />
<br/><br />
<!-- Add English to Korean BETA --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Korean BETA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQI46QMaDuYCjDI9UlFG2UTR1yhzygTCEOt8qBFx63DQwY8ce1tSZRGxSfLOiSot7zruI34_1zRx7fP9iT1Ze_XVHTmypU-r_I_g6KFXc3etyDEojZUrMrqTDnwlxKVj20akIYsJu85tN/s1600/6_korean_s.png" height="24" title="Google-Translate-English to Korean BETA"/> Korean</a><br />
<!-- END English to Korean BETA --><br />
<br/><br />
<!-- Add English to Russian BETA --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Russian BETA " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsCP7r2pA11cMw9jt2GsQm-oir1hTOaLDiGpKEEFWK_WxK8lP2KKniZli7NhjR7iLNVdLjHFDlB0NS17ockM3s8KqVDRhLYU_R1Hvt9sVcYm0Wu0_67KauLL8xJ4ZC0oPCEpIzJrMBmce/s1600/7_russian_s.png" height="24" title="Google-Translate-English to Russian BETA "/> Russian</a><br />
<!-- END English to Russian BETA --><br />
<br/><br />
<!-- Add English to Spanish --><br />
<a target="_blank" rel="nofollow" style="cursor:pointer; cursor:hand;" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8'); return false;" title="Google-Translate-English to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" align="absbottom" alt="Google-Translate-English to Spanish " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUegTIZOFe71lQOIROo-M7tkT7qtEcL-oG5fGbmA6eiZXL7wFWW1b8kZ4SliBGUYWIZSj4j2hFHDkJLxhyJyXV4XL5Z5kKQnWRdtbhRywp1V6BLjlLUdQPxL7AYA4Pf4023aFRqFWZFrCS/s1600/8_spanish_s.png" height="24" title="Google-Translate-English to Spanish "/> Spanish</a><br />
<!-- END English to Spanish --><br />
</div><br />
<small>↑ Google Translation™ </small><br/><br />
</div></div><br />
<br />
<br />
<br />
<b><span style="color: red; font-size: large;">Google translator bar language code</span></b><br />
<table align="center" border="0" cellpadding="2" cellspacing="0" style="background-color: #eeffdd; font-size: 0.9em; margin-bottom: 15px; margin-top: 15px; width: 391px;"><tbody>
<tr style="background-color: #cceebb;"> <td align="center" width="86">Language name</td> <td align="center" width="50">Code</td> <td align="center" width="88">Language name</td> <td align="center" width="36">Code</td> <td align="center" width="88">Language name</td> <td align="center" width="41">Code</td> </tr>
<tr> <td valign="top" width="86">Albanian</td> <td valign="top" width="50">sq</td> <td valign="top" width="88">Hungarian</td> <td valign="top" width="36">hu</td> <td valign="top" width="88">Turkish</td> <td valign="top" width="41">tr</td> </tr>
<tr> <td valign="top" width="86">Arabic</td> <td valign="top" width="50">ar</td> <td valign="top" width="88">Indonesian</td> <td valign="top" width="36">id</td> <td valign="top" width="88">Ukrainian</td> <td valign="top" width="41">uk</td> </tr>
<tr> <td valign="top" width="86">Bulgarian</td> <td valign="top" width="50">bg</td> <td valign="top" width="88">Italian</td> <td valign="top" width="36">it</td> <td valign="top" width="88">Vietnamese</td> <td valign="top" width="41">vi</td> </tr>
<tr> <td valign="top" width="86">Catalan</td> <td valign="top" width="50">ca</td> <td valign="top" width="88">Japanese</td> <td valign="top" width="36">ja</td> <td valign="top" width="88">Afrikaans</td> <td valign="top" width="41">af</td> </tr>
<tr> <td valign="top" width="86">Chinese (Simplified)</td> <td valign="top" width="50">zh-CN</td> <td valign="top" width="88">Korean</td> <td valign="top" width="36">ko</td> <td valign="top" width="88">Belarusian</td> <td valign="top" width="41">be</td> </tr>
<tr> <td valign="top" width="86">Chinese (Traditional)</td> <td valign="top" width="50">zh-TW</td> <td valign="top" width="88">Latvian</td> <td valign="top" width="36">lv</td> <td valign="top" width="88">Icelandic</td> <td valign="top" width="41">is</td> </tr>
<tr> <td valign="top" width="86">Croatian</td> <td valign="top" width="50">hr</td> <td valign="top" width="88">Lithuanian</td> <td valign="top" width="36">lt</td> <td valign="top" width="88">Irish</td> <td valign="top" width="41">ga</td> </tr>
<tr> <td valign="top" width="86">Czech</td> <td valign="top" width="50">cs</td> <td valign="top" width="88">Maltese</td> <td valign="top" width="36">mt</td> <td valign="top" width="88">Macedonian</td> <td valign="top" width="41">mk</td> </tr>
<tr> <td valign="top" width="86">Danish</td> <td valign="top" width="50">da</td> <td valign="top" width="88">Norwegian</td> <td valign="top" width="36">no</td> <td valign="top" width="88">Malay</td> <td valign="top" width="41">ms</td> </tr>
<tr> <td valign="top" width="86">Dutch</td> <td valign="top" width="50">nl</td> <td valign="top" width="88">Persian</td> <td valign="top" width="36">fa</td> <td valign="top" width="88">Swahili</td> <td valign="top" width="41">sw</td> </tr>
<tr> <td valign="top" width="86">English</td> <td valign="top" width="50">en</td> <td valign="top" width="88">Polish</td> <td valign="top" width="36">pl</td> <td valign="top" width="88">Welsh</td> <td valign="top" width="41">cy</td> </tr>
<tr> <td valign="top" width="86">Estonian</td> <td valign="top" width="50">et</td> <td valign="top" width="88">Portuguese</td> <td valign="top" width="36">pt</td> <td valign="top" width="88">Yiddish</td> <td valign="top" width="41">yi</td> </tr>
<tr> <td valign="top" width="86">Filipino</td> <td valign="top" width="50">tl</td> <td valign="top" width="88">Romanian</td> <td valign="top" width="36">ro</td> <td valign="top" width="88">Afrikaans</td> <td valign="top" width="41">af</td> </tr>
<tr> <td valign="top" width="86">Finnish</td> <td valign="top" width="50">fi</td> <td valign="top" width="88">Russian</td> <td valign="top" width="36">ru</td> <td valign="top" width="88">Belarusian</td> <td valign="top" width="41">be</td> </tr>
<tr> <td valign="top" width="86">French</td> <td valign="top" width="50">fr</td> <td valign="top" width="88">Serbian</td> <td valign="top" width="36">sr</td> <td valign="top" width="88">Icelandic</td> <td valign="top" width="41">is</td> </tr>
<tr> <td valign="top" width="86">Galician</td> <td valign="top" width="50">gl</td> <td valign="top" width="88">Slovak</td> <td valign="top" width="36">sk</td> <td valign="top" width="88">Zulu</td> <td valign="top" width="41">zu</td> </tr>
<tr> <td valign="top" width="86">German</td> <td valign="top" width="50">de</td> <td valign="top" width="88">Slovenian</td> <td valign="top" width="36">sl</td> <td valign="top" width="88"><span style="font-size: small;">Bengali</span></td> <td valign="top" width="41">bn</td> </tr>
<tr> <td valign="top" width="86">Greek</td> <td valign="top" width="50">el</td> <td valign="top" width="88">Spanish</td> <td valign="top" width="36">es</td> <td valign="top" width="88"></td> <td valign="top" width="41"></td> </tr>
<tr> <td valign="top" width="86">Hebrew</td> <td valign="top" width="50">iw</td> <td valign="top" width="88">Swedish</td> <td valign="top" width="36">sv</td> <td valign="top" width="88"></td> <td valign="top" width="41"></td> </tr>
<tr> <td valign="top" width="86">Hindi</td> <td valign="top" width="50">hi</td> <td valign="top" width="88">Thai</td> <td valign="top" width="36">th</td> <td valign="top" width="88"></td> <td valign="top" width="41"></td> </tr>
</tbody></table><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com40tag:blogger.com,1999:blog-8145265743082971695.post-56768679295046039032015-10-21T05:43:00.000-07:002015-12-05T07:45:51.854-08:00Recommended Post Slider Widget for Blogger with Twitter / Facebook share button<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
In this post I have an awesome new gadget that can be seen Wordpress blogs is now available for Blogger.Recommended post slider in each post is interesting widget.Those of you who follow some Wordpress blogs have seen the recommended or related posts slider.You may have seen this type of widget in many popular websites like The New York Times, Mashable, Times of India, etc.The widget is originally developed by bloggerplugins, i just changed something in the widget.It keeps readers to read more pages of your blog.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/sRXEDB" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="http://3.bp.blogspot.com/-yl672FKZGpY/TvxkODsmYLI/AAAAAAAAAwI/dmcccSLxOm0/s1600/Recommended+Post+Slider+Widget+for+Blogger-1.gif" width="400" /></a></div>
<br />
<br />
<a name='more'></a><br />
<b>How to Install Recommended Post Slider Widget for Blogger with Facebook,Twitter share button</b><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. So, let's see how to install this cool widget in your blog..<br />
<br />
Step 1:<br />
<br />
If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/sRXEDB" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w6PumB0eWv8s82URejJC8MIvGa-xvXKIEyoS849naAbWcGehaelarZazOYPilANEsAGdTKAWVkarVA9CGJKNQC1M-5Ol-qL5TxXbOTszvRFF5WzMQ83Mko3RA4XukST-A7rmozw2-WPi/s1600/Design-PageElement.png" width="320" /></a></div>
Add a Gadget of HTML/JavaScript type.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/sRXEDB" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRETEQ8f1h5FtBXzW7DJwZY0YfavhmlME_yQ6ucgABakXe61MWXl6z1pwEjp6oU9O249GUnWv2EWCKjpkWkyjBlmIhgQPqW87XfHxnuRxk058AdfHvX8bGoE4Rv2nCkpXbSMyQsVpjLrn5/s1600/Image+2.png" /></a></div>
If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/sRXEDB" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ4qedV0AjGyRig7Gyl86m_Ysr7sTybDTnGRLN5r1Yuvkq5kwRCG_1ZwsANoDVLbXTaaRwr_j1rD3CjSgTIH-WWL-jChcIsCmW_iV7yoG9VnKAOdM-tOPYhUT6SSoBANpDUjDyqeI2CIDo/s1600/Add+a+Gadget.jpg" width="320" /></a></div>
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 />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="https://bitly.com/24workpng1" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style type="text/css">#recslide{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:3px solid #000;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-6px -5px 5px #aaa; font-family:Arial, Helvetica, sans-serif;}#recslide p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#000; font-weight: bold;}#recslide_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}#recslide a,#recslide a:hover,#recslide_title{text-decoration:none;color:#FE3F10; padding: 5px 5px 5px 2px;}#recslide .close,#recslide .expand,#recslide .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}#recslide .help{right:35px;}#recslide_image{float:left;width:80px;}#recslide_title{width:287px;height:30px;overflow:hidden;}</style><div id="recslide" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p><div id="recslide_image"></div><div id="recslide_title">Loading..</div><center><div id="share_box">loading</div></center></div><script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bts_onload_queue=='undefined')var bts_onload_queue=[];if(typeof bts_dom_loaded=='boolean')bts_dom_loaded=false;else var bts_dom_loaded=false;if(typeof bts_async_loader!='function'){function bts_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bts_dom_loaded){newcallback()}else bts_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bts_domLoaded!='function')function bts_domLoaded(callback){bts_dom_loaded=true;var len=bts_onload_queue.length;for(var i=0;i<len;i++){bts_onload_queue[i]()}}bts_domLoaded();bts_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bts_async_loader("http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recommended/recommended-Slide-v1.0.js",function(){},"bts-out-slide")},"jQueryjs")}</script></div>
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="https://www.blogger.com/add-widget" method="post" target="_blank">
<textarea name="widget.content" style="display: none;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="https://bitly.com/24workpng1" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style type="text/css">#recslide{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:3px solid #000;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-6px -5px 5px #aaa; font-family:Arial, Helvetica, sans-serif;}#recslide p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#000; font-weight: bold;}#recslide_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}#recslide a,#recslide a:hover,#recslide_title{text-decoration:none;color:#FE3F10; padding: 5px 5px 5px 2px;}#recslide .close,#recslide .expand,#recslide .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}#recslide .help{right:35px;}#recslide_image{float:left;width:80px;}#recslide_title{width:287px;height:30px;overflow:hidden;}</style><div id="recslide" style="display:none;">
<div class="help">
?</div>
<div class="expand">
+</div>
<div class="close">
X</div>
<p>
Recommended for you</p>
<div id="recslide_image">
</div>
<div id="recslide_title">
Loading..</div>
<center>
<div id="share_box">
loading</div>
</center>
</div>
<script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bts_onload_queue=='undefined')var bts_onload_queue=[];if(typeof bts_dom_loaded=='boolean')bts_dom_loaded=false;else var bts_dom_loaded=false;if(typeof bts_async_loader!='function'){function bts_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bts_dom_loaded){newcallback()}else bts_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bts_domLoaded!='function')function bts_domLoaded(callback){bts_dom_loaded=true;var len=bts_onload_queue.length;for(var i=0;i<len;i++){bts_onload_queue[i]()}}bts_domLoaded();bts_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bts_async_loader("http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recommended/recommended-Slide-v1.0.js",function(){},"bts-out-slide")},"jQueryjs")}</script></textarea><br />
<br />
<input name="widget.template" type="hidden" value="<b:includable id='main'><data:content /></b:includable>" /> <input name="widget.title" type="hidden" value="Recommended Slide" /> <br />
<br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com" /><br />
<br />
<br />
<input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<br />
<input name="go" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" value="Add Recommended Slide Widget to your blog" /> </form>
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
if you want slide come out whenever you reach the end of post, then follow this instruction: <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;">Adding Recommended post slider widget below posts </span></b><br />
<br />
<br />
<br />
I have seen few who are showing the Recommended post slider of posts below their posts. It’s also a good script placement which can increase your pageviews.<br />
<br />
To add the code , just follow the above instructions.<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 />
In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/sRXEDB" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP4tyfEOWOyw5ruAMDhWWkVsyOfyUUuy-tsReLk8_9rcuK7lERmgLOmSQvqfMlJX31nYJ8EXEuoi7bshpR6zxzLB4C220r0o3o72Wc2gKpfPdn-K9vldDvDjJ1xsMu-GImNXSjrhZ9zYjd/s1600/Expand+Widget+Templates-1.jpg" width="320" /></a></div>
<br />
<br />
In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/sRXEDB" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqEpfXwiAVWpPyzMU9OqT5oHemXP9nk3mvje3X7dwSGtNnRRm78WkdyvSQNZ0liOSRfQUP1HT2O1yhe65mDcB4pq9qqh3g8sBz-E2mtQBRr8gR0WLjo1VoGBLX88p_Bzupi-0hBnJghBA_/s1600/Expand+Widget+Templates.jpg" width="300" /></a></div>
<br />
<br />
<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
or <br />
<div class="code">
<div class='post-footer-line post-footer-line-1'> </div>
or <br />
<div class="code">
<p class='post-footer-line post-footer-line-1'> </div>
<br />
Immediately below any of these, add the following code and save Template: <br />
<br />
<div class="code">
<b:if cond='data:blog.pageType == "item"'> <br />
<br />
<div style='display:none' id='recslide_place_holder'></div><br />
<br />
</b:if></div>
<br />
<br />
Now you can see a beautiful Recommended post slider appearing below the posts in your Blog.<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 />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><span style="color: red; font-size: large;">How to Install Recommended Post Slider Widget for Blogger</span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://bit.ly/sRXEDB" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="http://1.bp.blogspot.com/-jBzRUphXNqU/TvxkBsqfULI/AAAAAAAAAv8/J3mmFK_2Vhw/s1600/Recommended+Post+Slider+Widget+for+Blogger-2.gif" width="320" /></a></div>
<br />
<br />
<br />
<br />
So, let's see how to install this cool widget in your blog..<br />
<br />
1. Sign into Blogger dashboard<br />
<br />
old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget.Select 'HTML/Javascript' and add the one of code given below.Just copy and paste this code..<br />
<br />
<br />
<div class="code">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="https://bitly.com/24workpng1" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recommended/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script></div>
<br />
<br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
Optionally use this Widget installer to add this link to your blogger blog.<br />
<br />
<br />
<b><span style="color: red;">Click the following image to add the widget to your blogger:</span></b><br />
<form action="https://www.blogger.com/add-widget" method="post" target="_blank">
<textarea name="widget.content" style="display: none;"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="https://bitly.com/24workpng1" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><div id="bpslidein" style="display:none;">
<div class="help">
?</div>
<div class="expand">
+</div>
<div class="close">
X</div>
<p>
Recommended for you</p>
<div id="bpslidein_image">
</div>
<div id="bpslidein_title">
Loading..</div>
</div>
<script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recommended/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script></textarea><br />
<br />
<input name="widget.template" type="hidden" value="<b:includable id='main'><data:content /></b:includable>" /> <input name="widget.title" type="hidden" value="Recommended Slide" /> <br />
<br />
<input name="infoUrl" type="hidden" value="http://24work.blogspot.com" /><br />
<br />
<br />
<input name="logoUrl" type="hidden" value="https://sites.google.com/site/bdlab12/24work/Image-24work-png.gif" /><br />
<br />
<input name="go" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" value="Add Recommended Slide Widget to your blog" /> </form>
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
if you want slide come out whenever you reach the end of post, then follow this instruction: <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;">Adding Recommended post slider widget below posts </span></b><br />
<br />
In old layout: Go to Dashboard - Design - Edit HTML - Expand Widget Templates.<br />
<br />
In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.<br />
<br />
<br />
<br />
Now find (CTRL+F) this code in the template:<br />
<br />
<div class="code">
<data:post.body/></div>
or <br />
<div class="code">
<div class='post-footer-line post-footer-line-1'> </div>
or <br />
<div class="code">
<p class='post-footer-line post-footer-line-1'> </div>
<br />
Immediately below any of these, add the following code and save Template: <br />
<br />
<br />
<div class="code">
<b:if cond='data:blog.pageType == "item"'><br />
<div style='display:none' id='bpslidein_place_holder'></div><br />
</b:if></div>
<br />
Now you can see a beautiful Recommended post slider appearing below the posts in your Blog.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote>
Many thanks to <a href="http://www.breakthesecurity.com/" rel="nofollow" target="_blank"><span style="color: #f1c232;">breakthesecurity</span></a> or <a href="http://www.bloggerplugins.org/" rel="nofollow" target="_blank"><span style="color: #f1c232;">bloggerplugins</span></a> for making this code and I just tested and modified to work on blogger</blockquote>
<br />
<br />
<br /></div>
<br /></div>
adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com20tag:blogger.com,1999:blog-8145265743082971695.post-3628336517378928792015-10-19T07:24:00.000-07:002015-12-05T07:48:44.625-08:00Recent Posts with Thumbnails Widget for Blogger / Blogspot<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Recent Posts with Thumbnails is an interesting hack that allows you to display your latest posts in various styles. besides making more cool the display, these widgets can also attract the eyes of visitors. If they are not interested in the post title may be the image was displayed can get them interested. This post explains how to add Recent Posts widget in Blogger with image thumbnails.this Gadget will help you to display the most Recent Posts on your Blog’s Sidebar. The Gadget has an options panel and can be configured to meet your needs. You can easily customize whether or not you would like to display thumbnails, post summaries, and the number of comments for each post along side the titles. So just start the tutorial to create a "Recent Posts With Thumbnails". <br />
<br />
<br />
Read More : <br />
<span style="color: red;">1. <a href="http://bit.ly/1dGPvYH" target="_blank"><b><span style="color: red;">Recent Posts Widget for Blogger Text CSS Hover Effect with jQuery</span></b></a></span><br />
<span style="color: red;">2. <a href="http://bit.ly/vGLd4R" target="_blank"><b><span style="color: red;">Animated Recent posts for Blogger with Thumbnails - Simple Spy</span></b></a></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/uCEoJI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv9CMPLHs8pfRQE4nDQKlE-N1BJ5z83mNY4MpPoReZ1tB5hssbE5oUj54_930g_zLSejsYOhibFf2h6KI8EmOPe2sgq39Mw42Msk5RHw9EVH1Rg8gFa9f3Bo0UJpnuhWzKwZ-sMcGqoY2a/s1600/Recent+Posts+with+Thumbnails+Widget+1.jpg" width="220" /></a></div><br />
<a name='more'></a>I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..<br />
<br />
Step 1:<br />
<br />
If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/uCEoJI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9w6PumB0eWv8s82URejJC8MIvGa-xvXKIEyoS849naAbWcGehaelarZazOYPilANEsAGdTKAWVkarVA9CGJKNQC1M-5Ol-qL5TxXbOTszvRFF5WzMQ83Mko3RA4XukST-A7rmozw2-WPi/s1600/Design-PageElement.png" width="320" /></a></div>Add a Gadget of HTML/JavaScript type.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/uCEoJI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRETEQ8f1h5FtBXzW7DJwZY0YfavhmlME_yQ6ucgABakXe61MWXl6z1pwEjp6oU9O249GUnWv2EWCKjpkWkyjBlmIhgQPqW87XfHxnuRxk058AdfHvX8bGoE4Rv2nCkpXbSMyQsVpjLrn5/s1600/Image+2.png" /></a></div><br />
If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/uCEoJI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ4qedV0AjGyRig7Gyl86m_Ysr7sTybDTnGRLN5r1Yuvkq5kwRCG_1ZwsANoDVLbXTaaRwr_j1rD3CjSgTIH-WWL-jChcIsCmW_iV7yoG9VnKAOdM-tOPYhUT6SSoBANpDUjDyqeI2CIDo/s1600/Add+a+Gadget.jpg" width="320" /></a></div>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 />
<div class="code"><div id="24work"><br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script language="JavaScript"> <br />
imgr = new Array();<br />
<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
<br />
<br />
showRandomImg = true;<br />
<br />
<div style="color: red;">tablewidth <span style="color: black;">= 298; </span></div><span style="color: blue;">cellspacing</span> = 8; <br />
<span style="color: lime;">borderColor</span> = "#ffffff"; <br />
bgTD = "#ffffff";<br />
<br />
<span style="color: orange;">imgwidth</span> = 80; <br />
<span style="color: orange;">imgheight</span> = 80;<br />
<br />
<span style="color: magenta;">fntsize</span> = 12; <br />
<span style="color: cyan;">acolor</span> = "#666"; <br />
aBold = true; <br />
icon = " ";<br />
<br />
text = "no";<br />
<br />
showPostDate = false;<br />
<br />
summaryPost = 50; <br />
summaryFontsize = 11; <br />
summaryColor = "#666"; <br />
icon2 = " ";<br />
<br />
numposts = 5;<br />
<br />
home_page = "<b><span style="color: red;">http://24work.blogspot.com/</span></b>";<br />
<br />
</script> <br />
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentposts_thumbnail-1.js"></script><br />
</div></div><br />
<br />
<br />
<br />
<br />
<h3 style="font-family: Arial, sans-serif; font-size: 13px; line-height: 24px; margin-bottom: 3px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: red;">Explanation:</span></h3><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><br />
<br />
</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;">(Edit the values to fit your blog)</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><br />
<br />
</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><br />
<br />
</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span class="Apple-style-span" style="font-family: "times new roman"; font-size: small;"><span class="Apple-style-span" style="color: red;">tablewidth</span></span><span class="Apple-style-span" style="color: red;"> - </span><span style="color: black;">Width of the widget</span></span><br />
<br />
<span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span style="color: black;"></span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: blue;">cellspacing - </span><span style="color: black;">Space between cells (default one is good)</span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><br />
<br />
</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: lime;">borderColor -</span><span class="Apple-style-span" style="color: #009900;"> </span><span style="color: #333333;">Border color (add the background color of your template to perfectly blend it in the template)</span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><br />
<br />
</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: orange;">thumbwidth & </span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: orange;">thumbheight -</span><span class="Apple-style-span" style="color: #3333ff;"> </span><span style="color: black;">Width and Height of the thumbnail (default are good)</span></span><br />
<br />
<span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span style="color: black;"></span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: magenta;">fntsize -</span><span class="Apple-style-span" style="color: #993399;"> </span><span style="color: #333333;">Font size of the title</span></span><br />
<br />
<span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span style="color: #333333;"></span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: cyan;">acolor -</span><span class="Apple-style-span" style="color: #ff6600;"> </span><span style="color: #333333;">Color of the title</span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span style="font-weight: bold;">aBold </span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;">-</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span style="font-weight: bold;"> </span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;">you want bold titles? (true or false)</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><br />
<br />
</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span class="Apple-style-span" style="color: #274e13;"><span style="font-weight: bold;">numposts</span><span style="font-weight: bold;"> </span></span><span style="color: #999900; font-weight: bold;">- </span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span style="color: black;">How many posts you want to show?</span></span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><br />
<br />
</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;">home_page :</span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"> </span><span class="Apple-style-span" style="font-family: "arial" , sans-serif; font-size: 12px;"><span style="color: red; font-weight: bold;">http://24work.blogspot.com/ <span style="color: black;">(change this to your blog url)</span></span></span><br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<div style="color: #999999;">this widget was made by [ http://www.instantfundas.com ]</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> <span style="font-size: large;">you might like the Recent Posts with Thumbnails Widget 2</span> </b><br />
<br />
<br />
<br />
This post explains how to add Recent Posts widget in Blogger with image thumbnails:<br />
<br />
well they are many hacks up there on the net for RECENT POSTS BLOGGER !<br />
<br />
and actually i have tried many of them ! and while i was surfing the net than i found this amazing hack !<br />
<br />
finally i have got what i want ! this widget was made by the legend “<a href="http://bloggertricks.com/" rel="nofollow" target="_blank">bloggertricks</a>” we thanks him for this amazing widget ,very simple recent posts …bravo for the great job !<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/uCEoJI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIJ-LQWQonoLVGUhzJjvGmkSKYYs7z8PkiDpgguyk5jI19mXiDklrOSGenrR8TMz2J5FukdC2qSuTcX9z5clUaYnscA4LFPAKde8Xpe89xjZYrtr8jqYmJTm0h73h4Fb8sRCLo9OOlptua/s1600/Recent+Posts+with+Thumbnails+Widget+2.jpg" width="291" /></a></div><br />
So, let's see how to install this cool widget 2 in your blog..<br />
<br />
1. Sign into Blogger dashboard<br />
2. Go to Design » Add a gadget » html/javascript<br />
<br />
3. Just copy and paste this code..<br />
<br />
<br />
<br />
<div class="code"><div id="24work"><br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script language="JavaScript"><br />
<br />
imgr = new Array();<br />
<br />
<br />
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
<br />
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
<br />
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
<br />
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
<br />
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip6semnaACKakt8fgiTdzGfuyg86VYTaYxBZyHPs-rohAuUkgwp1AKvUYWJxUQ6KLq7Wb4ElBGc5Y1iLObxERnlmtSFPYkeRiYSqxqo2vaSyitOolfxnKiOPgge3RYfPfnCTnL4IeMTgM/s400/noimage.png";<br />
showRandomImg = true;<br />
<br />
boxwidth = 298;<br />
<br />
cellspacing = 8;<br />
<br />
borderColor = "#ffffff";<br />
<br />
bgTD = "#000000";<br />
<br />
thumbwidth = 80;<br />
<br />
thumbheight = 80;<br />
<br />
fntsize = 12;<br />
<br />
acolor = "#666";<br />
<br />
aBold = true;<br />
<br />
icon = " ";<br />
<br />
text = "comments";<br />
<br />
showPostDate = false;<br />
<br />
summaryPost = 40;<br />
<br />
summaryFontsize = 10;<br />
<br />
summaryColor = "#666";<br />
<br />
icon2 = " ";<br />
<br />
numposts = 5;<br />
<br />
<div style="color: red;"><b>home_page = "http://24work.blogspot.com/";</b></div><br />
</script><br />
<br />
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentposts_thumbnail-2.js" type="text/javascript"></script><br />
</div></div><br />
<br />
<br />
<br />
<br />
There are many variables in this script that you need to adjust to blend the widget’s look with that of your blog template. Most of them are self explanatory.<br />
<br />
4. In the code, look for the line…<br />
<br />
<div class="code" style="color: red;"><b>home_page = "http://24works.blogspot.com/";</b></div>and replace the blog address with your own blog address<br />
<br />
5. How to change the number of posts<br />
By default, this widget is set to display a maximum of 5 recent posts. To change this number, <br />
<div class="code">numposts = 5;</div>edit line in the code and replace the number 5 with the number of posts desired:<br />
<br />
6. How to change thumbwidth & thumbheight<br />
<div class="code">thumbwidth = 80;<br />
<br />
thumbheight = 80;</div>Width and Height of the thumbnail (default are good)<br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> <span style="font-size: large;">Recent Posts Widget with Thumbnails for Blogger </span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/uCEoJI" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGS4OCB3phv3cV7E7tx90xwiybrBEwqqJrkj892eqdIeECOYPaTEIiKY7ABud8qAtL7PRi1_XXG94nr-eRNKl15BMp5JFnL71OSzDut10Rc9czDbNU2RTYYOkqI-YINsCQ1q68INfofOx4/s1600/Recent+Posts+with+Thumbnails+Widget+3.jpg" width="230" /></a></div><br />
<br />
<br />
<br />
You are surely familiar with the<span class="Apple-converted-space"> </span><b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Recent posts widget for blogger</b><span class="Apple-converted-space"> </span>and you can integrate easily into blogger in few steps.But now, Its time to show recent posts widget with image thumbnails in blogger as it will shows your post images with the recent posts in your blog sidebar.Its so easy to implement it into your<span class="Apple-converted-space"> </span>blogger templates<span class="Apple-converted-space"> </span>just like the typical recent posts widget.Thansk to<span class="Apple-converted-space"> </span><a href="http://www.bloggerplugins.org/" rel="nofollow" style="border-style: none; color: #255aaa; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Aneesh</a><span class="Apple-converted-space"> </span>for this awesome widget!<span class="Apple-converted-space"> </span>The main features of this widget are:<br />
<br />
*It shows the latest posts with tiny thumbnails images (size 75 x 75).<br />
*It shows a bold title of the posts with summary.<br />
*It shows the number of comments, date and ofcourse, a Read more link.<br />
*And its highly customizable (don't worry, i will tell you how to customize).<br />
<br />
This widget can be seen live in my blog sidebar.Anyways step ahead to know how to add it in your blogspot blogs.<br />
<br />
<span style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; font-size: medium; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">How to Add Recent Posts Widget with Thumbnails to blogger:</b></span><br />
<br />
<b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Step 1</b>.Login to your blogger dashboard and go to layout.<br />
<b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Step 2</b>.Now click "Add a Gadget" on your desired sidebar and select "HTML/ Javascript".<br />
<b style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;">Step 3</b>.Now copy the below code and paste it in the "HTML/ Javascript" box:<span style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-style: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br style="border-style: none; list-style-type: none; margin: 0px; outline-style: none; padding: 0px; vertical-align: baseline;" /></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="code"><div id="24work"><br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;<br />
<br />
<br />
<br />
float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><br />
<br />
<br />
<br />
<script style='text/javascript' src='http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentpostswiththumbnailsv3.js'></script><br />
<br />
<br />
<br />
<script style='text/javascript'><br />
<br />
<br />
<br />
<div style="color: red;">var numposts = 5;</div><div style="color: red;"><br />
</div><div style="color: red;">var showpostthumbnails = true;</div><div style="color: red;"><br />
</div><div style="color: red;">var displaymore = true;</div><div style="color: red;"><br />
</div><div style="color: red;">var displayseparator = true;</div><div style="color: red;"><br />
</div><div style="color: red;">var showcommentnum = true;</div><div style="color: red;"><br />
</div><div style="color: red;">var showpostdate = true;</div><div style="color: red;"><br />
</div><div style="color: red;">var showpostsummary = true;</div><div style="color: red;"><br />
</div><div style="color: red;">var numchars = 100;</script></div><br />
<br />
<br />
<script src='<b style="color: red;">http://24work.blogspot.com</b>/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script><br />
<br />
</div></div><br />
<br />
<br />
<br />
<br />
Step 4.Now Replace <b style="color: red;">YOURBLOGURL</b> with you desired blog URL and save the widget and you are done.<br />
<br />
<b>Customization:</b><br />
<br />
Now its easy to customize this widget, just have a glimpse on the above code and you will see some code colored in "<b><span style="color: red;">Red</span></b>".You can play with this code to customize it.You can change the number of posts to show or you can change other options to True/ False to customize it!<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;">Recent Posts Widget Generator</span></b><br />
<br />
<br />
<br />
1. Change the title of the widget if you want.<br />
<br />
<br />
<br />
2. Change the number of posts links you want to display.<br />
<br />
<br />
<br />
3. Change the number of words you want to include in the summary to display.<br />
<br />
<br />
<br />
3. Click the “Reset” generate button to make the changes take effect, then click on the “Add to My Blog” button.<br />
<br />
<br />
<br />
<iframe height="800" src="http://24work.ucoz.com/24work-blogspot/recent-posts/recent-posts-with-thumbnails-widget-for.html" width="550"></iframe></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote><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.bloggerplugins.org/" 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">bloggerplugins</a> for making this code and I just tested and modified to work on blogger</span></blockquote><br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com18tag:blogger.com,1999:blog-8145265743082971695.post-67090002067722410042015-10-17T11:15:00.000-07:002015-12-05T07:50:56.086-08:00Recent Posts Widget for Blogger / Blogspot with Summary And Read More<div dir="ltr" style="text-align: left;" trbidi="on">Showing the most recent posts widget to the sidebar of your Blogger blog? Recent Posts Widget had this great feature as the posts of his latest show with their titles, abstracts with a publication date. This widget allows you to set the number of posts displayed and also allow you to set the number of s characters.Today let us create our own Custom Blogger Widget to display most recent posts.<br />
<br />
<br />
Read More : <br />
<span style="color: red;">1. <a href="http://bit.ly/1dGPvYH" target="_blank"><b><span style="color: red;">Recent Posts Widget for Blogger Text CSS Hover Effect with jQuery</span></b></a></span><br />
<span style="color: red;">2. <a href="http://bit.ly/vGLd4R" target="_blank"><b><span style="color: red;">Animated Recent posts for Blogger with Thumbnails - Simple Spy</span></b></a></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/sAJwjm" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Posts Widget with post snippets " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPl0BnZfDoOlhMTagX-QyLJs1eFLAByy8WytUFetMl1XzJPC-64H210-jjH_rD1mzCl5cJFXczyNmqjBse0BibWZj6dUkp_1kj5fnMBmmPMoqoQAiaiX7hk7S9yMJu5_Xix85VlF3MRZqU/s1600/recent+posts+widget+1.png" title="Recent Posts Widget with post snippets " /></a></div><a name='more'></a><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-ot/recen-posts-live-demo-1.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<br />
<b>Recent Posts Widget with post snippets</b> <br />
<br />
<br />
1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.<br />
<br />
2. Paste the following code in HTML/Javascript Box.<br />
<br />
<br />
<br />
<br />
<br />
<div class="code"><script style="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-ot/recent-posts-snippets-ycode.js"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><script style="text/javascript"><br />
var showpostdate = false;<br />
var showpostsummary = true;<br />
var numchars = 100;<br />
var standardstyling = true;<br />
<span style="color: blue; font-size: large;">var numposts = 5;</span><br />
</script><br />
<script src="<span style="color: red; font-size: large;">http://bdlab.blogspot.com</span>/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>Recent Posts Widget with post titles only</b><br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/sAJwjm" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Posts Widget with post titles only" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWPwIxdlc1G9itYocYsGQFOcyq_UtdYigyOgbtBFuCKHE3Fkep8DxmgUXfOyVhY9pRS6cqdc1ZiteApULE0tHyFw_oafRw8h90wkKh2IhVd0CUHo0ExO2-vS7MoPjthyphenhyphenD8vOH9Z8wqs39m/s1600/recent+posts+widget+2.png" title="Recent Posts Widget with post titles only" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-ot/recen-posts-live-demo-2.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script style="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-ot/recent-posts-titles-ycode.js"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><script style="text/javascript"><br />
var showpostdate = false;<br />
var showpostsummary = false;<br />
var numchars = 100;<br />
var standardstyling = true;<br />
<span style="color: blue; font-size: large;">var numposts = 10;</span><br />
</script><br />
<script src="<span style="color: red; font-size: large;">http://bdlab.blogspot.com</span>/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>Recent Posts Widget with Post Summary And Read More</b><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/sAJwjm" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Recent Posts Widget with Post Summary And Read More" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ABYVte6BnE_8roZvM9DmezH10o3xFSFBfyJB2hcXmiIttifH3gGSTHGyZIZYu5YseCVXzdfEDzYWIQBoQRofYFyqx-mfDa-fxe0bX3Y77eW-HjViWad_3W0QnROFp_bbWpby2QhMuuGk/s1600/recent+posts+widget+3.png" title="Recent Posts Widget with Post Summary And Read More" /></a></div><br />
<div style="text-align: center;"><a class="button big green" href="http://24work.blogspot.com/p/demo.html?url=http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-ot/recen-posts-live-demo-3.html" rel="nofollow" target="_blank">Live Demo</a></div><br />
<br />
<br />
<div class="code"><script style="text/javascript" src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/recent-posts-ot/recent-posts-more-ycode.js"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="All Blogger Tricks" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="All Blogging Tips" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><script style="text/javascript"><br />
var showpostdate = false;<br />
var showpostsummary = true;<br />
var numchars = 100;<br />
var standardstyling = true;<br />
<span style="color: blue; font-size: large;">var numposts = 5;</span><br />
</script><br />
<script src="<span style="color: red; font-size: large;">http://bdlab.blogspot.com</span>/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: "arial";"><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="font-family: "arial" , "verdana"; line-height: normal;">There are many variables in this script that you need to adjust to blend the widget’s look with that of your blog template. Most of them are self explanatory.</span></span></span><br />
<br />
<span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="color: blue;">1.In the code, look for the line…</span></span><br />
<br />
http://bdlab.blogspot.com/feeds/posts/default<br />
and replace the blog address with your own blog address<br />
<br />
<span class="Apple-style-span" style="color: blue;">2.How to change the number of posts</span><br />
<br />
By default, this widget is set to display a maximum of 5 recent posts. To change this number,<br />
<br />
<div class="code">var numposts = 5</div>edit line in the code and replace the number 5 with the number of posts desired:<br />
<br />
<br />
<span class="Apple-style-span" style="color: blue;">3.How to change the Number of Characters (Excerpt)</span><br />
<br />
<br />
This widget is set to display an excerpt of 100 characters of each post. If you want to change that number, just look for the number 100 in the code and replace it with the number of characters you want to be displayed.<br />
<br />
Recommended setting: 50 to 100.<br />
<br />
<div class="code">var numchars = 100;</div><br />
<span class="Apple-style-span" style="color: blue;">4.How to Show Post Date</span><br />
<br />
If you want to show the post date, look for the line with the word showpostdate in the code. Then change its value from false to true (shown in color red below).<br />
<br />
<div class="code">var showpostdate = false;</div><br />
<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: "arial" , sans-serif , "verdana"; font-size: 14px; line-height: 24px;">Happy Blogging! =)</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<blockquote><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.bloggerplugins.org/" 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">bloggerplugins</a> for making this code and I just tested and modified to work on blogger</span></blockquote><br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com17tag:blogger.com,1999:blog-8145265743082971695.post-86005606402915558262015-10-15T06:29:00.000-07:002015-12-05T07:54:11.998-08:00Add Falling Snowflakes / Yahoo Smiley Emoticons / colored stars / Snow to Your Blog<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">What could be nicer than to welcome visitors to their blog with falling snow.It's time to play with the snow falling and celebrate the occasion with family and friends.If you own a Blogspot blog, why not give the effect of snow falling there to celebrate this occasion with your visitors and readers.How about falling snow in your Blog ? I have been working hard at creating some cool Christmas effects for your blogs.Its much simple than any other trick found on the net because you just have to add a simple single code to your blogger blogspot blog.<br />
<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="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_MHbbv2BuSHltDUr_JLtMyMdWFmylA3io4e4GyEpSdVeG3_-IqrSriz1G2mYe6RdFVXDi_GfIauMzb5mZWXNDDvuTAhrp0vV6TpWQmOWQZY6eC-PE8Y39qNtJkmYob1IzTIGeyRXkm58/s1600/Add+Falling+Snowflakes++colored+stars++Flowers++Leaves++stars++butterfly++heart+to+Your+Blog.jpg" width="260" /></a></div><br />
<a name='more'></a><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/AVvXsEh9w6PumB0eWv8s82URejJC8MIvGa-xvXKIEyoS849naAbWcGehaelarZazOYPilANEsAGdTKAWVkarVA9CGJKNQC1M-5Ol-qL5TxXbOTszvRFF5WzMQ83Mko3RA4XukST-A7rmozw2-WPi/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/AVvXsEhRETEQ8f1h5FtBXzW7DJwZY0YfavhmlME_yQ6ucgABakXe61MWXl6z1pwEjp6oU9O249GUnWv2EWCKjpkWkyjBlmIhgQPqW87XfHxnuRxk058AdfHvX8bGoE4Rv2nCkpXbSMyQsVpjLrn5/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/AVvXsEiZ4qedV0AjGyRig7Gyl86m_Ysr7sTybDTnGRLN5r1Yuvkq5kwRCG_1ZwsANoDVLbXTaaRwr_j1rD3CjSgTIH-WWL-jChcIsCmW_iV7yoG9VnKAOdM-tOPYhUT6SSoBANpDUjDyqeI2CIDo/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 />
<b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"><span class="Apple-style-span" style="font-size: large;"> make a Snowflakes effect on the blog </span></b><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"><br />
<br />
//Configure below to change URL path to the snow image <br />
var snowsrc="<span class="Apple-style-span" style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI8c9SdEKz2OD1dzz4t9QI1oAXLZ_buw_pz83OxEweqqis_TcK6CTqtq2dhKmL7djOACR7xts32135xUnZ3wwY7NTtETDS-cdZ_qsmuRaNG-8nKJPIMLE-XP3E0xZQDi7gkW1cFrPrAuA/s1600/snow-01.gif</span>" <br />
// Configure below to change number of snow to render <br />
<span class="Apple-style-span" style="color: red;">var no = 10</span>; <br />
// Configure whether snow should disappear after x seconds (0=never): <br />
var hidesnowtime = 0; <br />
// Configure how much snow should drop down before fading ("windowheight" or "pageheight") <br />
var snowdistance = "pageheight";<br />
///////////Stop Config//////////////////////////////////<br />
var ie4up = (document.all) ? 1 : 0; <br />
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;<br />
function iecompattest(){ <br />
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body <br />
}<br />
var dx, xp, yp; // coordinate and position variables <br />
var am, stx, sty; // amplitude and step variables <br />
var i, doc_width = 800, doc_height = 600; <br />
<br />
if (ns6up) { <br />
doc_width = self.innerWidth; <br />
doc_height = self.innerHeight; <br />
} else if (ie4up) { <br />
doc_width = iecompattest().clientWidth; <br />
doc_height = iecompattest().clientHeight; <br />
}<br />
dx = new Array(); <br />
xp = new Array(); <br />
yp = new Array(); <br />
am = new Array(); <br />
stx = new Array(); <br />
sty = new Array(); <br />
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "<span class="Apple-style-span" style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI8c9SdEKz2OD1dzz4t9QI1oAXLZ_buw_pz83OxEweqqis_TcK6CTqtq2dhKmL7djOACR7xts32135xUnZ3wwY7NTtETDS-cdZ_qsmuRaNG-8nKJPIMLE-XP3E0xZQDi7gkW1cFrPrAuA/s1600/snow-01.gif</span>" : snowsrc <br />
for (i = 0; i < no; ++ i) { <br />
dx[i] = 0; // set coordinate variables <br />
xp[i] = Math.random()*(doc_width-50); // set position variables <br />
yp[i] = Math.random()*doc_height; <br />
am[i] = Math.random()*20; // set amplitude variables <br />
stx[i] = 0.02 + Math.random()/10; // set step variables <br />
sty[i] = 0.7 + Math.random(); // set step variables <br />
if (ie4up||ns6up) { <br />
if (i == 0) { <br />
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>"); <br />
} else { <br />
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>"); <br />
} <br />
} <br />
}<br />
function snowIE_NS6() { // IE and NS6 main animation function <br />
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; <br />
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight; <br />
for (i = 0; i < no; ++ i) { // iterate for every dot <br />
yp[i] += sty[i]; <br />
if (yp[i] > doc_height-50) { <br />
xp[i] = Math.random()*(doc_width-am[i]-30); <br />
yp[i] = 0; <br />
stx[i] = 0.02 + Math.random()/10; <br />
sty[i] = 0.7 + Math.random(); <br />
} <br />
dx[i] += stx[i]; <br />
document.getElementById("dot"+i).style.top=yp[i]+"px"; <br />
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; <br />
} <br />
snowtimer=setTimeout("snowIE_NS6()", 10); <br />
}<br />
function hidesnow(){ <br />
if (window.snowtimer) clearTimeout(snowtimer) <br />
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden" <br />
} <br />
<br />
if (ie4up||ns6up){ <br />
snowIE_NS6(); <br />
if (hidesnowtime>0) <br />
setTimeout("hidesnow()", hidesnowtime*1000) <br />
}<br />
</script><br />
<span style="font-size:5px;position:absolute;"><a title='Blogger Widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span></div><br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<b># you can change :</b><br />
<br />
To set the number of snow balls edit the <span class="Apple-style-span" style="color: red;">number 10</span><br />
To change the snow image replace the picture link with yours<br />
<div class="code"><span class="Apple-style-span" style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI8c9SdEKz2OD1dzz4t9QI1oAXLZ_buw_pz83OxEweqqis_TcK6CTqtq2dhKmL7djOACR7xts32135xUnZ3wwY7NTtETDS-cdZ_qsmuRaNG-8nKJPIMLE-XP3E0xZQDi7gkW1cFrPrAuA/s1600/snow-01.gif</span></div><br />
You can replace the image with anything you want. You can display falling hearts, falling the autumn leaves, falling New Year message and diamonds, Just play with the code and change the flavors.</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"><span class="Apple-style-span" style="font-size: large;"> make a color snow effect on the blog </span></b><br />
<br />
you like color snow.if I could make the effect of snow with different colors.code that will allow you to add any snow fall color to your blog.To change the color of snow fall only change the highlight color <span class="Apple-style-span" style="color: blue;"><b>blue</b></span> in code.You can change basic colors (red, black, green etc) or <a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank">Html hex colors</a>.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="code"><br />
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type='text/javascript'><br />
<br />
//Snow - http://www.btinternet.com/~kurt.grigg/javascript<br />
<br />
<br />
<br />
if ((document.getElementById) &&<br />
<br />
window.addEventListener || window.attachEvent){<br />
<br />
<br />
<br />
(function(){<br />
<br />
<br />
<br />
//Configure here.<br />
<br />
<br />
<br />
var num = 40; //Number of flakes<br />
<br />
var timer = 30; //setTimeout speed. Varies on different comps<br />
<br />
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).<br />
<br />
<br />
<br />
//End.<br />
<br />
<br />
<br />
var y = [];<br />
<br />
var x = [];<br />
<br />
var fall = [];<br />
<br />
var theFlakes = [];<br />
<br />
var sfs = [];<br />
<br />
var step = [];<br />
<br />
var currStep = [];<br />
<br />
var h,w,r;<br />
<br />
var d = document;<br />
<br />
var pix = "px";<br />
<br />
var domWw = (typeof window.innerWidth == "number");<br />
<br />
var domSy = (typeof window.pageYOffset == "number");<br />
<br />
var idx = d.getElementsByTagName('div').length;<br />
<br />
<br />
<br />
if (d.documentElement.style &&<br />
<br />
typeof d.documentElement.style.MozOpacity == "string")<br />
<br />
num = 12;<br />
<br />
<br />
<br />
for (i = 0; i < num; i++){<br />
<br />
sfs[i] = Math.round(1 + Math.random() * 1);<br />
<br />
<br />
<br />
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'<br />
<br />
+sfs[i]+'px;height:'+sfs[2]+'px;background-color:<span class="Apple-style-span" style="color: blue;"><b>blue</b></span>;font-size:'+sfs[2]+'px"><\/div>');<br />
<br />
<br />
<br />
currStep[i] = 0;<br />
<br />
fall[i] = (sfs[i] == 1)?<br />
<br />
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);<br />
<br />
step[i] = (sfs[i] == 1)?<br />
<br />
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
if (domWw) r = window;<br />
<br />
else{<br />
<br />
if (d.documentElement &&<br />
<br />
typeof d.documentElement.clientWidth == "number" &&<br />
<br />
d.documentElement.clientWidth != 0)<br />
<br />
r = d.documentElement;<br />
<br />
else{<br />
<br />
if (d.body &&<br />
<br />
typeof d.body.clientWidth == "number")<br />
<br />
r = d.body;<br />
<br />
}<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
function winsize(){<br />
<br />
var oh,sy,ow,sx,rh,rw;<br />
<br />
if (domWw){<br />
<br />
if (d.documentElement && d.defaultView &&<br />
<br />
typeof d.defaultView.scrollMaxY == "number"){<br />
<br />
oh = d.documentElement.offsetHeight;<br />
<br />
sy = d.defaultView.scrollMaxY;<br />
<br />
ow = d.documentElement.offsetWidth;<br />
<br />
sx = d.defaultView.scrollMaxX;<br />
<br />
rh = oh-sy;<br />
<br />
rw = ow-sx;<br />
<br />
}<br />
<br />
else{<br />
<br />
rh = r.innerHeight;<br />
<br />
rw = r.innerWidth;<br />
<br />
}<br />
<br />
h = rh - 2; <br />
<br />
w = rw - 2;<br />
<br />
}<br />
<br />
else{<br />
<br />
h = r.clientHeight - 2;<br />
<br />
w = r.clientWidth - 2;<br />
<br />
}<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
function scrl(yx){<br />
<br />
var y,x;<br />
<br />
if (domSy){<br />
<br />
y = r.pageYOffset;<br />
<br />
x = r.pageXOffset;<br />
<br />
}<br />
<br />
else{<br />
<br />
y = r.scrollTop;<br />
<br />
x = r.scrollLeft;<br />
<br />
}<br />
<br />
return (yx == 0)?y:x;<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
function snow(){<br />
<br />
var dy,dx;<br />
<br />
<br />
<br />
for (i = 0; i < num; i++){<br />
<br />
dy = fall[i];<br />
<br />
dx = fall[i] * Math.cos(currStep[i]);<br />
<br />
<br />
<br />
y[i]+=dy;<br />
<br />
x[i]+=dx;<br />
<br />
<br />
<br />
if (x[i] >= w || y[i] >= h){<br />
<br />
y[i] = -10;<br />
<br />
x[i] = Math.round(Math.random() * w);<br />
<br />
fall[i] = (sfs[i] == 1)?<br />
<br />
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);<br />
<br />
step[i] = (sfs[i] == 1)?<br />
<br />
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;<br />
<br />
}<br />
<br />
<br />
<br />
theFlakes[i].top = y[i] + scrl(0) + pix;<br />
<br />
theFlakes[i].left = x[i] + scrl(1) + pix;<br />
<br />
<br />
<br />
currStep[i]+=step[i];<br />
<br />
}<br />
<br />
setTimeout(snow,timer);<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
function init(){<br />
<br />
winsize();<br />
<br />
for (i = 0; i < num; i++){<br />
<br />
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;<br />
<br />
y[i] = Math.round(Math.random()*h);<br />
<br />
x[i] = Math.round(Math.random()*w);<br />
<br />
}<br />
<br />
snow();<br />
<br />
}<br />
<br />
<br />
<br />
<br />
<br />
if (window.addEventListener){<br />
<br />
window.addEventListener("resize",winsize,false);<br />
<br />
window.addEventListener("load",init,false);<br />
<br />
} <br />
<br />
else if (window.attachEvent){<br />
<br />
window.attachEvent("onresize",winsize);<br />
<br />
window.attachEvent("onload",init);<br />
<br />
}<br />
<br />
<br />
<br />
})();<br />
<br />
}//End.<br />
<br />
</script><br />
<span style="font-size:5px;position:absolute;"><a title='Blogger Widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span></div><br />
<br />
<br />
<br />
And now click <b style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;"> Save </b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<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/AVvXsEi0RNGJS4-WrhKA45dyozbbaS3Je2YceZDcH8-5YqF1MZ1ea2EmyT06RY6zVha2uLesx3cXbO0uSg6IvTyY9MgIlhavb0GeOGou7nk8jD4gibgqmMMVd2DaymxDJm7tyX2Gz_aNIqc4yLU/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/AVvXsEihyphenhyphenfp_Q5IjhEuOVIAo1C082gm3llVYvvbZyqyJNH-3cTdOCdG-meGP81tf7fDMSKg5idJ4gHV1AJ7hhMU4TY4sjk8oBr0U1Q_024S_w0aS8dvSFwDs5nDhpEgOUs2EoBtnGtaLs1OfVkg/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/AVvXsEiWVlj54mpMZZrp2GvrjXYdobaZBx1kVmhOpfqdue6JfMWtJFe_nr1ygKJimoIZXT2TfmHGrsV0oXM5rgp_aPZbvpi6aR4sHdh2Tw7fLKL29d900ugGE_sH2cF2ePRXuLW6JI-1jWpco40/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/AVvXsEhVfQUbsVGPYPu2Qu1kSgGDhlX_ZxXsnF598ws1WXbZ90EP1e5QCZQ9vbsJYUhN176xQXK92Jpg3PM9Qhp4xY5AIew2JqQfmt4lUfOIkoaRiMXW4JRKsN3hjbFW9aPHmZ8hEkor_b54cNM/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/AVvXsEi_PAlS0on5YGnej_B8DsKn2m09H1MRma5MYn3lgn3GgtkUcn_xbXn6GZ9QlXAtaRKG8rPVluPZCQJc1S7as6SihwZGqiO4N8ei3QwF-7TjNeTYbVTKmWwOXtpKB3X2t_kTpC8WFQSTs5Q/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/AVvXsEgs-A_NfeKj02h2KDJB_HK4c98b8ljDTDkGKerTocPAnonsUfu23lAaNMj-wNn_pPSC5xD66aLVaWBXH8g9C7txLZSdUKTl8efEDAAn3O1_vNHbY6CQ4SumksJDo9mg9BVxCEmXAp8hlWc/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/AVvXsEiNex0gfRp4yLXXx1spK8XRG2zxHtP33srMAgpRaI3bMzZBWrtccFp4uMPzz1xWGQ_yrY3fDH6U_CY8vL1taOERy_jFrBHFyQmQjjJTv2z2iJOp0MEu59HwJcgsa-J2H5ngZ8mlJOPcJ9w/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/AVvXsEgLMUbAEh0TwPueigh4Fo4L1sGpgEdHfF8t7WTQDeXsuSAASorvMwNilwZQpNP38-nndpcpggHBOW9BgXwBCEuqm7f9U8UHi6hNg9xrc9tCFvIq3KZfcJ7MnZQijDi6IkdetfOBMe8bN88/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/AVvXsEj291FWMzVnz7UzqoqFjG_xETRis6GdvuIayhWnTwemOvOX__Isx_xt_kO7-RftvlHvZ1NoabZljVB4K1GE5Qgyc7aaM3_CzOh7b-L-ddsntyYP_3V2GY8Uon8xLF7fBDi6fPiPID822BA/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/AVvXsEhD-xgYKvYSvddqT_0S-IKZAuMOIGnpru5SGd5BoIhubMmes483AqIkFlqnCGsHufV2ruhXtN9Rdpe2JD6gS_BA0kN3ZK-_yVTc-EgsE-cTja_zceNfGt8J00Y_T9sRhdOMp5ZLh5vyXt4/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/AVvXsEhYQIrQjGxsqyACZ4HMDpneQt-DVL8TTpGjUAQrCEICJiVmyBH89Q4G3E230HbFbt6ijy_cH4jpTUr7r5kyjVOtrCytGPnjFIwtwWaQhDxrhbV3VusqrRI7Euy4tNlc5JfXzVFPL8zn7Vc/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/AVvXsEjW3IbYLSMteuoQWo2ocfBHhCIxQeDCstWs2YnozwFlf7NJkXw1_4FZHgaR_VOMKQPdqM0S-_8pjPT-CXGHjju-bQ7Hj3XDtIlZFiPfAPEt9PcyT7RWd55UJVD73EjQkrGg9FN6kIsCeaI/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/AVvXsEhmLsszehzUyTydnbekD_e3bTVTT44w9QlOMYHq1Hu5Wx6VbQg3FVjJ-Z-8UuS_ThBOaSrUnCXOK1ahBBlTSxA3l0wRfG4RW8DtVCjtpat9Gs_LZtDgn-ck8W9gddtyEB2NIJwdQSgOtFI/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/AVvXsEijkuX5zydQZdrRP8PAij8A0Yx7Esn825oz-2sA5T2OHy0F0LIQ7puo63ANlGTQQPd5jcnhTRWXwIIZ5cjkjcJh4CFvujZCmumRhvBNQ1iH5TZ8vO3hBk8O2bS2i_LaYPjJAazMS9EkSPE/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/AVvXsEhL0cPT6SwQ8NxgpwGKb1OfO6VxPjfdgICObKb0fruDJfqDPG0xXBq70BbaoPmZkmBufzrSZZ8Omx-u9FgroMztPCqwRQmplENy3kLn1fNCEtDI9nUoHVff39H8UZ5ILJvkGeseTzX7Ogk/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/AVvXsEgHevzqy1f4Gorj442_3XWCDk-3km4QNUYkkksonA8IiNRhow-vP0qw-PjrxFiS94RGSpYHeSojx0lqjpbnfqd23bR6U-Vt6FLFDOjRVrgcb99DhOpLWLGN-iOTSnsXZk9rK4Ys8DEk8Zs/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/AVvXsEhytECTEmhbkRCUFHstPbpaHTiKNcBCiEXmanrXRdzhhu6gxbhr6zNJzaZpzuGEIexudE0jj_pX-FE-IVd4pabx9KbEXDmvqAGkmK0OpLEvBdiz4bXT4_CTLwIYZOAiwOrLbVf1KKRum5M/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/AVvXsEiHPwmIyoXJ6VC_GHWLKNd_0oSnrQqfS1aWDjZHwD3geNRzZNRTXJ1G8WIYvORAl3zM2NpTDp1jMwQ-0Qo7cCDdmyOtPKIrgjazcxXYwJ99MhFlAuZTrtIj8VKxckcOQN_UlXYoIkhyphenhyphenSyI/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/AVvXsEgvV92eb1f_qrQjMEAYRmh9Ul0oeVgE-akkuCaAR_QkstT6ld0iGJLkpWtMJsN0IM1fztuhvS_zqAtnaKoqT1BxwEiaumbFKXHEfWBH7nQiv890LYnZZYei3WX70C2G8nMm77Z15Kii1W4/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/AVvXsEhN_AbsiWMvr4XNwLKXUITmvAw_DMA-Gsqla5_iH1KOES-DpHrO8tWa8_Sv1RjsQPD9u1F7EzCQFqTsg5EHtEOLh_X-ENWbQ0zbqDJR2FTuBMK8UKmvTA2a_OcS1l1TdLWGRGLhRs9Oilk/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/AVvXsEju0TMwg6iiRY9gs2GfS5eBw9PI83NpkrBf0yw3WG2SkiKtju5qzCCgGDz_3rip607ReCja_p1juB4yNraPmC_142UVeYOesu86UYH76XSnCXF8z_KFp1EgnX9FLnzTIjKg6IT_hIWywZ0/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/AVvXsEhbB0_Gf2VbhlQWnhdsWiMGlyhRH5WpjsQ_n_VPHbNf55S4sPlG0sgHYCXSMC_E6cl5ckRxzAhmCb0EVIPoWKoB5n29ibVVeMcV5UiIl7ab-jINQjBgHdqoz8QufCS3qlhiAyYt3fS99Hc/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/AVvXsEh2GT_4a7hIUvNpUzMnqOFcZ3OPjpj-wJDcrrqAmwwCyzdnamRoIyTO5NZ8vxcn_tDenIgY7apfYdxZb8hsH_GKsvDwKC85lawSpAX6_HIxUxuFYGWot4WZUtYhIutbLmrTJr89xYYO9Rw/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/AVvXsEh16jGITIJuwT1juvOfAZT-a7T1JJkJ8tTaegWiRlgMj37-_jHTPGjrVepgp_ubeMnS1PgPWGnqjwxRiMMkMiwpsq1-dN03QqsoyBR-E0fsAQt7gXQvmOzYGCFhcdFOTEWWNg4R3cgFLpA/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/AVvXsEh3vG-jACj1tv8ljRyLGfLVyeO0VM-pnjAZu2hfXPxjuzcDASwjeJ3U64ksMYsqFzZjDZDoojEvkve-XHhjdV7xDv2tfv1s6X3thbuJQfeC06BmFf7oRuOThaWOYf-bWnlhifZvnnCJCpA/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/AVvXsEg5_3eRseunz-kORY_1hAs6Y0lZd-ba8tGOo3V1U9-goEMg5BJPlfzpfWgQBbYEELDlxtcCGK0qpUNQsSYAUJyHzy6IydqoywvG8sAXmREJFIwBHSPHl8WhJrDSFtEG8bMiJovDa-hmGuM/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/AVvXsEiJEu9cCF_5lii7diRFraKd0A3aXJX_6_7EysoTc-jOVFFBM2n41hM-PVkmDUdcveq65mup3sTKBUzKQoLkFMi1mNlZTDsOntkAFrNOL96MjefvNZX0_j-ftiTryM74MB3JqdvQSHeUSPA/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/AVvXsEirUJtuGzEeqVep3yLh6GADfh0y33L4UA64lIGan1aAgVGtwDSzQ_vCJT6rUMSWNsLOpVaYnfJOjxI6t3w7zCz5Rb8FqfWC8g9-ixGmda0Q8MnQJhyphenhyphen3CbPqM7xM8Z0hK6_PtsgEjBD6qS0/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/AVvXsEg6umhm1TuvtE2VbrKWhCHi4NgXCOcbSUFmkl4aEPGx90qlosmMJFHAI9Q1nlVCYxYCPVEyYIXxztswencOHlo-MoR-nlRIoaDJPC3Mr3-8Kdh8-BP5TBZ0aIgvQ1scrLijytYFkdDvFmY/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/AVvXsEgb50awpScUQkp5LtSDkHKbDY_R4FC6FM2TU85ZTBPdSbzD8V5B0lZEgkmliXFBjwB1coxmf4NGw6DU0WR9_4JM3a_Hkipplv4FhezxV29ULNNEWLAefD7GcRgQW6d-iDUOCnA71SJUz3I/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/AVvXsEi-wz4JoYrwPkD1k2G0-J25D2ju2rB6a_Nwi9MwKU81vb-pY01FfTv06cz-MTW0bHKPvEreI2q2ylautOu3E7P2W9UsVeSmWJ4rd52vDQX56nAoe_38NA2dAtU70ztIDXL9TuidG-5RtxU/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/AVvXsEgXzyR1YXCgZ46sTqCA2PHyEDSrfVA6-MPmrrM9iC-ox2p637-6M90E-bDcUTRRN4zeT03n5v4qbcSNi9yPoTfOdu8nqiEEvWQOIiFGuhc6oFZLUyTIcKkeKzxlzopZ855CbSUm9-9m8iQ/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/AVvXsEj8JI3EHj4oRfyS3J42IADoKphmanPQorwuemx_nbG7kiQMO-EPhhkiKNKoVHObXnQP7vqVyjN9qW-udMWyxhbFPit6D_XhyphenhyphenFrMmzsocyhO07fn0yZQ4RTO2kddr6LdPMF660FjkLqojk8/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/AVvXsEj4XY-0pI59jA4aDLeUL0dU7zqIaTEITNQ6YMqjcnTiMSMBhOb1siAdP1rxvPiGdMGdhMSX_bSlsUVsAJCoYV2t_aXR_AJUiPP64S8D5yL30F-gE8vvSk15mG071-3YJ7sHuFNK01R3XaI/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/AVvXsEj9Anwxob5JQucfYj_PT6GYxOhwVv5xUcpARIAOky67NwBmz5Ju974wJOlfMlU_Jm05FQVopwmyIKW015YvAWqa2P83Qj2kvrnC8iEAsK2LNicBBV-RCTTrU8fZ2xL05UkKwUvS2VVMtuc/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/AVvXsEjI-HwTnJODctrRRAKjVdR-yBdKspxxxtSy1YZGcoikdH2wPbrxki1d7Ay3ttGKsbSv3ZAS_HYKMPGF4pGfQpmsSCH5h9nKdak1I_zD7O9pqqF3v87JXKR3Qh-MzF1rkYWhSdi4yxFjhzg/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/AVvXsEi8GeAkZMb7yYxafPTZyV5sxB7Xf0qihEhdLAaObZJdPzR8b4uNgpZ_3wAShchj4YUk9dCxsdr6vuvyLbJyDqpyq4ekwZvaVla-Q_40P0OuPgMgVEKYSW_cyd091f0gmujKFoEEFNKSU4I/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/AVvXsEheaF6eHKsH3rJfzrpmgA9FrTfr2-cAOGRzXEKicGqLY5z9rRjma9qU9xuyMWyOZsQgmaD3l8jU0DpOwmcPnmpAsEK7AFDsXIk9B2g35-mXL6s-RR-0D6KqH6LPyQrf7iIfoO2B1oucvWc/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/AVvXsEjLX3C3iG1m7Whpnur3J34pLjzJhvJS4-oDINV9CeoRBWvF1gy2C4ilJxadf3HGH823v8J9Z7NtAK35OaM88uBZKuPIiaKLXkrbtXCqZGGS0cfjXFqHJ0PIYskX1VzRE-KtPo7PioNEfKU/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/AVvXsEil28WjjZQG-vZxCLUaFEyc7JXvKT3gs7IHaC1yRQdt_5Tiym0TJ46LZ-9Z07nAX4M3eTxIG_8HEagpvzVF79RdsxX5-gexLE6vv-nZVA6wYfh0lnR6AzNeLArM_Yr8ut5qUyK1Xw67fCE/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/AVvXsEjF9WdjGZPsPpGLiaVQVkwozJJlzOItMtSUHh2Ygrw5JZmKIjOsb9zQQYJLfHLORa-YeOph4yMjMEklXIa3c7186ZTVtNR2-Dzfk1Ul2vowwK_i5zXNjUmfj6tYETdOR3ZEc8OXCGguCu4/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/AVvXsEhYMuYBi8ss6kxeWX7PJxGpZq0Gq-uqcV7raIlCBwRMwaOy157IIm1-eZzkaN5G1LrJp_1tQ2_Ww8zl-vFGJztqm6RpZAMLL_2Q0CK56v9o9Zyx_RLpfMPqgQLk5DQwhZ2s6zNBij9hLTk/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/AVvXsEhbxlGvdU6ct3mHQGhPAUR0EzwpsVGRjJyHBDLVFK6hoyo_0mnSNOUaj1ncckn3iYh-hnJsyITskO-qUfxAZNjz_bcnVBXNQojVjblwhBBjVrQ3PDXYy0Fikg_rYsosIPPsczscltGAHzg/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/AVvXsEh9wcYEVsPP4oRcxGKT4avumQHzkqyIDfbqvsd432tWL5VBHnnie8eLKpz05jSJnmn5AERklAvqts76rtLqZ227ivUa6B0EpNna3Y_t3UgglgFp0L1LDxcYeOgXzRnVTXNe_43qog4NEXY/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/AVvXsEhNcp7wWFBoST2fF7N042RDqwh7t6_a2H4ZWx5ibLxdOhaMr9o09hj_VWCnr-DOa1AYtwq1d45VWuDD9JEMN40whAOic4hUtvoHibnmJ9PmKFtIMQ3Hyozo4L7jVfTJkMDYNoazr6C-xGY/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/AVvXsEgEFe2s8kBAQkiJ3_7xerchFJE9r0vNkBIE9ZpjG6JE2Tcc3us0MmFqSIeakw7Rta0RXdoFxZTR2yYMK9_wzv_xOgZ1Xso-nNnCDIbQ-ZkC0pi5B0RhNAraumVhDGUDA8zlFAs0TxEdJEo/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/AVvXsEjydlpPEBefP2PqICx3jedU_F4hq4wxkyS7QYO5JP1wJpPDy_rFZBRHSUdES5PggyRie76a1rp-m9iiJa3JBEUlyWIVMEJTAv1d9VTWrQMoq9RZPrP3DJ2f6XDGbtWjOPLfA9KhLvBOM84/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/AVvXsEhXRrTzruWw5bsUQxzkR4K972QFHJKuAMcZUyHV8fU1Du8ZjqnlG6CQpATD9TeXTwz3ie_gveOpObqBWtJDJ4PSh_j8qww8Be8B9b_FOlib2KbAUlwrnLMBxLvSMnx8rYefSBd-4zQRIw0/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/AVvXsEj0DZMjaR-DZ0Lomz0HR-BQcMVt0luuKByWTH0QNYYxPWSFAhb6X6WQ2ERvMJvj3l83fEm7sVca3XAJIp-npw0FSJ1H_asJeaiusVNMbEXwLpISi6W_k7jNj13w9KSkByeo2710otc6g90/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/AVvXsEgL5Ly9m8V9qSDbD-DV0shfnqnoXCdrNJv3Fp7xHaDnK7gH3c9gHVBq2fsm2XH2JC3e0wDaaDfoPVLWuwdtjN7iJY9D-wWsshJxbG_3av37EN9YptfcFCqrMAmOwB9ffZtmTVFn7zFJ6VQ/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/AVvXsEipVvxKOe-QEqionBIBLP8uGb20j9mFcpeXzPxNT1OuQhuP0iZ7Q5P96f4jRIYZ55wCx3LYCcB0l0H2_Gt1hhOvfl1efVlfaFrQpwcD8I6nip5ZfYFDGJsp-EDEpd6z56hsNuZRRYbYg-g/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/AVvXsEjdYd8s99E8CYZzmYLllh1lszWNpCyLpT2oA2ME4tZZuBn8cFpR6vZMp19Tw2TXZEzqFSfxlSFguUE6j12Ryj6Sa2eURq-BELUSXVeM0EIlxFf_MBhsqs3YA6rUYhfaumzU22DF_XdbuOI/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/AVvXsEhoQUACpKfnnNXXnTKII2yPZrNZwSWpxPLfpLLcwDR7iYWOJ2ECI3SjrRugF_Dl8aZBjr8oyaut3FPfOTSzmvSBnaSNGfjn2KRCQBLy44tnyrlob6kNje1xx9Nu1XwNGjS60w2Bc-wjua0/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/AVvXsEiePGNnYuU6vlmvTega_FMJCp9cqsTPULuzyYD1RfkR5xNEunve77mPeIeV6CWhahq-nGq6breS1FCe_Br7BER1T6BnVnbQe1FGw8-08BmIyq-S-s0Uj56Yc3Ft86GprwJFTEeo1RjeVoo/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/AVvXsEgsSLFJ57Qd4VdsPLyVT9Sz6CTNOxlMhjNWuY22NUcA4nb7y8FAI_ZiTCGDAkk3viMLdL-a8LsEcyrE1WHz3OeU4Uv85zZmGzgrAkDkkG-MNPysvkz-MPX6VcbR4QMEc9KduO8XaTzAp08/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/AVvXsEhnNnOHZGDCieHayBhCXSuNxykatV0GPaEwwz-DofMPhNTCd5DAQxxkBEwtyV2QXDGf01k0OmdFlaKA1y-Qp9rRtMn26rY8RVg-Dck6q48l8l9oeyVdfaIdxMT7cLhVhwtKgNyDMfC0BDw/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/AVvXsEjd4Csb4vqHqqWQKdz61u1S9GrwiXy6L29PvUCr9G5iz1Fv35MqMng358hErJRSSL_amS0nyHYPfS0ufL_5ARNr_ztNKb-x6Xqnt9Owi7vejubhY13NJeKf_SNVZvM60hh7Y9rVZ51BSxQ/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/AVvXsEiyyQeMw7_FR-vBmZPQLK0HOxTalAa2fA6AS6N8_fsotIuP9fkWPWeb_WNUp1EKrftstw5QntZ8dI_jWEqABiQDP4xVdExZ59AN4xc7Rfjo9hI4DUqdcahwQACjyqGf6Kr-8vphFa4Aurw/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/AVvXsEh9UPRuOsColr8yzI0wmkcjJht4GI4PRVknB_LdxaDGCtLveOSMUzDuzuBCBDYL3G90COhVxY3keThUUG_VfVLOHVny2fIVWCvb8JDqjSg7d8yvWynzp-xhC-iHAQiuwSTZkz8f31784Ik/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/AVvXsEi7ZCzlK6bxfmqpmn_dsXA12uJ6o0qRB2pWLovMBas6YravRQrlA4wXbHHEBTbs4WjvXgxXIcbtP_8939Ne70ijMPVuYcY2bqDLyewVUuk95DbqvZbXypjwjtCoUKjNVLdffh8pOHBRyM0i/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/AVvXsEie_elcJ_aotrQgnB1rnAnfyIB_XKSqYKSScjEatOxq8TqXDUlKcVNpldewqP0ORoERYC3zm76WfOlwzIlogHAWIIE4u7dxBZgWLBjEZxvq72XAnqZ-qIwkR-Vcv7WrX_Ie1_rrRDuaZAlA/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/AVvXsEiyPqNCHm_3EC97hwwwsnfMxA1mn1L8FVD3RE4l8Io0sU0pfrevh4D02KYVTBn52mGKSptxFsRlKTebozfngPbhqGzmzkKRZzemZIQGrFqoWgVFJ65Yao1obVxjUVqFbL6Kg-tbEu_gha2i/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/AVvXsEioUOK8x6PwDKOo6pr2qSTYytckFdxo2A62Iw8tFv3dmIpKjC6uBNprlZQO9C_o0ez3uRp3JqpwyY40glTv0AYMySN-WZ5FHQB8C27sbDtUiUum3zmM7u7G7n4Gs23rRs_h7huVwPYwUgT9/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/AVvXsEgfwCaO5JScy6GJ1fDPlV89kmIKpJdQN3yzEd0evfLlmZ7JE0NhBY5ghP027p-dHZ0gnB150D0CaeAHQ2p0C35ZOknDWGiqQGL8IJ4Z2wVCJwNypbFofHm4lanO44S_5TorIkPpwpw3pWG2/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/AVvXsEiXutAeDkJpTLwKnixaJ6eYdp6iYxD3odTjGRDHJuWf-IfS_doo3n3lmIbzb0awl4PKYK9rUVNGRga1sNaaj-6gcS42vHt1_F6FGbUjanxUmbpsTxWfnOXx57SVDv1A1ZZb8vKc57Dz67nq/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/AVvXsEiPG6yEuRM0uPfVyEcz7zMc0YLVb5gIrfMlMa68mvYHi3cFTSFocZVGwBjoP_8M_bv112rbPdYmmLV31Jkzx1RH4xtIRD04NMH2HwJbRWKxJVSnRDWjUzISvEDDnWl9XKqtc-5PejxRfBsA/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/AVvXsEhkdkeF1zG9WI-IusYq7uFV9JC_PWKNPuo3pjE6WPxFfg12nbsy8TpGQYUMS3K0DBX_Gd460C_l9W0FuaDorR2vWLHVVOp78GRMK0vRSaSgpLZKpJvpvc0M7O_j0NOb3eeFxu08EkBib39h/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/AVvXsEiqolR4o_k3a8ZCY9i1cp6HmTJGgtYv5pNDXYU-66b40rloF9QXoTvdvPh3ufT2F2VX6gnbZUjLpN2nhNWlTsJdNbu-cD4kEFiNK_zlS_yW9e-XAm1zVBEyzJKoaOHzTwNzFkeRcAXI9B8O/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/AVvXsEjf96VwKarpBTVDLtzS3CPlZlKZQMuc6NGlASnu_-vGlTqHu_hFsC8z-Hr7m9kUTKqO53wcuAw-zbLRnYdDrE5nTpXkj3L-o-WTHAGamMnOF4agMTd8816n60qo0Xg2CmNBPVZZaaKQKJl6/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/AVvXsEhsQjhf7tS1TjlhbfDX2vTINrahnCVimoS_hidFkYwAJ9NOSiUmTbU_Dt6eFGlDoeuWolzToOWRdFDsJSNEW3a6wryS2ocStCb99k4Qh4KUJQfhl1YFYj9DXr1lBKXNFfksQh3qIl0xvHbe/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/AVvXsEhu-jiTLsTOnQpYBWRo7x67MsCD_atQNCg4nxjedIAVCicFBNaAiF1MDUcKQIFGoQp78d0gYAD9LFYYmbvIBswcGe0sTrGnzS_oFOZEOBlV2cFzDwznQKwmJv-Voctg2CmNCH1sumcpJBIz/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/AVvXsEjnk72fj0dDJUn-lm6SiRl_YP7webcVIUois87WVZ3_LYDgpgU3dCpMcl2EVJyp9i5QCpqBFPErW2wppVABeT0YPEMJmjQ0OZISEkgbZZgnfjjQipeL4WWxIx6VNLfzYryAqB9EWPvzZs24/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/AVvXsEiwZ7VJKfLHP1rm29QZ2d__UFXoj-2KkwLZ0-afX9KDj43CNPDYLIw0E5By7IcjVNiaIqqfqIuR0pExUHBqAXjT2PqalKoCgJM67R9V9Etcm_c2ceaCc05Zuijhmbc4Bf8KTi9BuM16tSz1/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/AVvXsEiMduhOcklUYwUsJrh0auoPp6OVUrmn8Vp50A2dZd-ndwKOykoZFsXNrz8TispBXgZg2k7vQUT2qNZ-SYOsBw6UN70J3-UK-1RQkK43PMrsbE-Ga15_jtQ4LUvZGSOT6uwJ9TET0Do5DwYT/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/AVvXsEiI0v6hZPEGfhxAC5zJzRpRkIJqX8FbIQN2xo99VK2Ye25BmYZWEQJA7CnZnJHS2y1BRoTxN_HTUwcXFUoIJgWpmQALCL13X3ONTIFGOAfi8A4MrfUcCbsCSH84-DD9s8lUc8WeoNpYwaGY/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/AVvXsEi215mp1FCssftGizJaNjIsV7YeZUSTwriVSWKsrs5TJEzUVvhmPii0v2U9ScuGGnRVCQFg2N1efyrhFpbsZMkm2e-n34p0Vx0_nA9LbwliqKBwJwtzr6bDdxneOsjQQTbJYSQpJzrcElIr/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/AVvXsEgI8zMb-WT487gNpNiQwDs5TNZ_sZzaHxnG4PlB_nEnu_CvYzfo5lRGlGlxJsQ6dcoq_lFoCvz7iYQ_XMIizLoMsruqzKLpQ-VE827VrG00_BtQVx52ns9jcfoG9L20XFjOnzHqOAbodM9i/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/AVvXsEiDbfFzzOb1YtsL8MJQYagvK6b2vG_CWxxME5DaEJqEhDFFr5j2HIDfekQp22sG3pIAr-Xu4zawJWxSWGjqg3JDCJdknNlDogKe8IbB06W1_rd_EJR_Vw00bZdhbBsKzlDbtcMTXZmi7H4o/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/AVvXsEi1-BaXwIiFpYPlHEhxxwbU1casqGPRrmQFUN0roz5yGvaBG5_UM41AMi26jy_DuMPDUVNhsBWWEHYuXleAkL5hyrnJ-LZRpjboeVuRTX3oLPup8pFWDLk4k-3kv_bgJHknK1d7rT7EMu8j/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/AVvXsEik-5IIm5b92gS0nDan44lOr01yHxvOqe9xQOTrTqRZdRFgYqCzAR_YSDHmVmKCo1-2CvfIcArkFr9XcQ30qAY1hO2jQJGbtxFmjq-IhRpwbfFtKNyVngR3m84w23dOqo2CgA8M7EHKS8WP/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/AVvXsEgEkmyPAbvod15pK_hGkKR-34Jrmcs8XF8uvVRehfbJNZKtOwX2VKtUOSb0KPRr49NaG008WGqVr4sb6Nqcooburf1fZ3KVuPIrhnzGF2ylF4dfZRNF2X0yrTZ1DGpHbWsHWsy8gVJ_7BjU/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/AVvXsEjFW5J-VegmAiEIpAUGDXp2Uv1_apCYvQU6ctzyaKIZbov3mJGmZ6X7drYSks1FLDlHgn6mbvM5Jy7IpvS4d53NVcJz0x5auF3USxx_EXOnkIzsEYjMOxYHfJk7JzpE5gH1IUZ-MjIDYM3o/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/AVvXsEjUIntl6wXp2zkST0XcnoRQfcxjzwnsSKjZOoOReMoElGqJUv37K_ZgFKmGGloF0JfULpde4ZoZjpogHh43yb8r_UsQult4XoHNAg_uUsPdkTG8dGzaarXnE25FrMtInEvzzfQC9Qh02OTs/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/AVvXsEhMVFXNRjJniOVNkPnZS057f-1evr-y09uR1RiWws3JZHOCMvkHYx9DadZG4tytIOnKdqYTrpd95zFOjp5Sd5RZJjw68cTApvk8S0ISkPNEA9GVoSyvPC7e_IEeNBcyX5BN68tWQFo-dEvj/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/AVvXsEgiVN_-g2mWsiL9jQP7gNx1V0fM9KbZRlvW02twqhkS3pTA0CHCkMV_Q1dHZANY3yITZRfoP2DngeEPSnf_WXzpgYdnQi5Oe1mDMGq-oXFErn_-gYeKxWw4Qlv7EHIQfOvu-MjRmHuZ8xCY/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/AVvXsEiejlLJJpBKRdq6pXR4ph360bxN2IrohKisPc4HoIK3ozuv_akJeIj7VGpcwbd8iWAlciusdEY5H4LvRFdSYaXeeePAyPbm10CdqrESNKN0oKLtDWDZywhLnmJ38govheTM6ppG7JiWT-LS/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/AVvXsEjnk72fj0dDJUn-lm6SiRl_YP7webcVIUois87WVZ3_LYDgpgU3dCpMcl2EVJyp9i5QCpqBFPErW2wppVABeT0YPEMJmjQ0OZISEkgbZZgnfjjQipeL4WWxIx6VNLfzYryAqB9EWPvzZs24/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/AVvXsEjL1WeE91I9R7tg84zXMf7MM2aM5vOFetE4j8bv3Ar4bD2NAOVDwQ8j54QkWkky-7gZ7Rf8nMCLzSV30xXv6AMpz2ZWzB3LaWjb6PgMNoSFw0gnskSHhmHg7oQLiRF3XL2jGy0pzRWlfFCs/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/AVvXsEgIEnxDvN67A_4aEb4KQS6nULi5YDiD_yfdFlsywgaoBJHvu5EROfKJCJZnk1TaB5-pnMIYgiNJK2LnH6axb6jdPtyRYYOpoWgHX3Gfd6db6uDlTVZtdLdAvEXMfZdkmhnXkoMwuK7Z-7Zw/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/AVvXsEhn-xGVM7TeedUSrtIupU_CZ4CWB6a0oSvI8NZbXMFhCg1KKvRdR6_qFGrJIzaHBqXlTY_2wQomr52DqYR-Cl-hz0gVyrgO_pZbWKOtWpgPzw4T1qKK6d277f72xIgpaZBuTj5AaCKCiy5b/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/AVvXsEjzETcHGZTvlhEbNKjTxKhNMquD_ja2bHGFfGIMXxGlq5-d5iDcF_QEi5pzu38BOOdkbL-z93jpzgJgY-bJ8YXEF1_6uXk2TpFCXqWYirLp-Gi4jfQTRhsuxLbzkijSEw6Osx7Y7RWtbvXu/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/AVvXsEjATL5MJ05fmlKy9bbtQxoaNa1mZqbVe9qr_I4RriyKVkF5XpuHZc4WDFIyGDf5L-GFXzmlguQjhHZfl3MGhUKgmEyOzE5MkooixMEZEKjE3WmGkA5j9ddzCYL29JlDHsCcG4VLG0wwBloY/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/AVvXsEjENKGDxyfIAlULo8MwB_yNPyRAJlhGKXKMpOaq2e4qJr2aw7BIwv-6VEVLd6TSFonK72QWCv2F5BZAOFmtmVbqbfiv2yQZgvyv880pxEU1nU1RYh8zGeWdFlog-8_NFnkztd7OgAesjxiu/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/AVvXsEidGnNfPFt6pOV5avYTMFWiL3GUT5wxOU71-tssTreZ6AcIfxpZQSotDWRq5kd2V7S-BA2mtJDOnTSHV8E-DPgfKeerTPP0RGwfxHXr9kPXM1GJ9aVaQgi89UDYuh3TD169p1_5meNlTJtk/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/AVvXsEgKxoHhYoFPSEpnjiZ3hAblhF-GSfKuU3OPSXHw4knKWpnzYraU4d_6v22ZlzHxJXPEMB6X14Lk3cT8KhKTD9Uqh3TOfz6YteXXuOQWZ0-PZ0ZBTaXc59PfNCsT7d1try5wsvBL-bs3aLqL/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/AVvXsEjAgkA2XzAO5l8VXPFX0YTdBeuBMqbZdlgjhs1QV5ygcXQ_B5f3KSJry1Q0LmvH7-_-DNtkZEzn0vLIcc-rZOSe0fVI9jJ7hy-v7jwi7B-cEwPEf4jpZVrfqhv8B_HVcFngz73zxlUA1Xn8/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/AVvXsEjByhXVEH54htUOEaweCk6HflUfqS8sHeASiY6e57LH9hr-_FrJ8evMIPJpombkbzCCFQgtSXMGisGEhe56YV_ty6C2di7skMYX87LGzGVHgIChetq26EPRlnnzFCN7m-fdvKN_0jdv_zfq/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/AVvXsEjv6iYG3OVpzYH1-SatUio_QRYQIG2VMhqbivBiLrDtsEL38stL3Stx4VacvzSSq64T-cdDoFJevsPnTqEgwEgybhevjpcq69Qxd8_mg2z9iNrJnqd6eZyZX6gt6xr8d7pkwSulFlF55HlH/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/AVvXsEgj0cnDSLt89iDu1uKJAr76gY7_7RXft2H85gho-NMnKZoclmOp8uJRg7zID9pUAZT5eD7XwA5Gck2tow-4vl9nN2D3jPEEUe0ydzEwIRfwQ7E7BZrmn3sxC0lgpTLpdTJnt-mGumpWwUOe/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/AVvXsEgYRhIYozqKqfXp_QQvfElA1igM5piGgtvkw00B_SIHYmbXfVfmsYRtOv11YBzv0OnDGKpCoE8yPvef5ZCJBzSIRnGmJpXUWcKOQdmferWR75AiUnSmi5k8vL1iJG58Mi1sGqYu_yNSOdj8/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/AVvXsEgu41KDuAIU2_DxbZDklJcd5hXdZtJpyHEF3XvAcMK-V0dwcNk6MStN6BV-AW9eUwKCKdTGv3C2h6sNpJjmBU-z9FXyXDqTC8IJ6j4oPq5imaZ6QRG90f8sYvfOSP7z1Bj9Nysy0dHZSzNA/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/AVvXsEi7ClQZiu6XPuIUasQYiAFY4OEs6FTWgXzLr1xBrgGhA4E-Q0cP0PIYE1jnwNl4zXJSOAU60H0n6AHSEYN4xO4VwOGC5mnzHhQFlczIZir1odnt9_gG6XWHg75IhvtviImyR5hGru4gKMp8/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/AVvXsEhSn2Nt85pZ77T7WffETHclMQa4k04ryI33FbQu6_sfWbE5NnRIPQ8uri_czEH247osrzz4vxeECG8byMzvUngZMbyKK4Znzc5bNGMtiQk8st76O3-aB0LWRueTqnSyfIfy08Ve10F953bZ/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/AVvXsEjVNUSuEBByRbQre3VA3-mZ70sMVDf0TvibWCDf2WMVWIx1Ncz-DawQE9GL2xt63pEACz7hWCjfpQDHLDjBRmJtb77T0uw9I-cxbASEJMaUilTx7OdJR1aktAqiqxLHrZaFmvY7Yn6UYVLN/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/AVvXsEghwhisM6ZzvcD3KFwWi48XxVfoImKl3CPXeZGXxbM6OL2VfmkeqwpgU2RBamXBtckehy-baaUl4UMuu_74p_6D56Fn967Iy_M8MveHi653tuziTBxBrqeHeeD117Qlplr2ctohsE3rRu6X/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/AVvXsEgshwV9T3j0lbE5Q5OdP1aTQSKGWyahziMp1JxpSCTKvpRHsGnkUgXBjtpeLNH787AQ-oo3LtPG64p0CRcUICgx3Lk05ZADLyTq8lQwAvCRyjGM6PsRAu-j8nihqYQ3CVIV5lckZh3_0tG_/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/AVvXsEhvesrOj6QFd4dEVp2mjZuqLb3rwS34Ze0IllL0NTqJ-uRfmXXt6loc73iHy2Ec-W1lbtGO2OYMawlzsIoRLFEvu-Vs3KRz-w-HpONghrCHxXw_DDwy1Rlurz8xosqFJf3dByAkb9zHy7Sr/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/AVvXsEh89aePMfF98xh_gcBV5ap_BH91Ws7nisCftm0kWd7baYpH6-W2JqG2jDcB-jbB2qVrzXimTr9qF54qvQA3zY6N0XiLRYXNC059k_k7Ry4IRHx91BKF6kCPilz-eE5uc_U8uXyrwjF_X4vF/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/AVvXsEhI8c9SdEKz2OD1dzz4t9QI1oAXLZ_buw_pz83OxEweqqis_TcK6CTqtq2dhKmL7djOACR7xts32135xUnZ3wwY7NTtETDS-cdZ_qsmuRaNG-8nKJPIMLE-XP3E0xZQDi7gkW1cFrPrAuA/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/AVvXsEhm4CS0v-YUzvdpEZMPfjKqluPbXfKQ1zbcQS0erYD0mPBph6hQjs30X7SkImp2qOrNNvFPIIVvK0_ZHtoZ9Gih_Ff7pwhmK_iuEtCHjxH8vuO7RjccitC745feitioT5dk4qRi_cU33nQ/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/AVvXsEhzuxJYNRxrJtUH0E2FmzQG4OfhYPIXrU_ykx1G_wCvL65JlpyhTccRnkbtBjLREhrtIy3qtsbUzFhEJ8T8qaAgqRPykXVcKEpRsVtU0_FmQrYfcd5ysAoBav7rDbtjlt8htrxXcWzSzAE/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/AVvXsEj_srAj0FfHez3ch63GxuFMYHbi4_X3OovsFXPhQt7xmvmMixKUEexo158Iu1UiZFwmnDUHXzGH4gbhXEEytgN7mr7qtswuYJrScYtZeMH6Ne4B45MkL_RoYTni0uDTBQDF0mYXSFcp488/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/AVvXsEiLN1kCVzCTQbNP6HAtY_rvcpsIVZQgaKJhBVHw0I3hNn6XA3RTtQlhWyJeiAB_oI6gKPBAiLUuZP_Q_U1P_CAYKluf03k9kKwq2A76nIp8coSapu9rut9pn14cKjgCdNwjqVX6B0FrFYM/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/AVvXsEhCzyExu7XQb7Ekpiw1aIAl7COhqb8CaC-YMpKVyad49ai5GVrzhhRD62j7xDVYqcuDNUNrnIImtiGgcbK_j568tGuyLwyiMQDPx8c-c23tHvsTGOKiW0gknybu5Z4mdX6__a6vTyWBZPQ/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/AVvXsEhWWu8OG4CzZek7hi7cRPxQBD5qNGqztAC7NJUZ-C_o5z_EuaiaexZ57H9uMxH9VEo0t-xJY2tBM_Cm0uZxEKl5QP9Dha6vB47UpUParJDeu8CquzOyiHeFwy6drmF10GEmtnqi1RtX47c/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/AVvXsEigPYlFIXN_rRv2asxekP0tXshRosQsN1F6Zaxu7unPynyWvepk2Dr0CEcPCpLJg6YO2iZVdeWp00o_s3UDnnSax56paq6-IggnSm52XFQ4nh7tdfNhLm5rKU7lchND5iZgZzBklmqUpVU/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/AVvXsEj9UuhMKYUdETT1Sdfeu2kLwH9rBRNSI2I14ShsUiO8eTaEWBZ1qIk0hJRI49IWBIGn-4efXPHFbDNTypq5ty71MzTc0Qvq1AbsZ2RJzgo6zxXV09K3GmVbGL4gxJ18iZMeCmkilbsFKrg/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/AVvXsEhFGUs9uScqb3UcfNkwjDLn57xwrvAFQ_B5e9U-2IYWwJqe5cqRlu3OQXL2nHfZ8yVekoFWhhKRWkD7xi1ciCdjSS8uGOc13Qu6K3IGIPyOotW6HMhT3tLVYaiz3YWBdUU4Y_ucNUEXkcA/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/AVvXsEhVA_HRFKM_wjWbdMemsLioGkzwOrB5CTl-ese6GM589YFJ0NafjeEkNVKjXoCKByR8ZxPNXeozwUzEz2Hjqpe3Fq4t5E_52N3g096llLqCNaZcagttxOBIO6J5EH1Lac8lv-kpvq9-ODw/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/AVvXsEgBUIrYhp4cTzPjpSKNL-AHAzKV0B4PGFM3RJsiM_3INXha80fpTvB4QglykPLCPOEN9iZAcGJRJT3-JYFZ3HqmheTXlzzHAhx8bySZjFERn3y-tbLDFdqvFlFBhZ484DcCWMIdeXCaxYU/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/AVvXsEijlMfyeREU7TL826YRA3TWSfGEcy5lw1RhAHr1GlajaFihR3AFWcsOMhSgGxpgUoCXhIm2jm3fn-8PUsGs2rVuiqjTuXTnbwSZf2tYlo8OGhnxEDq4Vpilt3jW48u2drxrkba4z02QPfA/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/AVvXsEhWS9fFektOr2kSe22A_cn2h7_cAjj0aGQnU4PSsSlNQjfeEGUb0AVXIE40DZUsGAgVW6l1KPizpg7Ee8nl7Y9-37_gXO4_C8IUJCLHGRuKg4PSZxniEo2P_oL2cz7uWJyhq4YCmV-Saq4/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/AVvXsEg1Y2WYPxLUIPPdJlC8gfy1nWc1uN65yBtBtDUr_y8VT_zGxK6JhMte1SWn_VTIuhrc6yjK7BSYzODeXSSZxLDtQGxToSSTD4R8uFeUqa5WYgYD3xEHXfsDGlrNZAhhtVUozPE_JBfanz4x/s1600/Background_snow.gif" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div><br />
<br />
<div class="code"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/snow.txt" /><br />
<br />
</script></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b>Note: <span class="Apple-style-span" style="color: magenta;">We are going to add more Falling colored stars / Snowflakes /stars /butterfly / heart / Flowers / Leaves, so keep visiting this page.</span></b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
update Faling snow >>>>>>><br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="code"><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript" src="http://safir85.ucoz.com/bdlab-blogspot/24work/snow/snowstorm.txt" /><br />
<br />
</script></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>adminhttp://www.blogger.com/profile/05862512938521359939noreply@blogger.com26