Showing posts with label Tip. Show all posts
Showing posts with label Tip. Show all posts

Wednesday, 25 November 2009

TIP - Backup or Synchronise

email me

Continuing the theme of hunting for a reasonably competent backup tool, and building on the two links I provided in the previous post to some of Gizmo Richards' superb freeware, I have stumbled across a couple more that might be of interest to you. But those will only be revealed to you in the next post.

First, let me put to bed some misconceptions about backups. My whinge in a couple of previous posts was that those dumb-asses at Microsoft appeared to cripple their backup solution by neglecting to backup .EXE, .DLL and .JS files on the grounds that they are executables and that the built-in backup programme is designed to backup only DATA.

Well, yes and no!

Microsoft, in its 'Big Brother' guise chooses to do this, because if you use their built-in proggy that is all you are going to get. Independent manufacturers ALSO choose to do this, for the reasons I shall mention next, but you have a choice of telling the programme that you use (if it isn't a Microsoft offering) that you want EVERYTHING backed-up. An option that would be nice in Windows if M$ allowed the choice!

Here are some reasons why it makes good common sense to exclude 'executables', assuming your installation is a standard one where your C-drive is the one on which you have installed your operating system. And to keep it from getting boring, it is the only drive I shall discuss here ...

  • Drive C:\ has all the Windows system files, 10GB at least. If Windows crashes and has to be reinstalled, all these files will be redone and rewritten by the Windows installer. So it is a pointless exercise backing them up.
  • Drive C:\ has a lot of temporary files, including all the cookies, temp folders, page files, system restore points, prefetch folders and other garbage you've picked up on the Internet. Maybe even some dormant viruses and malware. You want all temporary files to disappear when you reinstall Windows, so backing them up is not only useless, it could be harmful.
  • Boot sector and certain boot-related files ought not to be backed up. Your computer will require the new installation of drivers for its hardware and the old boot files will be of little use.
  • The folder C:\Program Files\ contains executable and graphics files of the programmes you installed. The folders in it are huge and not worth saving, because if you have to reinstall Windows, you have to reinstall all programmes that you installed in the first place (see below).
  • The Registry contains all your programme settings and more. Unfortunately it is a waste of time to back it up either, because the Registry is the first thing that gets irreparably damaged by malware and/or other malfunctions. A Windows reinstall has the specific goal of getting a new uncorrupted Registry.

I have just re-read the preceding 'advice' and I am not surprised that the average user is often confused as to what they should do. Allow me to reiterate: it is pointless backing up the WHOLE of Drive C:\ for the reasons I've laid out above. However, there ARE certain things that are essential to backup on that drive:

  • My Documents
  • My Pictures
  • My Music
  • My Videos
  • e-mail Accounts, Settings and saved Mail

Those are only a few of the things that require your attention, so my advice is to go through Drive C:\, folder by folder, and make sure you manage to identify EVERYTHING on that drive that is of a personal nature that won't be restored by a Windows reinstallation.

If you have more than one drive, or if you have partitioned that large single drive that came with your computer, then it goes without saying that you will need to look at those drives too to ensure you don't forget anything! In the case of multiple drives, the chances are that you needn't worry too much about the drives that don't hold your operating system. On the other hand, if you have partitioned a single drive, please remember that during reinstallation of the OS that there is a very good chance that Windows will require you to reformat the drive, possibly even demanding the deletion of any partitions you may have built. In which case EVERYTHING on that drive will be wiped clean!

There is a great deal more to this subject, but I think that is enough 'first-aid' to get you sorted in case you have to face the inevitable.

Inevitable? Sure!

Take another look at that computer that is sitting quietly by you (some aren't that quiet), and consider this; there are only two or three elements of that computer that are 'mechanical', and the hard drive is one of them. The platters spin at a phenomenal speed, typically 5,400 (desktop) to 10,000 (enterprise) rpm. The two speeds you are most likely to come across are '5400' or '7200'. The latter speed is achieved by using smaller platters, so you can expect the drives to be of a smaller capacity.

 

Anatomy of a Hard DriveAnatomy of a Hard Drive © Wikipedia 

 

To achieve the performance demanded of these fragile units they are sealed during manufacture. They all have a filtered 'air hole' to equalise the air pressure when they are spinning at their highest speeds, and the filter is good enough to stop any ingress of dust or debris.

Mostly!

It is when dust, measured in microns, manages to infiltrate the defences that things go dramatically wrong. The most miniscule of particles is capable of dislodging the super-light read/write head resulting in a 'head crash', almost the equivalent of a family car hitting a huge boulder at 100 mph, head-on!

No contest!

The next post will discuss a couple of FREE backup solutions.

Until then, take care ...

 

back to the top

 

Friday, 28 August 2009

TIP - FotoSketcher

email me

Another delightful little programme, FREE, that will enhance your blogging experience.

But it needn't stop there, because this little beauty will allow you to exercise your artistic skills to the full and produce prints that you could use for cards 'n' stuff to send to your family and friends!

FotoSketcher is completely free and does not contain any adware, spyware or virus. It runs on any version of Microsoft Windows (sorry, no Mac version available).

If you want to turn a portrait, the photograph of your house or a beautiful landscape into a painting, a sketch or a drawing then look no further. FotoSketcher will do the job in just a few seconds.

Don't believe me? Here is an example of something that I completed in less than 30 seconds. Honest!

It was a simple case of fire up the programme, pick a photograph, import it with a click, select the type of output you want, click another button that says "Draw it!", and you're done!

I chose this pic of one of our favourite bloggers, Shrinky (in preference to one of the delectable Anna Kournikova, in full tennis gear, scratching her bum), not least of all because of the strong contrast between the light and dark areas, which usually causes graphic software major headaches ...

 

shrinky-FotoSketcher-orig

 

... and turned it into this ...

 

shrinky-FotoSketcher

 

... using the default settings!

 

The author, David Thoiron, has even produced a YouTube video to walk you through the various steps. It is interesting, but not  necessarily a 'must watch', because the programme is so easy to use that you will probably find yourself converting tons of your digital photographs into cheeky little works of art in no time at all.

Don't hesitate. Go get FotoSketcher now!

Another fine addition to your blogging arsenal ...

 

back to the top

 

Friday, 7 August 2009

TIP - Zoomers

email me

I have another Blog called Paradise Discovered which is not constrained by the content I have elected to post on this site. But it doesn't mean that I do not use all the 'tips-n-tricks' I throw up here. Indeed, anything I mention here can almost certainly be found in use on the other Blog. Makes sense, huh?

I recently found myself hunting through the Formula One Official Website looking for information on the freak accident that racing driver Felipe Massa suffered during the second qualifying session (Q2) in Hungary on Saturday, 25th July 2009.

I was lucky. They had a fairly detailed explanation of the 'what', 'when' and 'where', and even had an artist's interpretation of what had probably happened. The TV cameras had caught the incident, but it all happened so fast that it was impossible to tell precisely how things had panned out. I am sure that there were other cameras trained on the event that the officials studied in great depth. The point is that the graphic was so tiny that it was impossible to make out some of the points (arrows) that the explanation invited the reader to look at.

That's when it occurred to me that a 'zoomer' window that allowed the viewer to see parts of the original small graphic 'enlarged' in another window would have been a nice touch. So I went looking for a script, preferably FREE, that would accomplish the task on a blog post.

I struck pay dirt on my first search. In fact I found a page that listed FIVE 'zoomer' scripts, four of them FREE! Some are pretty geeky, and I've discounted the paid-for script, which left me with 'MojoZoom' as the clear favourite for use on a Blogger platform.

reminder

(reminder to self - must remember to make a small PayPal donation to the author!) - DONE!

The script requires you to be able to host the JavaScript (.js) and CSS (.css) files on a server, but if you wish to use the script, I can provide that hosting - free of charge! All you will need to do is to point the link to the one I provide you with, and you're good to go!

I will give you the details in the next post, but here is an example of what you can expect. The image on the left is the album cover of the iconic Beatles album, 'Sgt Peppers Lonely Hearts Club Band', which was ground-breaking when it was first published for using 'pop art' in preference to images of the band or individuals. In short, I used this image because it is busy, busy, busy!

Simply run your mouse cursor over the pic to see a magnified version of the area under the cursor that will appear in a hidden window to the right of it almost like magic ...

 

 

If you think you can make use of this bit of JS-magic on your own blog, come back for the detail in the next post.

Watch this space ...

back to the top

 

Thursday, 23 July 2009

TIP - Demise of Soapbox

email me

Just when I thought I'd discovered a real GEM in 'Windows Live Writer', Microsoft has decided to cripple its functionality by closing down their video repository called Soapbox.

Apparently Microsoft said in June that it was re-evaluating Soapbox (it's in direct competition with Google's YouTube), although Microsoft vice president Erik Jorgensen said in a published report that Soapbox might become a site where bloggers and citizen journalists could post videos, possibly for a fee.

Whoa! That's not going to happen!

Microsoft have notified customers that Soapbox will stop accepting videos on July 29 and that users who want to retrieve their videos should do so by August 31. If you've used the feature you will probably receive an email notifying you of this fact. But you'd need to be extra vigilant to spot it because, if you're running a Windoze e-mail client, you will find that it is consigned to the 'JUNK' mail folder as the 'sender' cannot be verified. Hell of a way to run a circus!

A spokesman for Microsoft said, "We remain committed to delivering amazing experiences for consumers while keeping a keen eye on our business objectives during this tough economic climate."

Horse crap!

Microsoft is focusing its resources elsewhere. The company is challenged by declining PC sales due to the worldwide economic downturn and has recently shut down other non-performing businesses, including the online encyclopaedia Encarta.

What does this mean to us, the average blogger?

Not a lot. Unless you are besotted by WLW's ability to upload your home videos!

I suspect that not many bloggers will be too worried about the loss of this functionality. All the other 'Bells & Whistles' in WLW remain intact for the moment so, if you're a fan and user, continue using it until such time as they pull the plug.

End of the bad news ...

back to the top

 

Saturday, 16 May 2009

TIP - WLW Exposed

email me

I have spent some time exploring the many attributes of 'Windows Live Writer' and it continues to surprise me with its versatility.

Your needs will probably NOT be as demanding as mine (I'm a 'geek' who likes to push the envelope), but even for the simplest of tasks, like putting up a new post, this little gem is going to make your life so EASY that when you start to use it you'll wonder how you managed without the darn thing!

This is truly a WYSIWYG editor of unparalleled excellence, because you actually type into the space allocated to you by your blog template. So, what you see in the window is exactly what you get when the post is published. You can format your paragraphs with the alignment of your choice, 'left', 'right', 'centred' or 'justified' (as this post is). It spell-checks as you type, underlining your spelling mistakes just like a word processor does, so there is no longer any excuse for those hilarious 'typos'. You can even select to  'bold', 'italicise', 'underline', 'strikeout' or 'change the colour of the font' on the fly.

What's not to like about that?

And none of this requires you to get your hands dirty with HTML and CSS. The programme does it all for you, although, in its typical Microsoft way the code produced isn't necessarily 'standards compliant'. But I don't suppose you care about that little nicety if you are an 'average' blogger. You should, but I won't hold it against you!

If you haven't already tried it out you're probably wondering what all the hype is about. So I suppose a couple of graphics are in order. I haven't planned any of this, so I shall post and edit, look at how things are being displayed, change formatting to 'present' the post as I'd like it to be presented, then click on the button that says 'Publish', and it is done …

 

SnagIt capture of the WLW start page

I use 'SnagIt' almost exclusively for my screen captures and this programme comes with a plug-in that allows me to use SnagIt directly from this window. That's a 'wooo-hooo' for me!

 

WLW Edit window showing history and add-ons

Of course, the graphics 'sizing', 'placement' and 'effects' are far superior to anything I've seen in any other WYSIWYG editor. And the three little tabs at the bottom of the window, 'Edit', 'Preview' and 'Source' do exactly what they are intended to. 'Edit' is the pane I've shown in the screen captures above. 'Preview' is a preview of your post as it would appear on your site, including banners and sidebars. 'Source' shows you the HTML source code, something I am very grateful for as it gives me a chance to insert the little 'extras' that aren't included. I still have to investigate whether little bits of JavaScript and other HTML formatting can be added to the programme, but if it can't I am not going to get bent out of shape about it.

 

WLW Edit window (bottom) showing additional features

The graphic above is there to emphasise the 'power' of the various features of the programme. When you set up the 'Options' tell the programme to not allow you to publish until it reminds you to add a label or two. You still have the choice of publishing a post without a label, so it will only remind you, not refuse to publish. You can also defer publication date, just like you would do in Blogger, but the option is there for you if you wish to use it.

When I discover more, I'll let you know.

Enjoy, really enjoy, your blogging …

 

back to the top

 

Wednesday, 13 May 2009

TIP - Windows Live Writer

email me

This is  a test post to see whether Windows Live Writer actually works, or whether I should go back to the drawing board …

fun000300

 

That pic insert is a WOW! Reflection ‘n’ all.

If this ‘post’ is actually uploaded as I’ve composed it, I shall probably revert to using this software for all my posts.

The software is FREE, but it is a Microsoft offering. You need to be a participant in ‘Windows Live’, and you will need to have the .NET Framework installed.

Pick it up here. What are you waiting for?

You really should consider using it …

back to the top

 

Wednesday, 25 March 2009

TIP - Follow me Follow

email me

I was trawling the 'blogosphere' wondering what I could stumble across that would interest the visitors to this site when I came across this little beauty!

There is a simple instuction in HTML that advises search engines NOT to follow certain links from your site, for example the Admin page, or other pages that are critical to the security of your site, and it is simply the 'nofollow' attribute. By default Blogger sets the 'nofollow' attribute for ALL links, and that includes user generated content like 'comments', 'linkbacks' and 'trackbacks'. Removing this tag will provide 'link juice' for your visitors although there is a small danger that you might find an increase in SPAM. This last should not trouble you too much if you take the precaution of setting up your 'Comments' section to use the built-in CAPTCHA capability.

As always, when you are fiddling with the HTML of your template, please take the precaution of backing up the existing template in case things go awry.

BACKUP! BACKUP! BACKUP!

  • Go to >> Layout >> Edit HTML
  • Check the Expand Widget Templates
  • Search and find 'nofollow' in the edit window.
  • Delete rel='nofollow' in to-to!
  • Repeat the last two steps. There are at least two of these entries, sometimes 3.
  • Save your template. You won't see any obvious changes; the advantage gained is in your search engine ranking and the ability you've just given your visitors and commenters to link to your Blog and to a specific post!
  • You're done!

 

Instructions for removing the 'nofollow' tag
Instructions for removing the 'nofollow' tag..

 

Enjoy your increased exposure ...

back to the top

 

Thursday, 26 February 2009

TIP - Sidebar Image Borders

email me

Cath this time (am I glad that there are questions, or what?), asking how I managed to put borders around her sidebar graphics as the default, rather than inserting the code individually for each picture.

It isn't actually difficult. The reason you don't see many sites with borders around sidebar graphics is more a case of users accepting the default settings and being satisfied with the display that the template brings with it.

Others, like Lee & Cath, want that 'little extra' and are prepared to get their hands grubby fiddling around in the HTML and CSS coding of the template.

If you fall into the second category, here goes ...

  • In your text editor, type in the following code.
  • Please make sure it is a TEXT EDITOR and NOT a WORD PROCESSING package like 'Word'.
/* --------- Terry's sidebar code --------- */

#sidebar img {
border: 1px dotted #FFFFFF;
padding: 2px;
text-align: -moz-center;
#text-align: center;
margin-left: auto;
margin-right: auto
}

/* --------- end of Terry's sidebar code --------- */
  • Go to >> Layout >> Edit HTML
  • Find          body {          in the edit window.
  • Copy the text you've just typed in your text editor and paste it just above that line. You can even copy/paste directly from the box if you're feeling really lazy!
  • I've commented out (/* ----- text ----- */) the description of the code you've just inserted so that it can be found easily if you wish to edit or remove it later.

Change the border parameters to how you want it to display on your site. 1px thickness can be increased; 'dotted' can be changed to 'dashed' or 'solid'; color (#FFFFFF, white in this example) can be changed to match your colour display.

One important consideration. Some templates refer to the sidebar as a CSS 'class' (class='sidebar'), and others as a CSS 'ID' (id='sidebar'). You need to discover which one your template uses and adjust the above code accordingly.

For templates that use the term 'id', simply use the code I've provided above; it has the symbol [ # ]. For templates that use the term 'class' replace the [ # ] symbol with a period, or dot, or full stop (or whatever you call it). That's it, folks!

Off you go!

back to the top

 

TIP - Label Cloud

email me

Lee posted a comment in the last post asking if I had/could/would post a tip on how to achieve the 'Label Cloud' I use here, and one which I built for her.

Well, I haven't, I could, but I won't!

No, that is not a rude response. I am not going to post a tip on how to get that particular 'Label Cloud' and appear to take credit for it. Simply because I 'stole' it, and simply because phydeaux3 does a much better job.

If you visit his site through the link above you will see that he has a comprehensive tutorial on what you have to do to get the 'Label Cloud' to display on your site. Please do visit him and you will also realise that there are some really smart, and helpful Bloggers around. All you have to do is 'search'!

If you get into difficulties and you aren't able to contact the original author, please feel free to ask here and I will make every effort to help you out. Can't say fairer than that!

Enjoy!

back to the top

 

Saturday, 22 March 2008

TIP - Tools Of The Trade

email me

I have touched on the subject of the tools you should try to use in a previous post, but I wanted to introduce another 'clever' little script and decided that it was worth resurrecting the advice so that I could '... kill two birds ...', in a manner of speaking!

 

A screenshot of EditPad Pro in use
A screenshot of EditPad Pro in use.
The thumbnail on the right is a screenshot of my favourite text editor. If you mouseover the image you will see the effect I am introducing you to in this post. Like 'Thickbox' and 'Lightbox', this is JavaSript, and it provides one way of displaying your graphics without costing you much in the way of overhead. The actual image is a large(ish) 912px by 710px display, and I have set the parameters for this display to show the image at its full scale, because I have textual matter in the image that I want my visitor to read. In practise, especially if you only want a photograph to be displayed at a larger size than the thumbnail, the larger image can be set to any reasonable size that can be accommodated within an average viewers browser window; probably 800px by 600px would be sufficient to showcase any image you post. The script also has a hidden function that allows the viewer to go to the full-sized raw image when clicked. This is good for Blogger, where clicking on an image usually takes the viewer to the raw image in another window.

 

EditPad Pro displaying 'syntax coloring' for an HTML document.
EditPad Pro displaying 'syntax coloring'
for an HTML document.
Similar screenshot, but this time with the HTML document tab selected. Here you can clearly see the colour coding or 'syntax coloring' of the HTML document (stop squinting at the back - mouseover the image!) which makes it a breeze to check all the different lines of code. It also helps if you activate the line numbering feature. Most of these features are available in the 'Lite' version which is FREE for personal use. You really should visit the EditPad Lite homepage (it will open in a new window!) to check out the many features.

I was an avid user of EditPad Lite for years, then one day I realised I used it so frequently that perhaps the Pro version was something I ought to be investigating. Not one to part with my money easily, I checked (and double-checked) the features page and realised that there were some Pro features that would make my life a whole lot easier. So, out came the credit card. And being an impulsive sort of guy, I also bought AceText at the same time. I will introduce you to the author, Jan Goyvaerts, in my next post. Suffice it to say that he writes small utilities that do exactly what they say they will do, and you get lifetime updates and support. What's not to like about that?

BTW, I composed this whole post in EditPad, copied it and pasted it into the 'Edit HTML' window, NOT the 'Compose' (or WYSIWYG) window of the post. I previewed it, tweaked anything that didn't appear to display as it should, and then hit 'PUBLISH POST'. Done!

So much for the 'clever' thingy I promised to introduce you to. Now you have an idea how it works. The 'mouseover' effect enlarges a thumbnail without the visitor having to leave the page. And, if they really want to see the raw image, all they have to do is click the enlarged image to be taken to it.

Cool, huh? But you'll have to wait for the next post to read the full 'skinny' on the 'how to' ...

back to the top

 

Sunday, 16 December 2007

TIP - Mouseover Fun

email me

A comment left on David McMahon's Blog by the blogger david of David's "Images of Nature" Photography Gallery fame, asked how the 'Mouse-over' effect was done on the "Invitation" graphic used on David McMahon's page.

It is a simple Javascript function that anybody can use, so here are some quick instructions on how to achieve it. And since david asked, I trolled across to his site and stole one of his graphics to best illustrate what I am about to do!

 


 

1. It isn't necessary to backup your template as you aren't going to touch that side of things!

 


 

2. Choose the image you want to display as the permanent image. Do all the image editing you need to display it at its best. One good idea is to give the image a border, one that you will use again in the second image (see below), so that the mouseover transition appears seamless. Try and make it a reasonable size for the display space of your page, but in any event Blogger will give you the best fit when you upload the image.

2a. Now select the image you want to use as the alternative (or mouseover image) and make sure you crop it to exactly the same size as the previous one. If you used a 'frame' of any description make sure that that frame is also used for the second image.

Here are the two images I intend to use, cropped, edited and framed:

 

 


 

3. I have decided that the picture of the Purple tulips is the one that will appear as the 'static' image and that the Pink tulip will appear as the alternative, or 'rollover', image.

Open a NEW post. You will not be publishing this one, and will eventually delete it after first saving it as a draft. It is only to help you upload your images and get the code that is returned.

 

 

 

 


 

4. Here is the code for the two images you uploaded. Make a note of the bits I have highlighted. That is what you will eventally copy to your actual post, totally ignoring the rest of the Blogger code. You don't want the displayed image to be 'clickable', and for it to open up in a new window. That would sure spoil the effect you are trying to achieve!

 

 

 


 

5. All that remains to do is to add the Javascript to 'envelope' the two images, or add the pic URL's to the Javascript, depends on how you see it. And here it is:

 

<table align="center"><tr><td align="center">
<img onmouseover="Javascript: this.firstsrc=
this.getAttribute('src'); this.secondsrc=
'http://bp0.blogger.com/_fV9I2C_dAUY/R2Wrh1GGLRI/
AAAAAAAAASM/pn8sq1dh8vc/s400/tulip_pink_round_blu.
gif'; this.setAttribute('src',this.
secondsrc);" onmouseout="Javascript: this.setAttribute
('src',this.firstsrc);" alt="" src='http://bp2.blogger
.com/_fV9I2C_dAUY/R2WrhVGGLQI/AAAAAAAAASE/
gPIt_Eq88zw/s400/tulip_purple_round_blu.gif' />
</td></tr></table>

 

Some things to draw to your attention:

  • You can actually copy/paste the code from the box and save it somewhere, preferably in the [ Settings | Formatting | Post Template ] area of your Admin page (see this previous post).
  • The SECOND (rollover, mouseover, whatever) picture link is the first one to appear in the script; the FIRST (static) picture link is included as the second link reference - (hey, it's not me being difficult - it's the way the script works!).
  • You must (duhhh, obviously!) change the pic URL links in the script to the ones returned by Blogger when you upload your own pics.
  • It is IMPORTANT that you make sure that the quotation marks that surround the URL links are single ( ' ) and not double quotes ( " ), as this has a relevance on how the script is executed.

 


 

So, did I manage to successfully tip-toe through david's tulips? Let's have a look:

 

 


 

Looks okay to me. I guess it's your turn now ...

back to the top

 

Wednesday, 28 November 2007

TIP - Polls in a Post

Time to get 'down and dirty' with an attempt to include a "Poll in a Post".

If it works, at least David is going to be a happy turkey!

Here goes ...

---------------------------------------------------------------------------------

1. Backup your old template!

--------------------------------------------------------------------------------

2. The object of this exercise is to let the Blogger engine do all the work and for us to simply copy and paste the result into the space (the Post) that we want to use it in. With that in mind, it is time to generate a Poll that Blogger will happily build for us and stick in the R/H panel wherever we choose to put it.

 

--------------------------------------------------------------------------------

3. Here is the Poll, displayed in all its glory in the sidebar of the page. It is necessary to actually 'publish' the Poll to have the code generated, but it won't remain here for long, so where you place it is quite irrelevant:

 

--------------------------------------------------------------------------------

4. Now comes the cunning part. Right-click anywhere on your page and select 'View Source'. The resulting HTML code will be shown to you in your text editor, probably Notepad, because you've not taken my advice previously and downloaded EditPad Lite. "Leading a horse to water ..." is the phrase that springs to mind but hey, each to his or her own!

 

--------------------------------------------------------------------------------

5. Do a search for Poll1 (if you already have Polls on your page, then this might be different, i.e. Poll2, or Poll3, or Poll4) in the text editor (much easier if you're using EditPad Lite!) and when the required 'word' has been found, you will see almost exactly the same code as I've displayed in the screencap below. I've highlighted a couple of areas in green and yellow as they become important a little later, but for the moment just remember that this is the Poll ID that Blogger has built for you.

Copy the code from the first "<div" to the last "</div>" of the area I've highlighted in the screencap (no, no, NO ... not the screencap ... your text editor!) and paste it into a new page (much easier in EditPad Lite because of the tabbed display!):

 

 

The next image is for INFORMATION only. It shows how the same code looks in a Blogger template and if you have an interest in this stuff, compare it with the HTML above to see how 'Blogger-speak' works:

 

--------------------------------------------------------------------------------

6. Here comes the 'fiddly' stuff!

  • Go to the piece of code you saved in the last step.
  • Add this line of text at the top (copy/paste if you wish)
    <div align='center'>
  • Change the height to '160'. This depends on the length of your question and answers, so check the display and increase it if necessary, or you will end up with a vertical scrollbar.
  • Add a final </div> at the bottom.

 

--------------------------------------------------------------------------------

7. Pay attention at the back! We're nearly there.

I will assume that the majority of readers of this article compose their 'Posts' using the 'Compose' or WYSIWYG editor. Unfortunately, this is where you have to dip your toes into the muddy waters of HTML. If you are using the 'Compose' method, stop wherever you wish to insert the Poll and switch to 'Edit Html'. You will be able to see where you stopped typing, so all you need to do is insert a couple of new lines, copy the text from your text editor (the stuff you've been hacking in the previous steps), and paste it into the editing window. It's as easy as that!

 

--------------------------------------------------------------------------------

8. When you're satisfied with the 'Preview' you can hit 'SAVE' (you're saving it as a 'draft'), because you aren't finished - yet!

BTW, the 'Preview' almost always shows you a distorted view of your Post, or rather, it displays differently on your page than it does in the 'Preview'. You have been warned!

--------------------------------------------------------------------------------

9. Finally! Go to Template | Page Elements, select 'Edit' for the Poll you created earlier, then select 'REMOVE PAGE ELEMENT' in the 'Create a poll' window that opens up. You're done with this one, and if you don't remove it, the one in your Post won't appear!

--------------------------------------------------------------------------------

10. Time to take a look at how the Poll displays when it is posted:

 

Q. Test Question

 

--------------------------------------------------------------------------------

Ahhh, satisfaction! The colours aren't exactly what I want, and if this was a 'real' Poll for my site I would tweak things a bit further, but I am sure you are able to do this for yourselves.

Now, sit back and wait for the feedback to your Poll ...

back to the top