Posts Subscribe to this blogComments

Monday, 28 May 2012

How to add HTML codes in Blogger Posts

0 comments 07:14 Posted by Sadiwork
Today i am going to share an stylish blogging code box which i also use with more customization.
Let's get to the point. Actually many blogger wants to show code and their abilities you can show yours too.

If you wants to add in a stylish way then it need to customize. To do this just follow the following instructions.
1. From Dashboard go Design >> Edit HTML
2. Press Ctrl+F and find this code.


]]></b:skin>

3. Now, just before the above code paste the following codes.

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #FFFFFF;
font-weight : normal;
margin : 0;
padding : 0;
}

4. Save your change. Now, for every time when you wants to add HTML codes into your post, just put HTML codes between <div class="codeview"> and </div>

Example:
<div class="codeview"> ]]></b:skin> </div>

Red text indicate HTML codes. That’s it. I hope you will enjoy this customization.
Read More ->>

How To Add Horizontal Navigation Bar In Blogger

0 comments 02:41 Posted by Sadiwork
Labels: , , ,
In This Tutorial You Will Learn How To Add Simple Navigation Bar In Blogger Blog. Navigation Bar Is Good For Visitor To Find Links Easily.Now a days people find easy way to navigate just take an example of phonebook. To Add Navigation Bar In Your Blog Follow The Steps Below.But how the navigation look like see image below anything you want new tell me. Let's get to tutorial.
Horizontal Navigation For Blogge
  1.  Login To Blogger Account.
  2.  First backup your template.
  3. Go To Design > Edit HTML.
  4. Tick Expand Widget Templates Checkbox And Search For The Following Code Using Ctrl+F.
]]></b:skin>

4. Replace The Above Code With The Following Code.

#homemenu{background:#fdfdfd;display:block;font:18px Cambria;font-weight:400;height:31px;border-bottom:1px solid #ccc;padding:0}
#hmenu a{color:#333;display:block;font-weight:400;border-right:1px solid #ccc;padding:5px 10px}
#hmenu a:hover{background:#f9f9f9;color:#333;display:block;text-decoration:none;margin-bottom:1px}
#hmenu,#hmenu ul{height:29px;list-style:none;margin:0;padding:0}
#hmenu li{height:29px;float:left;margin:0;padding:0}
]]></b:skin>

5. Now Search For The Following Code In Template Using Ctrl+F.

<body>

6. Paste The Code Below After Above Code In Your Template.

<!--Home Menu Starts-->
<div id='homemenu'>
<div id='hmenu'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#' rel='author'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Advertise</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li></ul>
</div>
</div>
<!--Home Menu Ends-->

7. If It Show Navigation Bar On Left Then Add Above Code After First Div Tag.
8. You Are Done.

Note: Replace Your Links With #.
Read More ->>

Sunday, 27 May 2012

Horizontal Floating Share Bar With Close Button For Blogger

0 comments 14:13 Posted by Sadiwork
Labels: ,
Horizontal Floating Share Bar
Today we are sharing another cool social bookmarking for blogger.This is a horizontal floating share bar containing AddThis share buttons.This gadget is created by AddThis.com and we bloggerized this gadget to work perfect with your blog.It contains a close and plus buttons,when any visitor hits the close button then the bar goes inside and shows the plus button.When again he/she clicks the plus button then it appears.I have kept the installation easy as possible as you just have to copy and paste the two pieces of code.Now lets go to tutorial.

How To Add Horizontal Sharing Bar To Blogger?

  1. Go to Blogger Dashboard > Design > Edit HTML (In new User Interface it is Dashboard > Template)
  2. Now find for </head> tag in your template.
  3. Add below code just before </head> tag.
<script type="text/javascript">
var addthis_config = { bar_show_below : 150 } </script> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script> 

Now find for tag.

</body>

Add below code just before tag.

<div class="addthis_bar addthis_bar_medium">
<label>Share This Page:</label> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <span><a class="addthis_button_preferred_1"></a></span> <span><a class="addthis_button_preferred_2"></a></span> <span><a class="addthis_button_preferred_3"></a></span> <span><a class="addthis_button_preferred_4"></a></span> <span><a class="addthis_button_compact"></a></span> <span><a class="addthis_counter addthis_bubble_style"></a></span> </div> </div>

Now save your template and you are done.
Go to your blog,you will see this floating horizontal share menu.Don't forget to share it.
Read More ->>

Blogger Widgets, Social Sharing Widgets

