Hey guys, Straight to the point, the site is this: http://tinyurl.com/5bcg3h Please do not post URL here, I don't want GOOGLE to index this since it is such a generic domain... 1. How can I add a Paypal Verified Picture at the bottom? 2. How can I add my logo to the top safely? 3. How can I add a picture in the <p> tags safely? Something like, SALE or FREE SHIPPING 4EVER 4. How can I make it SEO friendly? Any help will be appreciated and REP will be added! Thanks guys... Dan
Hey is this a script you are using or have you made the site yourself? 1. How can I add a Paypal Verified Picture at the bottom? To add a picture it's simply <img src="linktopaypalverfiedpic.gif" alt="desc. of pic" />, unless you want it as a background image of a div, then see below. 2. How can I add my logo to the top safely? Inside style.css find #logo and add to it: background-image: url(linktopic.gif); 3. How can I add a picture in the <p> tags safely? Something like, SALE or FREE SHIPPING 4EVER I'm not sure what you mean here, the code to add a picture is in question 1. 4. How can I make it SEO friendly? Add alt tags to your images, as i've done in response to question 1. Your site has a good SEO layout imo, maybe add meta tags to the head just to help with the SE e.g title, keywords and description tags. If you want to take it futher then change the id named "links" and change it to "menu" in both the css and html. and also change the id named "bottom" and change it to "footer" in both the css and html. You may also want to change your links to a list (<ul></li>) rather than using a div. These changes in this paragraph are more for proper use of HTML, i'm not sure of its effect on SEO.
wow very helpful! Thanks, Rep ++ This layout I got for free, do you want it? let me know... On question 2, this is what I found on #logo... #logo { width:258px; float:left; } #logo h1{ font-family:"Trebuchet MS"; font-size:26px; color:#F76B0C; font-weight:normal; text-decoration:none; padding-left:40px; padding-top:30px; } #logo h4 { font-family:"Trebuchet MS"; font-size:11px; color:#808080; font-weight:normal; text-decoration:none; padding-left:75px; Where do I put it? And the name of the file is BusinessCardsLogo.jpg
No worries, try changing.. #logo { width:258px; float:left; } Code (markup): To: #logo { width:258px; float:left; background-image: url(BusinessCardsLogo.jpg); } Code (markup): If the image is in a different directory then you need to change it, e.g to go up a directory use ../BusinessCardsLogo.jpg, to go up two directories use ../../BusinessCardsLogo.jpg For futher information you can also set background images to repeat in directions, not to repeat, and choose where you want it to show up in the div..e.g center center, top left, center left etc.. Was your .tk domain for free? Or did you have to pay to have the ads removed because i thought they plonked an advertisement somewhere?
Thanks! This is great. Yes I had to pay $20 for a two year registration. But it is worth it, it gets about 10 uniques a day. And I am advertising all over town so the fact that it is not a dot com is attracting more attention.
It looks all good, great job wd_2k6. One thing I did note is that the image, logo_paypal_verified.gif is left-aligned, I personally would align it to the center of the sidebar. Further to that, the 'Order >' link isnt very clear between the Free Shipping and Free Custom Design images. Another piece of friendly advice, I would advice using javascript and noscript to encrypt that mailto: link, as you'll get a lot of spam from posting a live e-mail address as it currently is. Good luck
Thanks Spider-Man, To align the paypal-image to the center you could add the style inline to the image like this: <img src="images/logo_paypal_verified.gif" alt="Feel Safe, Paypal says we are." style="margin: auto; text-align:center;" /> Or you could add the style externally like this: <img src="images/logo_paypal_verified.gif" alt="Feel Safe, Paypal says we are." class="paypal"/> Which would require you to add: .paypal { margin: auto; text-align: center; } to your style.css