0 Add google friends connect toolbar

Hi Bloggers,

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.
Step 1. log in to Google Friend Connect
* Choose your blog (left sidebar) if not shown add Add new site
* After choosing your blog go to Gadgets, then you will see "Social bar"
* click "Get this Gadget"
* Once you are done settings and customizing it move down the page and click Generate Code.

Step 2. Now is the time to add this code in your HTML code. Go to Design >> Edit HTML > tick  Expand Widget Templates.
* Find  & Now just above this code place the social bar code that you copied earlier.
DEMO
Then Save Template & enjoy but don't forget to comment on this post

[Read More...]

0 How to add dropdown menu button with text and link

Hi Bloggers,

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.

1. log in to your blogspot account > Dashboard  > Design > Page Element
2. Select HTML/Java Script & Add code below.

<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>

Press "Ctrl + A" to Select and "Ctrl + C" to Copy


Replace url#1 & Title#1 to your url & title do same for 2 & 3, you can make this multiple
3. Save & Enjoy, But Don't Forget to comment this post.
DEMO - See to top below the search in this blog

[Read More...]

0 How to add scrolling text html codes for bloggers

Hi Bloggers,

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.

1. Adding simple scrolling text:
Simple scrolling text from right to left side

<marquee direction="left" >simple scrolling text</marquee>

Press "Ctrl + A" to Select and "Ctrl + C" to Copy

Preview - 1

code to simple scrolling text


2. Add a background color to the text,
Simple scrolling text from right to left side with background color

<marquee direction="left" bgcolor="#DEB887">simple scrolling text with background color</marquee>

Press "Ctrl + A" to Select and "Ctrl + C" to Copy

Preview - 2

simple scrolling text with background color

You can choose your background colour by replacing the hexadecimal code(#DEB887).
Click here to see the codes of the different colors.

You can change their direction, just replace the code given below

direction="left" direction="right" direction="up" direction="down"

Press "Ctrl + A" to Select and "Ctrl + C" to Copy

3. Pausing the text when mouse is over the text:

<spanstyle="#FFFFFF"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="#cccccc"><br /><br />code to simple scrolling text<br /><br /></marquee>

Press "Ctrl + A" to Select and "Ctrl + C" to Copy

Preview - 3


code to simple scrolling text

4. Adding hyperlinks in text (open in the same window)

<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>

Press "Ctrl + A" to Select and "Ctrl + C" to Copy

Preview - 4

Free Directory List Social Bookmarking List Do Follow Social Bookmarking List

[Read More...]

0 how to add floating share buttons in blogspot blog

1. Log in to your blogspot account > Dashboard > Design > Page Elements
2. Add a Gadget > HTML/Java Script
3. copy code given below and paste it

<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>

Press "Ctrl + A" to Select and "Ctrl + C" to Copy

4. Save & Enjoy! Demo >> widgets for bloggers
Don't Forget to comment this post.

[Read More...]

0 How to transfer your blogspot blog to another gmail account

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.

how to transfer your blog to another blogger account.

1. Log in to your blogspot blog.
2. Go to dashboard > Setting > Permissions
3. Click on Add Authors > add Email Id that you want to transfer this blog
See Preview

4. then go to your gmail id gmail will sent you a link click on that link. it wiil redirect to your blogger account.
5. go back again to the blogger setting & permissions you will see two authors, then click to 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.

[Read More...]

0 Free Animated Sharing Widget for Blogger

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 widgets for bloggers.

Just follow steps below -

1. Log in to blogger account > Design > Page Element > HTML/JavaScript

2. Paste Following Code.

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEPaOKektNilC7FHhxrj0bhE3AYRa7jlrMZRnFD_FkC83PXgzKcX6YsaZcKKOejOVdzO9sDaBaGMCfVsTNPBzPbz2hG6hXmW7LHJFz0g8R5m30xiBL7J4rkghtaSonATl97qMgIPf89Elu/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>

Press "Ctrl + A" to Select and "Ctrl + C" to Copy

3. Save Template. now you are done. Enjoy Then!!!

[Read More...]

0 Real Time Status For Blogger

Please Do Further Steps :-

1) Log in to your Blogger Account

2) Go to Design > Edit HTML

3) Find Following Tag <body> & Just After it Paste Below Code

<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>

Press "Ctrl + A" to Select and "Ctrl + C" to Copy
After That  SAVE TEMPLATE  & Enjoy!
For Demo Just Check My Left-side of my Blog 

[Read More...]