0 comments 12:40 Posted by Sadiwork
Labels: ,
Shareaholic.com is a leading website in making share buttons for wordpress,tumblr or websites except blogger.So considering this point here we are giving a full installation for blogger.This is a cool gadget with shows the tooltips on hover it also shows that how many times your posts were shared.The installation is so easy you just have to copy and paste the codes.

How To Add Shareaholic Share Buttons To Blogger?

  1. Go to Blogger Dashboard > Design > Edit HTML. (In new user interface Dashboard > Template)
  2. First download a copy of your template.
  3. Now find your  in your template.
    ]]></b:skin>
  4. Add below code just above ]]></b:skin>.
div.shr-bookmarks{margin:20px 0 8px;clear:both !important;display:block !important}div.shr-bookmarks ul.shr-socials{width:100% !important;margin:0 !important;padding:0 !important;float:left !important}div.shr-bookmarks ul.shr-socials{background:transparent none !important;border:0 none !important;outline:0 none !important}div.shr-bookmarks ul.shr-socials li{display:inline !important;float:left !important;list-style-type:none !important;padding:0 !important;height:29px !important;width:60px !important;cursor:pointer !important;margin:3px 0 0 !important;background-color:transparent !important;border:0 none !important;outline:0 none !important;clear:none !important}div.shr-bookmarks ul.shr-socials li:before,div.shr-bookmarks ul.shr-socials li:after,div.shr-bookmarks ul.shr-socials li a:before,div.shr-bookmarks ul.shr-socials li a:after{content:'' !important;}div.shr-bookmarks ul.shr-socials a,div.shr-bookmarks ul.shr-socials a:hover{display:block !important;width:60px !important;height:29px !important;text-indent:-9999px !important;background-color:transparent !important;text-decoration:none !important;border:0 none !important}div.shr-bookmarks ul.shr-socials a:hover,div.shr-bookmarks ul.shr-socials li:hover{background-color:transparent !important;border:0 none !important;outline:0 none !important}.shareaholic-show-on-load{display: block !important;}div.shr-bookmarks div.shr-getshr{line-height:20px !important;padding-left:8px !important;float:left !important;}div.shr-bookmarks div.shr-getshr a{width:auto !important;font-size:10px !important; text-indent:0px !important;text-decoration:none !important;}div.shr-count{font:12px bold,arial !important;position: relative !important;}div.shr-count-outline{position: absolute !important;color: white !important;}div.shr-count-center{position: absolute !important;color: blue !important;}li.shr-2{background-position:-120px bottom !important}li.shr-2:hover{background-position:-120px top !important}li.shr-3{background-position:-180px bottom !important}li.shr-3:hover{background-position:-180px top !important}li.shr-5{background-position:-300px bottom !important}li.shr-5:hover{background-position:-300px top !important}li.shr-7{background-position:-420px bottom !important}li.shr-7:hover{background-position:-420px top !important}li.shr-10{background-position:-600px bottom !important}li.shr-10:hover{background-position:-600px top !important}li.shr-38{background-position:-2280px bottom !important}li.shr-38:hover{background-position:-2280px top !important}li.shr-40{background-position:-2400px bottom !important}li.shr-40:hover{background-position:-2400px top !important}li.shr-43{background-position:-2580px bottom !important}li.shr-43:hover{background-position:-2580px top !important}li.shr-52{background-position:-3120px bottom !important}li.shr-52:hover{background-position:-3120px top !important}li.shr-74{background-position:-4440px bottom !important}li.shr-74:hover{background-position:-4440px top !important}li.shr-88{background-position:-5280px bottom !important}li.shr-88:hover{background-position:-5280px top !important}li.shr-106{background-position:-6360px bottom !important}li.shr-106:hover{background-position:-6360px top !important}li.shr-201{background-position:-12060px bottom !important}li.shr-201:hover{background-position:-12060px top !important}li.shr-219{background-position:-13140px bottom !important}li.shr-219:hover{background-position:-13140px top !important}

Now find for below code in your template.

<div class='post-footer'>

