Thursday, October 02, 2008

nose bleed

did you notice the picture on my header? AND did you also notice that it wasn't aligned/centered? it wasn't intentional, i just don't know how to do it hehehe.

you see, when i found out that i can easily put a picture on the header i immediately click the browse portion to try and have it save. my little brain didn't realized that an alignment issue will surface and the analytical skills that has been missing in my life since birth will be needed.

hay!

i run to the "edit HTML" or whatever and take a look if i can find something, i did found a lot but i don't know what are those hahaha. and just by looking at the gazillion code-combination of letters, numbers and punctuation marks gave me a horrendous headache and made me swear that reading accounting books is better! okay, the reading part was just a joke :).

but seriously, can anyone help me with this dilemna? my header now has a picture and it has been a life-long dream (don't worry, i'll replace it with another if there will be some protests hehe) but with the uneven sides, it looks horrible!

is there an easier path to this universal problem other than studying the codes and be mesmerized by CSS files? help!!!!
UPDATE: Problem solved! lalalalala hehehe

24 comments:

Unknown said...

hi there. the easiest remedy for ur header picture is to resize similarly to the width of ur blog header. how would u determine that?

1. go to ur blog template and click the html tab.

2. you are now looking at a block of codes that is basically css. now slide slowly and look for a word or tag named "header" or "header-wrapper" or anything that has header on it. examine the elements underneath it and u would find "width". the value to its right is the width of the header template. it is in pixels.

3. after you have determined the width in pixels of the header, resize ur picture to that width. ur picture then will cover the entire header.

that is the eaiest way to solve ur problem with ur header image. u would only need photoshop or similar photo editing tool to do the resizing.

note: if you want to tinker or experiment with the css of your blog u can do that. just make sure that u saved ur current template to ur local hard drive. if u committed a major error during ur experimentation u can always upload back ur original template.

atticus said...

sorry zherwin. di ko rin alam eh. gusto ko ngang lagyan ng picture ng backpack ko iyong header ko pero di ko alam. baka mabura ko lang.

pero dahil malamang ay magkaintindihan kayo ng matalinong mama sa itaas (thetripper), kayo na lang ang mag-usap. hehehe.

tapos ikaw na rin magpalit ng picture ko sa header.

Anonymous said...

I'd wanted to help, kaso nawala na ang "talent" ko sa css ng blogger.

Just follow thetripper instructions, in short, make the image biggger (your blogger header should be around 740px I think). If you can't do that, center align mo na lang ang current header pic mo.

Bloghopping from Belle.

zherwin said...

the tripper, thank you for the very detailed details, the same process was emailed to me by tutubi and i did look at its setting, the only problem i have is that i cannot find the width specifically assigned for the blog header, the one under the header part were margins, paddings and others.

i saw the width on the page structure area but i am still hesistant tinkering with it hehehe. but i will experiment on it in the future because some part of my blog's side bar is still a mess. :)

by the way, on my header, i just increase the pixel of the picture (i think to 1024) and just click on the shrink to fit button in the edit area. that solves the problem hehehe.

thank you so much. :)

zherwin said...

atticus, madali lang maglagay ng picture sa header akala ko rin dati magugulo ang buhay ko, yun pala konting gulo lang hehehe.

i-click mo yung customize dyan sa upper right side ng blog mo tapos tatambad sa iyo yung page element, sa header part i-click mo yung edit tapos me magpa-pop out na bagong window, punta ka lang sa browse portion sa ilalim ng image, kunin ang gusto mong picture, i-save lang at presto!!!

hehehe.

zherwin said...

k, ganun na nga ang ginawa ko, mas malaking pixel yung ginamit ko tapos i just let blogspot shrink the picture to fit to 740px nga.

salamat sa pagdalaw. :)

jho said...

nyah! laki ng header mo. hehe. hindi ako marunong sa mga ganyang bagay. tingnan mo header ko, hindi ko malagyan ng kung anu ano kasi baka kung ano lang ang mangyari... maayos mo din yan. pag marunong ka na, magpapaturo ako. nyahahaha.

Gina said...

I wish I could be of help...SOWEEEE!
I've had the same problem before , so i gave up nalang.

Uy, nabasa ko ang update- problem solved kamo? Bakit malaki pa rin ang size ng header ? ;-P

But, ang ganda ng shot ha..

zherwin said...

jho, napaliit ko na nga ng konti eh hehehe, pero okay na rin yan, yung alignment lang naman ang problema ko. :)

zherwin said...

gina, for now okay na rin yung size, later ko na lang paliitin hehehe.

Anonymous said...

madali lang yan.. bigay mo sa kin username at password mo lol!

carlotta1924 said...

lol @ manilenya :D

congrats at ayos na! hehehe =) alam ko na rin ang gagawin ko pag nangyari din ang ganyan sakin :D

Anonymous said...

Nice header pic there Zherwin. AM guessing this is Anawangin?

Anonymous said...

ako din nose bleed sa mga ganyang bagay, good i have sons and daughters, all 7 of them who could somehow help. good luck

zherwin said...

manilenya, email mo na lang sa akin ano gagawin hehehe.

zherwin said...

carlotta, oo nga, pero sana maayos ko rin yung side bar. :)

zherwin said...

ferdz, sa anawangin nga, isa na siguro sa mga most photograph na bangka hehe.

zherwin said...

sexy mom, how i wish i can be as techie as your children pero for now, okay na rin :)

Anonymous said...

Nice to know I'm not the only one in this blogger world with this problem. Congratulations on figuring it out! Mas madali ngang magbasa ng accounting books, at least I can make heads and tails of the debits and credits, yang mga symbol combination na nandiyan sa html and css whatevers, ewan!

Medyo obsolete na kaya tayo? Haha! Di lang yata ako obsolete, ancient is more like it :D

Nick Ballesteros said...

i like the photo!

zherwin said...

ia, kulang lang siguro tayo sa practice hehe. :)

zherwin said...

watson, thanks. how's new zealand? :)

Anonymous said...

late na itong comment ko, as of today centered na ba sya? I can't tell. But I really like the vividness of the picture. Nice shot.

zherwin said...

mahalia, okay na sya, satisfied na ako sa kanya for now... :)

LinkWithin

Related Posts with Thumbnails