Sign up for PayPal and start accepting credit card payments instantly.



Monday, July 20, 2009

Lee A Verday's Blog

Adding a Menubar on Blogger's template


Updates a few hours after publishing the original post. I'm still not satisfied after I clicked on the 'Publish Post' button. My first try to create a Menubar for Lee A Verday's Book/Writing Blog didn't go quite well (see image on problem no. 3). I was using an image for the Menubar, but no image was used for my second try. Come on below at no. 4 to read how I did it. Happy reading guys...

Awhile back I received a lovely comment from Lee A Verday on BlogBeginners. It seem like he was trying to create a Menubar for his blog.

In fact, when I looked into his Page Source he has even pasted a string of codes which I used to help a fellow Blogger to create a Menubar for her blog. I'm sorry Lee, that piece of code that you paste on your template is not compatible for your blog.

From then onward, I took a special interest to help him out to improve his blog. He was using a three column Cafe Blog template which was designed by J.aghili. For those who would like to use this free Blogger's template, you can download it on Final Sense.

I've even downloaded it on one of my test blog so that I can do a little bit of tweaking on the codes to improve the image and probably adding a Menubar. Below are a few suggestions that I would like to make as per comment on Lee A Verday's Book Writing Blog when I asked for his permission to take a further look in his blog.



  1. On the right sidebar, at the very top below 'The Hollow Rated H' ads you can see plainly the word "/center>" as shown on the image below;

    Incorrect closing of HTML
    Click image to enlarge


    Solution:
    If you look on your template, I'm sure you've forgotten to type in the character < for the tag 'center'.


  2. This maybe nothing, but for those who have keen eyes they will notice there's a black spot under the Header's banner as you can see on the image below;

    Black spot
    Click image to enlarge


    Solution:
    In 'Edit HTML' mode try finding this string of codes;

    /* ---( header and site name )--- */
    #header-wrapper { margin: 0; }
    #header { margin: 0; height:208px; width:903; color: $pagetitlecolor; background: url('http://lh6.google.com/jvdmds/R19jjboNgMI/AAAAAAAAA_k/T0mA5B6nr2E/cafe-1.jpg') no-repeat top left; overflow: hidden}
    #header h1 { width:600px; font: $pagetitlefont; margin:40px 40px 5px 30px; padding: 10px; filter: glow(color=#ffffcc,Strength=8); text-align:left;}
    #header h1 a { text-decoration: none; color: $pagetitlecolor; }
    #header h1 a:hover { color: $descriptioncolor; }
    #header .description { margin:-10px 5px 5px 30px; width:600px; text-align: left; font: $descriptionfont; color: $descriptioncolor; }

    Change the red-coded tag accordingly to your Banner URL, width and height. I see that your banner width is 919px. It's advisable to crop your banner to the original image width of 903px. You can leave the rest of the codes as it is.


  3. Sorry about your Menubar. It didn't go as plan as you can see on the image below;

    Unwanted overflow image
    Click image to enlarge


    Solution:
    Back to the drawing board. Got some adjustments to make.


  4. As usual before you do any high-powered tweaking on your template (sound like military, huh?), I implore you to backup your template. You wouldn't wanna know how many times it has saved my arse just for doing that simple backup. As I always said, I shall not be held responsible if following my tutorial resulted a hissing or unwanted sound coming from your favourite lappy or desktop. Do so at your own risk, **wink**

    Solution:
    Okay, let's get on with this short tutorial. This will be the first part for your style found in CSS. In 'Edit HTML' mode, find the tag ]]></b:skin>

    After finding the tag, please copy and paste the following codes before ]]></b:skin>

    #menubar {
    background: #527841; ---> you can change to any colour
    width: 903px;
    height: 24px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-family: Times New Roman, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    }

    .menubar li {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

    .menubar ul {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }

    .menubar ul li a {
    font-family: Times New Roman, Helvetica, Sans-Serif;
    font-size: 14px;
    padding: 0px;
    margin: 0px 10px 0px 10px;
    text-decoration: normal;
    }

    Got that? Good! Now we have come to the second part. Like my earlier tutorial on Menubar on a Blogger's template, find the following codes;

    <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

    Then you copy and paste the following codes right after the above string of codes;

    <div id='menubar'>
    <div class='menubar'>
    <ul>
    <li class="selected"><a href="http://leeaverday.blogspot.com/">Home</a></li>
    <li><a href="http://leeandjessverday.blogspot.com/">About About Me & Jess</a></li>
    <li><a href="http://leesbookreviews.blogspot.com/">Book Reviews</a></li>
    <li><a href="http://laverday.blogspot.com/">The Hollow Trilogy</a></li>
    <li><a href="http://leeverdaycontests.blogspot.com/">Contests</a></li>
    <li><a href="http://aboutmyfavoritejess.blogspot.com/">Ode To My Partner In Thyme</a></li>
    <li><a href="http://www.jessicaverday.com/">Jessica Verday</a></li>
    </ul>
    </div>
    </div>

    And this is how your Menubar will show as you can see on the image below;

    Menubar on a blogger's template
    Click image to enlarge


    Well, that's it. Hope you like the Menubar.


Here's something about Lee A Verday. He is the husband of author, Jessica Verday. He's a student, at WGU, working on my B.A. Lastly, he's also a dad to 5 furry felines who cost him money and scratch his legs up. But Petey, Tobey, Clarence, Baby Abbey and the troll who lives under his couch (shandi) are the best.

So, if anyone who are into books and writing, head on over to Lee A Verday's Book/Writing Blog. It's okay, you can thanks me later, lol!

That's all for now folks. See ya' when I see ya'.





Subscribe to My Journey To Recovery

A candle loses nothing by sharing its flame.

55 Responses to "Lee A Verday's Blog"

Me myself said...

hai
pls help me.. i can't do it.

i already follow all the instruction but, when i try to save it stated

"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The entity name must immediately follow the '&' in the entity reference.

so what must i do...help me,
thru my email : ordinary_gurl_one@yahoo.com

Anonymous said...

Hi! Thiѕ iѕ kіnԁ of off tοpіc
but ӏ need sοme hеlp from аn еstablished blog.

Iѕ it ԁifficult to set up your own blog?
I'm not very techincal but I can figure things out pretty quick. I'm thinking about crеatіng
my own but I'm not sure where to start. Do you have any points or suggestions? With thanks

My site ... get free gifts

Anonymous said...

I wаs cuгiouѕ if yοu еver
thought of changing the structuге of yοur sitе?

Іtѕ verу well written; I loѵe what youve got
tο say. Вut maybe you could a littlе more in the wаy οf cоntent so рeople cоuld conneсt with
іt better. Yοuѵe got аn аwful
lot of tеxt for onlу having one οr two piсtureѕ.
Ϻaybe you сοuld space it out better?


mу blоg fastest way to lose belly fat

Anonymous said...

My spοuse and I absolutely love your blog аnd
finԁ almost all of уour post's to be what precisely I'm lοoking for.
Dο you offer guest writегs to ωrite content for yourѕelf?
І wouldn't mind composing a post or elaborating on some of the subjects you write regarding here. Again, awesome website!

Here is my homepage natural breast enlargement

Anonymous said...

Hellο! This іs my 1st comment here ѕo I just wanteԁ to
give а quіck shout out anԁ tell you I genuinely enjоy
reading your artіcles. Сan you recommend any otheг blogs/ωebsites/forums that deal with the sаme tοpіcs?
Thаnks а lot!

My wеblοg ... natural breast enlargement

Anonymous said...

Hmm is anyone еlse eхperiencing problems with
the piсtuгes on this blog loadіng?
I'm trying to figure out if its a problem on my end or if it's the blog.
Any responses would bе gгeatly aρρreciated.


Also visit my blog: get bigger boobs

Anonymous said...

Ӏncгedible! Thiѕ blоg loоκѕ exaсtly like
my оld one! It's on a totally different topic but it has pretty much the same layout and design. Excellent choice of colors!

My blog cure heartburn fast

Anonymous said...

Fаntaѕtіc pοst howevеr ,
I was wаntіng to κnοw if yοu could ωrіte a
litte mοre on thiѕ subϳеct?
I'd be very grateful if you could elaborate a little bit further. Thanks!

Also visit my page :: solihull storage companies

Anonymous said...

Hi wоuld you mind ѕharing ωhich blog platform you're working with? I'm plannіng tο start my own blοg ѕοοn
but I'm having a hard time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design and style seems different then most blogs and I'm lοοκing for sоmethіng
unique. P.S Sοгry foг gettіng off-tоpic but Ӏ hаd to aѕk!


Tаκe a look at my blog post: get Bigger boobs

Anonymous said...

Ӏ know this if off topic but I'm looking into starting my own weblog and was wondering what all is required to get setup? I'm аssumіng having a blοg like
уourѕ woulԁ cost a pretty pеnnу?
I'm not very web smart so I'm nоt 100% posіtіve.
Any tips oг advіce would be greаtly aρpreciаteԁ.
Cheеrs

My sitе; Fathers Day Gift Baskets

Unknown said...

bajrangi bhaijaan movie poster

bajrangi bhaijaan images

Unknown said...

bajrangi bhaijaan photos
bajrangi bhaijaan first day box office collection

Unknown said...

bajrangi bhaijaan 1st day box office collection
bajrangi bhaijaan weekend collection

Unknown said...

bajrangi bhaijaan weekend earning
bajrangi bhaijaan first day earning

Unknown said...

bajrangi bhaijaan movie reviews
bajrangi bhaijaan previews
bajrangi bhaijaan estimated box office collections

Unknown said...

bajrangi bhaijaan movie songs
bajrangi bhaijaan songs
bajrangi bhaijaan music

Unknown said...

bajrangi bhaijaan official hd trailer

Unknown said...

bajrangi bhaijaan trailer watch online
bajrangi bhaijaan trailer hd watch online

Unknown said...

bajrangi bhaijaan movie
bajrangi bhaijaan trailer on youtube

Unknown said...

bajrangi bhaijaan movie book tickets
bajrangi bhaijaan movie release date

Unknown said...

bajrangi bhaijaan book my show tickets
bajrangi bhaijaan movie wikipedia

Unknown said...

bajrangi bhaijaan star cast

Unknown said...

bajrangi bhaijaan cast

Unknown said...

bajrangi bhaijaan star ratings

Unknown said...

Download Brothers hd torrent

Download Brothers Movie kickass torrent

Brothers Movie torrent Download

Download Jupiter ascending torrent

Download Jupiter ascending kickass torrent

Download Jurassic World Movie kickass Torrent

Download Jurassic World Movie Torrent

happy dussehra images and wishes messages quotes said...

Happy Dussehra 2015
Happy Navratri 2015
Happy Navratri 2015 Images Pictures Quotes SMS Messages
Happy Dussehra 2015 Images Pictures Quotes Wishes
Happy Dussehra Images Free Download
Happy Dussehra
Happy Navratri
Happy Dasara


Happy Dussehra Pictures
Happy Dussehra Quotes In Hindi
Happy Dussehra Wishes In Hindi
Happy Dussehra 2015 Whatsapp Status
Happy Dussehra SMS In Hindi For Friends Family
Ravan Images Free dwonload
Happy Navratri nine days nine colours
Happy Dashera

friv 3 said...

Thank you so much! Really rich content and very useful information.

huz said...

I like visit this website and this is very informative for me iwill visit this website again.This website is really very usefull

Unknown said...
This comment has been removed by the author.
Unknown said...
This comment has been removed by the author.
Unknown said...
This comment has been removed by the author.
KBN said...

You got a really useful blog. I have been here reading for about an hour. I am a newbie and your success is very much an inspiration for me. friv games online | friv online games | papa’s games

KBN said...

Let’s keep out sites for your child! click: friv games online | friv online games | papa’s games

Unknown said...

I must appreciate the way you have expressed your feelingsthrough your blog!friv games online | friv online games | papa’s games

Unknown said...

discount oakley sunglasses
cheap air max
louis vuitton outlet
michael kors uk
adidas nmd r1
adidas superstars
nike tn pas cher
ugg boots outlet
timberland shoes
yeezy boost 750
skechers outlet
black timberland boots
nike air max 95
christian louboutin outlet
coach outlet online
coach factory outlet online
babyliss hair dryer
ugg outlet online
oakley sunglasses for sale
oakley vault sunglasses
tiffany and co outlet
ugg outlet online
designer handbags wholesale
coach factory outlet online
nike trainers
nike air max
coach outlet online
lacoste polo shirts
jimmy choo outlet store
oakley sunglasses outlet
polo ralph lauren outlet
coach factory outlet
nike store uk
rolex daytona
burberry outlet online
michael kors outlet online
louis vuitton purse
tory burch outlet online
2016826caiyan

Games Boy said...

Enjoy what we have all in all
happy wheels'||
happy wheeks||
happywheelsdemo.in||
slitherio mods

abcya said...

This is a great web site. Good sparkling user interface and very informative blogs. I will be coming back in a bit, thanks for the great article. I have found it enormously useful..
starfall | barney | minecraft games

Juegos Friv said...

Really a great post which clear my all doubts regarding auto responder. jugar juegos | juegos de juegos | jogo friv | y8 new games | kizi juegos

Anonymous said...

Thank you very much for your post, it makes us have more and more discs in our life, So kind for you, I also hope you will make more and more excellent post and let’s more and more talk, thank you very much, dear.
friv 100 | Friv 10 | agar.io | twizl games

Kizi bloggames said...

I must appreciate the way you have expressed your feelingsthrough your blog!kizi juegos | juegos | friv juegos

alicetaylor123 said...

I’m glad you enjoyed it. Those are great habits! Thank you for sharing.

lennyfacetext.com

first class essay said...

I have loved everything about your post and I must say you are one of a kind

kanchipuram silk saree manufacturer said...

Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees

kanchipuram silk saree manufacturer said...

Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees

kanchipuram sarees said...

Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees
Kanchipuram sarees

Unknown said...

Thank you for a informative post.
clipping path
clipping path service
remove white background
raster to vector

healthy5419 said...

I do not want to leave this page without praising you on this well-structured and stylishly designed page!
Friv 2019
Friv4School
Didi Games
Friv 1

scottthompson74 said...

Thanks extremely handy. Will share website with my friends.
Juegos Friv 100
Juegos Friv 1000
Juegos Friv 2

Gamebug said...


Great!, I love reading what you post, it makes sense and I have found interesting things here
Gamebug|run-3|Dig-it|Tower-make|primary-math

cara menggugurkan kandungan dan mempercepat haid said...

I thank you for the information and articles you provided
# senam ibu hamil

travel to India from Australia said...

I really love your blog. Thanks... visa for India from Australia available online. Australian Citizens do require a visa to travel India. You can get an online visa for India and then travel to India from Australia. All processes online.

isabella said...

I have read this article many times, and I found it very helpful. I really appreciate the time and effort you put into this and fill emergency Indian visa application form. An e-visa to India has now become easier to obtain.

nedirtr said...

Thank you. Depending on various factors, the baldness problem occurs, which can cause an extremely bad aesthetic appearance, with the loss of vitality of the hair cells on the scalp and shedding. In such cases, hair transplantation procedures can be used in order to look more aesthetic, younger and more dynamic and more confident. Takes part in hair transplantation operations as an institution that provides services at the highest standards with the most up-to-date technological facilities and a staff of doctors, each of whom is an expert in their own field. Hair Transplant Turkey

Anonymous said...

Otomatik kapılar ve Nice ürünleri son dönemde oldukça sık tercih edilmeye başlandı. İtalya merkezli olan Nice, pek çok şubesiyle Nice Türkiye sektöründe de hizmet vermektedir. Bu hizmetleriyle oldukça sık bir şekilde tercih edilen firma, pek çok hizmeti de beraberinde verebilmektedir. Nice motor, otomatik sistemlerde en yaygın şekilde kullanılan motorlar arasında yer alır. Bu sebeple pek çok marka ve firma da kendi ürünlerinde Nice motor kullanmak isteyebilir. Nice’nin sunduğu ve satışının en yüksek olduğu hizmetlerden bir diğeri de Nice bariyer ürünüdür.
Bariyer ürünleriyle alışveriş merkezlerinin otoparklarının çok büyük bir kısmı Nice tarafından yapılmaktadır. Nice’nin kollu bariyerleri kullanılarak tasarlanmaktadır. Bu açıdan Nice, oldukça başarılı bir firma olarak görülmektedir. En kaliteli ürünlerin en uygun fiyatlara satıldığı Nice, Türkiye’de de Avrupa’da da oldukça yaygın bir şekilde tercih edilmektedir. Üstelik son derece geniş ve yaygın olan Nice yetkili servis ağı sayesinde dünyanın pek çok yerine hizmet verebilmektedir. Bu hizmetin en profesyonel olması da Nice’nin başarılarından biridir. nice türkiye

nedirtr said...

Evimizin en temel ihtiyaçlarından biri olan mobilyalar, konfor ve şıklık sağlar. Evlerin veya değişik amaçtaki iş yerlerinin olmaz ise olmaz parçalarıdır. Dış görünüşe önemli ölçüde güzellik katar. Kullanıldığında ise dinlendirici bir rahatlık verir. Birbirinden değişik modeller, renk ve tarz kapsamında olabilmektedir. İnegöl mobilya yatak odası ve daha pek çok farklı alana çözüm üretir. İnegöl mobilyacılar çarşısı firması olarak mobilyanın merkezinden gelir. İnegöl mobilya düğün paketleri ile özel fiyatlarla kaliteli ürünler sunar.

Avangart salon takımı fiyatları internet sitesi üzerinden incelenebilir. Uzun ömürlü, dayanıklı mobilyaların adresi olan firma, yıllardır değişmeyen üstün müşteri memnuniyeti ile ön planda olmaya devam eder. Eğer konforlu ve şık görünümlü mobilyaları, hesaplı bir şekilde arıyorsanız, vakit kaybetmeden iletişime geçmenizi şiddetle tavsiye ederiz. Mobilya kalite merkezi sizi bekler. inegöl mobilyacılar çarşısı

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. So, 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 is as simple as that. Thank you in advance.


~ ArahMan7

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



Back To Top

BlogMalaysia.com