2 Aralık 2010 Perşembe

how to edit html codes on blogger blogspot

HOW TO CUSTOMIZE BLOGGER HTML CODES
hi! maybe you've already known or you'll be have learnt it first here google blogger  allows you to edit,change,customize,delete all codes in blogger html tags,so  i mean you can desing your blog as your wishes.Blogger html tags consists of four part,your content lies into these parts,maybe you have a question in your mind
--- Which part is the most important?
can " Read Area" be the answer? maybe it can,but it is negotiable
the HTML tags in the red area are visible by your visitor,but the other ones are invisible,you can only see this tags in your HTML editor,so maybe we can say red area is more important then other parts.

AREA -I-
The tag <b:skin>...</b:kin>
your css kodes,variable definitions,blog ID informations are in this part, <b:skin>...</b:kin> tag is in <head>...</head>

When you need to add a css code into your HTML editor,you must find this tag  ]]></b:skin>
 with CTRL+F on your keyboard,then you must add your new css codes above(before)
for instance:
#newcsscode {
  clear:both;
  margin:0 auto;
  padding-top:15px;
}
/*   you must add your new css codes here  */
(note:1)
 ]]></b:skin>

YOU CAN CUSTOMIZE BLOGGER HTML CODES
css properties
body {...}
background:
it is your blog's background you can use an image or a html color code for your background
for more html color beles.org, sitekodlari, abecem html-color-codes, htmlcolorcodes
for more background tinypic, imageshack, photobucket you can also create your own background color image by using an image editor i.e: in photoshop

you can use just a color or a color + an image for your blog background
i.e:
just a color: background: #fff;
with an image: background: #fff url(" an image URL here");
just an URL: background: url("an image URL here");
if you wish you can direct this url with top center no-repeat;
background: #e1d4c1 url(#) top center no-repeat; this image URL will be on the top of your background,in the center and will not be repeated,but you can change this definitions such as "top/bottom/left/right,no-repeat/repeat,center/left/right"

margin:
this code is used for to arrange the distance between elements,generally it is measured with px or em,usually used with margin-right,margin-left, margin-top,margin-bottom

analyze the image above and take notice while arranging your elements in blogger

font:
it is your post's font in blogger i.e: ariel ,courier , helvetica , georgia ,
it is used like this font:x-smal georgia; 
text-align: it is used to align your post text

And now let's customize the css code body {...}:
body {
background: # 686461 url("an image URL here" repeat;
margin: auto;
color: #000000;
font-size: 12px;
text-align: left;
font: arial helvetica sans serif;
}

(not1) this code doesn't appear in your css code.

                                   HOW TO CUSTOMIZE BLOGGER HTML CODE
 PART I
PART II
PART III

0 yorum:

Yorum Gönder