Dilectio's Header

Helping out Aditya Nayak

Received a Twitter's message from Aditya telling me he got some problem with his blog.

In my reply I told him to shoot me an email and explained in details what was wrong with his blog? In an email he told me what's wrong with his blog's header. See image below;



Click image to enlarge


That problem was very easy to remedy, but I told him to give some times and I shall get back to him as soon as possible. It's just the matter of adjusting the header's margin. Here is what you've to do;

1. Login to your Blogger's account.

2. On your Dashboard, choose (if you've several blogs) which blog you're having problem with and then you click on the 'Layout' button.

3. On Page Elements, click on Edit HTML. On this page make it an habit to backup your template before we do any tweaking on the codes. If anything should go wrong after doing any major tweaking or upon hearing a hissing sound coming from your favourite Lappy or Desktop, you will thanks me for reminding you to take such a simple precaution's step, **wink**

4. Then search for the following string of codes (with or without check Expand Widget Templates);

#header-wrapper h1 {
font-size: 28px; line-height: 28px; letter-spacing: -1px; padding: 27px 5px 0px 100px; margin: 0px; font-weight: bold; color:$colortituloblog;
}

5. From the above string of codes, focus on the RED one. That's the only code you gonna tweak. As an experiment, when I change it to margin: -50px; see the result below;

From;



Click image to enlarge


It became;



Click image to enlarge


6. And when I changed it to margin: -20; the title of your blog became like so --> see image below;



Click image to enlarge


7. In conclusion, all you have to do is change the margin to any negative number to suit your blog. Voila! You've got a very nice header.

That it for now. Until we meet again for another tutorial. i hope you enjoy doing the experiments as much as I do. See ya' when I see ya'.



18 comments:

Aditya Nayak said...

Hey,

Thanks a ton.

ArahMan7 said...

You're welcome. Anyway, how was it? Did it solved your problem?

Hope it does help you. Greetings and lots of love from Malaysia.

~ ArahMan7

ArahMan7 said...

Hola Aditya,

I noticed that you're using 'Samarkan' font. It looked nice coz I've that font on my PC, but it will just show default font on others who doesn't have that font on their PC. I'm saying, just so you should know about it.

I'm glad I'm able to help you. Just shoot a question if you have other problem. I be glad to be of help.

Greetings and lots of love from Malaysia.

~ ArahMan7

p/s Anything wrong with your date?

Aditya Nayak said...

Thanks for pointing out the font thing. I am aware of the issue and will be replacing the header with an image soon. And Yeah, I have to change the format of my date. :)

I got a notification from blogger about google page creator moving to google pages. it also asked me to run a check if my blogs use anything from page creator.

Now, apparently dilectio uses 2 files hosted on PC but i cant seem to move them to pages coz oferror 404(Resource missing (no longer exists).)
Could you find a solution to this plz?

These are the 2 files

http://plantillasblogyweb2.googlepages.com/estilos-blogger.css Resource missing (no longer exists).

http://plantillasblogyweb2.googlepages.com/blogy-dilectio.css

ArahMan7 said...

Hola Aditya,

Don't worry about those two files as long there's no harm being done to your blog.

I remembered seeing those two CSS files on my blog, but I don't remember what had I done with them, lol! As long as your blog is fine, you shouldn't be bothered.

Greetings and lots of love from Malaysia.

Sincerely yours,
~ ArahMan7

Aditya Nayak said...

Okay Sure. Thanks a lot. You are doing a great job with dilectio. :)

Aditya Nayak said...

Hey, I have another doubt. What's the ideal setting for the date? I have tried a few combination but havent been able to get the date, day and month all at the same time. although i remember seeing a date stamp on somebody's dilectio blog which had date, month and day in the short form(like fri); i cant recollect whos blog was that and neither can i get it myself. Please suggest me a solution

ArahMan7 said...

This was posted by David,

If your individual blog post date stamp doesn’t show up, you’ll need to make one more change. Go into your Blogger’s “Settings” tab and then click on “Formatting”. Next, change the “Timestamp Format” (it’s the 4th one down) to this format => “Wednesday, February, 2008″. Make sure you change the “Timestamp Format” and NOT the “Date Header Format”. Many people in the past have told me it didn’t work only to find out they were changing the wrong field.

Hope that will answer your question.

~ ArahMan7

Aditya Nayak said...

I have already tried that, but it am not able to make it show in the style that i meantioned

ArahMan7 said...

Hola Aditya,

If I were you I would do a little trial and error. Just go to Dilectio's Setting, Then to Formatting. Starting from Date Header Format clicked each one from the drop-down menu and save. Preview and see which one is correct setting.

For your information, see image here, My Date Setting. This is my date setting for my Dilectio. See if it helps

Greetings and lots of love from Malaysia.

Sincerely yours,
~ ArahMan7

Aditya Nayak said...

Hey, Thanks a lot. I will surely try and work around with it a bit

Boundless Technologies said...

I can see that you are putting a lot of time and effort into your blog and detailed articles! I am deeply in love with every single piece of information you post here



Web Hosting | Web Design

Anonymous said...

What's up to all, how is the whole thing, I think every one is getting more from this website, and your views are pleasant in support of new visitors.

Also visit my blog - landing page design

Anonymous said...

Hi I am so delighted I found your weblog, I really found you
by error, while I was looking on Digg for something else, Regardless I am here now and would
just like to say cheers for a marvelous post and a all round entertaining blog (I also love the theme/design), I
don't have time to go through it all at the moment but I have saved it and also added your RSS feeds, so when I have time I will be back to read much more, Please do keep up the superb work.

Have a look at my site; Diets That Work Fast For Women

Anonymous said...

Thanks for the marvelous posting! I really enjoyed reading it,
you happen to be a great author. I will make certain to bookmark your blog
and will eventually come back from now on. I want to encourage you to continue your
great job, have a nice afternoon!

Check out my website devenir riche

Anonymous said...

For most recent news you have to pay a quick visit web and on web I found this site as a finest web
page for most recent updates.

Visit my web-site moustiquaire fenetre pvc

Anonymous said...

It's very trouble-free to find out any topic on web as compared to books, as I found this paragraph at this web site.

My web page; lame de terrasse composite

Anonymous said...

Excellent pieces. Keep posting such kind of info on your blog.
Im really impressed by your blog.
Hi there, You've performed a fantastic job. I will certainly digg it and individually recommend to my friends. I'm sure they will
be benefited from this web site.

My blog post: location housse de chaise

Post a Comment

I loves to receive comments from everybody and I tried to make everything easier for my readers to comments. So please, be nice even though you totally disagree with me. No comment moderation and whatnot here. Please respect the privileges given.

God's willing, all comments will be followed and replied.

p/s Please leave your URL so that I can follow it and leave comments on yours. No URL = No Comments. It's as simple as that. Thank you in advance.

This blog is NOT using rel="nofollow" attribute. One thing that I can do to encourage you to leave more comments on this blog is to reward you with my link loves to go along with your comments. Without nofollow attribute, the search engines will follow the link so that you will get full credit with SEO. And subsequent pagerank value.

~ ArahMan7

PS - Word verification has been enable. Sorry about that [Sept 3rd, 2013].

Copyright © 2010 - Improving Dilectio - is proudly powered by Blogger
Smashing Magazine - Design Disease - Blog and Web - Dilectio Blogger Template