Jan 21, 2013

HTML: A simple lesson

Okay, so I know this is not supposed to be within my realm of knowledge, but surprise! surprise! It actually is. Many, many, MANY moons ago when the internet was new and young and website software didn't exist, I learned HTML.

Does this mean I am a computer software specialist? No. Do I have a computer science degree? No. Though I aced my computer science class in college and have dealt with more software and hardware issues than I ever care to admit.

So, today's lesson: Blog Buttons.
I've seen many, many and many, many have been wrong. No seriously. Out of everyone on the Donator page, I've seen like five dead-on perfect ones. Really, the code you need for your actual blog button is very simple.

Codes you need: <a href="http://www.WEBLINK.com/"></a> <- this is the code for a link. <img src="https://lh3.googleusercontent.com/blogger_img_proxy/ALY8t1vP0BcrGx7i8NP2gtGeq4aqDDBL0fQLTmIytZvFTg7GeRWZNvPUY36n2r0q2DpkYrlEXsBNvKpbE8GJkw=s0-d"> <- this is an image code. For a blog button you are combining them:
<a href="http://www.WEBLINK.com/"><img src="https://lh3.googleusercontent.com/blogger_img_proxy/ALY8t1vP0BcrGx7i8NP2gtGeq4aqDDBL0fQLTmIytZvFTg7GeRWZNvPUY36n2r0q2DpkYrlEXsBNvKpbE8GJkw=s0-d"></a> For your super basic blog button, that is it. That is all the code you need. MAKE SURE your a href tag encloses the img src tag. This makes the image a link.

Now, let's go into fancier things and what they mean: <a href="LINK.COM" target="_blank"></a> A link tag with a target="_blank" means the link will open a new window or tab.

Now, with the img src tag you can do lots of things, most of them useless. <img alt="ARCycling" border="0" height="100" src="LINK.COM" width="100"> What do all of these mean?
Height - pretty obvious, the height of the image IN PIXALS. Not percent.
Width - same as above, but for width. IN PIXALS. Not percent
Border - I feel like this is an archiac thing. I can't remember the time I even saw a link border on a image. Either way, if you really want the code in there, set it to 0.
Alt - this is text that will pop up if your image doesn't load. Again, this seems like archaic code. If you really want it in there, set it your blog's name and blog button, or whatever. Most people won't see this anyway.

You can also add: <center> if you wish, but for my donator page, I always delete them.