and add below code just below of <div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='shr_class shareaholic-show-on-load'> </div> <script type='text/javascript'> var SHRSB_Settings = {&quot;shr_class&quot;:{&quot;src&quot;:&quot;http://www.shareaholic.com/media/css/styles/sb&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,38,3,219,43,52,201,88,74,10,106,45,40,210,78,39&quot;,&quot;apikey&quot;:&quot;6ffe2cbf142c45bd4cd03b01ec46b8658&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;google&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;twitter_template&quot;:&quot;Some fancy post title - http://goo.gl/dbqlx via @Chaseup&quot;}}; </script> <script type='text/javascript'> (function() { var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true; sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-sb.min.js&quot;; var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s); })(); </script><a href='http://www.chaseup.blogspot.com/' target='_blank'>Social Bookmarking Gadget</a></b:if>

Replace Chaseup with your twitter username,if you dont have a twitter username please remove chaseup and leave it blank.
Now save your template and you are done...
Read More ->>

Fixed Position "Share This" Sharing Bar For Blogger

0 comments 12:23 Posted by Sadiwork
Labels: , , , , ,
Sharethis.com is always famous for their cool and various sharing tools.In this tutorial we will add a fixed position i.e. floating share bar to blogger. It contains sharing buttons for facebook.twitter,pinterest,mail and sharethis button which contains sharing option to all social website.As always installation of this gadget is extremely easy you just have to copy and paste two snippets of codes in your template.And I am sure that this gadget will surely increase your page traffic more. So let's add this to your blogger blog to increase traffic.

How To Add Sharethis Buttons To Blogger?

  1. First backup your template. Check this for backup.
  2. Go to Blogger Dashboard > Design > Edit HTML.
  3. Download a copy of your template first.
  4. Now search for

</head>


add below code just above </head> tag.


<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

Now find for below code in your template.

</body>


add below piece of code just above </body> tag.



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
var options={ &quot;publisher&quot;: &quot;ur-a2599f1-8136-72d-5d41-d74061e0b4fc&quot;, &quot;position&quot;: &quot;left&quot;, &quot;ad&quot;: { &quot;visible&quot;: false, &quot;openDelay&quot;: 5, &quot;closeDelay&quot;: 0}, &quot;chicklets&quot;: { &quot;items&quot;: [&quot;facebook&quot;, &quot;twitter&quot;, &quot;pinterest&quot;, &quot;email&quot;, &quot;sharethis&quot;]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
</b:if>


Now save your template and you are done...

This floating bar will only visible on posts pages if you want to show this bar on your homepage then simply delete first and last line from above code. Starting with <b:if and the last line </b:if.
Read More ->>

Add Shareaholic Sassy Bookmarks To Blogger

0 comments 04:49 Posted by Sadiwork
Labels: , , , , , ,
Shareaholic is always famous for their Social Bookmarking Widgets.Now today i am sharing Sassy Bookmarks.This is another cool gadget by Shareaholic,it floats botttom left corner of your blog and when any user hovers mouse on it,some icons pop outs.Also the installation of this gadget is one step installation so that you can easily add to your blog.Now let's see how to add it.


Shareholic Sassy Social Sharing Buttons

How To Add Shareaholic Sassy Bookmarks To Blogger?

  1. Go to Blogger Dashboard > Template
  2. Take a backup of your template.
  3. Now find for below code in your template
</body>


add below piece of code just above/before of above code.

<!-- Start Shareaholic Sassy Bookmarks HTML (chaseup.blogspot.com )--> <div class="shr_ss shr_publisher"> </div> <!-- End Shareaholic Sassy Bookmarks HTML (chaseup.blogspot.com ) --> <!-- Start Shareaholic Sassy Bookmarks settings --> <script type="text/javascript"> var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}}; </script> <!-- End Shareaholic Sassy Bookmarks settings --> <!-- Start Shareaholic Sassy Bookmarks script --> <script type="text/javascript"> (function() { var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true; sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s); })(); </script> <!-- End Shareaholic Sassy Bookmarks script (chaseup.blogspot.com) -->

Now save your template and you are done.
I hope you will like this gadget.If you have any question or queries please comment we will guide you.
Read More ->>

Saturday, 26 May 2012

Slide Out Social Bookmarking Gadget With jQuery For Blogger

0 comments 06:28 Posted by Sadiwork
Labels: , , , ,
Social Bookmarking are very essential now a days everybody share post to help other people in boosting their websites and also share their abilities copy url then paste it is very old. Thats why you may found social bookmarking gadgets almost on every blog/website.Today we are sharing a cool social bookmarking gadget designed by Chandeep and which works with jQuery.This gadget scrolls along with page and when any user hovers on icon,some social bookmarking buttons like facebook like button,twitter tweet button,stumbleupon submit button and digg's digg it button.It's very easy way to share everything.


How to Add Slide Out Flying jQuery Bookmarking Gadget To Blogger ?


Let's divide this in three steps in order for better understanding.

Step 1 : Adding jQuery Plugin ( just include the script ).
Step 2 : Adding Google +1 Button (Script provided by Google Plus).
Step 3 : Adding the Gadget


Step 1 : Adding jQuery Plugin

Note - Ignore this step,if you have already added jQuery plugin to your blog. Just find the code if already exist then don't do this step.

  1. Go to Blogger Dashboard > Template
  2. Click Edit HTML
  3. Hit Proceed
Now find below code in your template

</head>

Add this code just above </head> tag.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Step 2 : Adding Google +1 Button

Find below code in your template

<head>

add below code just below of above code

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

Step 3 : Adding the Gadget

  1. Now go to Page Layout
  2. Click on Add a Gadget
  3. Select HTML/JavaScript
  4. Leave title field blank
  5. Paste below code and save it
  6. Drag the widget to bottom of your page.
  7. Finally save your changes
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function () { jQuery(".hbslidebox").hover(function () { jQuery(this).stop().animate({ left: "0" }, "medium"); }, function () { jQuery(this).stop().animate({ left: "-70" }, "medium"); }, 500); }); /*]]>*/ </script> <style type="text/css"> .hbslidebox { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTUu4GqSkIBTE6BxRJ4473aeQkq-Iqvh-Mf8yz9caotGQb6DVw2k4Ib4qrWx1Pu8iTM1e2jrzV1fmrZ7K8XaHJNub8emw6Cxy9B6ZWLl34j93Hma0RuSG2-kqRDaA9dQaz5Q0at1aaM8/s1600/helperblogger.com-tab_left_vertical.png") no-repeat scroll right top transparent !important; display: block; float: left; height: auto; padding: 0 45px 0 0px; width: 65px; z-index: 99999; position:fixed; left:-70px; top:20%; } .hbslidebox div { border:none; position:relative; display:block; } #floatingbuttons { background: #fff; border-radius: 5px 5px 5px 5px; border: 1px solid #CCCCCC; float:left; padding:0 0 3px 0; bottom:15%; z-index:399; } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; text-align:center; padding-top:5px; } .addbuttons a span.getfloat, .addbuttons a span.sharebuttons { color:#000; background:none; font-family:arial, sans-serif; display:block; font-size:9px; font-weight:bold; text-decoration:none; line-height:11px; } .addbuttons a:hover span { color:#fff; background:none; text-decoration:underline; } </style> <div class="hbslidebox" style=""> <div> <div id='floatingbuttons' title="Share this post!"> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> </script> <script type="text/javascript"> (function () { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script> <!-- Medium Button --> <script src='http://platform.twitter.com/widgets.js' type="text/javascript">
</script> <div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='google+1'> <g:plusone size="tall"></g:plusone> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <a class="DiggThisButton DiggMedium"></a> </div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a> </div> <div class="addbuttons"> <a href="http://www.helperblogger.com/" title="Add floating social media share buttons to your blog!"><span class="getfloat">Get buttons</span></a> </div> </div> </div> </div>

Hope all of you will like this gadget. If any question or queries kindly comment or send email using contact page. Found any bug then comments.
Read More ->>

Meta Tag Generator Online

0 comments 05:32 Posted by Sadiwork
Labels: , , , , , ,

Meta Tag Generator Tool


Description:
Keywords:
Author (Optional):
Robots (Optional):





Now copy above code and paste it before </head> tag in your template.
Read More ->>

300+ Html Color Codes and Names

0 comments 05:22 Posted by Sadiwork
Labels: , , ,
300+ Html Colour Codes
HTML color codes are hexadecimal triplets representing the colors red, green, and blue (#RRGGBB). For example, in the color red, the color code is #FF0000, which is '255' red, '0' green, and '0' blue. These color codes can be used to change the color of the background, text, and tables on a web page.Here are more than 300 HTML color codes with their names.If you are web designer then these codes will help you a lot.You can also use our Hex Color Code Generator Tool.


With HTML color codes you can set the color of web site background, color of text, cells in tables and much more.



CODECOLOR
#000000Black
#150517Gray0
#250517Gray18
#2B1B17Gray21
#302217Gray23
#302226Gray24
#342826Gray25
#34282CGray26
#382D2CGray27
#3b3131Gray28
#3E3535Gray29
#413839Gray30
#41383CGray31
#463E3FGray32
#4A4344Gray34
#4C4646Gray35
#4E4848Gray36
#504A4BGray37
#544E4FGray38
#565051Gray39
#595454Gray40
#5C5858Gray41
#5F5A59Gray42
#625D5DGray43
#646060Gray44
#666362Gray45
#696565Gray46
#6D6968Gray47
#6E6A6BGray48
#726E6DGray49
#747170Gray50
#736F6EGray
#616D7ESlate Gray4
#657383Slate Gray
#646D7ELight Steel Blue4
#6D7B8DLight Slate Gray
#4C787ECadet Blue4
#4C7D7EDarkSlate Gray4
#806D7EThistle4
#5E5A80Medium Slate Blue
#4E387EMedium Purple4
#151B54Midnight Blue
#2B3856Dark SlateBlue
#25383CDark Slate Gray
#463E41Dim Gray
#151B8DCornflower Blue
#15317ERoyal Blue4
#342D7ESlate Blue4
#2B60DERoyal Blue
#306EFFRoyal Blue1
#2B65ECRoyal Blue2
#2554C7Royal Blue3
#3BB9FFDeep Sky Blue
#38ACECDeep Sky Blue2
#357EC7Slate Blue
#3090C7Deep Sky Blue3
#25587EDeep Sky Blue4
#1589FFDodger Blue
#157DECDodger Blue2
#1569C7Dodger Blue3
#153E7EDodger Blue4
#2B547ESteel Blue4
#4863A0Steel Blue
#6960ECSlate Blue2
#8D38C9Violet
#7A5DC7Medium Purple3
#8467D7Medium Purple
#9172ECMedium Purple2
#9E7BFFMedium Purple1
#728FCELight Steel Blue
#488AC7Steel Blue3
#56A5ECSteel Blue2
#5CB3FFSteel Blue1
#659EC7Sky Blue3
#41627ESky Blue4
#737CA1Slate Blue
#737CA1Slate Blue
#98AFC7Slate Gray3
#F6358AViolet Red
#F6358AViolet Red1
#E4317FViolet Red2
#F52887Deep Pink
#E4287CDeep Pink2
#C12267Deep Pink3
#7D053FDeep Pink4
#CA226BMedium Violet Red
#C12869Violet Red3
#800517Firebrick
#7D0541Violet Red4
#7D0552Maroon4
#810541Maroon
#C12283Maroon3
#E3319DMaroon2
#F535AAMaroon1
#FF00FFMagenta
#F433FFMagenta1
#E238ECMagenta2
#C031C7Magenta3
#B048B5Medium Orchid
#D462FFMedium Orchid1
#C45AECMedium Orchid2
#A74AC7Medium Orchid3
#6A287EMedium Orchid4
#8E35EFPurple
#893BFFPurple1
#7F38ECPurple2
#6C2DC7Purple3
#461B7EPurple4
#571B7eDark Orchid4
#7D1B7EDark Orchid
#842DCEDark Violet
#8B31C7Dark Orchid3
#A23BECDark Orchid2
#B041FFDark Orchid1
#7E587EPlum4
#D16587Pale Violet Red
#F778A1Pale Violet Red1
#E56E94Pale Violet Red2
#C25A7CPale Violet Red3
#7E354DPale Violet Red4
#B93B8FPlum
#F9B7FFPlum1
#E6A9ECPlum2
#C38EC7Plum3
#D2B9D3Thistle
#C6AEC7Thistle3
#EBDDE2Lavender Blush2
#C8BBBELavender Blush3
#E9CFECThistle2
#FCDFFFThistle1
#E3E4FALavender
#FDEEF4Lavender Blush
#C6DEFFLight Steel Blue1
#ADDFFFLight Blue
#BDEDFFLight Blue1
#E0FFFFLight Cyan
#C2DFFFSlate Gray1
#B4CFECSlate Gray2
#B7CEECLight Steel Blue2
#52F3FFTurquoise1
#00FFFFCyan
#57FEFFCyan1
#50EBECCyan2
#4EE2ECTurquoise2
#48CCCDMedium Turquoise
#43C6DBTurquoise
#9AFEFFDark Slate Gray1
#8EEBECDark slate Gray2
#78c7c7Dark Slate Gray3
#46C7C7Cyan3
#43BFC7Turquoise3
#77BFC7Cadet Blue3
#92C7C7Pale Turquoise3
#AFDCECLight Blue2
#3B9C9CDark Turquoise
#307D7ECyan4
#3EA99FLight Sea Green
#82CAFALight Sky Blue
#A0CFECLight Sky Blue2
#87AFC7Light Sky Blue3
#82CAFFSky Blue
#79BAECSky Blue2
#566D7ELight Sky Blue4
#6698FFSky Blue
#736AFFLight Slate Blue
#CFECECLight Cyan2
#AFC7C7Light Cyan3
#717D7DLight Cyan4
#95B9C7Light Blue3
#5E767ELight Blue4
#5E7D7EPale Turquoise4
#617C58Dark Sea Green4
#348781Medium Aquamarine
#306754Medium Sea Green
#4E8975Sea Green
#254117Dark Green
#387C44Sea Green4
#4E9258Forest Green
#347235Medium Forest Green
#347C2CSpring Green4
#667C26Dark Olive Green4
#437C17Chartreuse4
#347C17Green4
#348017Medium Spring Green
#4AA02CSpring Green
#41A317Lime Green
#4AA02CSpring Green
#8BB381Dark Sea Green
#99C68EDark Sea Green3
#4CC417Green3
#6CC417Chartreuse3
#52D017Yellow Green
#4CC552Spring Green3
#54C571Sea Green3
#57E964Spring Green2
#5EFB6ESpring Green1
#64E986Sea Green2
#6AFB92Sea Green1
#B5EAAADark Sea Green2
#C3FDB8Dark Sea Green1
#00FF00Green
#87F717Lawn Green
#5FFB17Green1
#59E817Green2
#7FE817Chartreuse2
#8AFB17Chartreuse
#B1FB17Green Yellow
#CCFB5DDark Olive Green1
#BCE954Dark Olive Green2
#A0C544Dark Olive Green3
#FFFF00Yellow
#FFFC17Yellow1
#FFF380Khaki1
#EDE275Khaki2
#EDDA74Goldenrod
#EAC117Gold2
#FDD017Gold1
#FBB917Goldenrod1
#E9AB17Goldenrod2
#D4A017Gold
#C7A317Gold3
#C68E17Goldenrod3
#AF7817Dark Goldenrod
#ADA96EKhaki
#C9BE62Khaki3
#827839Khaki4
#FBB117Dark Goldenrod1
#E8A317Dark Goldenrod2
#C58917Dark Goldenrod3
#F87431Sienna1
#E66C2CSienna2
#F88017Dark Orange
#F87217Dark Orange1
#E56717Dark Orange2
#C35617Dark Orange3
#C35817Sienna3
#8A4117Sienna
#7E3517Sienna4
#7E2217Indian Red4
#7E3117Dark Orange3
#7E3817Salmon4
#7F5217Dark Goldenrod4
#806517Gold4
#805817Goldenrod4
#7F462CLight Salmon4
#C85A17Chocolate
#C34A2CCoral3
#E55B3CCoral2
#F76541Coral
#E18B6BDark Salmon
#F88158Pale Turquoise4
#E67451Salmon2
#C36241Salmon3
#C47451Light Salmon3
#E78A61Light Salmon2
#F9966BLight Salmon
#EE9A4DSandy Brown
#F660ABHot Pink
#F665ABHot Pink1
#E45E9DHot Pink2
#C25283Hot Pink3
#7D2252Hot Pink4
#E77471Light Coral
#F75D59Indian Red1
#E55451Indian Red2
#C24641Indian Red3
#FF0000Red
#F62217Red1
#E41B17Red2
#F62817Firebrick1
#E42217Firebrick2
#C11B17Firebrick3
#FAAFBEPink
#FBBBB9Rosy Brown1
#E8ADAARosy Brown2
#E7A1B0Pink2
#FAAFBALight Pink
#F9A7B0Light Pink1
#E799A3Light Pink2
#C48793Pink3
#C5908ERosy Brown3
#B38481Rosy Brown
#C48189Light Pink3
#7F5A58Rosy Brown4
#7F4E52Light Pink4
#7F525DPink4
#817679Lavendar Blush4
#817339Light Goldenrod4
#827B60Lemon Chiffon4
#C9C299Lemon Chiffon3
#C8B560Light Goldenrod3
#ECD672Light Golden2
#ECD872Light Goldenrod
#FFE87CLight Goldenrod1
#ECE5B6Lemon Chiffon2
#FFF8C6Lemon Chiffon
#FAF8CCLight Goldenrod Yellow
Read More ->>
Subscribe to: Posts (Atom)
 

About Me

Sadiwork
View my complete profile

Recent Posts

Recent Comments

| Maaz Tech © 2009. All Rights Reserved | Template Style by My Blogger Tricks .com | Design by Brian Gardner | Back To Top |