Showing posts with label Code Generators. Show all posts
Showing posts with label Code Generators. Show all posts

August 14, 2011

Html Color Codes Generator


Instructions:
  • First drag the bar on the "Hue" selector to the area of your desired colour palate. 
  • Then click inside the Brightness/Saturation area and drag the cursor until you have achieved your desired colour. The "Swatch" bar shows you the final colour result.
  • The hexadecimal colour code is generated in the "Hex" box. Simply copy the six digit code i.e #000000
  • That’s it!

Enjoy!!!!

August 13, 2011

Free CSS3 Code Generator Tools

Free CSS3 Code Generator Tools 







CSS3 Generator

Free CSS3 Code Generator Tools / CSS3 Please


Free CSS3 Code Generator Tools / CSS3 Please




CSS3 Please


Free CSS3 Code Generator Tools / CSS3 Click Chart by Impressive Webs

Free CSS3 Code Generator Tools / CSS3 Click Chart by Impressive Webs



CSS3 Click Chart by Impressive Webs

Free CSS3 Code Generator Tools / CSS-Tricks Button Maker

Free CSS3 Code Generator Tools / CSS-Tricks Button Maker



CSS-Tricks Button Maker

Free CSS3 Code Generator Tools / Border Radius

Free CSS3 Code Generator Tools / Border Radius



Font Squirrel @Font-Face Kit Generator

Free CSS3 Code Generator Tools / Dry Icons Button Generator


Free CSS3 Code Generator Tools / Dry Icons Button Generator



Dry Icons Button Generator


Free CSS3 Code Generator Tools / Westciv


Free CSS3 Code Generator Tools / Westciv



Westciv


Free CSS3 Code Generator Tools / CSS3 Gradient Generator


Free CSS3 Code Generator Tools / CSS3 Gradient Generator



CSS3 Gradient Generator


Free CSS3 Code Generator Tools / Widgetpad CSS3 Generator


Free CSS3 Code Generator Tools / Widgetpad CSS3 Generator




Widgetpad CSS3 Generator


Free CSS3 Code Generator Tools / Border Image


Free CSS3 Code Generator Tools / Border Image



Border Image


August 12, 2011

How To Add Google Buzz Button With Counter in Blogger


Add Google Buzz Button With Counter in Blogger

1.Log in to your dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see <div class='post-header-line-1'/> tag.

4.Now copy one of the below codes and paste it just before the above line.






Button 1 Post count - on the side





<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>


Button 2 Post count - on the top










<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>


Button 3 : Size - Small







<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>


Button 4: Size - Normal








<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>


5. Now Save Template You are done.

August 11, 2011

Free CSS3 Code Generator Tools / CSS Corners


Free CSS3 Code Generator Tools / CSS Corners



CSS Corners


August 09, 2011

How To Add New Back To Top Button for Your Blogger V2

How To Add New Back  To Top Button for Your Blogger V2

1.Login to your blogger Dashboard and go to Design --& Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below and click save.



<!--Back to top Start http://btricks-tools.blogspot.com-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcDtTSWZrcOBA11WV8yCza5PMQR5_vDs_XM8D5rJ5JUjU_5-LfBhykOrlPvxd6wXwtKIm8O6LN7WzNXR_U47M0iQHmtpP71AQxQwXNVC8lh6ULouB1SzkUUbXuc7liQgqbTJgXnjYWd88/&#39;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLu5mkwuSfvbqicOUTxQsZpAq-RIB2LMPnALuSQzQuFkqWb30Zw8fyGQ8X24pe3arCdOsUCBIJlfDZsHtPH9auaDfspPcmcuDaCc3blyKqdibo7OEq3outNgQP89cvyMsgzHCTzDxYmsI/" onmouseout="this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLu5mkwuSfvbqicOUTxQsZpAq-RIB2LMPnALuSQzQuFkqWb30Zw8fyGQ8X24pe3arCdOsUCBIJlfDZsHtPH9auaDfspPcmcuDaCc3blyKqdibo7OEq3outNgQP89cvyMsgzHCTzDxYmsI/&#39;" /></a>
<!--Back to top End http://btricks-tools.blogspot.com-->

Note: Change Back to Top Button name as you like

4.Now You are done.

Cheers

How To Add Cool Scroll or Back to Top Button to Your Blogger / Using jQuery


How To Add Cool Scroll or Back to Top Button to Your Blogger / Using jQuery


1.Log in to your Dashboard--> Design- -> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F </head>  tag

4. Paste below code before </head> tag

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://bloggertrickandtoolz.googlecode.com/files/bloggertricksandtoolz.com-scrolltopcontrol.js' type='text/javascript'>
</script>

5.Now Click Save Template, You are done.

Cheers.!