I was about to write how long it's been since I posted a tips and tricks - but it's actually been 2 weeks since I posted anything at all! A bit busy at work you see, and Miss M has suddenly decided to turn into a wild beast....anyway....here's a tip for those who are wondering - how to make a tag cloud (the address book over there in my sidebar). All it is really, is a list of links, without spaces in between and formatted with a bit of colour and font size. Easy! But time consuming....so make a cuppa and get get comfy!There's a few things you need to decide upon first:
1) Your colour scheme. Choose colours from here or do a google search. Take note of the codes that start with the #symbol. These codes are needed for the tag cloud.
2) Your font sizes. As an example, my font sizes range from 10px to 20px.
3) Whether you write your tag cloud html directly into Blogger or use a text editor first then copy into Blogger later. I use a text editor because the code for my address book tag cloud is quite long. Here is my file that you can use as a template (right click and 'save target as').
Now you're ready to start. Either open up your text editor (or for direct entry into Blogger go to Customise / Layout / Page Elements > Add Gadget > add "html/javascript".)
Step 1) The opening code is as follows. You can change the items to suit your blog appearance (change width, background colour, font). The width amount needs to be equal or less than the width of your sidebar. You can find the width of your sidebar in the customise > layout > edit html area of your template. Email me if you need help with that.
Step 2) Then you can start typing in links for the tag cloud. The following is the basis for all your links. Simply repeat the same code over and over, changing the colour, font size, link address and link name for each new link (highlighted in green).
Step 3) The last piece of code to type is:
This "closes off" your newly written tag cloud code.
Step 4) If you're in a text editor, copy the entire text and head back over to your blog to the customise > page elements > add a gadget > html/javascript and paste in the code. Save.
Step 5) Check out your DIY tag cloud and admire your work! As always, if you're having prob's, just email me.
12 messages:
You are so so good. I was thinking it cold be time for another good hint. ty, ty, ty.
Thanks for the tutorial.
I am way too lazy to do anything with it right now but I am putting a note to myself on my computer screen and willtry to do itsomeday .
Have a great weekend.
Lois
I've been wondering how you were ... pleased to have you back.
Your cloud does look wonderful.
Thank-you so much, I'm off to play now!
yay! I've been wondering how to do this! thanks for posting this!!
Ever so handy you are! Hope everything is well :) And I haven't written anything for ages either. Just can't be fagged really. Oh, and my life is boring.
I too had often wondered how it was done. Thanks
Oh I did wonder how this was done. Thanks again for another great tip.
Nice to meet you at the Stitches and craft show too.
You surely are a genius. Thanks for sharing. x
Wow, I just stumbled upon your blog, and I'm so glad I did! Thank you so much for the hints and tips! I have always wanted to do one of those, and now I have! :D Brilliant!!
Great and thanks!! I have always admired your cloud.
Thank you! I´ll try! ;)
Post a Comment