Blogger Tricks and tips | widgets for bloggers

Blogger Tricks and tips | widgets for bloggershttp://widgetsforbloggers.blogspot.com/This blog helps blogspot bloggers all over the worlds to make their blog user friendly. blog shows you how to maintain your blog,blogger tricks and tips,blogger widgets,blogger news and updates.ennoreply@blogger.com (widgetsforbloggers)Thu, 16 Feb 2012 07:13:41 PSTBlogger http://www.blogger.com7125noreply@blogger.comnoThis blog helps blogspot bloggers all over the worlds to make their blog user friendly. blog shows you how to maintain your blog,blogger tricks and tips,blogger widgets,blogger news and updates.Add google friends connect toolbarhttp://feedproxy.google.com/~r/widgetsforbloggers/~3/pk18sYzRSX4/add-google-friends-connect-toolbar.htmlAdd google friends connect toolbarAdd a Google Friend Connect Social Bar to Bloggernoreply@blogger.com (widgetsforbloggers)Mon, 25 Jul 2011 23:36:44 PDTtag:blogger.com,1999:blog-4492328552886188498.post-2753063768722817289<div dir="ltr" style="text-align: left;" trbidi="on">Hi Bloggers,<br /> <br /> Check out that something you have to know this is service from google. this post shows you how to add google friends connect toolbar to your blogspot blog.<br /> Step 1. log in to <b><a href="http://www.google.com/friendconnect/">Google Friend Connect</a></b><br /> * Choose your blog (left sidebar) if not shown add <span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;"><span class="Apple-style-span" style="color: blue;">Add new site</span></span><br /> <span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 13px;">* After choosing your blog go to Gadgets, then you will see </span><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">"</span></span><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Social bar</span><span class="Apple-style-span" style="color: #3366cc; font-family: arial, verdana, helvetica, lucida, sans-serif; font-size: 16px;">"</span></span><br /> <span class="Apple-style-span" style="font-family: arial, verdana, helvetica, lucida, sans-serif;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; line-height: 16px;">* click "Get this Gadget"</span></span><br /> * Once you are done settings and customizing it move down the page and click <span class="Apple-style-span" style="color: red;">Generate Code.</span><br /> <br /> Step 2. Now is the time to add this code in your HTML code. Go to Design >> Edit HTML > tick <span class="Apple-style-span" style="color: #333333; font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: x-small;"><input id="expandWidgets" type="checkbox" /> <label for="expandWidgets">Expand Widget Templates.</label></span><br /> <span class="Apple-style-span" style="color: #333333; font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: x-small;"><label for="expandWidgets">* Find </label></span><span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="color: #990000; font-family: 'normal Tahoma', sans-serif; font-size: 18px; font-style: italic; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> </span><span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">& Now just above this code place the social bar code that you copied earlier.</span></span></span><br /> <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><a href="http://www.ossamples.com/socialmussie/">DEMO</a></span></span></span><br /> <span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Then Save Template & enjoy but don't forget to comment on this post</span></span></span><br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4492328552886188498-2753063768722817289?l=widgetsforbloggers.blogspot.com' alt='' /></div><img src="http://feeds.feedburner.com/~r/widgetsforbloggers/~4/pk18sYzRSX4" height="1" width="1"/>2011-07-25T23:36:44.349-07:000http://widgetsforbloggers.blogspot.com/2011/07/add-google-friends-connect-toolbar.htmlHow to add dropdown menu button with text and linkhttp://feedproxy.google.com/~r/widgetsforbloggers/~3/R5tUAtdmcuY/how-to-add-dropdown-menu-button-with.htmlblogger tricksadd dropdown menu button with textHow to add dropdown menu button with textblogger tipsnoreply@blogger.com (widgetsforbloggers)Fri, 22 Jul 2011 06:10:24 PDTtag:blogger.com,1999:blog-4492328552886188498.post-3423118780671368418<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><br /> Hi Bloggers,<br /> <br /> This is a very intresting trick for bloggers who wanted add their links in one small dropdown manu button, it looks nice when you click on that, add dropdown menu to your blog.see code & steps below.<br /> <br /> 1. log in to your blogspot account > Dashboard  > Design > Page Element<br /> 2. Select HTML/Java Script & Add code below.<br /> <br /> </div><textarea class="mbt-textarea" readonly="readonly" style="height: 199px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 449px;"><FORM name="mapform" method="POST"><SELECT name="jump" size="1"><br /> <OPTION value="url#1" SELECTED>Title#1</option><br /> <OPTION value="url#2">Title#2</option><br /> <OPTION value="url#3">Title#3</option><br /> </SELECT><br /> <INPUT type=button onClick= "location = '' + document.mapform.jump.options[ document.mapform.jump.selectedIndex ].value;" value="Go!"><br /> </FORM></textarea><br /> <div class="mbt"><u>Press "Ctrl + A" to Select and "Ctrl + C" to Copy </u><br /> <u><br /> </u><br /> Replace url#1 & Title#1 to your url & title do same for 2 & 3, you can make this multiple<br /> 3. Save & Enjoy, But Don't Forget to comment this post.<br /> <a href="http://widgetsforbloggers.blogspot.com/">DEMO</a> - See to top below the search in this blog</div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4492328552886188498-3423118780671368418?l=widgetsforbloggers.blogspot.com' alt='' /></div><img src="http://feeds.feedburner.com/~r/widgetsforbloggers/~4/R5tUAtdmcuY" height="1" width="1"/>2011-07-22T06:10:24.667-07:000http://widgetsforbloggers.blogspot.com/2011/07/how-to-add-dropdown-menu-button-with.htmlHow to add scrolling text html codes for bloggershttp://feedproxy.google.com/~r/widgetsforbloggers/~3/5elVDWBW64g/how-to-add-scrolling-text-html-codes.htmladd scrolling text blogspot bloggeradd scrolling text to bloggeradd scrolling text to blogger blognoreply@blogger.com (widgetsforbloggers)Fri, 22 Jul 2011 03:57:37 PDTtag:blogger.com,1999:blog-4492328552886188498.post-3933312603320002498<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><br /> Hi Bloggers,<br /> <br /> if you want to decorate your blogger with some scrolling text, so this post will help you to do that. so follow simple steps given below.<br /> <br /> 1. Adding simple scrolling text:<br /> Simple scrolling text from right to left side</div><textarea class="mbt-textarea" readonly="readonly" style="height: 39px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 422px;"><marquee direction="left" >simple scrolling text</marquee></textarea><br /> <div class="mbt"><u>Press "Ctrl + A" to Select and "Ctrl + C" to Copy </u></div></div><br /> Preview - 1<br /> <br /> <marquee direction="left">code to simple scrolling text</marquee><br /> <br /> <br /> 2. Add a background color to the text,<br /> Simple scrolling text from right to left side with background color<br /> <br /> <br /> </div><textarea class="mbt-textarea" readonly="readonly" style="height: 52px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 484px;"><marquee direction="left" bgcolor="#DEB887">simple scrolling text with background color</marquee></textarea><br /> <div class="mbt"><u>Press "Ctrl + A" to Select and "Ctrl + C" to Copy </u></div><br /> <div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br /> </div>Preview - 2<br /> <br /> <marquee bgcolor="#DEB887" direction="left">simple scrolling text with background color</marquee></div></div></div></div><br /> You can choose your background colour by replacing the hexadecimal code(#DEB887).<br /> <a href="http://www.w3schools.com/html/html_colornames.asp">Click here</a> to see the codes of the different colors.<br /> <br /> You can change their direction, just replace the code given below<br /> <br /> <textarea class="mbt-textarea" readonly="readonly" style="height: 79px; margin-bottom: 2px; margin-top: 2px;">direction="left" direction="right" direction="up" direction="down"</textarea><br /> <div class="mbt"><u>Press "Ctrl + A" to Select and "Ctrl + C" to Copy </u></div><br /> </div>3. Pausing the text when mouse is over the text:<br /> <br /> <textarea class="mbt-textarea" readonly="readonly" style="height: 95px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 386px;"><spanstyle="#FFFFFF"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="#cccccc"><br /><br />code to simple scrolling text<br /><br /></marquee></textarea><br /> <div class="mbt"><u>Press "Ctrl + A" to Select and "Ctrl + C" to Copy </u></div><br /> Preview - 3<br /> <spanstyle="#ffffff"><marquee bgcolor="#cccccc" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4"><br /> <br /> code to simple scrolling text<br /> </marquee><br /> </spanstyle="#ffffff"></div><br /> 4. Adding hyperlinks in text (open in the same window)<br /> <br /> <textarea class="mbt-textarea" readonly="readonly" style="height: 126px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 350px;"> <marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"> <a href="url#1">Title1</a> <a href="url#2">Title2</a> <a href="url#3">Title3</a> </marquee></textarea><br /> <div class="mbt"><u>Press "Ctrl + A" to Select and "Ctrl + C" to Copy </u></div><br /> Preview - 4<br /> <br /> <marquee behavior="scroll" bgcolor="#99FFFF" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4"> <a href="http://www.jhakasseo.blogspot.com/">Free Directory List</a> <a href="http://www.jhakasseo.blogspot.com/">Social Bookmarking List</a> <a href="http://jhakasseo.blogspot.com/2011/03/dofollow-social-bookmarking-sites.html">Do Follow Social Bookmarking List</a> </marquee></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4492328552886188498-3933312603320002498?l=widgetsforbloggers.blogspot.com' alt='' /></div><img src="http://feeds.feedburner.com/~r/widgetsforbloggers/~4/5elVDWBW64g" height="1" width="1"/>2011-07-22T03:57:37.991-07:000http://widgetsforbloggers.blogspot.com/2011/07/how-to-add-scrolling-text-html-codes.htmlhow to add floating share buttons in blogspot bloghttp://feedproxy.google.com/~r/widgetsforbloggers/~3/hdiAqb_LJSc/how-to-add-floating-share-buttons-in.htmladd floating share buttons in blogspot bloghow to add floating share buttons in blogspot blogblogger tricksnoreply@blogger.com (widgetsforbloggers)Thu, 21 Jul 2011 02:44:40 PDTtag:blogger.com,1999:blog-4492328552886188498.post-1670933423892326946<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-F9Vg2983fxw/Tifz39WmkEI/AAAAAAAAAA8/ElpMbi-EJXI/s1600/Screenshot.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="223" src="http://2.bp.blogspot.com/-F9Vg2983fxw/Tifz39WmkEI/AAAAAAAAAA8/ElpMbi-EJXI/s400/Screenshot.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> 1. Log in to your blogspot account > Dashboard > Design > Page Elements<br /> 2. Add a Gadget > HTML/Java Script<br /> 3. copy code given below and paste it<br /> <br /> <textarea class="mbt-textarea" readonly="readonly"><style> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id="pageshare" title="Get this gadget"><div class="sbutton" id="fb"><a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"> </script> </div><div class="sbutton" id="rt"><script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"> </script> </div><div class="sbutton" id="su"><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"> </script> </div><div class="sbutton" id="digg" style="margin-left: 3px; width: 48px;"><script src="http://widgets.digg.com/buttons.js" type="text/javascript"> </script> <a class="DiggThisButton DiggMedium" href=""></a> </div><div class="sbutton" id="gb"><a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz"> <script src="http://www.google.com/buzz/api/button.js" type="text/javascript"> </script> </a></div><div class="sbutton" id="gplusone"><script src="https://apis.google.com/js/plusone.js" type="text/javascript"> </script> <g:plusone size="tall"></g:plusone> </div><div style="clear: both; font-size: 9px; text-align: center;">Get <a href="http://howtocreateagoodblog-11.blogspot.com/2011/07/add-floating-share-buttons.html">widget</a></div></div></textarea><br /> <div class="mbt"><u>Press "Ctrl + A" to Select and "Ctrl + C" to Copy </u></div><br /> 4. Save & Enjoy! Demo >> <a href="http://widgetsforbloggers.blogspot.com/">widgets for bloggers</a><br /> Don't Forget to comment this post.<br /> <br /> <br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4492328552886188498-1670933423892326946?l=widgetsforbloggers.blogspot.com' alt='' /></div><img src="http://feeds.feedburner.com/~r/widgetsforbloggers/~4/hdiAqb_LJSc" height="1" width="1"/>2011-07-21T02:44:40.356-07:000http://widgetsforbloggers.blogspot.com/2011/07/how-to-add-floating-share-buttons-in.htmlHow to transfer your blogspot blog to another gmail accounthttp://feedproxy.google.com/~r/widgetsforbloggers/~3/5lXmrqJlMBk/how-to-transfer-your-blogspot-blog-to.htmlHow to transfer your blogspot blog to another gmail accountBlogger Widgetsnoreply@blogger.com (widgetsforbloggers)Fri, 22 Jul 2011 04:01:00 PDTtag:blogger.com,1999:blog-4492328552886188498.post-2483357440897785862<div dir="ltr" style="text-align: left;" trbidi="on"><br /> Hi Bloggers, this is very nice Tip for your blogspot blog. If you want to Transfer your whole blog with another gmail account  without missing any follower or anything. how to transfer your blogspot blog to another gmail account follow simple steps below.<br /> <br /> how to transfer your blog to another blogger account.<br /> <br /> 1. Log in to your blogspot blog.<br /> 2. Go to dashboard > Setting > Permissions<br /> 3. Click on Add Authors > add Email Id that you want to transfer this blog<br /> See Preview<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-_GjFwWBiS-w/TifKuq9ofyI/AAAAAAAAAAw/NFHKJnSk9Ps/s1600/Screenshot.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="359" src="http://4.bp.blogspot.com/-_GjFwWBiS-w/TifKuq9ofyI/AAAAAAAAAAw/NFHKJnSk9Ps/s640/Screenshot.png" width="640" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> 4. then go to your gmail id gmail will sent you a link click on that link. it wiil redirect to your blogger account.<br /> 5. go back again to the blogger setting & permissions you will see two authors, then click to <span class="Apple-style-span" style="color: #333333; font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: 14px; line-height: 20px;">grant admin privileges, then remove old gmail account that's it. then you login to your new blogspot account & you will see your blog. Enjoy & Don't forget comment for this post.</span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4492328552886188498-2483357440897785862?l=widgetsforbloggers.blogspot.com' alt='' /></div><img src="http://feeds.feedburner.com/~r/widgetsforbloggers/~4/5lXmrqJlMBk" height="1" width="1"/>2011-07-22T04:01:00.447-07:000http://widgetsforbloggers.blogspot.com/2011/07/how-to-transfer-your-blogspot-blog-to.htmlFree Animated Sharing Widget for Bloggerhttp://feedproxy.google.com/~r/widgetsforbloggers/~3/Jj6Z3BcX4NM/free-animated-sharing-widget-for.htmlsharing widget for bloggerFree Animated Sharing Widget for Bloggernoreply@blogger.com (Dcentmansoor)Tue, 19 Jul 2011 22:19:47 PDTtag:blogger.com,1999:blog-4492328552886188498.post-1680336746542809584<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-bYjROPct-ak/TiWSlmbFOCI/AAAAAAAAAak/rDPjazhxTL4/s1600/Screenshot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="http://4.bp.blogspot.com/-bYjROPct-ak/TiWSlmbFOCI/AAAAAAAAAak/rDPjazhxTL4/s400/Screenshot.png" width="400" /></a></div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br /></span><div>Free animated sharing widget is use for bloggers blog. the feature will helps you to share the whole page to popular social networking sites. also you can prmaote your blog adding this feature to your blog. it is simple & easy to add <a href="http://widgetsforbloggers.blogspot.com/"><b>widgets for bloggers</b></a>.</div><div><br /></div><div>Just follow steps below -</div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br /></span><br /><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"></span><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">1. <span class="Apple-style-span" style="color: #000222; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Log in to blogger account > </span><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; color: #000222; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Design</b><span class="Apple-style-span" style="color: #000222; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> > </span><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; color: #000222; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Page Element</b><span class="Apple-style-span" style="color: #000222; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> > </span><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; color: #000222; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">HTML/JavaScript</b></span><br /><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; color: #000222; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br /></span></b><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; color: #000222; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">2. Paste Following Code.</span></b><br /><b 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-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; color: #000222; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"></b><br /><textarea class="mbt-textarea" readonly="readonly" style="height: 126px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 444px;"><style type="text/css"> #sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; } #dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; } .dock-container { position: relative; background:url(http://4.bp.blogspot.com/_5D9h2kK4ukg/TU7yZaNlZNI/AAAAAAAAAIg/pjS81Tfb144/s1600/bloggertrix1.gif) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; } .dock-container .custom_images a { display: block; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; } .dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; } </style><br /> <br /> <div id="sharedock"> <div id="dock"> <div class="dock-container"><br /> <div class="addthis_toolbox"><br /> <div class="custom_images"><br /> <a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a><br /> <a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a><br /> <a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a><br /> <a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a><br /> <a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a><br /> <a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a><br /> <a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a><br /> </div> </div> </div> </div> </div><br /> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script><br /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br /> <script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script><br /> <script type="text/javascript"> $(function () { // Dock initialize $('#dock').Fisheye( { maxWidth: 30, items: 'a', itemsText: 'span', container: '.dock-container', itemWidth: 50, proximity: 60, alignment : 'left', valign: 'bottom', halign : 'center' } ); }); </script></textarea><br /><div class="mbt"><u>Press "Ctrl + A" to Select and "Ctrl + C" to Copy </u><br /><u><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; color: #343434; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 13px;"><b 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-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; color: #000222; font-size: 13px; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><br /></b></span></u><span class="Apple-style-span" style="-webkit-text-decorations-in-effect: none; color: #343434;"><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><b style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; border-width: initial; color: #000222; font-style: normal; font-weight: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">3.</b><span class="Apple-style-span" style="color: #000222; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> Save Template</span><span class="Apple-style-span" style="color: #000222; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">. now you are done. Enjoy Then!!!</span></span></span><span class="Apple-style-span"><b><br /></b></span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4492328552886188498-1680336746542809584?l=widgetsforbloggers.blogspot.com' alt='' /></div><img src="http://feeds.feedburner.com/~r/widgetsforbloggers/~4/Jj6Z3BcX4NM" height="1" width="1"/>2011-07-19T22:19:47.469-07:000http://widgetsforbloggers.blogspot.com/2011/07/free-animated-sharing-widget-for.htmlReal Time Status For Bloggerhttp://feedproxy.google.com/~r/widgetsforbloggers/~3/4mkWWMeWhok/real-time-status-for-blogger.htmlBlogger PluginsBlogger Widgetsnoreply@blogger.com (Dcentmansoor)Thu, 30 Jun 2011 05:17:14 PDTtag:blogger.com,1999:blog-4492328552886188498.post-3899768552323662765<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-WuJDs8833m4/TgxiTa6dLGI/AAAAAAAAAZo/9qtlEZ3UGqQ/s1600/splashpreview.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="219" src="http://1.bp.blogspot.com/-WuJDs8833m4/TgxiTa6dLGI/AAAAAAAAAZo/9qtlEZ3UGqQ/s400/splashpreview.png" width="400" /></a></div><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Please Do Further Steps :-<br /> <br /> 1) Log in to your Blogger Account<br /> <br /> 2) Go to Design > Edit HTML<br /> <br /> 3) Find Following Tag <span class="Apple-style-span" style="background-color: yellow;"><body></span><span class="Apple-style-span" style="background-color: #f3f3f3;"> & Just After it Paste Below Code</span><br /> <span class="Apple-style-span" style="background-color: #f3f3f3;"><br /> </span></div><textarea class="mbt-textarea" readonly="readonly" style="height: 74px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 311px;"><script>var _wau = _wau || []; _wau.push(["tab", "0i48k2f6ee5r", "9cx", "left-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script></textarea><br /> <div class="mbt"><u>Press "Ctrl + A" to Select and "Ctrl + C" to Copy </u><br /> After That <span class="Apple-style-span" style="background-color: #b45f06; color: white;"> <span class="Apple-style-span" style="font-family: Verdana, sans-serif;">SAVE TEMPLATE</span> </span> & Enjoy!<br /> For Demo Just Check My Left-side of my Blog </div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4492328552886188498-3899768552323662765?l=widgetsforbloggers.blogspot.com' alt='' /></div><img src="http://feeds.feedburner.com/~r/widgetsforbloggers/~4/4mkWWMeWhok" height="1" width="1"/>2011-06-30T05:17:14.202-07:000http://widgetsforbloggers.blogspot.com/2011/06/real-time-status-for-blogger.html