color code in HTML

Fantastic blog ... in nature there are many colors ...
now, I'll give a little information about how to give color to the blog through the HTML ...

To enter a color value, simply write the code or Latin words (eg red, code # ff0000 or Latin word 'red').

Gold #ffd700

Yellow #ffff00

Lightyellow #ffffe0

Yellowgreen #9acd32

Palegoldenrod #eee8aa

Goldenrod #daa520

Lime #00ff00

Green #008000

Seagreen #f4a460

Palegreen #98f698

Lightseagreen #20b2aa

Forestgreen #228622

Lightgreen #90ee90

Olive #808000

Tan #d2b48c

Teal #008080

Olivedrab #6b8e23

Greenyellow #adff2f

Darkslategray #2f4f45

Darkolivegreen #55662f

Mediumspringgreen #00fa9a

Darkgoldenrod #688606

Darkkhaki #606766

Orchid #da70d6

Fuchsia #ff00ff

Darkmagenta #860086

Darkviolet #940003

Mediumpurple #9370db

Violet #ee82ee

Purple #800080

Plum #dda0dd

Gray #808080

Dimgray #696969

Gainsboro #dcdcdc

Lightslategray #778899

Lightgray #d3d3d3

Slategray #708090

Darkgray #a9a9a9

Silver #c0c0c0

Springgreen #00ff7f

Lightpink #ffb6c1

Navojowhite #ffdead

Darksalmon

Khaki #f0e68c

Aquamarine

Chocolate #d2691e

Chartreuse

Limegreen

Slateblue

Saddlebrow

Aliceblue

Wheat

Bisque

Sienna

Cyan
#00ffff
Blue
#0000ff
Skyblue
#abcdef
Darkcyan
#008686
Cadetblue
#5f9ea0
Midnightblue
#191970
Mediumslateblue
#7b68ee
Cornflowerblue
#6495ed
Lightsteelblue
#b0c4de
Lightskyblue
#87cefa
Powderblue
#bde0e6
Aquamarine
#7fffda
Dodgerblue
#1e90ff
Royalblue
#4169e1
Blueviolet
#8a2be2
Indigo
#460082
Lavender
#e6e6fa
Lightblue
#add8e6
Deepskyblue
#00bfff
Darkslateblue
#483080
Mediumvioletred
#071585
Mediumturquoise
#4801cc
Mediumorchid
#ba55d3
Darkturquoise
#00ccd1
Paleturquoise
#afeeee
Darkorchid
#9932cc
Slateblue
#6454cd
Aqua
#00ffff
Red
#ff0000
Darkred
#860000
Indianred
#cd5c5c
Firebrick
#622222
Lightsalmon
#ffa07a
Lightcoral
#f08080
Maroon
#800000
Crimson
#dc143c
Tomato
#ff6347
Salmon
#fa8072
Coral
#ff7f50
Pink
#ffc0cb
Hotpink
#ff69ba
Deeppink
#ff1493
Lightpink
#ffb6c1
Mistyrose
#ffe4e1
Moccasin
#ffe4b5
Peachpuff
#ffdab9
Mintcream
#f5fffa
Floralwhite
#fffaf0
Oldlace
#fdf5e6
Thistle
#d8bfd8
White
#ffffff
Linen
#faf0e6
Navy
#000080
Snow
#fffafa
Orange
#ffd000
Orangered
#ff4500
Burlywood
#deb887
Darkorange
#ff8c00
Palevioletred
#db7093
Sandybrown
#f4a460
Rosybrown
#bc8f8e
Brown
#a52a2a
Peru
#cd853f
next

How to write HTML code to the posts ???

For you who are confused about why when writing html code published even after posting errors / html code actually executed at his blog.

Do not have a headache, I'd love know how to write html code into your blog easy way just follow the instructions below:

Step 1:
First you have to go to this address Click Here

Step 2:
Well now you live copy all your html code into a box that has been available under the writing Convert text to HTML entities (and vice-versa):

Step 3:
If already now you can click on the Encode

Step 4:
Then copy the existing code in the box to the post you.

very easy right?good luck!

Related Posts with Thumbnails for Blogger

Displaying the links to related posts along with a thumbnail of the corresponding post will help you increase the page views/user .Users will be tempted to go for the related posts when they are presented attractively with thumbnails.

This is another first release from me.This one also uses the media thumbnails generated by blogger for each post.

For displaying the thumbnails,this widget will use the images uploaded for the post using the blogger image uploader(from the post editor) [Update - Now supports external images also.]

Here are the detailed installation steps:

1.First of all Login to your blogger dashboard and navigate to Layout > Edit HTML and check the "Expand Widget Templates" check box

2.Now look for

</head>

and replace it with:

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>



3.Now Find

<div class='post-footer-line post-footer-line-1'>
If you cant find it then try finding this one
<p class='post-footer-line post-footer-line-1'>


Now immediately after any of these lines(whichever you could find) place this code snippet :

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

4.You can adjust the maximum number of related posts being displayed by editing this line in the code.

var maxresults=5;

5.To edit the title of the widget you can change this line of code

var relatedpoststitle="Related Posts";

To change the colors and all you will have to modify the CSS
If you fall into troubles implementing this,don't panic.. :) .just leave me a comment here and i will help you out. If you like to give me any suggestions on how to improve this widget,then it would be really great.
If you need a demo just check the related post thumbnails below this post. If you liked this widget,please do retweet and spread the news.


Source : http://www.bloggerplugins.org

Remove the Blogger Banner

To hide the Blogger Navbar :

1- Log in to blogger
2. on your Dashboard, select layout. This will take you to the Template tab. Click Edit HTML.Under the Edit Template section you will see you blog's HTML.
3. Paste the CSS definition in the top of the template code:


< head>
< b:include data='blog' name='all-head-content'/>
< title>< /title>
< b:skin>
-----------------------------------------------
Blogger Template Style
Name: 122we03
Designer: zarest
URL: http://zarestpermana.blogspot.com
Date: Februari 2009
----------------------------------------------- */

#navbar-iframe { display: none !important;}

/ * Variable definitions
====================
type="color" default="#fff" value="#ffffff">
default="#333" value="#333333" >

Remove the code to show it again .