<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-9160206613808754677</atom:id><lastBuildDate>Tue, 21 Oct 2025 07:16:49 +0000</lastBuildDate><category>WIDGETS</category><category>INTERNET</category><category>MAKE MONEY</category><category>COMPUTER HELP</category><category>HACKING</category><category>ADSENSE</category><category>BLOGGER HELP</category><category>PPC</category><category>WEBSITE TRAFFIC</category><category>WINDOWS</category><category>EBOOKS</category><category>GAMING</category><category>SOFTWARE</category><category>VIRUS</category><category>WEBSITE</category><category>SERIAL KEY</category><category>UNCATEGORIZED</category><category>PLACE AND TRAVEL</category><title>I-O-M</title><description></description><link>http://i-o-m.blogspot.com/</link><managingEditor>noreply@blogger.com (nscsurf)</managingEditor><generator>Blogger</generator><openSearch:totalResults>115</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle/><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-5413336380980325086</guid><pubDate>Sun, 11 Sep 2011 10:41:00 +0000</pubDate><atom:updated>2011-09-11T03:41:37.132-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">PLACE AND TRAVEL</category><title>A Place you don't want to visit</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class="modfloat full" 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;"&gt;&lt;div class="module moduleText color0" id="mod_15846095" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;TOP 10 HAUNTED PLACES IN THE WORLD&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846095" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;There are many places where you love to travel all over the world,but there are also some places where you never want to go.it's a list of top 10 haunted places in the world where you never wanna go.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleText color0" id="mod_15846102" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Berry Pomeroy Castle,Totness&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846102" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;This castle is located a mile away from Berry Pomerov,england.This castle has to be in the top Haunted places in the world,it's said that in this castle there's a ghost of two ladies,named white and blue lady.The blue lady is said that she ask for help from the passers and when they come to help,they fall to their Death.She was the Daughter of Norman Lord.While the white lady is said to haunt the dungeons,The white lady was imprisoned there by her sister who was jealous from her beauty.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15846157" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846157" 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;"&gt;&lt;div id="img_url_5496612" 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;"&gt;&lt;img alt="" class="full" height="325" src="http://s1.hubimg.com/u/5496612_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;div class="fullSlide" 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; position: relative; width: 520px;"&gt;&lt;a href="http://nscnikhil.hubpages.com/slide/A-Place-you-dont-want-to-visit" rel="nofollow" style="color: #297ccf; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" title=""&gt;&lt;div class="slideshowButton" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://x.hubpages.com/x/view_slide.png); background-origin: initial; background-position: initial initial; background-repeat: repeat no-repeat; color: white; font-size: 12px; font-weight: 400; height: 20px; left: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 30px; padding-right: 0px; padding-top: 1px; position: absolute; top: -38px; width: 111px; z-index: 1;"&gt;See all 20 photos&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496612" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;div id="img_url_5496613" 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;"&gt;&lt;img alt="" class="full" height="363" src="http://s2.hubimg.com/u/5496613_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496613" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleText color0" id="mod_15846168" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Edinburgh Castle-Edinburgh,Scotland&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846168" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Edinburgh is one of the most haunted cities in Scotland,and Edinburgh is the most haunted place in Scotland.It is said that people who have visited this palace have witness a phantom pipers,a headless drumer,and spirits of prisoners from the seven years war and colonial Prisoners.This castle is also the centre of military activity.This castle always have a strong connection with the military,and spirits of many soldiers were also seen here,It's the most haunted place in scotland.And surely one of the top 10 most haunted places in the world.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15846169" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846169" 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;"&gt;&lt;div id="img_url_5496636" 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;"&gt;&lt;img alt="" class="full" height="391" src="http://s1.hubimg.com/u/5496636_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496636" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;div id="img_url_5496638" 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;"&gt;&lt;img alt="" class="full" height="390" src="http://s3.hubimg.com/u/5496638_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496638" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleText color0" id="mod_15846170" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Bhangarh Fort,Rajasthan,INDIA&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846170" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;This fort can be seen on the way from Jaipur to alwar,rajasthan in india.It is said to be one of the most haunted places to be seen in india.According to historian This fort was Cursed by a black magician that everybody who lived in this palace will die and after few years all members who lived in this fort died.People who lived near this fort hasn't build Roof on there house,it is said that when ever they built the roof the roof fall on them.People around this area don't go near this fort at night,They claim that they have seen spirits of People who lived in this fort.Staying after night in this area has been Prohibited.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15846171" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846171" 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;"&gt;&lt;div id="img_url_5496655" 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;"&gt;&lt;img alt="" class="full" height="390" src="http://s4.hubimg.com/u/5496655_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496655" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;div id="img_url_5496651" 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;"&gt;&lt;img alt="" class="full" height="293" src="http://s4.hubimg.com/u/5496651_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496651" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleText color0" id="mod_15846172" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Raynharm Hall-Norfolk,England&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846172" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Raynharm Hall is really famous for the ghost of "the brown lady".This brown lady was captured in film in 1936 and the picture is consider as the most authentic pictures that have been ever taken.&lt;/div&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Colonel Loftus,who was the eye witness of the Brown lady in 1835 said that,he was going towards his room when he saw the brown lady ahead of him,when he try to take a good look at it the figure just vanished.He also said that the lady which he saw was noble and wearing brown satin dress.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15846173" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846173" 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;"&gt;&lt;div id="img_url_5496677" 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;"&gt;&lt;img alt="" class="full" height="598" src="http://s2.hubimg.com/u/5496677_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496677" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;div id="img_url_5496679" 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;"&gt;&lt;img alt="" class="full" height="290" src="http://s4.hubimg.com/u/5496679_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496679" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleText color0" id="mod_15846174" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;The Tower of london-London,England&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846174" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;The towers of london is really famous around the world and also one of the most haunted places to visit in london,No doubt why people call the tower of london as one of the most haunted places because over the last 1000 years,so many tortures,murders,executions has taken place within the walls of this tower.The most well know ghost at this tower is the ghost of Ann Boleyn,One of the wives of henry VIII,Her ghost has been witness by many visitors,carrying her head in her hands,on tower green and on tower chapel royal.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15846175" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846175" 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;"&gt;&lt;div id="img_url_5496704" 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;"&gt;&lt;img alt="" class="full" height="383" src="http://s1.hubimg.com/u/5496704_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496704" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15846177" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846177" 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;"&gt;&lt;div id="img_url_5496721" 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;"&gt;&lt;img alt="" class="full" height="358" src="http://s2.hubimg.com/u/5496721_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496721" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleText color0" id="mod_15846176" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Screaming Tunnel,Nigara Falls,Ontario&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846176" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;This tunnel is located near the Niagara falls,Whenever you visit Niagara falls don't forget to visit These tunnels,This tunnels are famous for Screaming sounds of an Girl who died within These walls,It is said that the girl escaped from the burning Farm building and died within these walls.Once railway track were located underneath this tunnel but removed after sometime.Many people have heard the sound of that girl screaming very Loudly.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px;"&gt;&lt;div class="module moduleText color0" id="mod_15846425" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Ohio University,Athens,America&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846425" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;This university is said to be one of the most haunted places in the world.Many places in this University is haunted.Wilson hall in this University is famous for the ghost of a girl who Killed herself moment after writing supernatural things on the wall with her own blood.Washington hall is famous for the ghosts of basketball team who died in a terrible crashm.Many people have claimed that they heard the sound of basketball dribbling.And very famous the abandoned insane asylum where many Many shock treatment has taken places,and a patient who just disappeared from the asylum,found Five weeks later,her Body was decomposed and left a stain,The stain can still be found in the university.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15846426" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846426" 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;"&gt;&lt;div id="img_url_5499435" 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;"&gt;&lt;img alt="" class="full" height="238" src="http://s4.hubimg.com/u/5499435_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5499435" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;div id="img_url_5499428" 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;"&gt;&lt;img alt="" class="full" height="362" src="http://s1.hubimg.com/u/5499428_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5499428" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleText color0" id="mod_15846427" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Monte Cristo,New South Waled,Australia&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846427" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Monte cristo is know as the most Haunted places in Australia.It's said that Mrs Crawley The owner of the mansion never came out from the house after the death of her Husband.After her death her ghost haunt this mansion,especially her Bedroom,where many people have seen her spirit.People have claimed that they have seen her ghost in this mansion.Many have said that they have seen her face on one of the windows of the mansion,Bodiless ghosts,ghosts voices,can also be witness here and it's really one of the Top most haunted places in the world.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15853784" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15853784" 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;"&gt;&lt;div id="img_url_5499455" 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;"&gt;&lt;img alt="" class="full" height="414" src="http://s4.hubimg.com/u/5499455_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5499455" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;div id="img_url_5499465" 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;"&gt;&lt;img alt="" class="full" height="334" src="http://s2.hubimg.com/u/5499465_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5499465" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleText color0" id="mod_15846429" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Highate Cemetery,North London,England&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846429" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;It's also one of the most Haunted places that can be seen in England,Eerie Crooked gravestones,headless angles,Dark overgrown Passages between the tombs make this cementry No one haunted place in britain.This cementry is really famous for it's haunted activities and it's chilling atmosphere,people don't visit this place at night,and no wonder why?&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15846430" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846430" 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;"&gt;&lt;div id="img_url_5499474" 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;"&gt;&lt;img alt="" class="full" height="390" src="http://s3.hubimg.com/u/5499474_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5499474" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;div id="img_url_5499479" 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;"&gt;&lt;img alt="" class="full" height="352" src="http://s4.hubimg.com/u/5499479_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5499479" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleText color0" id="mod_15846431" style="clear: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;h2 class="subtitle" style="font-family: Georgia, serif; font-weight: 400; font: normal normal bold 1.2em/normal Arial, Helvetica, sans-serif; line-height: normal; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Changi Beach,Singapore&lt;/h2&gt;&lt;div class="txtd" id="txtd_15846431" 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; word-wrap: break-word;"&gt;&lt;div style="margin-bottom: 0.75em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;This beach is popular for killing of japanese during sook Ching Massacre of the second wot=rld war.This is the world's Most haunted place and i don't know about you but i would never visit Changi beach.Many of the chinese people were killed during this operation,People have said that they have seen the heads of chinese people flying everywhere,headless bodies walking around the beach and ghost on changi beach leaves blodd Stains.People observe dug holes during night,as if they were used for burying bodies.&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="module moduleImage" id="mod_15846434" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846434" 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;"&gt;&lt;div id="img_url_5499501" 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;"&gt;&lt;img alt="" class="full" height="404" src="http://s2.hubimg.com/u/5499501_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5499501" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;div id="img_url_5499502" 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;"&gt;&lt;img alt="" class="full" height="390" src="http://s3.hubimg.com/u/5499502_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px;"&gt;&lt;div class="modfloat full" 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;"&gt;&lt;div class="module moduleImage" id="mod_15846414" style="background-color: white; clear: left; margin-bottom: 12px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div id="imgs_15846414" 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;"&gt;&lt;div id="img_url_5496734" 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;"&gt;&lt;img alt="" class="full" height="355" src="http://s3.hubimg.com/u/5496734_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496734" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;div id="img_url_5496741" 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;"&gt;&lt;img alt="" class="full" height="527" src="http://s2.hubimg.com/u/5496741_f520.jpg" style="margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;" title="" width="520" /&gt;&lt;/div&gt;&lt;div class="caption_full" id="img_desc_5496741" style="color: #888888; font-size: 0.857em; line-height: 1.1em; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 1px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 0px; text-align: center; width: 480px;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="floatclear" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 520px;"&gt;&lt;/div&gt;&lt;div class="modfloat right" style="float: right; margin-bottom: 0.5em; margin-left: 15px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 260px;"&gt;&lt;div class="module moduleAmazon color0" id="mod_15854160" style="background-color: white; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 10px;"&gt;&lt;table style="font-size: 0.857em; line-height: 1.2em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;tbody 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;"&gt;
&lt;tr 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;"&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/place-you-dont-want-to-visit.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>2</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-133566472878877953</guid><pubDate>Sun, 11 Sep 2011 09:38:00 +0000</pubDate><atom:updated>2011-09-11T02:38:32.292-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">VIRUS</category><title>How to Create a Trojan Horse</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="color: #274e13; font-size: large;"&gt;&lt;b&gt;Create A Trojan Horse Virus&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #274e13; font-size: large;"&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
How to make a trojan horse virus,well basically Trojan horse is not a virus,it's a malware,in computer,but generally we call it as a virsu,but how to make it,well i will teach you how to make a trojan horse Virus in 3 minutes,You can send this virus to your friends it,will not harm there computer but shut down there computer immediately,so let's start how to create a trojan horse virus.&lt;br /&gt;
&lt;br /&gt;
First go to your desktop and then click Right mouse Button,and choose create new shortcut,a new shortcut icon will come on your window.&lt;br /&gt;
&lt;br /&gt;
In the location type what i type&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: red; font-size: large;"&gt;-s -t(# of seconds until shutdown.es:50)"(Any message of your choice.Example:Trojan Horse Acitivate)"&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Name the file whatever you want it to call.&lt;br /&gt;
&lt;br /&gt;
After doing all this your Trojan Horse Virus is ready to use,remember it will not harm your or your friend's computer it will Just shut down it.&lt;br /&gt;
&lt;br /&gt;
To give your virus a Extremely Good look,To make your friends think about his computer choose an appropriate icon for it and then your Virus is ready to use send it to your friend in anyway.&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/how-to-create-trojan-horse.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-230835261869508993</guid><pubDate>Mon, 05 Sep 2011 09:04:00 +0000</pubDate><atom:updated>2011-09-05T02:04:00.491-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Floating Twitter Buttons With auto Sliding</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Verdana; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-size: 12px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Add Floating Twitter Button To Blogger&lt;/h3&gt;&lt;ol style="font-size: 12px;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design&lt;/li&gt;
&lt;li&gt;Choose a HTML/JavaScript widget&lt;/li&gt;
&lt;li&gt;Paste the following code inside it,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;style&amp;gt;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;/*-------MBT Floating Counters------------*/&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;#floatdiv {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; position:absolute;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; width:94px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; height:100px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; top:0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; left:0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; z-index:100&lt;br /&gt;
}&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
#mbtsidebar {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; border:0px solid #ddd;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; padding-left:0px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; position:relative;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; margin:0 0 0 5px;&lt;br /&gt;
}&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/style&amp;gt;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;div id="floatdiv"&amp;gt;&lt;br /&gt;
&amp;lt;div id="mbtsidebar"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;table cellpadding="1px" cellspacing="0"&amp;gt;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;"&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="font-size: 0.9em;"&gt;&amp;lt;a rel="nofollow" href="http://twitter.com/share" class="twitter-share-button" expr:data-url='data:post.url' expr:data-text='data:post.title' data-count="&lt;/span&gt;&lt;span style="background-color: yellow; font-size: 0.9em;"&gt;vertical&lt;/span&gt;&lt;span class="Apple-style-span" style="font-size: 0.9em;"&gt;" data-via="&lt;/span&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="font-size: xx-small;"&gt;nsciom&lt;/span&gt;&lt;/b&gt;&lt;span class="Apple-style-span" style="font-size: 0.9em;"&gt;"&amp;gt;Tweet&amp;lt;/a&amp;gt;&amp;lt;script type="text/javascript" src="http://platform.twitter.com/widgets.js"&amp;gt;&amp;lt;/script&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: 0.9em;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-size: 0.9em;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;"&amp;gt;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;p style=" font-size:10px; text-align:center; color:#ddd;"&amp;gt;&amp;lt;a style="color:#ddd;" href="http://www.MyBloggerTricks.com" target="_blank"&amp;gt;Widgets&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;
// JavaScript Document&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &amp;lt;!--&lt;br /&gt;
/* Script by: www.jtricks.com&lt;br /&gt;
* Version: 20071017&lt;br /&gt;
* Latest version:&lt;br /&gt;
* www.jtricks.com/javascript/navigation/floating.html&lt;br /&gt;
*/&lt;br /&gt;
var floatingMenuId = 'floatdiv';&lt;br /&gt;
var floatingMenu =&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; targetX: 0,&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; targetY: 100,&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; hasInner: typeof(window.innerWidth) == 'number',&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; hasElement: typeof(document.documentElement) == 'object'&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;amp;&amp;amp; typeof(document.documentElement.clientWidth) == 'number',&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; menu:&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; document.getElementById&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? document.getElementById(floatingMenuId)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.all&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? document.all[floatingMenuId]&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.layers[floatingMenuId]&lt;br /&gt;
};&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;floatingMenu.move = function ()&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.menu.style.left = floatingMenu.nextX + 'px';&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.menu.style.top = floatingMenu.nextY + 'px';&lt;br /&gt;
}&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;floatingMenu.computeShifts = function ()&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; var de = document.documentElement;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftX =&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasInner&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? pageXOffset&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : floatingMenu.hasElement&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? de.scrollLeft&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.scrollLeft;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.targetX &amp;lt; 0)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftX +=&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? de.clientWidth&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.clientWidth;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftY =&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasInner&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? pageYOffset&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : floatingMenu.hasElement&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? de.scrollTop&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.scrollTop;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.targetY &amp;lt; 0)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.hasElement &amp;amp;&amp;amp; floatingMenu.hasInner)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; // Handle Opera 8 problems&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftY +=&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; de.clientHeight &amp;gt; window.innerHeight&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? window.innerHeight&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : de.clientHeight&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; else&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftY +=&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? de.clientHeight&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.clientHeight;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
}&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;floatingMenu.calculateCornerX = function()&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.targetX != 'center')&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return floatingMenu.shiftX + floatingMenu.targetX;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var width = parseInt(floatingMenu.menu.offsetWidth);&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var cornerX =&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? (floatingMenu.hasInner&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? pageXOffset&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.documentElement.scrollLeft) +&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (document.documentElement.clientWidth - width)/2&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.scrollLeft +&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (document.body.clientWidth - width)/2;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; return cornerX;&lt;br /&gt;
};&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;floatingMenu.calculateCornerY = function()&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.targetY != 'center')&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return floatingMenu.shiftY + floatingMenu.targetY;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var height = parseInt(floatingMenu.menu.offsetHeight);&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; // Handle Opera 8 problems&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; var clientHeight =&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement &amp;amp;&amp;amp; floatingMenu.hasInner&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;amp;&amp;amp; document.documentElement.clientHeight&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;gt; window.innerHeight&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? window.innerHeight&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.documentElement.clientHeight&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var cornerY =&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? (floatingMenu.hasInner&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? pageYOffset&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.documentElement.scrollTop) +&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (clientHeight - height)/2&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.scrollTop +&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (document.body.clientHeight - height)/2;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; return cornerY;&lt;br /&gt;
};&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;floatingMenu.doFloat = function()&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; // Check if reference to menu was lost due&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; // to ajax manipuations&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; if (!floatingMenu.menu)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; menu = document.getElementById&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? document.getElementById(floatingMenuId)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.all&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? document.all[floatingMenuId]&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.layers[floatingMenuId];&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; initSecondary();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var stepX, stepY;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.computeShifts();&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var cornerX = floatingMenu.calculateCornerX();&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var stepX = (cornerX - floatingMenu.nextX) * .07;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; if (Math.abs(stepX) &amp;lt; .5)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; stepX = cornerX - floatingMenu.nextX;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var cornerY = floatingMenu.calculateCornerY();&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var stepY = (cornerY - floatingMenu.nextY) * .07;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; if (Math.abs(stepY) &amp;lt; .5)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; stepY = cornerY - floatingMenu.nextY;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (Math.abs(stepX) &amp;gt; 0 ||&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Math.abs(stepY) &amp;gt; 0)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.nextX += stepX;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.nextY += stepY;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.move();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; setTimeout('floatingMenu.doFloat()', 20);&lt;br /&gt;
};&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;// addEvent designed by Aaron Moore&lt;br /&gt;
floatingMenu.addEvent = function(element, listener, handler)&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; if(typeof element[listener] != 'function' ||&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; typeof element[listener + '_num'] == 'undefined')&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + '_num'] = 0;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (typeof element[listener] == 'function')&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + 0] = element[listener];&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + '_num']++;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener] = function(e)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var r = true;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; e = (e) ? e : window.event;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; for(var i = element[listener + '_num'] -1; i &amp;gt;= 0; i--)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if(element[listener + i](e) == false)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; r = false;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return r;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; //if handler is not already stored, assign it&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; for(var i = 0; i &amp;lt; element[listener + '_num']; i++)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if(element[listener + i] == handler)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + element[listener + '_num']] = handler;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + '_num']++;&lt;br /&gt;
};&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;floatingMenu.init = function()&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.initSecondary();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.doFloat();&lt;br /&gt;
};&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;// Some browsers init scrollbars only after&lt;br /&gt;
// full document load.&lt;br /&gt;
floatingMenu.initSecondary = function()&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.computeShifts();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.nextX = floatingMenu.calculateCornerX();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.nextY = floatingMenu.calculateCornerY();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.move();&lt;br /&gt;
}&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;if (document.layers)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.addEvent(window, 'onload', floatingMenu.init);&lt;br /&gt;
else&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.init();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.addEvent(window, 'onload',&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.initSecondary);&lt;br /&gt;
}&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;//--&amp;gt;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/script&amp;gt;&amp;nbsp;&lt;/div&gt;&lt;div style="font-size: 0.9em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="font-size: 12px;"&gt;Simply replace&amp;nbsp;&lt;b&gt;nsciom&lt;/b&gt;&amp;nbsp;with your twitter username. The above code will display a vertical count as shown below:&lt;/div&gt;&lt;div style="font-size: 12px;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipNxqfM6Hxm9Huxf-FmUlwuT6W_IOzCua9xt44b4GDGCzjVDWZ6jFcuhC_Ho1YR9lUio7sav-MYBIzTNbrjofnB3KzUBBGfsDN-Kb__LkplLmvjPluO5D-ijTo3Y8qJQ_mUEagb5FV5do/s1600-h/image%25255B4%25255D.png" style="color: #0084ce; text-decoration: none;"&gt;&lt;img alt="vertical count" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgATXN0P-xk5zZcWfZq2uoXxP-MSaESKt9zYfbWBuWB7L8-WST_3Z4bt6JlkPKZpQveIT73dwC0IFs-7JFfWJ3UdC_m3mprw5yZoXvUJoLtCCsNJD0fCg9tRD6Y0QadLiTNNXVuEjTx6qQ/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="vertical count" width="65" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="font-size: 12px;"&gt;If you want a horizontal count or no count at all then replace&amp;nbsp;&lt;span style="background-color: yellow;"&gt;vertical&lt;/span&gt;&amp;nbsp;with&amp;nbsp;&lt;span style="background-color: yellow;"&gt;horizontal&lt;/span&gt;&amp;nbsp;or&amp;nbsp;&lt;span style="background-color: yellow;"&gt;none&lt;/span&gt;&lt;/div&gt;&lt;div style="font-size: 12px;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCavNHLNNZxE0WNMjA2_XQRtQOM8A-Jn5IqgoklIONx_j_Lj63CpEHEbrAS11Dko_OXvIws_vG1UdwEpKjS9HnzmcXOqpL_PqydjdmYsl3Rj6V7_hM_Mdf1fFCT2sptRHD8m5R3BMqBZA/s1600-h/image%25255B9%25255D.png" style="color: #0084ce; text-decoration: none;"&gt;&lt;img alt="horizontal count" border="0" height="47" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnkoimUfNWGBoAWwYTAlWXFSFQXfz0E5IDrYqOLZKSf8Yo7eO2iCmsO1McfBECbnQbPOoUh_VUM1DEAAmDYT7itYkdk3lVP2HgIFCK5KSCW9MzxwQZncPfJ2Lv45dLgoyCCpK16365aGM/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="horizontal count" width="109" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="font-size: 12px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 4.&amp;nbsp;&amp;nbsp; Hit save and you are done!&lt;/div&gt;&lt;div style="font-size: 12px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/floating-twitter-buttons-with-auto.html</link><author>noreply@blogger.com (nscsurf)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgATXN0P-xk5zZcWfZq2uoXxP-MSaESKt9zYfbWBuWB7L8-WST_3Z4bt6JlkPKZpQveIT73dwC0IFs-7JFfWJ3UdC_m3mprw5yZoXvUJoLtCCsNJD0fCg9tRD6Y0QadLiTNNXVuEjTx6qQ/s72-c?imgmax=800" width="72"/><thr:total>2</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-4383548200618867155</guid><pubDate>Mon, 05 Sep 2011 09:00:00 +0000</pubDate><atom:updated>2011-09-05T02:00:21.432-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Create Facebook and Twitter Custom Follower Counters</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div align="justify" style="color: #333333;"&gt;&lt;img align="left" alt="Follower-Counter" border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Xw5G8c4nmpJa_ht1bAcqAjNADsIWCTOKCWLFhYijhBSXzOGrtX_zJQCnQ0Hl6aD4exuyOu7Py6HvBfmmWJtKpWc5kQQNJtaHenOk8hNs43OpYX5l0v_znp1zb6LiFr8xvsoULbKXS30/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="Follower-Counter" width="200" /&gt;I was thinking as why some services like Facebook, Digg, orkut, stumbleupon has no follower, fan or friends counter. While I was customizing my template I needed a follower counter for&amp;nbsp;&lt;a href="http://www.facebook.com/pages/I-O-M/142952819130476?v=wall&amp;amp;sk=wall" style="color: #0084ce; text-decoration: none;" target="_blank"&gt;Facebook&lt;/a&gt;&amp;nbsp;but unfortunately I could not find any. So I decided that why not create my own custom follower counter. This idea enabled me to create a follower counter for any service you like!&lt;/div&gt;&lt;span class="fullpost" style="display: inline;"&gt;&lt;div align="justify" style="color: #333333;"&gt;This is how our Custom follower counter for Facebook looks like,&lt;/div&gt;&lt;center style="color: #333333;"&gt;&lt;span ms="ms" sans="sans" style="background-color: #f2f2f2; border-bottom-color: rgb(138, 138, 138); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(138, 138, 138); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-top-width: 1px; color: #666666; font-family: arial; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 2px;"&gt;&lt;span style="background-color: #d2e9f8; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(138, 138, 138); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(138, 138, 138); border-top-style: solid; border-top-width: 1px; font-size: 10px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; padding-top: 0px;"&gt;227&lt;/span&gt;&amp;nbsp;Followers&lt;/span&gt;&lt;/center&gt;&lt;div style="color: #333333;"&gt;or a blinking one for browsers other then IE,&lt;/div&gt;&lt;center style="color: #333333;"&gt;&lt;span ms="ms" sans="sans" style="background-color: #f2f2f2; border-bottom-color: rgb(138, 138, 138); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(138, 138, 138); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-top-width: 1px; color: #666666; font-family: arial; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 2px;"&gt;&lt;span style="background-color: #d2e9f8; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(138, 138, 138); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(138, 138, 138); border-top-style: solid; border-top-width: 1px; font-size: 10px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; padding-top: 0px;"&gt;227&lt;blink&gt;+&lt;/blink&gt;&lt;/span&gt;&amp;nbsp;Fans&lt;/span&gt;&lt;/center&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;To add a counter you just need to do the following,&lt;/div&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To&amp;nbsp;&lt;a href="http://www.blogger.com/" style="color: #0084ce; text-decoration: none;" target="_blank"&gt;Blogger&lt;/a&gt;&amp;nbsp;&amp;gt;&lt;strong&gt;&amp;nbsp;Layout&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Choose&amp;nbsp;&lt;strong&gt;Add a Gadget&lt;/strong&gt;&amp;nbsp;or&amp;nbsp;&lt;strong&gt;Add a Page element&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Choose&amp;nbsp;&lt;strong&gt;HTML/JavaScript&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Finally paste the code below inside the&amp;nbsp;&lt;strong&gt;HTML/JavaScript&lt;/strong&gt;&amp;nbsp;widget,&lt;/li&gt;
&lt;/ol&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;span sans ms style="&amp;nbsp;&lt;strong&gt;background-color&lt;/strong&gt;:#F2F2F2; border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #8A8A8A; padding: 2px 4px 4px 4px;&amp;nbsp;&lt;span style="color: red;"&gt;&lt;strong&gt;color&lt;/strong&gt;&lt;/span&gt;: #666; font-family: sans-serif, arial; font-size: 10px;"&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;span style="&amp;nbsp;&lt;strong&gt;&lt;span style="color: blue;"&gt;background-color&lt;/span&gt;&lt;/strong&gt;:#D2E9F8; font-size: 9px; border-top: 1px solid #8A8A8A; border-right: 1px solid #ddd; border-left: 1px solid #8A8A8A; border-bottom: 1px solid #ddd; padding: 0px 1px;"&amp;gt;&lt;strong&gt;&lt;span style="color: green;"&gt;227&lt;/span&gt;&lt;span style="color: #0080ff;"&gt;&amp;lt;blink&amp;gt;&lt;span style="color: green;"&gt;+&lt;/span&gt;&amp;lt;/blink&amp;gt;&lt;/span&gt;&lt;/strong&gt;&amp;lt;/span&amp;gt;&lt;span style="color: green;"&gt;&lt;strong&gt;Followers&lt;/strong&gt;&lt;/span&gt;&amp;lt;/span&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h4 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Customization&lt;/h4&gt;&lt;div style="color: #333333;"&gt;The bolded text in the code above are described below,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;background-color&lt;/strong&gt;: This defines the background colour of the counter. To change the hexadecimal color value to something different use our&amp;nbsp;colour chart.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;&lt;span style="color: blue;"&gt;background-color&lt;/span&gt;&lt;/strong&gt;: This defines the background colour of the number count i.e&amp;nbsp;&lt;strong&gt;&lt;span style="color: green;"&gt;227&lt;/span&gt;&lt;/strong&gt;&amp;nbsp;You can change its colour using the same color chart.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;span style="color: red;"&gt;&lt;strong&gt;color&lt;/strong&gt;&lt;/span&gt;: This defines the color of the text i.e&amp;nbsp;&lt;strong&gt;&lt;span style="color: green;"&gt;227&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;and&amp;nbsp;&lt;span style="color: green;"&gt;&lt;strong&gt;Followers&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;&lt;span style="color: #0080ff;"&gt;&amp;lt;blink&amp;gt;&lt;span style="color: green;"&gt;+&lt;/span&gt;&amp;lt;/blink&amp;gt;&lt;/span&gt;:&lt;/strong&gt;&amp;nbsp;The code in blue is responsible for blink the plus sign. You can write anything between&amp;nbsp;&lt;strong&gt;&lt;span style="color: #0080ff;"&gt;&amp;lt;blink&amp;gt;&lt;/span&gt;&lt;/strong&gt;&amp;nbsp;and&amp;nbsp;&lt;strong&gt;&lt;span style="color: #0080ff;"&gt;&amp;lt;/blink&amp;gt;&lt;/span&gt;&lt;/strong&gt;&amp;nbsp;For instance symbols like&amp;nbsp;&lt;strong&gt;&lt;span style="color: green;"&gt;k&lt;/span&gt;&amp;nbsp;(kilo)&lt;/strong&gt;,&amp;nbsp;&lt;strong&gt;&lt;span style="color: green;"&gt;..&lt;/span&gt;&amp;nbsp;&lt;/strong&gt;etc If you don’t want this blinking effect simply delete&amp;nbsp;&lt;strong&gt;&lt;span style="color: #0080ff;"&gt;&amp;lt;blink&amp;gt;&lt;span style="color: green;"&gt;+&lt;/span&gt;&amp;lt;/blink&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;from the main code above.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;&lt;span style="color: green;"&gt;227&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;and&amp;nbsp;&lt;span style="color: green;"&gt;&lt;strong&gt;Followers&lt;/strong&gt;&lt;/span&gt;: Replace these with your own follower count and count name.&lt;/div&gt;&lt;h4 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Some Example Counters For Feed Readers and Twitter&lt;/h4&gt;&lt;div align="center" style="color: #333333;"&gt;&lt;span style="color: green; font-size: xx-small;"&gt;&lt;strong&gt;FEED COUNTER&lt;/strong&gt;&lt;/span&gt;&lt;span style="color: green; font-size: xx-small;"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;center style="color: #333333;"&gt;&lt;span ms="ms" sans="sans" style="background-color: #cc9966; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-top-width: 1px; color: black; font-family: sans-serif, arial; font-size: 10px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 2px;"&gt;&lt;span style="background-color: #cccccc; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 1px; font-size: 9px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; padding-top: 0px;"&gt;227&lt;/span&gt;&amp;nbsp;Readers&lt;/span&gt;&lt;/center&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;span sans ms style=" background-color:#CC9966; border-top: 1px solid #F2F2F2; border-right: 1px solid #666; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #666; padding: 2px 4px 4px 4px; color: #000; font-family: sans-serif, arial; font-size: 10px;"&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;span style=" background-color:#CCCCCC; font-size: 9px; border-top: 1px solid #666; border-right: 1px solid #fff; border-left: 1px solid #666; border-bottom: 1px solid #fff; padding: 0px 1px;"&amp;gt;227&amp;lt;/span&amp;gt; Readers&amp;lt;/span&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div align="center" style="color: #333333;"&gt;&lt;span style="color: green; font-size: xx-small;"&gt;&lt;strong&gt;TWITTER COUNTER&lt;/strong&gt;&lt;/span&gt;&lt;span style="color: green; font-size: xx-small;"&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;center style="color: #333333;"&gt;&lt;span ms="ms" sans="sans" style="background-color: #f2f2f2; border-bottom-color: rgb(138, 138, 138); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(242, 242, 242); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(138, 138, 138); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(242, 242, 242); border-top-style: solid; border-top-width: 1px; color: #33ccff; font-family: sans-serif, arial; font-size: 10px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 2px;"&gt;&lt;span style="background-color: #33ccff; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 1px; color: white; font-size: 9px; padding-bottom: 0px; padding-left: 1px; padding-right: 1px; padding-top: 0px;"&gt;227&lt;/span&gt;Tweeters&lt;/span&gt;&lt;/center&gt;&lt;br /&gt;
&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;span sans ms style=" background-color:#F2F2F2; border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px so&lt;/span&gt;lid #F2&lt;span class="Apple-style-span" style="color: #333333;"&gt;F2F2; border-bottom: 1px solid #8A8A8A; padding: 2px 4px 4px 4px; color: #33CCFF; font-family: sans-serif, arial; font-size: 10px;"&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;span style=" background-color:#33CCFF; font-size: 9px; color:#fff; border-top: 1px solid #666; border-right: 1px solid #fff; border-left: 1px solid #666; border-bottom: 1px solid #fff;&amp;nbsp; padding: 0px 1px;"&amp;gt;227&amp;lt;/span&amp;gt;Tweeters&amp;lt;/span&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h4 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;The Number Count Is Manual!&lt;/h4&gt;&lt;div align="justify" style="color: #333333;"&gt;Since this widget is based fully on CSS and it uses no programming code so you will need to update your follower count yourself each time you receive a new Facebook follower, Feed Reader or Twitter follower etc. I hope that is not difficult to do so :)&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/create-facebook-and-twitter-custom.html</link><author>noreply@blogger.com (nscsurf)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Xw5G8c4nmpJa_ht1bAcqAjNADsIWCTOKCWLFhYijhBSXzOGrtX_zJQCnQ0Hl6aD4exuyOu7Py6HvBfmmWJtKpWc5kQQNJtaHenOk8hNs43OpYX5l0v_znp1zb6LiFr8xvsoULbKXS30/s72-c?imgmax=800" width="72"/><thr:total>2</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-3045616818436194257</guid><pubDate>Mon, 05 Sep 2011 08:57:00 +0000</pubDate><atom:updated>2011-09-05T01:57:56.763-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Customize Twitter Follow Button In 7 ways!</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Create Custom Twitter Follow Button&lt;/h3&gt;&lt;div style="color: #333333;"&gt;You can make 7 changes to the button appearance. You can change:&lt;/div&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Button background color&lt;/li&gt;
&lt;li&gt;Text Color&lt;/li&gt;
&lt;li&gt;Link Color&lt;/li&gt;
&lt;li&gt;Followers Count Display&lt;/li&gt;
&lt;li&gt;Language&lt;/li&gt;
&lt;li&gt;Width&lt;/li&gt;
&lt;li&gt;Alignment&lt;/li&gt;
&lt;/ol&gt;&lt;div style="color: #333333;"&gt;The only changes that makes sense to me are the first 4 changes. Remaining changes should be made only of you run a blog with complex design and language other than english.&lt;/div&gt;&lt;div style="color: #333333;"&gt;The normal code looks like this:&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a href="http://twitter.com/&lt;/span&gt;&lt;span class="Apple-style-span" style="color: green;"&gt;&lt;b&gt;nsciom&lt;/b&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;"&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: yellow; color: #333333;"&gt;class="twitter-follow-button"&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;gt;Follow @&lt;b&gt;nsciom&lt;/b&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;script src="http://platform.twitter.com/widgets.js" type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;Where you just need to replace the green text with your twitter username. The above default code will display the following look,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;Now to make customization changes add the following codes (given below) just before the highlighted&amp;nbsp;&lt;span style="background-color: yellow;"&gt;yellow&lt;/span&gt;&amp;nbsp;text to make the effects take place.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;1)&lt;/strong&gt;&amp;nbsp;To Change the button color you have two choice blue or grey. The blue one is the default one and the grey color is the one that I am using.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;data-button = "&lt;strong&gt;grey&lt;/strong&gt;"&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;PS: With the grey color you will not be able to see the followers count because its color is automatically changed to white.&amp;nbsp; So read below..&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;2)&lt;/strong&gt;&amp;nbsp;To change the text color use this code,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;data-text-color = "&lt;span style="background-color: yellow;"&gt;#000000&lt;/span&gt;"&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;To change the hexadecimal color use our&amp;nbsp;&lt;a href="http://www.2createawebsite.com/build/hex-colors.html"&gt;color generator tool&lt;/a&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;3)&lt;/strong&gt;&amp;nbsp;Add this code to change link color,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;data-link-color = "&lt;span style="background-color: yellow;"&gt;#000000&lt;/span&gt;"&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;Again replace the 6 digit hexadecimal code with a color of your choice&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;4)&lt;/strong&gt;&amp;nbsp;To Hide the followers count number, use this code,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;data-show-count="&lt;strong&gt;&lt;em&gt;false&lt;/em&gt;&lt;/strong&gt;"&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;If you wish to show counts again then simply change&amp;nbsp;&lt;strong&gt;&lt;em&gt;false&lt;/em&gt;&lt;/strong&gt;&amp;nbsp;to&amp;nbsp;&lt;strong&gt;&lt;em&gt;true&lt;/em&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="color: #333333;"&gt;&lt;strong&gt;5)&lt;/strong&gt;&amp;nbsp; The Follow Button is available in English (en), French (fr), German (de), Italian (it), Spanish (es), Korean (ko) and Japanese (ja). To specify the language for the Follow Button use the two letter language code. For example for Twitter button in Japanese language use this code,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;data-lang="&lt;strong&gt;&lt;span style="background-color: yellow;"&gt;ja&lt;/span&gt;&lt;/strong&gt;"&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;Simply replace&amp;nbsp;&lt;span style="background-color: yellow;"&gt;ja&lt;/span&gt;&amp;nbsp;with any language code you want.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;6)&lt;/strong&gt;&amp;nbsp;You can adjust the width of the follow button in pixels or percentage using the following code,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;data-width="300px"&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;The default width is 300px. You can increase or decrease it. The default dimensions for the follow button are 300px by 20px&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;7)&amp;nbsp; You can also align the plugin to left or right just like the float property by using this code,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;data-align="&lt;strong&gt;&lt;em&gt;right&lt;/em&gt;&lt;/strong&gt;"&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;You can float the button to either right or left.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Combined Customized code:&lt;/h3&gt;&lt;div style="color: #333333;"&gt;The following code will put the important effects in a single button,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;a href="http://twitter.com/mybloggertricks"&amp;nbsp;&lt;span style="background-color: yellow;"&gt;data-lang="de"&lt;/span&gt;&amp;nbsp;&lt;span style="color: #0080ff;"&gt;&lt;strong&gt;data-text-color = "#0080ff"&lt;/strong&gt;&lt;/span&gt;&amp;nbsp;&amp;nbsp;&lt;span style="color: green;"&gt;&lt;strong&gt;data-link-color = "#289728"&lt;/strong&gt;&lt;/span&gt;&amp;nbsp;&lt;span style="color: #666666;"&gt;&lt;strong&gt;data-button = "grey"&lt;/strong&gt;&lt;/span&gt;class="twitter-follow-button"&amp;gt;Follow @mybloggertricks&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;script src="http://platform.twitter.com/widgets.js" type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;You can add your required codes in the similar manner as shown in the above code.&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/customize-twitter-follow-button-in-7.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-5150994705852527014</guid><pubDate>Mon, 05 Sep 2011 08:55:00 +0000</pubDate><atom:updated>2011-09-05T01:55:14.299-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add Social Networking Buttons Below Blogger Posts</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;How To Add Social Networking Icons In Blogger?&lt;/h3&gt;&lt;div style="color: #333333;"&gt;To add these icons below posts kindly follow these steps,&lt;/div&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/li&gt;
&lt;li&gt;Backup your template&lt;/li&gt;
&lt;li&gt;Click the "Expand Widgets Template" box&lt;/li&gt;
&lt;li&gt;Search for this,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;and just above it paste the Opacity code below,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;/*------------ MBT Image Opacity--------------*/&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.Fadein img {&lt;br /&gt;
filter:alpha(opacity=100);&lt;br /&gt;
-moz-opacity: 1.0;&lt;br /&gt;
opacity: 1.0;&lt;br /&gt;
border:0;&lt;br /&gt;
}&lt;br /&gt;
.Fadein:hover img {&lt;br /&gt;
filter:alpha(opacity=30);&lt;br /&gt;
-moz-opacity: 0.30;&lt;br /&gt;
opacity: 0.30;&lt;br /&gt;
border:0;&lt;br /&gt;
}&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5.&amp;nbsp;&amp;nbsp;&amp;nbsp; Next search for this code,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;data:post.body/&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;and just below it paste the following code,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;center&amp;gt;&amp;lt;span style='color:&lt;/span&gt;&lt;span style="background-color: yellow; color: #333333;"&gt;&amp;nbsp;#7AA1C3&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;; font-size: 12px; font-family: Verdana;'&amp;gt;&amp;lt;b&amp;gt;&lt;/span&gt;&lt;em style="color: #333333;"&gt;&lt;strong&gt;Thanks For Making This Possible! Kindly Bookmark and Share it.&lt;/strong&gt;&lt;/em&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/b&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='Fadein' expr:href='&amp;amp;quot;http://technorati.com/faves?add=&amp;amp;quot; + data:post.url' rel='external nofollow' target='_blank'&amp;gt;&amp;lt;img alt='Technorati' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5RfNHeHfnqScvViBLZwvI6LpeB70ZStsng2fSq7yIYHOKay5qAT5JnasjUijrT5tY_D50eZnsVT8CMTlqwPDncQ6CjYHBM0EtNxW5USvxxqZKkEIKR85cve-6PTNXDC0VjxcrC5F8-XQ/s400/TECHNORATI1.png ' width='64px'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;!--DIGG--&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='Fadein' expr:href='&amp;amp;quot;http://digg.com/submit?phase=2&amp;amp;amp;url=&amp;amp;quot;&amp;nbsp; + data:post.url' rel='external nofollow' target='_blank'&amp;gt;&amp;lt;img alt='Digg This' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2XzGa2A4DIyeIbnP8_TDxnHmtgPoC5KHKNOCwgbe7XRbXbivHLmU9ZwX5deG6MHjpw_I6xhf_zf3UaP_HnWzuHW-BRpP_OaD_TSMHD3ik588yffwr0MbWRp49D0OR9lApE99cOoagyUI/s400/DIGG1.png ' width='80px'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;!--Stumble--&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='Fadein' expr:href='&amp;amp;quot;http://www.stumbleupon.com/submit?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank'&amp;gt;&amp;lt;img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhraltO_nMenXBvKqXm8DefL1wi2s780cQ8VVHkwdc6TslBXPr8SS1HN87ERsLnHUsaJTS9icAY3GpBa6usKx0VOyqJ9gz34lOWDTkZi4CZY3YkyrFJYW3wcjHzYDO-aZ_1n_gfB4bTQ04/s400/stumble1.png' width='100px'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;!--Reddit--&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='Fadein' expr:href='&amp;amp;quot;http://reddit.com/submit?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank'&amp;gt;&amp;lt;img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwlMRlpNL02tK9j50gM665eqwITifEkXJLUpfnUk2e9qN1whMzrQShEKnUVs0afqieDRr5TRu26Mewxgps6K0h5zYK17SQ3e9oc0v73qRg3F0BVdMoeGSDYh-cMb7qJ7IEvv-w8yv6Zg/s400/REDDIT1.png' width='100px'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;!--Facebook--&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='Fadein' expr:href='&amp;amp;quot;http://www.facebook.com/sharer.php?u=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;t=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank'&amp;gt;&amp;lt;img alt='Facebook' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudfXYd7lUpg5i_t0JbpHhSTV0EXhVptZF1vqmUrl0w7hBjbgvZgb_n6TGNcxiyhvRIyqXQPEk6fwBoC-xQeRGLiT98Eroy4rUrwgYgMdgQay3yKVTh7jhXdlA5lfXDBnw3S4pm8cXp6o/s400/FACEBOOK1.png ' width='80px'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;!-- Twitter --&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='Fadein' expr:href='&amp;amp;quot;http://twitthis.com/twit?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank'&amp;gt;&amp;lt;img alt='Twitter' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4pJpz9CLplLEab0jfOqj8aFGc2ur1bgYNQa_hFUmSt-arftxGFvKP-bbFotALBt8ehfxUS87ubzZzZHYDl-exDAPkI-oFkCNPqjemv_TJp0PBZalV6z_4LYP5zAwNFj5GJHQnv7vjw4U/s400/TWITTER&lt;/span&gt;1.&lt;span class="Apple-style-span" style="color: #333333;"&gt;png' width='64px'/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/center&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 6.&amp;nbsp; Save your template and you are done!&lt;/div&gt;&lt;div style="color: #333333;"&gt;Visit your blogs to see a beautiful change. :) You may also like these social networking buttons and widgets,&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-social-networking-buttons-below.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-7344814727544555606</guid><pubDate>Mon, 05 Sep 2011 08:51:00 +0000</pubDate><atom:updated>2011-09-05T01:51:29.134-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add Social Media Share Widget To Blogger - Mouse Hover Effect</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Adding The Social Connect Widget To BlogSpot&lt;/h3&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/li&gt;
&lt;li&gt;Backup your template&lt;/li&gt;
&lt;li&gt;Search for&amp;nbsp;&lt;strong&gt;&lt;span style="font-size: xx-small;"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;/strong&gt;&amp;nbsp; and paste the following code just above it,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;/*&amp;nbsp; -------------&lt;b&gt;i-o-m&lt;/b&gt;&lt;strong&gt;&amp;nbsp;SOCIAL SHARE WIDGET&lt;/strong&gt;-------------------- */&lt;br /&gt;
#search{&lt;span style="color: #0080ff;"&gt;&lt;strong&gt;width:350px&lt;/strong&gt;&lt;/span&gt;; border:1px solid #E0DFD9;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2GLP-SVj_BJWk7YOKMUBK4ZugGfaZfAYBqLWqHI47moZ3J8qnhl69OrRCmMJpe27t6t-WdMx-nKJB2FKcxc9xKBUgNs9lA4ZjAUQQUTBc3eW8rY2KR_TJUgIsrmxmdYXkZOGd9R19y7s/s1600/search-bg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}&lt;br /&gt;
#search #s{&lt;span style="color: purple;"&gt;&lt;strong&gt;width:80%&lt;/strong&gt;&lt;/span&gt;; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}&lt;br /&gt;
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}&lt;br /&gt;
#search-wrap{padding:15px 0}&lt;br /&gt;
.topsearch #search{margin-top:0;margin-bottom:10px}&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}&lt;br /&gt;
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF}&lt;br /&gt;
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}&lt;br /&gt;
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}&lt;br /&gt;
.social-connect-widget img{vertical-align:middle;margin-right:5px}&amp;nbsp;&lt;/div&gt;&lt;/blockquote&gt;&lt;ul style="color: #333333; list-style-image: initial; list-style-position: initial; list-style-type: none;"&gt;&lt;li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqCZtdGz1jmTJw6OpxFh0B8ZxWgyVFhyphenhyphenoABQiDMib4TCYHWHldOKn_yjLR5Dux-eN05vPUYAS9GKA1XoTrS8Ndtdi1S36soIkhyphenhyphenjcO1qavsWaFRJXujkZlW_ciy4FifErGIcDsxk5eaP4/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; padding-bottom: 0.8em; padding-left: 20px; padding-right: 0px; padding-top: 0px;"&gt;To Change width of search box edit&amp;nbsp;&lt;span style="color: #0080ff;"&gt;&lt;strong&gt;width:350px&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqCZtdGz1jmTJw6OpxFh0B8ZxWgyVFhyphenhyphenoABQiDMib4TCYHWHldOKn_yjLR5Dux-eN05vPUYAS9GKA1XoTrS8Ndtdi1S36soIkhyphenhyphenjcO1qavsWaFRJXujkZlW_ciy4FifErGIcDsxk5eaP4/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; padding-bottom: 0.8em; padding-left: 20px; padding-right: 0px; padding-top: 0px;"&gt;To change width of search input area edit&amp;nbsp;&lt;span style="color: purple;"&gt;&lt;strong&gt;width:80%&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 4.&amp;nbsp;&amp;nbsp;&amp;nbsp; Then Search for,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;div id='sidebar-wrapper'&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;PS:&lt;/strong&gt;&amp;nbsp;&lt;em&gt;In this part most of you will face problems as the coding for each template differ. If you could not find this code then do not panic and simply post your Blog URL in the&amp;nbsp;comments.&lt;/em&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5.&amp;nbsp;&amp;nbsp; Now Paste the following code just below it,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;div class='topsearch'&amp;gt;&lt;br /&gt;
&amp;lt;div class='clerfix' id='search'&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;form action='/search' id='searchform' method='get'&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input id='s' name='q' onblur='if (this.value == &amp;amp;quot;&amp;amp;quot;) {this.value = &amp;amp;quot;Search here...&amp;amp;quot;;}' onfocus='if (this.value == &amp;amp;quot;Search here...&amp;amp;quot;) {this.value = &amp;amp;quot;&amp;amp;quot;}' type='text' value='Search here...'/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB-vkbPm2kUFlQAFNNNqfdWKzibxFEP0x0OXj_0LlvesJQGTH68M5m_05Lt49442d_5NvoI-nQl9mn4GYb2PGlvQW6WXHoa16myKpggYHnhPGSRsLa-fZ8SKmzIShU0tP6En5eM3tzdNM/s1600/search.png' title='Search' type='image'/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style='clear:both;'/&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'&amp;gt;&lt;br /&gt;
&amp;lt;a expr:href='data:blog.homepageUrl + &amp;amp;quot;feeds/posts/default&amp;amp;quot;'&amp;gt;&amp;lt;img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj2H45jCOefF_p_GbCadq2y3pSh4YYTBLe5r2IUjUWM-yrwwgS9N5tCyXynk2k8pbIsP-u1QI_Kp_9jY6c8u2ojr_AQL7lCQywIryqIy2mN5krzddl7JTHOKZDcxEJtxzAz7Qzt3IoVbbb/s1600/social-connect-rss.png' title='RSS Feed'/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;a expr:href='data:blog.homepageUrl + &amp;amp;quot;feeds/posts/default&amp;amp;quot;'&amp;gt;&lt;strong&gt;Subscribe to our RSS Feeds!&lt;/strong&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;
&amp;lt;div class='social-connect-widget' style='margin-bottom:10px;'&amp;gt;&lt;br /&gt;
&amp;lt;a href='&lt;strong&gt;&lt;span style="color: #9b00d3;"&gt;http://twitter.com/USERNAME&lt;/span&gt;&lt;/strong&gt;'&amp;gt;&amp;lt;img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-acauiQDoRitSpjQiTqEEko8ngwPvuU13-vA8xVe0gBo-xk1MZAyiSrw9sNhzzy5MEgZDibOn5lxlEJZVGgkAPKbWInaDVcmXGwOEmRyCnKclqpbU6Lj5xhqpAnu0I8jCxJJ2A3lCaE9q/s1600/social-connect-twitter.png' title='Follow Us on Twitter!'/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;a href='&lt;strong&gt;&lt;span style="color: #9b00d3;"&gt;http://twitter.com/USERNAME&lt;/span&gt;&lt;/strong&gt;'&amp;gt;&lt;strong&gt;Follow Us on Twitter!&lt;/strong&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;div class='social-connect-widget' style='margin-bottom:10px;'&amp;gt;&lt;br /&gt;
&amp;lt;a href='&lt;span style="color: #d16349;"&gt;&lt;strong&gt;http://facebook.com/USERNAME&lt;/strong&gt;&lt;/span&gt;'&amp;gt;&amp;lt;img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlohxR1h9rytZ_UAWA6oi4W5ixSsQLwWsS9wRkPbghOTRvGli3fL8J_LqDy2xc8_yKq9OToHCJj9aRZNGlZD3WOc_s5YcToP08Hc5TEMe6fFEHwyTXqKeB5aE8D_Jc14SK51GrRJaZWBaU/s1600/social-connect-facebook.png' title='Be Our Fan'/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;a href='&lt;span style="color: #d16349;"&gt;&lt;strong&gt;http://facebook.com/USERNAME&lt;/strong&gt;&lt;/span&gt;'&amp;gt;&lt;strong&gt;Follow us on Facebook!&lt;/strong&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;div style='clear:both;'/&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div class='addthis_toolbox'&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div class='custom_images'&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='addthis_button_twitter'&amp;gt;&amp;lt;img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqkkL2DGCzsrAd4jKuJ7FAVhAHVZhA8plOQBvf9UEnwbNIAGJPNVSFGI6i33P2alH8MUBpVo-ELuP00q5pQtp8EUjCjyzqIyW4PTHYnCQinWLteylaXlIUaH8SACrhTl80k-doSGmkTE/s1600/twitter.png' width='32'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='addthis_button_delicious'&amp;gt;&amp;lt;img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtZMeNRZ9-3p98lFJG3RcWzSsyGXCiQ6iRB1G0Avx1NjYjJLUFfdaECmOxHfl9WBIEVlnUnWKhV7_d0jX0JaPIu3ZZ3hG86xsJzYwd_wR5iux8lAbGIn7jkpwWsEZFKfSkvzT1MNqe4AU/s1600/delicious.png' width='32'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='addthis_button_facebook'&amp;gt;&amp;lt;img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhausGmnVE_VZp4k6K6Kbmm9w-Lf6OtspOpI7fEJhyphenhyphenaBE1TWcSaLefUo4i2u-FWHf_0UutI4v_gK5LR1pJO1nRcIucz0InGqVdAw1s7AcJMhhAD4Hxba5F-GQT1Dh7cZ81wnQjOWTVmKFQ/s1600/facebook.png' width='32'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='addthis_button_digg'&amp;gt;&amp;lt;img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7k3rVeQPr0xFREvm5ARszi_ZVGCbivd0GGQ5ZEoppXcCfRNhFaYgy__4l90lKLmaoULFGmwBFSU-zsajHQgrkN7dD8jYUOCy0BIymBc-t_7-si-aR0KK4cII2lZ5hNAHcyZb7MtAEwVk/s1600/digg.png' width='32'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='addthis_button_stumbleupon'&amp;gt;&amp;lt;img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq88yWjM8lYKhZrlZEYn0ppMLe5E92f8q7FPHN-iuljCWTzcRG1KLYsnSwFRgp8tQO_fNudELGKS7WEiQ_8oBVKeelY0AO7QzfRVGssmLRoO_PKQZ6FIyzJY07u9suV96qM9AGyWTsb-k/s1600/stumbleupon.png' width='32'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='addthis_button_favorites'&amp;gt;&amp;lt;img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgici8vO4LMrT5VPh84AXdNGO_09vzTZShyQMVQP6JpQdMaTaI327S_k3RMolMvRBqIbPzNDSq4oKpBGMr1FyD4wu6Q7OQzNZcaTc4nepkogFyeRdPFY51NxqmfggrOi5wMGhDJMTN5cKM/s1600/favorites.png' width='32'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a class='addthis_button_more'&amp;gt;&amp;lt;img alt='More' height='32' src='http://1.bp.blogspot.com/-duuV-meHLMg/TX0BILhZk3I/AAAAAA&lt;/span&gt;AA&lt;span class="Apple-style-span" style="color: #333333;"&gt;BeM/ymXO0WYc80g/s1600/more.png' width='32'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div style='clear:both;'/&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;Make these changes:&lt;/div&gt;&lt;ul style="color: #333333; list-style-image: initial; list-style-position: initial; list-style-type: none;"&gt;&lt;li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqCZtdGz1jmTJw6OpxFh0B8ZxWgyVFhyphenhyphenoABQiDMib4TCYHWHldOKn_yjLR5Dux-eN05vPUYAS9GKA1XoTrS8Ndtdi1S36soIkhyphenhyphenjcO1qavsWaFRJXujkZlW_ciy4FifErGIcDsxk5eaP4/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; padding-bottom: 0.8em; padding-left: 20px; padding-right: 0px; padding-top: 0px;"&gt;Replace&amp;nbsp;&lt;strong&gt;&lt;span style="color: #9b00d3;"&gt;http://twitter.com/USERNAME&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;with your twitter profile link&lt;/li&gt;
&lt;li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqCZtdGz1jmTJw6OpxFh0B8ZxWgyVFhyphenhyphenoABQiDMib4TCYHWHldOKn_yjLR5Dux-eN05vPUYAS9GKA1XoTrS8Ndtdi1S36soIkhyphenhyphenjcO1qavsWaFRJXujkZlW_ciy4FifErGIcDsxk5eaP4/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; padding-bottom: 0.8em; padding-left: 20px; padding-right: 0px; padding-top: 0px;"&gt;Replace&amp;nbsp;&lt;span style="color: #d16349;"&gt;&lt;strong&gt;http://facebook.com/USERNAME&amp;nbsp;&lt;/strong&gt;&lt;/span&gt;with your Facebook Profile link&lt;/li&gt;
&lt;/ul&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 6.&amp;nbsp;&amp;nbsp; Save your template and Bingo you are done! :&amp;gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-social-media-share-widget-to.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-8283061867329630072</guid><pubDate>Mon, 05 Sep 2011 08:49:00 +0000</pubDate><atom:updated>2011-09-05T01:49:21.052-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Show Off Follower Counts For RSS, Twitter and Facebook Followers</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h4 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Follow the Steps Below To Add The Follower Counter To Your Blogger Blogs&lt;/h4&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To&amp;nbsp;&lt;strong&gt;Blogger&lt;/strong&gt;&amp;nbsp;&amp;gt; Layout&lt;/li&gt;
&lt;li&gt;Choose&lt;strong&gt;&amp;nbsp;Add a Gadget&lt;/strong&gt;&amp;nbsp;or&amp;nbsp;&lt;strong&gt;Add a Page element&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Select&amp;nbsp;&lt;strong&gt;HTML/JavaScript&amp;nbsp;&lt;/strong&gt;widget&lt;/li&gt;
&lt;li&gt;Paste the code below inside it,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;style&amp;gt;&lt;br /&gt;
.rss-mbt {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0QxfHlYrUjuc3uYMfq31TFuFfiYpRvUsu3PjqlOmUTgQZsOJGDVdMudXBQ2x0CPjTAS4x5aC3FyKximY-dLlIzRfO2Ymu1NbGVwshUY-9T83PAX5ZR8zv36B92zuny0RyUgroUv8SiQ/s800/RSS1.png) no-repeat;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 64px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 0px 20px 0px 80px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; margin-top: 20px;&lt;br /&gt;
}&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.twitter-mbt {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCplmj9IpNwvxeoKYIMwAE0XduWdEIK-iL_pqy0ms3217IZ9CEKKfbJlx9Pzmo5mlpCN6hY8qi9nTDLjUYZPfKHBL9i2pcObNjp3en4BzwSRcKNNHIYhHDkVoy0PdlaQ213igSseb65k/s800/TWITTER1.png) no-repeat;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 64px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 0px 20px 0px 80px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; margin-top: 20px;&lt;br /&gt;
}&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.facebook-mbt {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOjK1HLS75rJdQ4fNYVRahTm4N5Bo1Uag-akqrmmImYrOL-HxGOE8FG973quLd2OMFDoztL55cJF6fe__kcZjognBuRe7Idlom-15XEU16XRMNeo10dCb1P5tdsp_wlBf25Iolvf3O8jM/s800/FACEBOOK1.png) no-repeat;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 64px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 0px 20px 0px 80px;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; margin-top: 20px;&lt;br /&gt;
}&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.follower-rss, .follower-twitter, .follower-facebook {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; font-family: Georgia,&amp;nbsp; sans-serif, Times;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; font-size: 1.1em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-style:italic;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; color:#289728;&lt;br /&gt;
}&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.follower-rss span {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; font-size: 1.9em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; font-weight: bold;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-style:italic;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; color:#FFB93C;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;
}&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.follower-twitter span {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; font-size: 1.9em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; font-weight: bold;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-style:italic;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; color:#6DB6E6;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;
}&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;.follower-facebook span {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; font-size: 1.9em;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; font-weight: bold;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; font-style:italic;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; color:#3889BA;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;
}&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/style&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div class="rss-mbt"&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div class="follower-rss"&amp;gt; &amp;lt;span&amp;gt;&lt;/span&gt;&lt;span style="color: #ff8040;"&gt;&lt;strong&gt;515&lt;/strong&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/span&amp;gt; loyal readers&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a href="&lt;/span&gt;&lt;strong style="color: #333333;"&gt;&lt;span style="color: #ff8000;"&gt;ADD-RSS-FEED-URL-HERE&lt;/span&gt;&lt;/strong&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;" rel="nofollow"&amp;gt;RSS feed&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;| &amp;lt;a href="&lt;/span&gt;&lt;strong style="color: #333333;"&gt;&lt;span style="color: #ff8000;"&gt;ADD-RSS-EMAIL-FEED-URL-HERE&lt;/span&gt;&lt;/strong&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;" target="_&lt;/span&gt;bl&lt;span class="Apple-style-span" style="color: #333333;"&gt;ank" rel="nofollow"&amp;gt;E-mail&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;div class="twitter-mbt"&amp;gt;&amp;lt;div class="follower-twitter"&amp;gt;&amp;lt;span&amp;gt;&lt;span style="color: #0080c0;"&gt;&lt;strong&gt;1058&lt;/strong&gt;&lt;/span&gt;&amp;lt;/span&amp;gt; followers&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;
&amp;lt;a href="&lt;span style="color: #0080c0;"&gt;&lt;strong&gt;ADD-YOUR-TWITTER-URL-HERE&lt;/strong&gt;&lt;/span&gt;" target="_blank" rel="nofollow" title="I definitely follow you back"&amp;gt;Follow us on Twitter!&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;div class="facebook-mbt"&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;
&amp;lt;div class="follower-facebook"&amp;gt;&amp;lt;span&amp;gt;&lt;span style="color: blue;"&gt;&lt;strong&gt;260&lt;/strong&gt;&lt;/span&gt;&amp;lt;/span&amp;gt; followers&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;
&amp;lt;a href="&lt;strong&gt;&lt;span style="color: blue;"&gt;ADD-YOUR-FACEBOOK-URL-HERE&lt;/span&gt;&lt;/strong&gt;" target="_blank" rel="nofollow"&amp;gt;Join us on Facebook!&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify" style="color: #333333;"&gt;NOTE:- Make sure to replace the bolded text with the required details (links of your Feedburner, twitter and facebook accounts) and replace the bolded numbers with your current follower counts. For example replace&amp;nbsp;&lt;span style="color: #ff8040;"&gt;&lt;strong&gt;515&lt;/strong&gt;&lt;/span&gt;&amp;nbsp; with your current number of Subscribers, replace&amp;nbsp;&amp;nbsp;&lt;span style="color: #0080c0;"&gt;&lt;strong&gt;1058&lt;/strong&gt;&amp;nbsp;&lt;span style="color: black;"&gt;with the number of your twitter followers and replace&lt;/span&gt;&amp;nbsp;&lt;span style="color: blue;"&gt;&lt;strong&gt;260&lt;/strong&gt;&amp;nbsp;&lt;span style="color: black;"&gt;with the number of your facebook followers&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;span style="color: black;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5.&amp;nbsp;&amp;nbsp;&amp;nbsp; Save and you are done! Now view your blog to see a stunning widget hanging on your sidebar :D&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/show-off-follower-counts-for-rss.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>2</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-5047261496742799780</guid><pubDate>Mon, 05 Sep 2011 08:47:00 +0000</pubDate><atom:updated>2011-09-05T01:47:38.956-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add CSS Based Social Bookmarking Widget To Blogger Blogs &amp; Websites</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div align="left" style="color: #333333;"&gt;Now lets add them below each post in blogger ,&lt;/div&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt;&amp;nbsp;&lt;strong&gt;Layout&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Edit HTML&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Search For&amp;nbsp;&lt;strong&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;And paste&amp;nbsp;&lt;a href="" name="CSS-code" style="color: #0084ce; text-decoration: none;"&gt;the code&lt;/a&gt;&amp;nbsp;below just above&amp;nbsp;&lt;strong&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong&gt;/*--------MBT Bookmarking Widget (CSS#1)------*/&lt;/strong&gt;&lt;br /&gt;
.mbt-bookmarking a {&lt;br /&gt;
display:block;&lt;br /&gt;
height:42px;&lt;br /&gt;
width:48px;&lt;br /&gt;
padding:0 9px;&lt;br /&gt;
float:left;&lt;br /&gt;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXx1k-PsU-P797uAEIYV3z4cw0zwigsnkhtzZgo0HiFe8EvsXfcDVNZXrrW7fTCImTGs0ieGLa56eFQ1JVu7xYazbgdSVSnbIprtSRr3QuTXPTtaTbqRFxzsKN06ul0gd2LEcEeDkBEO5M/s1600/flapper.jpg) no-repeat;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.delicious {&lt;br /&gt;
background-position:0px 0px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.delicious:hover {&lt;br /&gt;
background-position:0px -43px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.digg {&lt;br /&gt;
background-position:0px -86px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.digg:hover {&lt;br /&gt;
background-position:0px -129px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.stumbleupon {&lt;br /&gt;
background-position:0px -344px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.stumbleupon:hover {&lt;br /&gt;
background-position:0px -387px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.technorati {&lt;br /&gt;
background-position:0px -430px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.technorati:hover {&lt;br /&gt;
background-position:0px -473px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.twitter {&lt;br /&gt;
background-position:0px -516px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.twitter:hover {&lt;br /&gt;
background-position:0px -559px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.facebook {&lt;br /&gt;
background-position:0px -172px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.facebook:hover {&lt;br /&gt;
background-position:0px -215px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.reddit {&lt;br /&gt;
background-position:0px -258px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.reddit:hover {&lt;br /&gt;
background-position:0px -301px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.yahoo {&lt;br /&gt;
background-position:0px -602px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.yahoo:hover {&lt;br /&gt;
background-position:0px -645px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.rss {&lt;br /&gt;
background-position:0px -774px;&lt;br /&gt;
}&lt;br /&gt;
.mbt-bookmarking a.rss:hover {&lt;br /&gt;
background-position:0px -817px;&lt;br /&gt;
}&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 4.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Now Check the box “&lt;strong&gt;Expand Widget Templates&lt;/strong&gt;” at the top-right-corner&lt;img alt="expand-widgets" border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltLdHtU8N-ue00GCJ4GBPQeiZeE_VQhyphenhyphenjMpEf-PkxWwrYOWsjL5a20FH5CKy1NBR4UtkW8Bp6fXaDS_dz4ew01cWrrW13AImmNsw1Op6zndQEClLZ6V2r7e7xBuuhQZ2Klhhx-uzmPXc/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="expand-widgets" width="201" /&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Search for this code&amp;nbsp;&lt;strong&gt;&amp;lt;data:post.body/&amp;gt;&lt;/strong&gt;&amp;nbsp;. If you can not find it then search for this one&amp;nbsp;&lt;strong&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span style="color: green;"&gt;&amp;nbsp; (Tip:- Press Ctrl + F)&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;span style="color: black;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 6.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Just below&amp;nbsp;&lt;strong&gt;&amp;lt;data:post.body/&amp;gt;&amp;nbsp;&lt;span style="color: #0080ff;"&gt;OR&lt;/span&gt;&amp;nbsp;&amp;lt;p&amp;gt;&lt;strong&gt;&amp;lt;data:post.body/&amp;gt;&lt;/strong&gt;&amp;lt;/p&amp;gt;&lt;/strong&gt;, paste this code,&lt;/span&gt;&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong&gt;&amp;lt;!--MBT Bookmarking Widget (HTML)--&amp;gt;&amp;nbsp;&lt;/strong&gt;&amp;lt;div class='mbt-bookmarking'&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;br /&gt;
&amp;lt;br/&amp;gt;&amp;lt;font color='&lt;span style="color: #0080ff;"&gt;&lt;strong&gt;#289728&lt;/strong&gt;&lt;/span&gt;' face='ms sans serif' size='3'&amp;gt;&amp;lt;b&amp;gt;&lt;span style="color: green;"&gt;&lt;strong&gt;Kindly Bookmark and Share it:&lt;/strong&gt;&lt;/span&gt;&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;
&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&lt;br /&gt;
&amp;lt;!-- Delicious --&amp;gt;&lt;br /&gt;
&amp;lt;a class='delicious' expr:href='&amp;amp;quot;http://del.icio.us/post?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&amp;amp;gt;'/&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;!--DIGG--&amp;gt;&lt;br /&gt;
&amp;lt;a class='digg' expr:href='&amp;amp;quot;http://digg.com/submit?phase=2&amp;amp;amp;url=&amp;amp;quot;&amp;nbsp; + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&amp;amp;gt;'/&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;!--Stumble--&amp;gt;&lt;br /&gt;
&amp;lt;a class='stumbleupon' expr:href='&amp;amp;quot;http://www.stumbleupon.com/submit?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&amp;amp;gt;'/&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;!-- Technorati --&amp;gt;&lt;br /&gt;
&amp;lt;a class='technorati' expr:href='&amp;amp;quot;http://technorati.com/faves?add=&amp;amp;quot; + data:post.url' rel='external nofollow' target='_blank' title='Fave this :&amp;amp;gt;'/&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;!-- Twitter --&amp;gt;&lt;br /&gt;
&amp;lt;a class='twitter' expr:href='&amp;amp;quot;http://twitthis.com/twit?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&amp;amp;gt;'/&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;!--Facebook--&amp;gt;&lt;br /&gt;
&amp;lt;a class='facebook' expr:href='&amp;amp;quot;http://www.facebook.com/sharer.php?u=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;t=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&amp;amp;gt;'/&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;!-- Reddit --&amp;gt;&lt;br /&gt;
&amp;lt;a class='reddit' expr:href='&amp;amp;quot;http://reddit.com/submit?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark and tag this :&amp;amp;gt;'/&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;!-- Yahoo --&amp;gt;&lt;br /&gt;
&amp;lt;a class='yahoo' expr:href='&amp;amp;quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark this :&amp;amp;gt;'/&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;a class='rss' expr:href='data:blog.homepageUrl + &amp;amp;quot;feeds/posts/default&amp;amp;quot;'/&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div align="justify" style="color: #333333;"&gt;You can replace the bolded text in green with any statement you like. You can also change the text colour i.e&amp;nbsp;&lt;span style="color: #0080ff;"&gt;&lt;strong&gt;#289728&lt;/strong&gt;&lt;/span&gt;&amp;nbsp;with any colour you like. Use our&amp;nbsp;Color Chart&amp;nbsp;for this purpose.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp; 7.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Now Finally save your template and view your blog to see a colorful bookmarking widget just below all your posts :&amp;gt;&lt;/div&gt;&lt;div align="center" style="color: #333333;"&gt;&lt;span style="color: #0080ff;"&gt;&lt;strong&gt;That’s All!&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;div align="center" style="color: #333333;"&gt;If you want larger icons approximately about 64px by 64px in size, then paste the following code just above&amp;nbsp;&lt;strong&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/strong&gt;&amp;nbsp; for&amp;nbsp;step#3&amp;nbsp;instead.&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong&gt;/*--------MBT Bookmarking Widget (CSS#2)------*/&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;display:block;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;height:55px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;width:64px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;padding:0 5px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;float:left;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;position:relative;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLhkhbBNza0WrKKvysLjo9h4RAXc0-zUe9ldbmmjt3JqUdsiA0QxMJ9Vq_EN5sHfvV1slHFPqo0Zae35NK2ZcDRIsi-ZIPuZ1HRP7KKnguUxXVIMeAB6Xl-JjuR3N2CPv9dkcfl7nq1taV/s1600-h/flapper2.jpg) no-repeat;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.delicious {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px 0px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.delicious:hover {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -57px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.digg {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -114px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.digg:hover {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -171px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.stumbleupon {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -228px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.stumbleupon:hover {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -285px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.technorati {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -570px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.technorati:hover {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -627px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.twitter {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -684px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.twitter:hover {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -741px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.facebook {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -456px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.facebook:hover {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -513px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.post-bookmark a.reddit {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -342px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.reddit:hover {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -399px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.ya&lt;/span&gt;ho&lt;span class="Apple-style-span" style="color: #333333;"&gt;o {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -798px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.yahoo:hover {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -855px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.rss {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -912px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;.mbt-bookmarking a.rss:hover {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;background-position:0px -969px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-css-based-social-bookmarking-widget.html</link><author>noreply@blogger.com (nscsurf)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltLdHtU8N-ue00GCJ4GBPQeiZeE_VQhyphenhyphenjMpEf-PkxWwrYOWsjL5a20FH5CKy1NBR4UtkW8Bp6fXaDS_dz4ew01cWrrW13AImmNsw1Op6zndQEClLZ6V2r7e7xBuuhQZ2Klhhx-uzmPXc/s72-c?imgmax=800" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-1268386733863822883</guid><pubDate>Mon, 05 Sep 2011 08:45:00 +0000</pubDate><atom:updated>2011-09-05T01:45:15.124-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Social Bookmarking Widget For Blogger – Bookmark and Share homepages!</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="color: #333333;"&gt;To add this widget to your blogs, follow these steps,&lt;/div&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To&amp;nbsp;&lt;a href="http://blogger.com/" style="color: #0084ce; text-decoration: none;" target="_blank"&gt;Blogger&lt;/a&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Layout&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Click&amp;nbsp;&lt;strong&gt;Add a Gadget&lt;/strong&gt;&amp;nbsp;or&amp;nbsp;&lt;strong&gt;Add a Page element&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Choose&amp;nbsp;&lt;strong&gt;HTML/JavaScript&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Inside&amp;nbsp;&lt;strong&gt;HTML/JavaScript&lt;/strong&gt;&amp;nbsp;paste the code below,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;center&amp;gt;&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td valign="top" width="50%"&amp;gt;&lt;br /&gt;
&amp;lt;table border="0" cellpadding="0" cellspacing="0" width="222"&amp;gt;&lt;br /&gt;
&amp;lt;tbody&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td width="28" height="30"&amp;gt;&amp;lt;img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyvK0Hvq1-P3E0uax8OrZAx3_oL5KBAMndr_r7akgud2c-MtYCW5UnUZ9v5PZEbbE-eBuQdU_u02KdizjEfPw-3MMFeZ9w8HHr3MQeWmPhyraxZ3NZnO-45EIAlYH03ee0o95LP5gxepo/s400/FACEBOOK.png" height="25"/&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td height="30"&amp;gt;&amp;lt;a href="http://www.facebook.com/sharer.php?u=http://&lt;strong&gt;YOUR-BLOG-NAME&lt;/strong&gt;.blogspot.com" target="_blank" rel="nofollow"&amp;gt;Share on Facebook&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td height="30"&amp;gt;&amp;lt;img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPI60DFn-aEcPODa4lRk9_2_KI2KTYDnn7v5XIwjX4RmIyb7r-I37guMZto3yDQg4Tuhd77AfLrCqBtIMzozIyOFwhv9RpkiRjnE7FNqce3q2HD0efjphT6DPWjeREduRj6Q1FN87k8Ik/s400/TWITTER.png" height="25"/&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td height="24"&amp;gt;&lt;br /&gt;
&amp;lt;a href="http://twitthis.com/twit?url=http://&lt;strong&gt;YOUR-BLOG-NAME&lt;/strong&gt;.blogspot.com"&amp;gt;Share on Twitter&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/tr&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td height="30"&amp;gt;&amp;lt;img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR6bITIyVZcjWWjF3bWDfhno-8VM4Z5gAmkMR2z3da6qDh8FdIVU60bCvQzz0FcPIKCwN5ioPXJC9lO1oCC2MEIk_dUwnp6MMIMOE6sLG1n-uN6gIO6E9BfUFuuTQ6dd13y4MjnKuhYa4/s400/STUMBLE-UPON.png" height="25"/&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td height="30"&amp;gt;&amp;lt;a href="http://www.stumbleupon.com/submit?url=http://&lt;strong&gt;YOUR-BLOG-NAME&lt;/strong&gt;.blogspot.com" target="_blank" rel="nofollow"&amp;gt;Share on StumbleUpon&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td height="30"&amp;gt;&amp;lt;img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYimHfgBMIxko2vzW4pif6u3snjHbsD-BmP3xZYhC8qItRR76bgIHBNgoIdaRQkEafGRbsN_Jws8e3iQ1IqPKndLC2P2z7zceIWT5De0wA419igHPH2e3avliMEvlUVSNaW0B9D8_fC18/s400/DELICIOUS.png" height="25"/&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td height="30"&amp;gt;&amp;lt;a href="http://del.icio.us/post?url=http://&lt;strong&gt;YOUR-BLOG-NAME&lt;/strong&gt;.blogspot.com" target="_blank" rel="nofollow"&amp;gt;Share on Delicious &amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/tbody&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td valign="top" width="50%"&amp;gt;&lt;br /&gt;
&amp;lt;table border="0" cellpadding="0" cellspacing="0" width="222"&amp;gt;&lt;br /&gt;
&amp;lt;tbody&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td width="28" height="30"&amp;gt;&amp;lt;img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicG4RfkYBfsKXCt1m2diBnJUmFlvE4Jq8HTNwKI_Jt3aftpWiZdkSodebvcYzAPJa_lsf5GIoeWBEeKEnLCRzBWs9FYh0D7-CBYzhRTEpk5n2jJouSgJ6QQwZvrPwgfLJm45xRWPip1uI/s400/DIGG.png" height="25"/&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td height="30"&amp;gt;&amp;lt;a href="http://digg.com/submit?phase=2&amp;amp;url=http://&lt;strong&gt;YOUR-BLOG-NAME&lt;/strong&gt;.blogspot.com" target="_blank" rel="nofollow"&amp;gt;Share on Digg &amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;tr&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;td height="30"&amp;gt;&amp;lt;img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGQhYH6uawKf1i5eCRc_FKlPXKk2FNyxjB2LWjmq18ctr9bYR0JoakiZowqL7IWvqWXEvZ8XtxVNi2nEomUa7MrPiG2vuxbReeilt55p53oPyIk8do-UFcyMD0MsMc-8cYtBCfGTaXzHY/s400/Google-icon.jpg" height="22"/&amp;gt;&amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;td height="30"&amp;gt;&amp;lt;a href="http://www.google.com/bookmarks/mark?op=edit&amp;amp;amp;output=popup&amp;amp;amp;bkmk=http://&lt;/span&gt;&lt;strong style="color: #333333;"&gt;YOUR-BLOG-NAME&lt;/strong&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google"&amp;gt;Bookmark on Google&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/tr&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;tr&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;td height="30"&amp;gt;&amp;lt;img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5OP-0XhN-YyXGBiEsbbSdc4LoArBTJzz5NJEwT5BCkULjzcKP60VtE7XvPv3f_jerXMZhD5AhZB8pGwlw43jZbGd92kIZVmUiqf2Z2oAf6t7oVEAEo3qcKR_THf7IOn2ti5HQ0hgEIFco/s400/Email+Orange_128.png" height="22"/&amp;gt;&amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;td height="30"&amp;gt;&amp;lt;a href="&lt;/span&gt;&lt;strong&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;http://feedburner&lt;/span&gt;.g&lt;span class="Apple-style-span" style="color: #333333;"&gt;oogle.com/fb/a/mailverifyuri=tntbystc&amp;amp;amp;loc=en_US&lt;/span&gt;&lt;/strong&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;" target="_blank" rel="nofollow"&amp;gt;Receive Email Updates&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/tr&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/tbody&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/table&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/center&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div align="justify" style="color: #333333;"&gt;Remember to replace&amp;nbsp;&lt;strong&gt;YOUR-BLOG-NAME&lt;/strong&gt;&amp;nbsp; with your Blog’s good name and the Subscription Link i.e&amp;nbsp;&lt;strong&gt;http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&amp;amp;amp;loc=en_US&lt;/strong&gt;&amp;nbsp;with your own Feedburner subscription link. You can find your subscription link by going to the following location in your feedburner account,&amp;nbsp;&lt;strong&gt;Publicize&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;&lt;span style="color: green;"&gt;Email Subscription&lt;/span&gt;&lt;/strong&gt;&amp;nbsp;. Just below Email Subscription page you will find a code as shown below,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;img alt="subscription-link" border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDpZifYInB33eHrXV3rMbXe7rRpcoFuBaTD50yh7KaXRL_QISYjJnqEP38k1vJp0OXSx4bCJoAVjMcl-HtKOsWN3Hyjvvgy7a8UJCcCfuTAVj7b4JA5qidvu7emcNkMJwUsJFE_pkaB4Q/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="subscription-link" width="484" /&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;Finally save your widget and preview your blog to see the new change!&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/social-bookmarking-widget-for-blogger.html</link><author>noreply@blogger.com (nscsurf)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDpZifYInB33eHrXV3rMbXe7rRpcoFuBaTD50yh7KaXRL_QISYjJnqEP38k1vJp0OXSx4bCJoAVjMcl-HtKOsWN3Hyjvvgy7a8UJCcCfuTAVj7b4JA5qidvu7emcNkMJwUsJFE_pkaB4Q/s72-c?imgmax=800" width="72"/><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-879846692454209764</guid><pubDate>Mon, 05 Sep 2011 08:43:00 +0000</pubDate><atom:updated>2011-09-05T01:43:37.406-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add Facebook Send Button to Blogger Blogs</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 align="justify" style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;How To Add Facebook Send Button To Blogger Blogs?&lt;/h3&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;&lt;div align="justify"&gt;Go To Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align="justify"&gt;Backup your template&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align="justify"&gt;Click Expand widgets templates box&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align="justify"&gt;Search for &amp;lt;data:post.body&amp;gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align="justify"&gt;and now if you wish to add the send button just below your post titles then add the giant code below just above &amp;lt;data:post.body&amp;gt; or if you wish that the button may appear at the end of your posts then paste the following code just below &amp;lt;data:post.body&amp;gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div id="fb-root"&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;fb:&lt;/span&gt;send&lt;span class="Apple-style-span" style="color: #333333;"&gt; href="" font="verdana"&amp;gt;&amp;lt;/fb:send&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div align="justify" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 6.&amp;nbsp; Hit save and you are done!&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-facebook-send-button-to-blogger.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-3532394233018863954</guid><pubDate>Mon, 05 Sep 2011 08:42:00 +0000</pubDate><atom:updated>2011-09-05T01:42:06.835-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add Facebook Like and Send Button To Blogger Blogs</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Add The Facebook Like and Send Button To Blogger&lt;/h3&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/li&gt;
&lt;li&gt;Backup your template&lt;/li&gt;
&lt;li&gt;Click Expand widgets templates box&lt;/li&gt;
&lt;li&gt;Search for &amp;lt;data:post.body/&amp;gt;&lt;/li&gt;
&lt;li&gt;and now if you wish to add the plugin just below your post titles then add the giant code below just above &amp;lt;data:post.body/&amp;gt; or if you wish that the plugin may appear at the end of your posts then paste the following code just below &amp;lt;data:post.body/&amp;gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div id="fb-root"&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;fb:like href="" send="&lt;/span&gt;true&lt;span class="Apple-style-span" style="color: #333333;"&gt;" layout="button_count" width="450" show_faces="false" font=""&amp;gt;&amp;lt;/fb:like&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp; 6.&amp;nbsp; Hit save and you are done!&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-facebook-like-and-send-button-to.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-7901916691627384776</guid><pubDate>Mon, 05 Sep 2011 08:40:00 +0000</pubDate><atom:updated>2011-09-05T01:40:40.194-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add LinkedIn Share Counter Buttons To Blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Add LinkedIn Share Count Buttons&amp;nbsp; To Your Blogs&lt;/h3&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/li&gt;
&lt;li&gt;Backup your template&lt;/li&gt;
&lt;li&gt;Click "Expand widget templates" box&lt;/li&gt;
&lt;li&gt;Search for this,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;data:post.body/&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;To add the counter just below post titles then add anyone of the following codes above the code in Step#4 and if you wish to add the counter button to the bottom of posts then add any of the given codes below just below the code in step#4&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;u&gt;&lt;strong&gt;Vertical Count&lt;/strong&gt;&lt;/u&gt;&lt;img alt="LinkedIn vertical Count button" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-jLN81kEdGYUnF8cFRyTVFwuHwvmUmJZa8Wx5N7I8Z-zKR-Jik7tkVWrTeE7m7oGp0a7uwF8nBy0VPgfvLefd3MhrbzBu_rYQyGLYswgU-I4Yvk6XskZn5M7F50IGVZmkCwgSk0g4Zo/?imgmax=800" style="display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="LinkedIn Vertical button" width="88" /&gt;&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;script src="http://platform.linkedin.com/in.js" type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script type="IN/Share" data-counter="top"&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;&lt;u&gt;Horizontal Count&lt;/u&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;img alt="LinkedIn horizontal button" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTWbCHTXM8XKpBzaCaNDLvq1u4PmzUc1w-yKvvc1Q7EiYxNwW9Rc6BQ6-TUbQyTkcRUYj_-is3_h51JK1Yw0B6p3dBezL2igOgwC8ujhpJxuVgGa0OtK28p7kHs9d_zalINu5zBdgTBg/?imgmax=800" style="display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="LinkedIn horizontal button" width="137" /&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;script src="http://platform.linkedin.com/in.js" type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script type="IN/Share" data-counter="right"&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;u&gt;&lt;strong&gt;No Count&lt;/strong&gt;&lt;/u&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;img alt="LinkedIn button" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilnjBFqy7jipUorFWZQNWZGAzAmnzM9a2KVClY6ujjRt0HXxijsMxvx97aslgSibgx7yaG3B1DIUxKCzIUgeBM7jbdVllneir3dcBebNWRe0Z9ht8_9rY0Oyg73tMxIZwICkvfRTHxbXI/?imgmax=800" style="display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="LinkedIn button" width="88" /&gt;&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;script src="http://platform.linkedin.com/in.&lt;/span&gt;js"&lt;span class="Apple-style-span" style="color: #333333;"&gt; type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;script type="IN/Share"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp; 5. Save your templates and you are done!&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-linkedin-share-counter-buttons-to.html</link><author>noreply@blogger.com (nscsurf)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-jLN81kEdGYUnF8cFRyTVFwuHwvmUmJZa8Wx5N7I8Z-zKR-Jik7tkVWrTeE7m7oGp0a7uwF8nBy0VPgfvLefd3MhrbzBu_rYQyGLYswgU-I4Yvk6XskZn5M7F50IGVZmkCwgSk0g4Zo/s72-c?imgmax=800" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-1868960879571108349</guid><pubDate>Mon, 05 Sep 2011 08:38:00 +0000</pubDate><atom:updated>2011-09-05T01:38:48.000-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add the Google +1 Button to Your Blogger Blogs</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;How to add the +1 Button to Blogger?&lt;/h3&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/li&gt;
&lt;li&gt;Backup your template&lt;/li&gt;
&lt;li&gt;Search for&amp;nbsp;&lt;strong&gt;&lt;em&gt;&amp;lt;/head&amp;gt;&lt;/em&gt;&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Paste the code below just above &amp;lt;/head&amp;gt;&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;script type="text/javascript" src="http://apis.google.com/js/plusone.js"&amp;gt; {lang: 'en-US'} &amp;lt;/script&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5.&amp;nbsp; Now Check the "&lt;em&gt;Expand Widgets Templates&lt;/em&gt;" Box at the top right corner. In order to place the button just below Post titles then search for this code&amp;nbsp;&lt;strong&gt;&lt;em&gt;&amp;lt;data:post.body&amp;gt;&lt;/em&gt;&lt;/strong&gt;&amp;nbsp; and place the +1 button code given below just above it,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div style='float:&lt;/span&gt;&lt;strong&gt;left&lt;span class="Apple-style-span" style="color: #333333;"&gt;'&lt;/span&gt;&lt;/strong&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;g:plusone size="&lt;strong&gt;&lt;span style="color: green;"&gt;standard&lt;/span&gt;&lt;/strong&gt;" expr:href="data:post.url"/&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;ul style="color: #333333; list-style-image: initial; list-style-position: initial; list-style-type: none;"&gt;&lt;li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqCZtdGz1jmTJw6OpxFh0B8ZxWgyVFhyphenhyphenoABQiDMib4TCYHWHldOKn_yjLR5Dux-eN05vPUYAS9GKA1XoTrS8Ndtdi1S36soIkhyphenhyphenjcO1qavsWaFRJXujkZlW_ciy4FifErGIcDsxk5eaP4/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; padding-bottom: 0.8em; padding-left: 20px; padding-right: 0px; padding-top: 0px;"&gt;You can display it to "left" and "right" by adjusting&amp;nbsp;&lt;strong&gt;left&lt;/strong&gt;&lt;/li&gt;
&lt;li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqCZtdGz1jmTJw6OpxFh0B8ZxWgyVFhyphenhyphenoABQiDMib4TCYHWHldOKn_yjLR5Dux-eN05vPUYAS9GKA1XoTrS8Ndtdi1S36soIkhyphenhyphenjcO1qavsWaFRJXujkZlW_ciy4FifErGIcDsxk5eaP4/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; padding-bottom: 0.8em; padding-left: 20px; padding-right: 0px; padding-top: 0px;"&gt;You can change&amp;nbsp;&lt;span style="color: green;"&gt;&lt;strong&gt;standard&lt;/strong&gt;&lt;/span&gt;&amp;nbsp;to medium, small or tall. Choose the size that may blend your template.&lt;/li&gt;
&lt;/ul&gt;&lt;div style="color: #333333;"&gt;Tall, small, Medium Respectively:&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;img align="left" alt="image" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4bVjoGQD_wuaJzKH_412JHRWsLr3zUsghnsDkjQIHSGVG_iyrCrvsiSzsL6rbs5ZJ_ee_yhMCPU0bi1Ttxk4LMlTrdHeRm0y7BfdjLEbCJXG0qbutMYvGHTYtSOdMGpFToAcRopj7Do/?imgmax=800" style="display: inline; float: left; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="image" width="73" /&gt;&lt;/div&gt;&lt;div align="center" style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;img align="left" alt="image" height="34" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZBM4SY1nfldgOYVBu6ExaJ8jyNuzyCMsf5FoiaVOJXcQrS1QkEp11AWC-TO_CA1UdWvMTJIiNOqbrzXxz-ZuzOz-47bdfp5dphsfXQqrDOeTpziarhdlVL9p1ukP4D4oGv4CZsWmWhQ/?imgmax=800" style="display: inline; float: left; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="image" width="52" /&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;img align="left" alt="image" height="47" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdd-66XbirZIuezCxUmZQi5RXlIEScyn3Xmm6ANl3dRBafguPGRzYMl1DT4MRxNffr6mDbhOKskdkde5SUedGe4GPru94xTht4ZGhVw4wp-JA5ezqFlyctYK46dyKJeJkB7-uEWAQp69Y/?imgmax=800" style="display: inline; float: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="image" width="75" /&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;6.&amp;nbsp; If you want the button to appear below blog posts then add the button code just below&lt;strong&gt;&lt;em&gt;&amp;lt;data:post.body&amp;gt;&lt;/em&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;strong&gt;&lt;em&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/em&gt;&lt;/strong&gt;7. Save your template to see it working. Have fun! :&amp;gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;It will appear like this in search results,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;img alt="+1'd this" height="146" src="http://1.bp.blogspot.com/-MMXil56N3Pc/TeZyHNSYifI/AAAAAAAAAdY/YsT_--6X9lA/s1600/SearchResultPlusOne.jpg" style="padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="+1'd this" width="596" /&gt;&lt;/div&gt;&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Alternative Method&lt;/h3&gt;&lt;div align="justify" style="color: #333333;"&gt;To add the +1 button to your blog directly without any code then you’ll need to&amp;nbsp;&lt;a href="http://buzz.blogger.com/2010/06/new-share-buttons.html" style="color: #0084ce; text-decoration: none;" target="_blank"&gt;enable Share buttons on Blogger&lt;/a&gt;. To do this, go to&amp;nbsp;&lt;b&gt;Design &amp;gt; Page Elements&lt;/b&gt;&amp;nbsp;on your Blogger dashboard, find the&amp;nbsp;&lt;b&gt;Blog posts&lt;/b&gt;&amp;nbsp;area, click on&amp;nbsp;&lt;b&gt;Edit&lt;/b&gt;, and select the “&lt;b&gt;Show Share Buttons&lt;/b&gt;” option. If you are already using Share buttons, then you don't need to worry as the +1 button will automatically show up as a new share button.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;img alt="Add the +1 button to blogger" src="http://2.bp.blogspot.com/-ZD5XWGYTb-Y/TeZyB5w_XEI/AAAAAAAAAdU/AC4o9KId85w/s400/ConfigureGadget.jpg" style="display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="Add the +1 button to blogger" /&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-google-1-button-to-your-blogger.html</link><author>noreply@blogger.com (nscsurf)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4bVjoGQD_wuaJzKH_412JHRWsLr3zUsghnsDkjQIHSGVG_iyrCrvsiSzsL6rbs5ZJ_ee_yhMCPU0bi1Ttxk4LMlTrdHeRm0y7BfdjLEbCJXG0qbutMYvGHTYtSOdMGpFToAcRopj7Do/s72-c?imgmax=800" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-4157282780943152397</guid><pubDate>Mon, 05 Sep 2011 08:36:00 +0000</pubDate><atom:updated>2011-09-05T01:36:50.698-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add Google Buzz "Follow on Buzz" and Counter Button To Blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;How To Add Google Buzz Counter To Blogger?&lt;/h3&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;I have added some extra codes so that the buttons may appear in Post pages only and not the homepage.&lt;/span&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/li&gt;
&lt;li&gt;Backup your template&lt;/li&gt;
&lt;li&gt;Click Expand widgets templates box&lt;/li&gt;
&lt;li&gt;Search for &amp;lt;data:post.body&amp;gt;&lt;/li&gt;
&lt;li&gt;Now if you want to add the&amp;nbsp;&lt;em&gt;Google Buzz&lt;/em&gt;&amp;nbsp;&lt;em&gt;counter button&lt;/em&gt;&amp;nbsp;just below your post titles then add the giant code below just above &amp;lt;data:post.body&amp;gt; or if you wish that the button may appear at the end of your posts then paste the following code just below &amp;lt;data:post.body&amp;gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div align="center" style="color: #333333;"&gt;&lt;img alt="Google Buzz Counter Button" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD1uz0-uyxMnzGt8amT_UiocgH69NYShRMTBkDgMhK8LvXf409HSsrbJzXivJQ6KupsJmIEbmQQdhlhF4DFPDeK4t4r8VZlYUtrYyuXgWJAnITebDu95_clnb7E3fRO2CFf-S3mF4t4bY/?imgmax=800" style="display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="Google Buzz Counter Button" width="78" /&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;To add the Buzz Counter above use the code below,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;script type="text/javascript" src="http://www.google.com/buzz/api/button.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/b:if&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;img alt="Google Buzz Button" height="31" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6cY0PQQ3B8WgruIK5y5rUsWXkwEbwJBQ2mqHPx3ttSpfSkR1vj3IqbzN-KpgALQsEpV5XjYVY2o3ABYU8ycojmFfr3z-6Sx1xVkgRTOJpNMuJH4Qn6LBY6VjaA_5f7HL3rVHMuravp8/?imgmax=800" style="display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" title="Google Buzz Button" width="132" /&gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;Or if you wish to use the Buzz counter above then use this code,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;b:if cond='da&lt;/span&gt;ta:blog.pageTy&lt;span class="Apple-style-span" style="color: #333333;"&gt;pe == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="en_GB"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;script type="text/javascript" src="http://www.google.com/buzz/api/button.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/b:if&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 6.&amp;nbsp; Save your template and view you blog to see it working just fine.&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-google-buzz-follow-on-buzz-and.html</link><author>noreply@blogger.com (nscsurf)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD1uz0-uyxMnzGt8amT_UiocgH69NYShRMTBkDgMhK8LvXf409HSsrbJzXivJQ6KupsJmIEbmQQdhlhF4DFPDeK4t4r8VZlYUtrYyuXgWJAnITebDu95_clnb7E3fRO2CFf-S3mF4t4bY/s72-c?imgmax=800" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-3350065962097539419</guid><pubDate>Mon, 05 Sep 2011 08:34:00 +0000</pubDate><atom:updated>2011-09-05T01:34:46.933-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add +1 button and Other Share Buttons Below Post Titles</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Adding the Social Share Widget To Blogger&lt;/h3&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/li&gt;
&lt;li&gt;Backup your template&lt;/li&gt;
&lt;li&gt;Search for &amp;lt;data:post.body/&amp;gt;&lt;/li&gt;
&lt;li&gt;and just above it paste the code given below,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;table border='0'&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;&amp;lt;div style='&lt;strong&gt;margin-right:5px&lt;/strong&gt;;'&amp;gt;&lt;br /&gt;
&amp;lt;g:plusone expr:href='data:post.url' size='medium'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;&amp;lt;div style='padding-top:6px;'&amp;gt;&lt;br /&gt;
&amp;lt;script type='text/javascript'&amp;gt;&lt;br /&gt;
tweetmeme_style = &amp;amp;quot;compact&amp;amp;quot;;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;td&amp;gt;&amp;lt;div style='&lt;strong&gt;margin-right:25px&lt;/strong&gt;;'&amp;gt;&lt;br /&gt;
&amp;lt;script expr:src='&amp;amp;quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;amp;amp;r=&amp;amp;quot; + data:post.url'/&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;&amp;lt;div style='&lt;strong&gt;margin-right:25px&lt;/strong&gt;;'&amp;gt;&lt;br /&gt;
&amp;lt;div id='fb-root'/&amp;gt;&amp;lt;script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/&amp;gt;&amp;lt;fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;&amp;nbsp;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;!-- AddThis Button BEGIN --&amp;gt;&lt;br /&gt;
&amp;lt;div class="addthis_toolbox addthis_default_style "&amp;gt;&lt;br /&gt;
&amp;lt;a class="addthis_counter addthis_pill_style"&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;!-- AddThis Button END --&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt; &amp;lt;/b:if&amp;gt;&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5.&amp;nbsp;&amp;nbsp; Next search for &amp;lt;/head&amp;gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 6.&amp;nbsp; and just above it paste the following code,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;script src='http://apis.google.com/js/plusone.js' type='text/javascript'&amp;gt; {lang: &amp;amp;#39;en-US&amp;amp;#39;} &amp;lt;/script&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 7.&amp;nbsp; Save your template and you are done!&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-1-button-and-other-share-buttons.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-5688720021075918153</guid><pubDate>Mon, 05 Sep 2011 08:32:00 +0000</pubDate><atom:updated>2011-09-05T01:32:00.026-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add Facebook Like Button, Retweet, Stumble and Digg Counter Buttons To Blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h4 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;How to add Social Media Buttons To Blogger?&lt;/h4&gt;&lt;div style="color: #333333;"&gt;The method is as simply as throwing a peanut in air and swallowing it. =p Simply follow these steps,&lt;/div&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To&amp;nbsp;&lt;a href="http://blogger.com/" style="color: #0084ce; text-decoration: none;"&gt;Blogger&lt;/a&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Design&lt;/strong&gt;&amp;nbsp;&amp;gt;&lt;strong&gt;&amp;nbsp;Edit HTML&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Back up your template&lt;/li&gt;
&lt;li&gt;Check the&amp;nbsp;&lt;strong&gt;Expand Widget Templates&lt;/strong&gt;&amp;nbsp;box&lt;/li&gt;
&lt;li&gt;Then click Ctrl + F and in the browser search box paste this,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong&gt;data:post.body&lt;/strong&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5. Just above this code paste the giant code below,&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;br /&gt;
&amp;lt;table border='0'&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;lt;td&amp;gt;&amp;lt;div style='padding-top:6px;'&amp;gt;&lt;br /&gt;
&amp;lt;script type='text/javascript'&amp;gt;&lt;br /&gt;
tweetmeme_style = &amp;amp;quot;compact&amp;amp;quot;;&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;td&amp;gt;&lt;br /&gt;
&amp;lt;script expr:src='&amp;amp;quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;amp;amp;r=&amp;amp;quot; + data:post.url'/&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;td&amp;gt;&amp;lt;div style='margin-left:35px;'&amp;gt;&lt;br /&gt;
&amp;lt;script type='text/javascript'&amp;gt;&lt;br /&gt;
(function() {&lt;br /&gt;
var s = document.createElement(&amp;amp;#39;SCRIPT&amp;amp;#39;), s1 = document.getElementsByTagName(&amp;amp;#39;SCRIPT&amp;amp;#39;)[0];&lt;br /&gt;
s.type = &amp;amp;#39;text/javascript&amp;amp;#39;;&lt;br /&gt;
s.async = true;&lt;br /&gt;
s.src = &amp;amp;#39;http://widgets.digg.com/buttons.js&amp;amp;#39;;&lt;br /&gt;
s1.parentNode.insertBefore(s, s1);&lt;br /&gt;
})();&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;a class='DiggThisButton DiggCompact'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;iframe allowTransparency='true' expr:src='&amp;amp;quot;http://www.facebook.com/plugins/like.php?href=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;layout=button_count&amp;amp;amp;show_faces=false&amp;amp;amp;width=100&amp;amp;amp; action=like&amp;amp;amp;font=arial&amp;amp;amp;colorscheme=light&amp;amp;quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:35px;&amp;nbsp; width:100px; height:20px;'/&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/table&amp;gt; &amp;lt;/b:if&amp;gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;6.&amp;nbsp; Save your template and see your blog decorated with some best social media buttons.&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-facebook-like-button-retweet.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-7577384959748716147</guid><pubDate>Mon, 05 Sep 2011 08:28:00 +0000</pubDate><atom:updated>2011-09-05T01:28:42.669-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Social Share Widget With Counters For Blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Add Social Share Widget To Blogger&lt;/h3&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/li&gt;
&lt;li&gt;Backup your template&lt;/li&gt;
&lt;li&gt;Check the&amp;nbsp;&lt;em&gt;"Expand Widgets Templates"&lt;/em&gt;&amp;nbsp;Box&lt;/li&gt;
&lt;li&gt;Search for &amp;lt;data:post.body&amp;gt;&lt;/li&gt;
&lt;li&gt;Just above it paste the code below,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div align='&lt;/span&gt;&lt;strong&gt;&lt;span style="font-size: small;"&gt;right&lt;/span&gt;&lt;/strong&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;'&amp;gt;&amp;lt;table border='0' cellpadding='2' cellspacing='0' width='150'&amp;gt;&amp;lt;tbody&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td valign='top'&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td valign='top'&amp;gt;&amp;nbsp;&amp;nbsp; &amp;lt;div id='fb-root'/&amp;gt;&amp;lt;script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/&amp;gt;&amp;lt;fb:like font='' href='' layout='box_count' send='false' show_faces='false'/&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td valign='top'&amp;gt;&amp;lt;a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical"&amp;gt;Tweet&amp;lt;/a&amp;gt;&amp;lt;script type="text/javascript" src="http://platform.twitter.com/widgets.js"&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td valign='top'&amp;gt;&lt;br /&gt;
&amp;lt;!-- AddThis Button BEGIN --&amp;gt;&lt;br /&gt;
&amp;lt;div class='addthis_toolbox addthis_default_style '&amp;gt;&lt;br /&gt;
&amp;lt;a class='addthis_counter'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de39fde7c998f6e' type='text/javascript'/&amp;gt;&lt;br /&gt;
&amp;lt;!-- AddThis Button END --&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;nbsp; &amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/b:if&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;If you wish to align the widget to left then replace&amp;nbsp;&amp;nbsp;&lt;strong&gt;&lt;span style="color: #0080ff; font-size: small;"&gt;right&lt;/span&gt;&lt;/strong&gt;&amp;nbsp;with&amp;nbsp;&lt;span style="color: #0080ff; font-size: small;"&gt;&lt;strong&gt;left&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;6. Hit Save and you are done!&lt;/span&gt;&lt;div style="color: #333333;"&gt;Let me know if you needed any help :&amp;gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;You will also like these social share widgets,&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/social-share-widget-with-counters-for.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-2025355589063827568</guid><pubDate>Mon, 05 Sep 2011 08:14:00 +0000</pubDate><atom:updated>2011-09-05T01:14:22.383-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Facebook Style Social Share Buttons -Below Post Titles</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h4 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Steps To Be Followed&lt;/h4&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To&amp;nbsp;&lt;a href="http://blogger.com/" style="color: #0084ce; text-decoration: none;"&gt;Blogger&lt;/a&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Design&lt;/strong&gt;&amp;nbsp;&amp;gt;&lt;strong&gt;&amp;nbsp;Edit HTML&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Back up your template&lt;/li&gt;
&lt;li&gt;Check the&amp;nbsp;&lt;strong&gt;Expand Widget Templates&lt;/strong&gt;&amp;nbsp;box&lt;/li&gt;
&lt;li&gt;Then click Ctrl + F and in the browser search box paste this,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong&gt;data:post.body&lt;/strong&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5. Now Just above this code paste the code below,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;br /&gt;
&amp;lt;table border='0'&amp;gt;&lt;br /&gt;
&amp;lt;tr&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;td&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;!--Stumbleupon--&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a expr:href='&amp;amp;quot;http://www.stumbleupon.com/submit?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank'&amp;gt;&amp;lt;img alt='Stumble' src='&lt;/span&gt;&lt;span style="color: cyan;"&gt;&lt;b&gt;StumbleUpon Button Link&lt;/b&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;'/&amp;gt;&amp;lt;/a&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;td&amp;gt;&lt;br /&gt;
&amp;lt;!-- Twitter --&amp;gt;&lt;br /&gt;
&amp;lt;a expr:href='&amp;amp;quot;http://twitthis.com/twit?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title' rel='external nofollow' target='_blank'&amp;gt;&amp;lt;img alt='Twitter' src='&lt;span style="color: #0080ff;"&gt;&lt;strong&gt;Twitter Button Link&lt;/strong&gt;&lt;/span&gt;&amp;nbsp;'/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;td&amp;gt;&lt;br /&gt;
&amp;lt;!--DIGG--&amp;gt;&lt;br /&gt;
&amp;lt;a expr:href='&amp;amp;quot;http://digg.com/submit?phase=2&amp;amp;amp;url=&amp;amp;quot;&amp;nbsp; + data:post.url' rel='external nofollow' target='_blank'&amp;gt;&amp;lt;img alt='Digg This' src='&lt;span style="color: #0080ff;"&gt;&lt;strong&gt;DIGG Button Link&lt;/strong&gt;&lt;/span&gt;&amp;nbsp;'/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;td&amp;gt;&amp;nbsp;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;!--Email a Friend--&amp;gt;&lt;br /&gt;
&amp;lt;a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;img alt='' src='&lt;span style="color: #0080ff;"&gt;&lt;strong&gt;EMAIL Button Link&lt;/strong&gt;&lt;/span&gt;'/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/a&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;/td&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;lt;td&amp;gt;&lt;br /&gt;
&amp;lt;!--Facebook--&amp;gt;&lt;br /&gt;
&amp;lt;iframe allowTransparency='true' expr:src='&amp;amp;quot;http://www.facebook.com/plugins/like.php?href=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;layout=standard&amp;amp;amp;show_faces=false&amp;amp;amp;width=100&amp;amp;amp;action= like&amp;amp;amp;font=arial&amp;amp;amp;colorscheme=light&amp;amp;quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; margin-top:16px; height:40px;'/&amp;gt;&lt;br /&gt;
&amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;lt;/tr&amp;gt;&lt;br /&gt;
&amp;lt;/table&amp;gt;&amp;lt;/b:if&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 6.&amp;nbsp; Simply Replace the blue bolded text with button links I shared in last post on&amp;nbsp;Facebook Buttons. Finally save your template and you are done! :&amp;gt;&lt;/div&gt;&lt;div style="color: #333333;"&gt;You may also like to check these social bookmarking widgets&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/facebook-style-social-share-buttons.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-843220719114172902</guid><pubDate>Sun, 04 Sep 2011 15:06:00 +0000</pubDate><atom:updated>2011-09-04T08:06:34.674-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Floating google +1,facebook,twitter button for blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 align="justify" style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;Adding Floating Social share Counters to Blogger&lt;/h3&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;&lt;div align="justify"&gt;Go To Blogger &amp;gt; Design&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align="justify"&gt;Choose a HTML/JavaScript widget&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;div align="justify"&gt;Paste the following code inside it,&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;/*-------MBT Floating Counters------------*/&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;#floatdiv {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; position:absolute;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; width:94px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; height:229px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; top:0;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; left:0;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; z-index:100&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;#mbtsidebar {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; border:1px solid #ddd;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; padding-left:5px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; position:relative;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; height:220px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; width:55px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; margin:0 0 0 5px;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div id="floatdiv"&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div id="mbtsidebar"&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;table cellpadding="1px" cellspacing="0"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;"&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;div id="fb-root"&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;fb:like href="" send="false" layout="box_count" show_faces="false" font=""&amp;gt;&amp;lt;/fb:like&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;"&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;g:plusone size="Tall" expr:href="data:post.url"&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/g:plusone&amp;gt;&amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #0080ff;"&gt;&lt;b&gt;nsciom&lt;/b&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;"&amp;gt;Tweet&amp;lt;/a&amp;gt;&amp;lt;script type="text/javascript" src="http://platform.twitter.com/widgets.js"&amp;gt;&amp;lt;/script&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;p style=" font-size:10px; text-align:center; color:#ddd;"&amp;gt;&amp;lt;a style="color:#ddd;" href="http://www.MyBloggerTricks.com" target="_blank"&amp;gt;Widgets&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/table&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/div&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;script type="text/javascript"&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;// JavaScript Document&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp; &amp;lt;!--&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;/* Script by: www.jtricks.com&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;* Version: 20071017&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;* Latest version:&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;* www.jtricks.com/javascript/navigation/floating.html&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;*/&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;var floatingMenuId = 'floatdiv';&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;var floatingMenu =&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; targetX: 0,&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; targetY: 300,&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; hasInner: typeof(window.innerWidth) == 'number',&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; hasElement: typeof(document.documentElement) == 'object'&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;amp;&amp;amp; typeof(document.documentElement.clientWidth) == 'number',&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; menu:&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; document.getElementById&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? document.getElementById(floatingMenuId)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.all&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? document.all[floatingMenuId]&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.layers[floatingMenuId]&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;};&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;floatingMenu.move = function ()&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.menu.style.left = floatingMenu.nextX + 'px';&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.menu.style.top = floatingMenu.nextY + 'px';&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;floatingMenu.computeShifts = function ()&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var de = document.documentElement;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftX =&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasInner&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? pageXOffset&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : floatingMenu.hasElement&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? de.scrollLeft&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.scrollLeft;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.targetX &amp;lt; 0)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftX +=&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? de.clientWidth&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.clientWidth;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftY =&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasInner&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? pageYOffset&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : floatingMenu.hasElement&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? de.scrollTop&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.scrollTop;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.targetY &amp;lt; 0)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.hasElement &amp;amp;&amp;amp; floatingMenu.hasInner)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; // Handle Opera 8 problems&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftY +=&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; de.clientHeight &amp;gt; window.innerHeight&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? window.innerHeight&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : de.clientHeight&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; else&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.shiftY +=&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? de.clientHeight&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.clientHeight;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;floatingMenu.calculateCornerX = function()&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.targetX != 'center')&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return floatingMenu.shiftX + floatingMenu.targetX;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var width = parseInt(floatingMenu.menu.offsetWidth);&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var cornerX =&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? (floatingMenu.hasInner&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? pageXOffset&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.documentElement.scrollLeft) +&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (document.documentElement.clientWidth - width)/2&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.scrollLeft +&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (document.body.clientWidth - width)/2;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; return cornerX;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;};&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;floatingMenu.calculateCornerY = function()&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (floatingMenu.targetY != 'center')&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return floatingMenu.shiftY + floatingMenu.targetY;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var height = parseInt(floatingMenu.menu.offsetHeight);&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; // Handle Opera 8 problems&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var clientHeight =&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement &amp;amp;&amp;amp; floatingMenu.hasInner&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;amp;&amp;amp; document.documentElement.clientHeight&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;gt; window.innerHeight&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? window.innerHeight&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.documentElement.clientHeight&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var cornerY =&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.hasElement&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? (floatingMenu.hasInner&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? pageYOffset&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.documentElement.scrollTop) +&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (clientHeight - height)/2&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.body.scrollTop +&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (document.body.clientHeight - height)/2;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; return cornerY;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;};&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;floatingMenu.doFloat = function()&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; // Check if reference to menu was lost due&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; // to ajax manipuations&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (!floatingMenu.menu)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; menu = document.getElementById&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? document.getElementById(floatingMenuId)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.all&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ? document.all[floatingMenuId]&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : document.layers[floatingMenuId];&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; initSecondary();&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var stepX, stepY;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.computeShifts();&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var cornerX = floatingMenu.calculateCornerX();&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var stepX = (cornerX - floatingMenu.nextX) * .07;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (Math.abs(stepX) &amp;lt; .5)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; stepX = cornerX - floatingMenu.nextX;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var cornerY = floatingMenu.calculateCornerY();&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var stepY = (cornerY - floatingMenu.nextY) * .07;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (Math.abs(stepY) &amp;lt; .5)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; stepY = cornerY - floatingMenu.nextY;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (Math.abs(stepX) &amp;gt; 0 ||&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Math.abs(stepY) &amp;gt; 0)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.nextX += stepX;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.nextY += stepY;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.move();&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; setTimeout('floatingMenu.doFloat()', 20);&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;};&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;// addEvent designed by Aaron Moore&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;floatingMenu.addEvent = function(element, listener, handler)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; if(typeof element[listener] != 'function' ||&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; typeof element[listener + '_num'] == 'undefined')&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + '_num'] = 0;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (typeof element[listener] == 'function')&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + 0] = element[listener];&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + '_num']++;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener] = function(e)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var r = true;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; e = (e) ? e : window.event;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; for(var i = element[listener + '_num'] -1; i &amp;gt;= 0; i--)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if(element[listener + i](e) == false)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; r = false;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return r;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; //if handler is not already stored, assign it&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; for(var i = 0; i &amp;lt; element[listener + '_num']; i++)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if(element[listener + i] == handler)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + element[listener + '_num']] = handler;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; element[listener + '_num']++;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;};&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;floatingMenu.init = function()&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.initSecondary();&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.doFloat();&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;};&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;// Some browsers init scrollbars only after&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;// full document load.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;floatingMenu.initSecondary = function()&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.computeShifts();&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.nextX = floatingMenu.calculateCornerX();&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.nextY = floatingMenu.calculateCornerY();&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.move();&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;if (document.layers)&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.addEvent(window, 'onload', floatingMenu.init);&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;else&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;{&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.init();&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.addEvent(window, 'onload',&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; floatingMenu.initSecondary);&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;//--&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;div align="justify" style="color: #333333;"&gt;Make these changes:&lt;/div&gt;&lt;ul style="color: #333333; list-style-image: initial; list-style-position: initial; list-style-type: none;"&gt;&lt;li style="background-attachment: scroll; background-clip: initial; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqCZtdGz1jmTJw6OpxFh0B8ZxWgyVFhyphenhyphenoABQiDMib4TCYHWHldOKn_yjLR5Dux-eN05vPUYAS9GKA1XoTrS8Ndtdi1S36soIkhyphenhyphenjcO1qavsWaFRJXujkZlW_ciy4FifErGIcDsxk5eaP4/s400/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; padding-bottom: 0.8em; padding-left: 20px; padding-right: 0px; padding-top: 0px;"&gt;&lt;div align="justify"&gt;Replace&amp;nbsp;nsciom&lt;b&gt;&lt;span style="color: #0080ff;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;with your Twitter username&lt;/div&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;div align="justify" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 4.&amp;nbsp; Save your widget and you are almost done!&lt;/div&gt;&lt;div align="justify" style="color: #333333;"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;PS:&lt;/b&gt;&lt;/span&gt;&amp;nbsp;If you have already added the&amp;nbsp;Google +1 Button&amp;nbsp;somewhere in your blog then you may skip step5.&lt;/div&gt;&lt;div align="justify" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5.&amp;nbsp; Now Go To&amp;nbsp;&lt;i&gt;Blogger &amp;gt; Design &amp;gt; Edit HTML&lt;/i&gt;&amp;nbsp;&amp;nbsp; and search for this,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div align="justify"&gt;&amp;lt;/head&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div align="justify" style="color: #333333;"&gt;Just above it paste the following code,&lt;/div&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; color: #333333; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div align="justify"&gt;&amp;lt;script src='http://apis.google.com/js/plusone.js' type='text/javascript'&amp;gt; {lang: &amp;amp;#39;en-US&amp;amp;#39;} &amp;lt;/script&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;div align="justify" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 6.&amp;nbsp; Save your template and say Bingo!&lt;/div&gt;&lt;div align="justify" style="color: #333333;"&gt;Visit your blog to find it hanging to the left. I hope you liked it as much as MBT had fun creating it. Peace and blessings! :)&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/floating-google-1facebooktwitter-button.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>2</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-5577913432487221559</guid><pubDate>Sun, 04 Sep 2011 15:01:00 +0000</pubDate><atom:updated>2011-09-04T08:01:05.154-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>Add Floating Facebook Like and Retweet Counters To Your Websites</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h4 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;How To add Floating Facebook Like, Retweet and Stumble Upon Counter to Blogger?&lt;/h4&gt;&lt;center style="color: #333333;"&gt;&lt;ins style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: inline-table; height: 60px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 468px;"&gt;&lt;ins id="aswift_2_anchor" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: block; height: 60px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 468px;"&gt;&lt;iframe allowtransparency="true" frameborder="0" height="60" hspace="0" id="aswift_2" marginheight="0" marginwidth="0" name="aswift_2" scrolling="no" style="left: 0px; position: absolute; top: 0px;" vspace="0" width="468"&gt;&lt;/iframe&gt;&lt;/ins&gt;&lt;/ins&gt;&lt;/center&gt;&lt;ol style="color: #333333;"&gt;&lt;li&gt;Go To Blogger &amp;gt; Design&lt;/li&gt;
&lt;li&gt;Select HTML/JavaScript Widget from anywhere (Position doesn’t matter)&lt;/li&gt;
&lt;li&gt;Inside it paste the code below,&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: #f2f1f1; background-origin: initial; background-position: 0% 0%; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 0px; margin-left: 20px; margin-right: 20px; margin-top: 0px; padding-bottom: 10px; padding-left: 45px; padding-right: 20px; padding-top: 10px;"&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div style="display:scroll; position:fixed; top:40%; left:2%; border: 1px dotted #E8E8E8; padding:0px 0px 0px&amp;nbsp; 5px; height:220px; width:53px "&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;table cellpadding="1px" cellspacing="0"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;"&amp;gt;&amp;nbsp;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id='fb-root'/&amp;gt;&amp;lt;script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/&amp;gt;&amp;lt;fb:like font='' href='' layout='box_count' send='false' show_faces='false'/&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;"&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;script src="http://www.stumbleupon.com/hostedbadge.php?s=5"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;"&amp;gt;&lt;/div&gt;&lt;div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;lt;a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #0080ff;"&gt;&lt;b&gt;NSCIOM&lt;/b&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;"&amp;gt;Tweet&amp;lt;/a&amp;gt;&amp;lt;script type="text/javascript" src="http://platform.twitter.com/widgets.js"&amp;gt;&amp;lt;/script&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/table&amp;gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;center style="color: #333333;"&gt;&lt;ins style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: inline-table; height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 468px;"&gt;&lt;ins id="aswift_3_anchor" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: block; height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 468px;"&gt;&lt;iframe allowtransparency="true" frameborder="0" height="15" hspace="0" id="aswift_3" marginheight="0" marginwidth="0" name="aswift_3" scrolling="no" style="left: 0px; position: absolute; top: 0px;" vspace="0" width="468"&gt;&lt;/iframe&gt;&lt;/ins&gt;&lt;/ins&gt;&lt;/center&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 4.&amp;nbsp;&amp;nbsp;&amp;nbsp; Simply replace &lt;/span&gt;&lt;b&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #9fc5e8;"&gt;NSCIOM&lt;/span&gt;&lt;/b&gt;&lt;span class="Apple-style-span" style="color: #333333;"&gt;&amp;nbsp;with your twitter username.&lt;/span&gt;&lt;br /&gt;
&lt;div style="color: #333333;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 5.&amp;nbsp;&amp;nbsp;&amp;nbsp; Save your widget and you are Done!&lt;/div&gt;&lt;div style="color: #333333;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="color: #333333;"&gt;See your blog to find a light and beautiful widget hanging at left side of your blog. Hope you like it! :)&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/add-floating-facebook-like-and-retweet.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-284688525498846671</guid><pubDate>Sun, 04 Sep 2011 14:57:00 +0000</pubDate><atom:updated>2011-09-05T02:08:59.674-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">WIDGETS</category><title>18+ social media sharing widgets for blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-floating-facebook-like-and-retweet.html"&gt;1. Floating Facebook Twitter Counters&lt;/a&gt;&lt;/h3&gt;&lt;div align="justify"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqz4kNAw3UwEepvfM6k8iNHm3aP6Ra9qRST_wzedDaQOd8rpBqKsh63pOePD0Fserr6Aifi64uXqYaZ1NA2IrkxRHtCbvEN0YP_zdKnAvnjyl6-wiA_tEsqKr23PMiSiTA3-ENREs7gAY/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;/div&gt;&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/floating-google-1facebooktwitter-button.html"&gt;2. Sliding +1 Counters &amp;amp; More&lt;/a&gt;&lt;/h3&gt;&lt;div align="justify"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_2T1UaobblGkeyb4fhwvMm_LEDUpTy-XGe1ntXMTYwNPiVOzN33hIRopfaCj93YkSxy1EH3YuFYpIooHxzfueaN1FRKPxpaiEsoItb7qJODnmgQ5dhHJH0VRSK3eYtxDpgdSgu9wDEk/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;/div&gt;&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;3. &lt;a href="http://i-o-m.blogspot.com/2011/09/facebook-style-social-share-buttons.html"&gt;Facebook Style Social Share Buttons -Below Post Titles&lt;/a&gt;&lt;/h3&gt;&lt;img alt="image" border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRQzHfg2L-HKCBDt9LJlAiTHC9fgY61ce_W7cVtRmxcy-OSrTX2Lnmh6ikILfK4OoE5CDzvzKzIA92PtWklgozVkjSBshPc488dugrzOfriVBAB8KlBBMA2k4GUv0RxFzTaySJ8m0_CXk/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="503" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-social-networking-buttons-below.html"&gt;4. Add Social Networking counters Below Blog Titles&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm9Sqmkb2O_2e3kA04OPLD322tCwxP6FuCj_a1R0EUfgYKh_EHpPYNK-xZ7heG37qAb2NGmP7zJt-um8jJ7EIK7KytSiu7OMikr2g6G83Q-aASnKn4qbrDae7u2yjr4wYaobNYf_8j4TU/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-facebook-like-button-retweet.html"&gt;5. Digg, Retweet Buttons and More -Below Post Titles&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8hHd0TDPQAySmOFGoGFvQxYFxRRed4ySldSAvXY9U9HcpyuNdrNjLklqdldbGT98irX6Sh_BTE-_lIRZcS7I5KvKQaUYk5jib85AkbBo-YP15Dth4UO8MSgkc5qVCSQ0nCDxx-HsnTUY/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-1-button-and-other-share-buttons.html"&gt;6. Google+, twitter, stumbleupon - Below Post Titles&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEith32vji6lCWhLMIy-2A5tdmqHP2_9geF-m0DuHMpZdyR6WAgwwLLlNLFW1HHpZ53qZcyLCGK_H40AodzXc73j3dlkH3p9jFHjdCo4kh9Hg5kXEi4xSaWioUBoWUhyphenhyphenxTWdMTugOjczBYk/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-google-buzz-follow-on-buzz-and.html"&gt;7. Google Buzz Follow and Count Buttons&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6cY0PQQ3B8WgruIK5y5rUsWXkwEbwJBQ2mqHPx3ttSpfSkR1vj3IqbzN-KpgALQsEpV5XjYVY2o3ABYU8ycojmFfr3z-6Sx1xVkgRTOJpNMuJH4Qn6LBY6VjaA_5f7HL3rVHMuravp8/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd2MUU5N5q3X6cw1l2u_-r3F33YW5IdNe02nP2maS7DBj-K3zo7BGo2DrtTcoIh51RNaage904RUoizfISLMgu5pWBq4zGiCthcQ4hosm1Q5VT8M_y59Ki2cJNiwJwexPNckqs-vZ84VY/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-google-1-button-to-your-blogger.html"&gt;8. 1+ Count Buttons&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgOoUwwo3TvIfbRHlbp_D30uWH-pTIieU6iJq2EWwxfHyqlgFkNESxGx7yUwCer3XudmiVOSFAerFNqdDBJfPggvmkFaVPHsmIclOAsFGwcmfEbe4GVWBz603eJ9kG4fpClO1C22_Zmc/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-linkedin-share-counter-buttons-to.html"&gt;9. LinkedIn Share Count Buttons&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz2qoYBxDZOSDZwu18ZYrRy1ahtHkaZwPByv3AvhsRopxFiIWGf3rIdPyNH_5-R7Y_2yLxOPUKBz_9LA3Yihx_N26IG6lr09uNSomKQMiJY34z9i-rGVkbtWmYZLU0dONN1UZTS6zQ5Bc/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-facebook-like-and-send-button-to.html"&gt;10. Facebook Like and Send Button&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYc0jEnfDtZNMcDNEWR8U5S8IyJtU4VbDuM_Q7UqkxCtwsE7y3APsnN_C1AT0_Hd0Uh2PHCsYYpUH4Ai8QFbFwik8MCrJweFQJOyxkdV0jeg2NsjnXLAhEHrZDltknnLShalYRkTIqZS0/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-facebook-send-button-to-blogger.html"&gt;11. Facebook send button&lt;/a&gt;&lt;/h3&gt;&lt;img alt="image" border="0" height="31" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKHtI9wDGV6XHrg8nRduMp1Hwnk94Ma5qAVYdKzMd9qZxgJH6kxO6SmPa_B0XH8POwBMpzdnfRTA_XCLv1XVraCGvJFsUe4PnBMcRes8zGgJ1bkd3XYVT1o9TrME2f7UKpjMsiEbLeDhM/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="65" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/social-bookmarking-widget-for-blogger.html"&gt;12. Bookmark and Share Widget&lt;/a&gt;&lt;/h3&gt;&lt;a href="http://www.mybloggertricks.com/2009/12/bookmarking-widget-for-blogger-bookmark.html" style="color: #0084ce; text-decoration: none;" target="_blank"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW8LlUBAuc2Qkpcya2xcdygWJYPTL9Ot64ydtB-3hD3-8k3YxbDtWQCaY02iuS4gBUK3_f4crwKq3hWnwTYLN2lCbgEz1Y-E_XbaKEUjjIDCltgxnZDcbkm9xAa02qjc2B2iAHSm7OiR0/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/social-bookmarking-widget-for-blogger.html"&gt;13. Social Bookmarking and Share widget&lt;/a&gt;&lt;/h3&gt;&lt;img alt="image" border="0" height="49" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCTJWQiu816ffHI1aUZzJZmCSDTdw12L3CaHFAQqBCBxMvTYNwqA1Lj5vxE6JK0CWZl762ByYL_dUYVf8uTXqh5f9pG4CCnidi3wF2qodGfZeahugMAXkyO9NYAA-82PsV9Yp3JTB63DQ/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="581" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/show-off-follower-counts-for-rss.html"&gt;14. Show Followers Count Of RSS, Facebook and Twitter&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsuZWzzU8XirFXLyYgao6KwoCebtdymzMFKF5SZB1m_VzGifXSdVYOXDY0D9TIUxvAW5aGEsCNfOWsciKEwPHoWpacM6MH4lC20QAVqApFIM8lmxGi3NQYdxDfDPe5b2cO50bQTCQSbwI/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-social-media-share-widget-to.html"&gt;15. Social Media Widget With Search Box&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi9_aw3eZeq8nnnx9KshuAL0Mng0Szvdsp62XvR9cmnxB1UgayLyoqNjG4BGMd2fKiSsHjH2KG3Bb5wmLiQP0OaQKt6KFgHyJJsc4ONgY1FEUivcz_fu-xLmrh3O9xN0pnebQpS9Xf99k/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/add-social-networking-buttons-below.html"&gt;16. Share Buttons For Post Bottom&lt;/a&gt;&lt;/h3&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsu3lpFooFQhhllzLD1WcPKmCO27JeTI0ERzWbFXsmCoNq5MsdT9gdujNmZw51OxtiCk24sbhlJ9StUKDBixWA8WO8e-MqQNJa5Lw0-c-y3nJue-KaJj3WIkL9byvAoH1wgECj5_yV0A0/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/customize-twitter-follow-button-in-7.html"&gt;17. Customize Twitter Follow Button in 7 ways!&lt;/a&gt;&lt;/h3&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/create-facebook-and-twitter-custom.html"&gt;18. Create Custom Follower Counters&lt;/a&gt;&lt;/h3&gt;&lt;a href="http://www.mybloggertricks.com/2009/12/create-custom-follower-counters-for-any.html" style="color: #0084ce; text-decoration: none;" target="_blank"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Xw5G8c4nmpJa_ht1bAcqAjNADsIWCTOKCWLFhYijhBSXzOGrtX_zJQCnQ0Hl6aD4exuyOu7Py6HvBfmmWJtKpWc5kQQNJtaHenOk8hNs43OpYX5l0v_znp1zb6LiFr8xvsoULbKXS30/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"&gt;&lt;a href="http://i-o-m.blogspot.com/2011/09/floating-twitter-buttons-with-auto.html"&gt;19. FLOATING TWITTER BUTTONS&lt;/a&gt;&lt;/h3&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs9eDcuQFoDJ4JPbIVzrd541Esa8bHZib8aLU8sxdvey7O3WYYfBC8WS7o_nTLvJFGGSEHdHXQF4YDlPzPRtfb4i-JsHY6Ne_RvTBvo3lrBx-eVGxS0ZrYUYHhnsiDPaeOzgFvfiPVXKM/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;a href="http://www.mybloggertricks.com/2011/06/floating-twitter-buttons-with-auto.html" style="color: #0084ce; text-decoration: underline;" target="_blank"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/18-social-media-sharing-widgets-for.html</link><author>noreply@blogger.com (nscsurf)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqz4kNAw3UwEepvfM6k8iNHm3aP6Ra9qRST_wzedDaQOd8rpBqKsh63pOePD0Fserr6Aifi64uXqYaZ1NA2IrkxRHtCbvEN0YP_zdKnAvnjyl6-wiA_tEsqKr23PMiSiTA3-ENREs7gAY/s72-c?imgmax=800" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-8708435705456589524</guid><pubDate>Sat, 03 Sep 2011 07:10:00 +0000</pubDate><atom:updated>2011-09-03T00:10:49.595-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">EBOOKS</category><title>The best horror ebook:-the mammoth</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: arial; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="margin-bottom: 12px;"&gt;&lt;a href="http://horrornews.net/30073/book-review-the-mammoth-book-of-best-new-horror-edited-by-stephen-jones/the-mammoth-book-of-best-new-horror-21-5/" rel="attachment wp-att-30078" style="color: black;"&gt;&lt;img alt="The Mammoth Book of Best New Horror 214 330x500 Book Review: The Mammoth Book of Best New Horror   Edited by Stephen Jones" class="alignleft size-medium wp-image-30078" height="500" src="http://horrornews.net/wp-content/uploads/2011/02/The-Mammoth-Book-of-Best-New-Horror-214-330x500.jpg" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: inline; float: left; height: auto; margin-bottom: 12px; margin-left: 0px; margin-right: 24px; margin-top: 4px; max-width: 640px;" title="The Mammoth Book of Best New Horror 214 330x500 horror movies horrornews.net" width="330" /&gt;&lt;/a&gt;This tome features horror luminaries such as Stephen King (and son), Ramsey Campbell and Brian Lumley. A fairly safe bet then, for some classic tales to darken the corners of the room. The introduction is worth a mention, as it appears to catalogue every single horror story penned in 2009. How anyone goes about compiling such encyclopaedic reference material is a mystery worthy of Dupin. But it’s an excellent way to discover new authors, so worth a look before reading. Equally fascinating is the brief introduction to each story by the author(s), which tells you the inspiration behind them. The title could be misleading to some, as no limbs are dismembered and there’s nothing literally ‘horrifying’ here. But if you like challenging, complex and genuinely unsettling supernatural tales, you’ll like this. Here are my personal highlights.&lt;/div&gt;&lt;div style="margin-bottom: 12px;"&gt;Throttle by Joe Hill &amp;amp; Stephen King – Father and son combine to re-tell the classic Richard Matheson tale ‘Duel’. This time it’s demonic trucker v Hells Angels.&lt;/div&gt;&lt;div style="margin-bottom: 12px;"&gt;Out and Back by Barbara Roden – When a couple go exploring in an old abandoned amusement park, you know it’s not going to be happy ending. Reminded me a little of Robert Aickman.&lt;/div&gt;&lt;div style="margin-bottom: 12px;"&gt;Cold to the Touch by Simon Strantzas – An Arctic setting and strange alien architecture combine to give this tale a pleasant Lovecraftian tinge.&lt;/div&gt;&lt;div style="margin-bottom: 12px;"&gt;The Game of Bear by M R James &amp;amp; Reggie Oliver – This one set my pulse racing before I even read it. It’s a tale which was begun by the legendary English ghost story author before his death. Reggie Oliver picks up the reins and does an admirable job of completing this archetypal Jamesian tale of a disputed inheritance.&lt;/div&gt;&lt;div style="margin-bottom: 12px;"&gt;Party Talk by John Gaskin – Classic ghost story, told in the traditional style, about a wronged young mother and her quest for vengeance.&lt;span id="more-30073"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="margin-bottom: 12px;"&gt;The Axholme Toll by Mark Valentine – Another classic chiller, combining real and imagined legends surrounding a mystery tale by an unknown author.&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/best-horror-ebook-mammoth.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-8936083584695498323</guid><pubDate>Sat, 03 Sep 2011 07:01:00 +0000</pubDate><atom:updated>2011-09-03T00:01:14.733-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">EBOOKS</category><title>10 must read ebooks</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="color: #111111; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; line-height: 22px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;em 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/0743273567?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0743273567" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;The Great Gatsby&lt;/a&gt;&amp;nbsp;&lt;/em&gt;by F. Scott Fitzgerald&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" class="size-full wp-image-232 aligncenter" height="665" src="http://content.artofmanliness.com/uploads/2008/05/great_gatsby.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; clear: both; display: block; float: none; margin-bottom: 1.571em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" title="vintage great gatsby book cover" width="500" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Set on the East Coast in the roaring 20′s, this American novel is a classic. From it we learn that often the wanting of something is better than actually having it. It is relevant to every man’s life. Furthermore, one true friend is worth infinitely more than a multitude of acquaintances.&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 30px; padding-right: 0px; padding-top: 0px;"&gt;“He smiled understandingly-much more than understandingly. It was one of those rare smiles… It faced–or seemed to face–the whole external world for an instant, and then concentrated on you with an irresistible prejudice in your favor.”&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/0553212788?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0553212788" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;&lt;em 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;"&gt;The Prince&lt;/em&gt;&lt;/a&gt;&amp;nbsp;by Niccolo Machiavelli&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" height="375" src="http://farm1.static.flickr.com/94/241630186_75f02e81d4.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" width="500" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Considered by most to be the authoritative text on statesmanship and power (how to obtain it as well as an illustration of its trappings), although certainly a shrewd one.&lt;/div&gt;&lt;blockquote style="border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; color: #666666; margin-bottom: 1.571em; margin-left: 0.786em; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0.786em; padding-right: 0px; padding-top: 0px;"&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;From this arises an argument: whether it is better to be loved than feared. I reply that one should like to be both one and the other; but since it is difficult to join them together, it is much safer to be feared than to be loved when one of the two must be lacking.&lt;/div&gt;&lt;/blockquote&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Essentially, Machiavelli advocates letting your people have their property and women, but making sure that they know what you are capable of doing if they step out of line.&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/0385333846?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0385333846" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;&lt;em 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;"&gt;Slaughterhouse-Five&lt;/em&gt;&lt;/a&gt;&amp;nbsp;by Kurt Vonnegut&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" class="aligncenter" height="375" src="http://farm1.static.flickr.com/194/475084583_6b00764348.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; clear: both; display: block; float: none; margin-bottom: 1.571em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" title="slaughterhouse-five" width="500" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Through the beloved Billy Pilgrim, we see the central themes of Vonnegut’s humanism along with his satirical take on how disgusting it is when humans don’t use their (limited) free will to prevent simple atrocities. A great example of how we use humor to deal with hardship, and the conflict between the way heroism is conveyed through stories for actions in situations that perhaps could have been avoided altogether.&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 30px; padding-right: 0px; padding-top: 0px;"&gt;“So then I understood. It was war that made her so angry. She didn’t want her babies or anybody else’s babies killed in wars. And she thought wars were partly encouraged by books and movies.”&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/0451524934?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0451524934" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;&lt;em 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;"&gt;1984&lt;/em&gt;&lt;/a&gt;&amp;nbsp;by George Orwell&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" class="aligncenter" height="668" src="http://farm3.static.flickr.com/2330/2142997064_93312a5939_o.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; clear: both; display: block; float: none; margin-bottom: 1.571em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" title="George Orwell 1984" width="500" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;If you are already worried about the information that your computer is collecting from you, re-read this one and you will feel much better! Or, perhaps, you will throw your computer in a river. This is the classic text for the will of the individual to maintain his privacy and free will, and how easy it is at the end of it all to just try to blend in and go with the flow to avoid making things even worse by speaking out.&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 30px; padding-right: 0px; padding-top: 0px;"&gt;“But it was all right, everything was all right, the struggle was finished. He had won the victory over himself. He loved Big Brother.”&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/0465069347?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0465069347" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;&lt;em 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;"&gt;The Republic&lt;/em&gt;&lt;/a&gt;&amp;nbsp;by Plato&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" class="aligncenter" height="363" src="http://farm3.static.flickr.com/2337/2048731275_9b17cdd744.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; clear: both; display: block; float: none; margin-bottom: 1.571em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" title="Plato Republic vintage book" width="500" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Since every man can use a fair portion of philosophy in his literary diet, the origin of legitimate western thought might be a good place to start. Plato’s most well known work breaks down topics of which you should have a fundamental understanding such as government, justice, and political theory.&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/0374528373?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0374528373" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;&lt;em 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;"&gt;Brothers Karamazov&lt;/em&gt;&lt;/a&gt;&amp;nbsp;by Fyodor Dostoevsky&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" class="aligncenter" height="375" src="http://farm2.static.flickr.com/1179/786079355_d0650f580e.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; clear: both; display: block; float: none; margin-bottom: 1.571em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px; vertical-align: middle;" title="Brothers Karamazov" width="500" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;The final work of Dostoevsky (commonly accepted English spelling of the name) has a lot of meat to chew on…it strikes at the core of who we are and what drives us. Ultimately, for all of our strength and wisdom as individuals, we are often frustrated by our failures to do what we know we must do (or at least think we should do) and need the power of forgiveness in our lives. Many important thinkers consider this to be one of (if not&amp;nbsp;&lt;em 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;"&gt;the&lt;/em&gt;&amp;nbsp;most) important masterpiece of literature, including Sigmund Freud and Franz Kafka (who did not think quite alike, to say the least).&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 30px; padding-right: 0px; padding-top: 0px;"&gt;“So long as man remains free he strives for nothing so incessantly and so painfully as to find some one to worship.”&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/0316769177?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0316769177" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;&lt;em 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;"&gt;The Catcher in the Rye&lt;/em&gt;&lt;/a&gt;&amp;nbsp;by J.D. Salinger&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" class="aligncenter" height="670" src="http://farm1.static.flickr.com/88/248583991_72293c3ca4_o.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; clear: both; display: block; float: none; margin-bottom: 1.571em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" title="Catcher in the Rye vintage book cover" width="416" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Holden Caufield, if nothing else, should serve as a point of reference for the angst and cynicism that you perhaps once had, or ideally never had. If you thought like him when you were 16 or 17 years old, you are forgiven. If you still identify with him, you need to find some more joy, somehow…fake it ’til you make it. Do something.&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #111111; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; line-height: 22px;"&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/0684803356?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0684803356" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;&lt;em 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;"&gt;For Whom the Bell Tolls&lt;/em&gt;&lt;/a&gt;&amp;nbsp;by Ernest Hemingway&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" class="size-full wp-image-206 aligncenter" height="662" src="http://content.artofmanliness.com/uploads/2008/05/hemingway-fwtbelltolls.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; clear: both; display: block; float: none; margin-bottom: 1.571em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" title="For whom the bell tolls vintage book cover" width="463" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Set in the Spanish Civil War, this novel explores who man becomes when faced with the prospect of his own death. It is worthwhile for all of us to consider what we would give our lives for, as this defines what and who we truly love. This is one of the great examples of how war has shaped men, past and present, and has in part defined the image of a true hero who is courageous even when it has brutal consequences.&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;“You learned the dry-mouthed, fear-purged purging ecstasy of battle and you fought that summer and that fall for all the poor in the world against all tyranny, for all the things you believed in and for the new world you had been educated into.”&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/1593080255?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=1593080255" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;&lt;em 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;"&gt;The Picture of Dorian Gray&lt;/em&gt;&lt;/a&gt;&amp;nbsp;by Oscar Wilde&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" class="aligncenter" height="852" src="http://farm1.static.flickr.com/124/356428272_647da11f7f_o.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; clear: both; display: block; float: none; margin-bottom: 1.571em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" title="The picture of dorian gray vintage book cover" width="500" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Arguably the best work from the ever-quotable Wilde, this novel is a guide for how to live a life of pure decadence. Packed with impeccable wit, clever one-liners and an excessive amount of egotistical vanity. At the very least, this book will show you the glory and the pitfalls of being the best looking chap around.&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;strong 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;"&gt;&lt;a href="http://www.amazon.com/gp/product/0142000663?ie=UTF8&amp;amp;tag=stucosuccess-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=9325&amp;amp;creativeASIN=0142000663" style="color: #87240f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline;"&gt;&lt;em 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;"&gt;The Grapes of Wrath&lt;/em&gt;&lt;/a&gt;&amp;nbsp;by John Steinbeck&lt;/strong&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"&gt;&lt;img alt="" class="aligncenter" height="332" src="http://farm1.static.flickr.com/136/325080435_769270353e.jpg" style="background-color: #eeeeee; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; clear: both; display: block; float: none; margin-bottom: 1.571em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px;" title="vintage grapes of wrath" width="500" /&gt;&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;One of the most controversial books of its time, the Joads are “Okies” who head west to the fertile valleys of California during the Dust Bowl era of the 1930s. Because of the social solutions that the book proposed, and its depiction of work camp conditions, some groups attacked the novel as communist propaganda. However, it was widely read as a result of the national attention, and is a classic example of a man doing what he had to do for his family and persevering through all plights and conditions.&lt;/div&gt;&lt;div style="margin-bottom: 1.571em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 30px; padding-right: 0px; padding-top: 0px;"&gt;“Fear the time when the strikes stop while the great owners live – for every little beaten strike is proof that the step is being taken…fear the time when Manself will not suffer and die for a concept, for this one quality is the foundation of Manself, and this one quality is man, distinctive in the universe.”&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/10-must-read-ebooks.html</link><author>noreply@blogger.com (nscsurf)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="http://farm1.static.flickr.com/94/241630186_75f02e81d4_t.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9160206613808754677.post-1629024220834287349</guid><pubDate>Sat, 03 Sep 2011 06:53:00 +0000</pubDate><atom:updated>2011-09-02T23:53:33.446-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">EBOOKS</category><title>Top 10 Free E-books For Bloggers</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;&lt;span class="Apple-style-span" style="color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Authority Black Book&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="authority black book screenshot" src="http://7.mshcdn.com/wp-content/uploads/2007/09/abb.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.authorityblackbook.com/" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Authority Black Book"&gt;Authority Black Book&lt;/a&gt;&amp;nbsp;– What is an authority presence on the web? Why is it important to have an authority and how can you attain authority? What are the web 2.0 tools that you can use? Authority Black Book is a 64-page ebook by Jake Humphrey explaining how to get the best out of web 2.0 technology including blogging, RSS marketing, social bookmarking sites, social media marketing sites, and video marketing in order to attract more traffic to your site. There is also a list of web 2.0 resource sites.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;You would already be aware of what is written about in the ebook if you have been blogging for quite some time. But the ebook is a good resource with plenty of links of the top sites and services in different categories related to blogging, and you can take it as a starting point if you are newly starting out in the blogosphere.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Beginner’s Guide to Search Engine Optimization&lt;/strong&gt;&lt;/div&gt;&lt;div align="center" 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: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="seomoz beginner’s guide" src="http://5.mshcdn.com/wp-content/uploads/2007/09/seomoz-beginners-guide-to-search-engine-optimization_1191107084143.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.seomoz.org/article/beginners-guide-to-search-engine-optimization" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Beginner's Guide to Search Engine Optimization"&gt;Beginner’s Guide to Search Engine Optimization&lt;/a&gt;&amp;nbsp;– For many a blogger, search engine optimization is the next thing they want to understand once they set up their blog and are couple of weeks into blogging. If that’s the case, this is the ebook that they should get their hands on. Beginner’s Guide to Search Engine Optimization is a good newbie’s guide to SEO practices from SEOmoz explaining how search engines operate, how to conduct keyword research, building a traffic-worthy site, and growing a site’s popularity.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;The ebook can be downloaded in MS Word or Open Office Text Document format. There are single page and 9-page versions of the ebook as well that you can read online.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;BlogBash: Deep Secrets of Successful Blogging – learn from 30 experts&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="deep secrets" src="http://4.mshcdn.com/wp-content/uploads/2007/09/deepsecrets.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;BlogBash: Deep Secrets of Successful Blogging – learn from 30 experts&amp;nbsp;– What can you say when you get 30 of the top bloggers from across the globe writing down their secrets in one free ebook? This ebook is a must-read for every blogger.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Some of the articles include –&amp;nbsp;&lt;em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Synergy between SEO and traditional marketing&lt;/em&gt;&amp;nbsp;by Aaron Wall of SEOBook,&lt;em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Driving traffic using Delicious&lt;/em&gt;&amp;nbsp;by Neil Patel of ProNetAdvertising,&amp;nbsp;&lt;em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;7 ways to make your content search engine friendly&lt;/em&gt;&amp;nbsp;by Daniel Scocco of Daily Blog Tips,&amp;nbsp;&lt;em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Staying Connected-the secret to keeping those loyal readers&lt;/em&gt;&amp;nbsp;by Liz Strauss of Successful-Blog,&amp;nbsp;&lt;em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Help me – my mom is my blog’s only reader&lt;/em&gt;&amp;nbsp;by Darren Rowse of Problogger,&lt;em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Advertising in the blogosphere&lt;/em&gt;&amp;nbsp;by Chris Batty of Gizmodo, among others. This ebook is a product of BlogBash – the 30 day event featuring expert bloggers from across the blogosphere.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Blog Profits Blueprint&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="blogprofits blueprint" src="http://7.mshcdn.com/wp-content/uploads/2007/09/blogprofits-blueprint.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.blogmastermind.com/blueprint/" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Blog Profits Blueprint"&gt;Blog Profits Blueprint&lt;/a&gt;&amp;nbsp;– Starting off with how he discovered blogging, Yaro Starak of Entrepreneur’s Journey explains in this 54 page ebook the strategies and tactics you require to start blogging successfully. Some of the subjects he talks about include key ingredients of attracting attraction to your blog, how to choose your blog traffic – passions vs profits, creating pillar posts, marketing your blog, etc.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Yaro also details blog monetization methods including Google AdSense and other alternatives. There is a section on RSS and blog advertising too. The writing is easy to comprehend and Yaro has included some genuine experiences that you can learn from.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Dive Into Web 2.0&lt;/strong&gt;&lt;/div&gt;&lt;div align="center" 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: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="dive into web 2.0" src="http://4.mshcdn.com/wp-content/uploads/2007/09/dive-into-web-2.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.deitel.com/eBook/tabid/2478/Default.aspx" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Dive Into Web 2.0"&gt;Dive Into Web 2.0&lt;/a&gt;&amp;nbsp;– This is a comprehensive guide to Web 2.0 sites and technologies including search engines, SEO, wikis, blogging, social networking, social bookmarking, social media, tagging, web monetization, APIs, mashups, widgets, gadgets, RSS, web 2.0 business models, and rich media applications like AJAX, Silverlight, Google Gears, and many more.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Maybe you can say Wikipedia is there for all these terminologies. But what this ebook brings you is the entire set of web 2.0 technologies in one go, exposing many tools that you might not have heard about before.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Handbook for Bloggers and Cyber Dissidents&lt;/strong&gt;&lt;/div&gt;&lt;div align="center" 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: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="handbook for bloggers" src="http://5.mshcdn.com/wp-content/uploads/2007/09/handbook-for-bloggers.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.rsf.org/rubrique.php3?id_rubrique=542" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Handbook for Bloggers and Cyber Dissidents"&gt;Handbook for Bloggers and Cyber Dissidents&lt;/a&gt;&amp;nbsp;– Reporters Without Borders is an international organization that works for press freedom. In this ebook, the organization provides tips to blog anonymously and get round censorship for free expression in countries where the mainstream media is censored or under pressure. In their own words,&lt;em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&amp;nbsp;bloggers are often the only real journalists in countries where the mainstream media is censored or under pressure. Sometimes, only bloggers provide independent news, at the risk of displeasing the government and sometimes courting arrest. Plenty of bloggers have been thrown in prison for their writing.&amp;nbsp;&lt;/em&gt;&lt;br /&gt;
One unique tidbit that you won’t find anywhere else is the chapter on Blogging ethics that talks about thoroughness, accuracy, fairness, transparency, and independence. There are also personal accounts of bloggers who have been writing from Internet-censored countries.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;The ebook also dedicates the final chapter to the countries that censor the Internet including China, Vietnam, Tunisia, Iran, Cuba, and Saudi Arabia. This is truly one read that reminds us that blogging is not all about keeping a personal diary or being just a business tool. It can play serious socio-political roles in different parts of the world.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Make Money Online with John Chow dot Com&lt;/strong&gt;&lt;/div&gt;&lt;div align="center" 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: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="johnchow" src="http://7.mshcdn.com/wp-content/uploads/2007/09/johnchow.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.johnchow.com/make-money-online-with-john-chow-dot-com-e-book/" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Make Money Online with John Chow dot Com"&gt;Make Money Online with John Chow dot Com&lt;/a&gt;&amp;nbsp;is a comprehensive ebook on everything you need to start a blog and maintain it successfully. Written by John Chow, one of the most outspoken bloggers on blogging, the ebook explains blogging tips for beginners and then goes into blog monetization tips with examples of various affiliate links, blog promotion tips, and Google Optimization. There is a chapter on WordPress as well.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;The ebook has 9 chapters spread across 59 pages. A must read for beginners and something that even a veteran blogger might find useful.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Unleashing the Idea Virus&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="ideavirus" src="http://4.mshcdn.com/wp-content/uploads/2007/09/ideavirus.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.sethgodin.com/ideavirus/01-getit.html" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Unleashing the Idea Virus"&gt;Unleashing the Idea Virus&lt;/a&gt;&amp;nbsp;– This is a mega 197-page viral marketing ebook by marketing guru Seth Godin. He explains why ideas matter, and reveals the secrets on how to unleash an ideavirus. He also presented many case studies to prove his point.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;The book answers tricky questions like why is it foolish to launch a new business with millions of dollars in TV ads, why the market leaders in every industry are more vulnerable to sudden successes by the competition than ever before, what’s the single most important asset a company can create—and what is the simple thing that can kill it, does the Net create a dynamic that fundamentally changes the way everything is marketed, and how can any big or small business use ideavirus marketing to succeed, among others.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Although the book is aimed at marketing professionals, it is also a must-read for professional bloggers, webmasters, and those who are out in the blogospshere to create a successful brand/product for themselves.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Web Style Guide&lt;/strong&gt;&lt;/div&gt;&lt;div align="center" 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: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="web style guide" src="http://9.mshcdn.com/wp-content/uploads/2007/09/web-style-guide.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;span style="color: #ff6600;"&gt;&lt;a href="http://www.webstyleguide.com/" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Web Style Guide"&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="color: black;"&gt;&lt;a href="http://www.webstyleguide.com/" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"&gt;Web Style Guide&lt;/a&gt;&amp;nbsp;– This is a newbie webmaster’s guide to page design, typography, editorial style, graphics, and multimedia. There are sections on web site accessibility, CSS, and flexible page design, information architecture, and site maintenance, coupled with illustrations and examples.&lt;/span&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;span style="color: black;"&gt;Who’s There&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div align="center" 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: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;img alt="who’s there" src="http://9.mshcdn.com/wp-content/uploads/2007/09/whos-there.jpg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://sethgodin.typepad.com/seths_blog/2005/09/whos_there_the_.html" 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: #1e598e; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Who's there"&gt;Who’s there&lt;/a&gt;&amp;nbsp;– Seth Godin again in his unconventional style reveals a few truths about blogging, and defines three types of blogs – cat blogs, boss blogs, and viral blogs. He also lists down the four laws of blogs and the five components of a great blog.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;This is one of those books that’ll make you stop and think. A must-read.&lt;/div&gt;&lt;/div&gt;</description><link>http://i-o-m.blogspot.com/2011/09/top-10-free-e-books-for-bloggers.html</link><author>noreply@blogger.com (nscsurf)</author><thr:total>0</thr:total></item></channel></rss>