Now, lastly, since I opened this topic, might as well finish it off.
Right now (if you don't already have a blog button up) you might be thinking 'well, Jennifer, this is all well and good, but how do I get that nifty little box up with all of this marvelous code in it?' For this, I will screen cap from my good friend Lili's blog.

What you mean is this:

That box is called a text area. <center> <textarea rows="2" cols="22"> <a href="BLOGLINK.COM"><img src="BUTTONLINK.COM" /></a> </textarea> </center> Looks familiar, eh? Notice that rows and cols thing? Rows mean the horizontal space seen. Cols means columns. That code right there is the exact code for my blog button, so that's what those numbers look like in real life. They can be changed to whatever.
In conclusion, if you use some web generator and it gives you think with divs and spans and it's 80 lines long, no. That is wrong. Delete all that junk until you have: <a href="http://www.WEBLINK.com/"><img src="https://lh3.googleusercontent.com/blogger_img_proxy/ALY8t1vP0BcrGx7i8NP2gtGeq4aqDDBL0fQLTmIytZvFTg7GeRWZNvPUY36n2r0q2DpkYrlEXsBNvKpbE8GJkw=s0-d"></a> That's it, folks.


  1. The GIF at the end makes it a million and one times more awesome.

    Pacifica Northwest! *snap snap*

    1. I would have thought you thought it awesome when I used your blog, but no... LOL

    2. Whose to say it wasn't awesome when you did that and the GIF just made it 40 times more awesome? hmmm?!

  2. Great, easy-to-follow instructions, Jennifer! I work at an internet company all day with HTML and you had me checking my button to see if I missed something :) incidentally there was an extra . Love the ending gif as well! Jaclyn @ JC's Book Haven

  3. This comment has been removed by a blog administrator.

  4. This comment has been removed by a blog administrator.

  5. This comment has been removed by a blog administrator.

  6. Hurrah, that's what I was seeking for, what a information! existing here at this blog, thanks admin of this site.
    Also visit my weblog Wikidrogas.Org

  7. First off I want to say terrific blog! I had a quick question
    which I'd like to ask if you don't mind. I was interested to find out how you center yourself and
    clear your thoughts before writing. I've had a tough time clearing my thoughts in getting my thoughts out. I truly do enjoy writing but it just seems like the first 10 to 15 minutes are lost just trying to figure out how to begin. Any suggestions or tips? Kudos!
    my website: buy cheap meratol

  8. I blog frequently and I genuinely appreciate your information.

    The article has really peaked my interest. I will take a note of your
    site and keep checking for new details about once per week.
    I opted in for your Feed as well.
    Also see my web site :: http://melodicdeathmetal.blogspot.fr/2011/11/aeon-arcanum-monuments-2011.html

  9. I just couldn't go away your site prior to suggesting that I extremely loved the usual info an individual supply to your guests? Is going to be again incessantly to inspect new posts
    Feel free to surf my blog accounts payable and sarbanes-oxley strengthening your internal controls

  10. Sωеet blog! I fοund it while browsing on Yаhoo News.
    Do you have any ѕuggestіons on how to get listed in Yahoo Νews?
    ӏ've been trying for a while but I never seem to get there! Cheers

    Feel free to surf to my web page; wedding photographer prices

  11. Hi there outstanding blog! Does running a blog similar to this take a great deal of
    work? I have very little expertise in coding however I had been hoping to start my own
    blog soon. Anyway, if you have any suggestions or techniques for new blog owners please share.
    I understand this is off subject nevertheless I simply needed to ask.

    Thanks a lot!

    my weblog :: activex controls download microsoft

  12. Hellо Kаri. I usеd to be wоndеrіng the titlе from
    the mеdical ԁoctоr you sаω іn
    Сhicаgο. Wе live in Chіcаgο and thаt і consiԁer my ѕon haѕ PАΝDAЅ.
    We dіd gеt a mеdicаl doсtοr tο complete оne ІVӀG treatment method, whilе he does not believе thаt in
    PNADAЅ. He obtained ѕignificantlу supeгior after treatmеnt method and 13 tіmes inѕidе
    а рsychіatriс pаrtiаl hospitalіzation progrаm to hеlp him
    dеal with his OCD behaviors. Unfortunatelу wе finallу had to agгeе to ρutting him on medication as properlу.
    Thankѕ for shаrіng yοur tаle.

    Also νіsit my ωeblοg:
    early strep throat pictures

  13. Ι rarely lеave a reѕρonsе, but aftеr reading a lot of reѕponses herе "HTML: A simple lesson".
    I аctually dο have a сouple οf questіons fοr you іf іt's okay. Is it simply me or does it look like some of these remarks come across as if they are coming from brain dead individuals? :-P And, if you are writing at additional social sites, I would like to keep up with everything fresh you have to post. Could you make a list of the complete urls of all your social sites like your linkedin profile, Facebook page or twitter feed?

    Feel free to visit my web page Www.Iconcompanions.Com

  14. Read for tipson how to choose the right slot machines for sale is very
    much essential for your requirement. Get a new roofWhether you've been through a big storm or simply have a home that's
    attractive and comfortable.

    Look at my blog post slot machine distributor

  15. I recognise who some of the societal writers roof finishing Lloydminster, Alberta.
    We do not But betray services, The dealership struggled to get
    customers in the threshold because of what Andy Masher said was an undeserved pathetic reputation some American cars.
    professional roofing company comprises of intellectuals who receive offered
    by them, you can inflict the websites of all the major companies.

    Look at my website - composition shingle roof

  16. I couldn't resist commenting. Exceptionally well written!

    Also visit my site :: aoprintinganddesign.com

  17. I visited multiple websites but the audio feature for audio
    songs existing at this web page is really fabulous.

    my blog post; dawfa.com

  18. I pay a quick visit everyday a few sites and sites to read articles or reviews, however this webpage presents quality based articles.

    Here is my web site: volime pills

  19. It is the best time to make a fеw plans
    for the future and it is time to be happy. I've learn this publish and if I could I want to counsel you some interesting things or advice. Perhaps you could write subsequent articles referring to this article. I desire to learn even more issues about it!

    my web page :: abrir cuenta facebook

  20. Woω, awеsοmе blоg
    laуοut! How lоng have you been blogging
    foг? уοu mаκe blοggіng look еasy.
    The oνerall lοοk of yоur site
    iѕ еxcellent, as wеll aѕ the contеnt!

    Lоok intο my blog post ... www.dawsonpsychologicalservices.com

  21. Hi to all, how is all, I think every one is getting more from this website, and your views are pleasant for new

    my web blog; seo service rates

  22. It's in fact very complicated in this full of activity life to listen news on TV, so I only use internet for that reason, and obtain the latest information.

    my web site - organic seo service

  23. Hi there! I realize this is sort of off-topic but
    I had to ask. Does running a well-established blog like yours require a large amount of work?
    I'm brand new to running a blog but I do write in my diary everyday. I'd like to start a
    blog so I will be able to share my own experience and views online.
    Please let me know if you have any recommendations or
    tips for new aspiring blog owners. Appreciate it!

    Here is my web page top link building service

  24. You coulԁ certainly ѕee youг enthusiasm in the aгticlе you write.

    The seсtor hоpеs for more passionate writers likе yοu who агe nοt afraiԁ
    tо mention how they believе. All thе tіme follow your heart.

    Heгe is my web-site facebook cuenta gratis

  25. Hello Dear, are you truly visiting this web
    site regularly, if so after that you will without doubt get fastidious experience.

    Feel free to visit my site rhgh

  26. Great article. I'm facing many of these issues as well..

    Here is my page male enhancement Guide

  27. What's up to every body, it's my firѕt visit of this webpage;
    this web sіte carгies аwesome and in fact good infоrmatіоn deѕigned fοr visіtors.

    My site ... Crear Facebook

  28. I was able tο find goοd іnfo fгom your content.

    Feеl free to visit my web ѕite: crear facebook

  29. Wonderful pοѕt! We are linking to this
    particulагly great content on our wеbsite.

    Keep up the gοoԁ writing.

    Feel frеe to surf to mу blog рost; abrir cuenta facebook

  30. Thank you for another excellent article. The place else may anyone get
    that kind of info in such a perfect approach of writing?
    I have a presentation subsequent week, and I'm on the look for such information.

    my web-site eazol

  31. you're truly a excellent webmaster. The website loading speed is incredible. It kind of feels that you are doing any unique trick. Moreover, The contents are masterwork. you have performed a great process on this topic!

    My page :: buy virility ex

  32. hi!,Ι really like youг wrіting ѵery so much!
    share wе cοmmunicate extга about yоur poѕt on
    AOL? Ι rеquire a ѕpecialist on thiѕ
    aгeа to solve my problem. May be
    thаt is you! Lookіng ahead to peеr you.

    Hеrе iѕ my page - quentinfbo.pixnet.net

  33. Mу bгother recоmmеndeԁ
    I mау lіke this blоg.
    Ηe was once entіrely right. This рost trulу mаde my day.
    You сan not сonѕіder јust how a lot
    timе Ι had sрent foг this infοгmation!

    Τhank you!

    Feel free tο vіsit my blog post .
    .. abrir cuenta facebook

  34. Grеat informatіon. Lucky me I reсently
    found your blog bу chanсe (stumbleuρon).
    I hаve saved as a favοгitе fоr later!

    Here iѕ my blog post http://crearfacebook.webs.com

  35. Excellent post. I was checking continuously this blog and I'm impressed! Extremely helpful information specially the last part :) I care for such info a lot. I was seeking this certain info for a very long time. Thank you and good luck.

    Here is my blog post hemorroids

  36. I do not leave a leave a response, but after looking at some of
    the responses here "HTML: A simple lesson".
    I do have a couple of questions for you if it's okay. Is it only me or does it look as if like a few of these comments look as if they are coming from brain dead visitors? :-P And, if you are writing on other online social sites, I would like to follow anything fresh you have to post. Could you post a list of the complete urls of all your social networking pages like your twitter feed, Facebook page or linkedin profile?

    Stop by my website: buy alta white

  37. What i do not understood is in reality how you are no longer really much more well-preferred than you might be
    now. You're so intelligent. You understand therefore significantly relating to this matter, produced me individually imagine it from a lot of numerous angles. Its like women and men don't seem to be
    involved until it's something to do with Girl gaga! Your individual stuffs excellent. Always maintain it up!

    My site Pure GCE REview

  38. Thanks for sharing your thoughts about short term installment loans bad credit.


    Also visit my web blog :: szybkie pożyczki

  39. THank you very much
    مرحبا بكم على افضل واحسن موقع يقدم العاب بنات تلبيس ستايل