Showing posts with label blog. Show all posts
Showing posts with label blog. Show all posts

Friday, 20 November 2009

Win, WIN7 …

My email

Windows 7 installed. Windows 7 working without a hitch. Windows 7 is a winner as far as I am concerned!

If you are still hesitant about taking the plunge, agonising about moving from XP or Vista to Windows 7, let me encourage you to do it now.

You will NOT regret it.

This is a brief update on my trials and tribulations concerning the disk failures I suffered, something that is of really no great importance to you. However, there are a few 'discoveries' I've made during this disaster (why is it that all personal problems appear to be disasters?) that might warn you about following a similar line of laissez-faire (French for 'leave it alone'). The old adage of "If it ain't broke, don't fix it" is fine under most circumstances. I am here to tell you that adopting that attitude with your computer is bound to eventually give you grief.

A lot of it!

You are probably totally bored with the advice about backing up your system, and I don't blame you. It is a chore that I find mind-numbing in the extreme, although I follow the experts' advice and do a regular weekly backup. Usually on a Sunday. Scheduled for the time I feel I will not be using the computer, which allows the system to backup without any hindrance from me. And without the backup process slowing the computer down to a crawl when I am trying to use it. Makes sense, huh?

Oh, don't forget to backup to an external drive that isn't going to go TU if, or rather when, your hard drive fails. It is a pointless exercise backing up your disk to a partition on the SAME disk. Laughable? You might think so, but I recently read a tech newsletter where a 'professional' confessed rather shamefacedly that he did just that (a temporary measure, he said) and lost everything when his hard drive failed. Huge capacity drives, 1TB or more, are very reasonably priced these days, but it really depends on what value you attach to your personal data. Hiring a commercial company to retrieve your lost data would cost you five or six times the price of an external hard drive. No-brainer!

Next step in the backup process, equally boring, is to make sure that the system is actually doing what you asked it to do. How do you do that? Easy. Select one of the backups and 'Restore' it. I did that with my last computer.

BUT!

Yep, a huge gotcha! I really didn't pay close enough attention as to HOW Microsoft does its backups. They tell you all the good stuff like how you can restore backups from an old computer to a new one with their built-in functionality, or transfer all your data and settings with one click, or how they have anticipated what you the idiot-user might need. But they don't tell you sufficiently clearly enough that the backup is less than complete. In some respects a total waste of time and space.

THEY DON'T TELL YOU THAT THEIR BACKUP IS MISSING ALL THE .EXE, .DLL AND .JS FILES REQUIRED TO RUN A PROGRAMME!

They consider these as 'executables', although they DO tell you that the backup is for your DATA only. Sadly, to my simple mind, the promise of a backup and the ability to restore it to how it was was, speaks volumes as to my ability to do just that, expecting my programmes to run seamlessly. Unforunately that isn't so!

Bummer! Had to find that out the hard way!

So in my case it became a 'double-whammy'! I managed to claw back bits of the backups from the unaffected backup disk (Maria doing the hard work of unzipping them), but they were less than complete, missing the executables. My earlier 'tests' to check that the backups could restore worked fine, because the backups reinstalled themselves into the folders that already had those executables in the folder. In those 'test' circumstances, running a programme after restoring a backup doesn't flag up any irregularities. So a dumb-cluck like me is happy that everything is working as it should!

When my web hosts had their concurrent RAID failure and advised all users of the server to reinstall their programmes, I didn't flinch too much. Even when they dismissed my attempts to get them to restore the backups that they ostensibly make on a daily basis. They took delight in informing me (at least, that is how it seemed!) that backups of my sites and databases was my responsibility (read the small print, Sir!). I quickly uploaded all the folders I had retrieved from my own backups to the server using FTP.

EXCEPT THAT ALL THE FOLDERS WERE CRIPPLED!

And I didn't know it until I started to see evidence of broken scripts on my website and blogs. Things that worked perfectly before the double failures suddenly didn't want to do what they were asked to. Graphics, which were unaffected, wouldn't display because the scripts that ran them weren't available. Mouseovers and pop-up boxes behaved similarly.

It has been a long, tedious process tracking down all these little devils, but I think most have been restored.

Moral of the story? Use a backup programme that backs up ALL your information. Here are a couple of links so that you can take a look for yourself.

Did I mention they are all FREE?

I shall be trying out some of these little gems to see which suits me best, but you needn't wait to go get one that appeals to you if you feel it is an absolute necessity to get into the backup habit.

And you should, you know! So, off you go ...

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

 

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

 

Sunday, 29 July 2007

Change Your Header - OLD Blogger

OLD Blogger instructions. Here we go. Please bear in mind that this will come in two parts - OLD and NEW-Blogger. Why? Because I hacked away at both, and it would be a waste if I didn't at least mention OLD-Blogger for some 'peeps' who are still using it.

So, before we get down and dirty with the template changes, have you got your image ready? You probably have or you wouldn't be interested in attempting to change it. Make sure that the image is the width of your current template. In 'Rounders-3' and 'Rounders-4' the width of the image is the same as the width of the template - 740 pixels. The height is whatever you want it to be, but I suggest 150 pixels for a balanced display.

The following is the picture I settled on after much editing in Photoshop. You will see a screen-caliper I use as an aid when 'measuring' stuff for the web and it clearly shows that the width of the picture is 740 pixels. Measuring things using the 'artists thumb' method isn't much good for web design. It has to be precise or your display will look shoddy!

OK, we have the replacement ready so let's go see what we need to attack. Once again, please let me remind you that this is OLD-Blogger that we are working on. If you want the information for NEW-Blogger, read the post that follows this one.

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

1. Backup your old template. Either by using the built-in backup feature in Blogger, or by copy/pasting it to a text editor of your choice, and saving it in a location you can find easily and with a name that makes sense to you!

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

2. Upload your image so that it gets to lodge itself on Blogger's servers, because you're going to have to call it up during the editing process. You can do this in a new draft post that you won't be publishing:

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

3. The highlighted bit is what you need when replacing the template's own image. The rest is superfluous:

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

4. Now choose the 'Template' tab and choose to 'Edit HTML' (if you're still reading this and you are a NEW-Blogger user, please note the differences in the options offered to you). Follow the instructions in the graphic below:

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

5. And here are the changes:

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

6. Still in the 'Edit HTML' window, find <!-- Blog Header --> and delete the bits that I've highlighted. This is so that the 'Blog Title' and 'Blog Description' don't show up over (or through) your carefully constructed graphic!

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

7. That should have been all you needed to do, but when I made the changes to David's blog, one of his visitors commented that the 'link' that the original header provided back to the home page of the blog was now broken, and that she found it disconcerting that clicking on the new banner didn't take her anywhere! That's the strength of 'feedback', that a simple oversight made a visitor's browsing experience less than satisfactory. So I went back in and did another small change that the next couple of graphics describe. I would recommend that you do it as well. This graphic shows what needs to be edited . . .

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

8. And this graphic shows it after it has been edited . . .

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

That's all folks. If you haven't already done so, take a wander across to David McMahon's blog. What you see is precisely what was achieved editing his banner while he was still using OLD-Blogger.

He is, of course, now using NEW-Blogger. Which means I can use his site as an example for the 'tute' on changing things in NEW-Blogger as well. Watch out for the next post . . .

back to the top

 

Monday, 25 June 2007

Own It . . . !!

There are millions of bloggers, using various blogger engines, which means there are millions of templates in use. And your template of choice is going to end up being similar to many thousands of others.

So what's so terrible about that? Absolutely nothing!

The templates have been crafted with love and care and enthusiasm, and have been made available to all blog users - FREE of charge. But you can make it your own - "Own It!" - by changing only a few parameters. The colour combination for one thing; the banner header for another.

Any change you undertake will make your template UNIQUE. The base template will remain the same as the thousands of other, similar templates, but it will have your personal touch stamped all over it. Which will tell your visitors that you care. Not just about the content, but how you wish to serve up the dish!

What you have to say on your Blog, the most important part, is still your own unique footprint on the web. Don't ignore the fact that the container in which you display it is also within your remit for change.

David McMahon posted a series of three pictures of the sunset on his shortest day of the year on his authorblog a few days ago. Apart from the phenomenom that Oz was experiencing their shortest day whilst the rest of us in the northern hemisphere were 'clebrating' the longest day, the pictures were of the usual high quality one expects from the man. I marvelled at the images he had captured and then a blindingly obvious thought struck me. Those pictures, untouched, matched the overall colour scheme of his 'Rounders 3' template. I wondered how one of those might look if it could be used as a banner for his site.

Long story, short. I fiddled around in Photoshop and came up with something I thought might appeal to him. I was still hesitant, but after a bit of encouragement from my 'better-half', Maria, I forwarded the idea to David. In true McMahon fashion (and I won't repeat the Aussie expletives from his email) he was delighted and enthusiastic and said he'd incorporate the idea as soon as he could find the time (Wendy in hospital, Blogger awards, deadlines to meet at work . . . and the rest!).

So I offered to do it, and he accepted. Don't misunderstand. This doesn't happen all the time, and to repeat a quaint Aussie expression that David uses frequently, ". . . neither of us paints the other guy's fence!" It is just something one bloke does for the other without any expectation of a reciprocal act. Mind you, I am ahead of the game, considering the amount of original stuff he pushes my way for publication on my main website Anglo-Indian Portal.

The change to David's banner header seems to have been generally accepted as a good move. And now I have a comment from YesBut encouraging me to "bring it on!"

How can I refuse?

Standby for the next post . . .

back to the top

 

Thursday, 24 May 2007

Leap of Faith, too . . . Implementing Thickbox

I am about to use one of David McMahon's original high-res photographs that he sent me some time ago, but which he hasn't actually posted on his blog one that he published on authorblog titled Jose, Can You See . . .. This should demonstrate how a 'medium-sized' picture on a Blogger page (as displayed on David's blog and reproduced in a similar size here) can be viewed at its best by using the 'Thickbox' technique. I like the effect very much; you have to decide whether it is something you'd like to use, too!

OK, let us make a start!

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

1. Choose to make a new post (I don't think I need to add screencaps for the obvious steps - but correct me if I am wrong).

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

2. Choose your method, 'Compose' or 'Edit HTML'. I prefer the latter because I have more control, but your mileage will vary. Be warned, you will HAVE to use 'Edit HTML' at a later stage.

I prefer to compose the post in a text editor - (click on the thumbnail for a larger image)

I also compose my posts in a text editor outside the post window, and when I am satisfied that everything is as I want it, I copy/paste into the editing window and save it (but, of course, Blogger has introduced an 'Auto-save' feature which is an excellent idea!). You can see from the 'screencap' that I have already started to format my paragaraphs and, where required, to italicise or bold the text.

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

3. Before I upload the image I need to take a look at its size in 'high-res' format. This one happens to be 3008-pixels-wide and 2000-pixels-high (size: 827,906 Bytes).

  • Far too large to display as a standalone image in a new window; the viewer would be forced to use scroll bars to view the whole image.
  • Far too large to save many images of this size to your (limited) Blogger disk space allocation.
  • Far too large for a user with a dial-up connection (DUN) who would have to wait an interminable age for the picture to download and appear on his or her screen.
'Thickbox' will automatically adjust it to a viewable size that will display centred in the available space in the viewing window, whatever the screen resolution the viewer is using, but the other two factors mentioned above are still important, because Thickbox will NOT resize your raw picture for you.

I will now upload the image after having reduced it to 800px by 532px (size: 22,382 Bytes). I simply used Irfanview (discussed elsewhere) to reduce the width to 800 pixels and it did the rest for me:

The code returned for an uploaded image

The first thing to notice is how Blogger 'codes' the HTML for the image. In the 'screencap' I have deliberately NOT posted any text so that you get an idea of what sort of thing you need to look for when you start to fiddle with the HTML. In any event Blogger ALWAYS places the uploaded image at the beginning of your post, regardless of where you last placed your cursor. This is an annoying quirk but, we can use it to our advantage if we know that the last image uploaded will always be the first bit of text you come across when you're editing in HTML.

I have highlighted and arrowed the characters "-h" that appear immediately after "s1600". REMOVE THEM. Do it the first time you see your code so that you don't forget later when you're adding other bits as explained in step 4 below!

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

Code changes highlighted and arrowed

4. Here is the same code again, but note the highlighted additions (errmmm... the deletion is obvious by no longer appearing there!).

  1. Added the code for centering the paragraph and 'closed' the tag.
  2. Added the 'class' telling the script to call up Thickbox.
  3. Added the 'title' text.
  4. Added the 'alt' text.

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

Whew! That was a toughie - FOR ME. I began to get confused as to whether I was adding screen captures or the actual picture. Had to delete and re-upload a couple of times. But, if you've come this far, then here is the original David McMahon photograph (slaps head! - must remember to add the copyright):

 

Sunrise in the City! - (click on the thumbnail for a larger image) Photograph: © David McMahon

 

That's ALL, folks

back to the top

 

Thursday, 17 May 2007

KISS

KISS or Keep It Simple Stupid has always been a favourite adage of mine, student or instructor, man and boy!

I spend hours trawling the web for information and it is only when I am researching something specific that I have the patience to read ALL that an article or post contains. Even then I tend to skip huge chunks when it becomes apparent to me that the author is being self-indulgent about his or her subject by mentioning every trivial detail.

Of course, there is a delicate balance in deciding how one imparts information. Assuming that the reader has absolutely no knowledge of the subject is presumptuous and a bit supercilious, and can often give offence. Yet, assuming, often erroneously, that the reader has a basic understanding of the subject and skipping some parts that might seem too trivial to mention, turns the exercise into a total waste of time for many!

To be honest, I don't have the answer to how to handle the balance. So, anything I write in this Blog is just going to have to be aimed at the 'lowest common denominator', which should meet the requirements of the majority although it might be boring for a few. To the latter I just have this to say; I am sure you can find similar information elsewhere that will appeal to your level of intelligence and understanding. This blog is here to help those who are just about to dip their toes in the water!

If you've read this far I have to assume that you have an interest in wanting to do something with your blog, but have been too hesitant to ask. Well, now is your chance. No question or request will go unacknowledged. You'd be surprised at how many people, myself included, glean information by just reading questions and answers. Sometimes it is pertinent, sometimes it can be ignored. But if nobody asks, nobody gains. And my crystal ball is fairly cloudy at the moment!

A Forum would be a better vehicle to handle questions and answers, but actually handling the queries on a Blog page gives the viewer a visual idea of how things should ultimately turn out. The fact that this is a New Blogger blog somewhat limits the information to users of that resource but, since the initial request(s) have been from bloggers who use this software, this is what it will continue to concentrate on.

I shall post a few general 'hints' and 'tips' to keep the ball rolling, but it is only you that can keep the whole thing 'alive'.

Over to you.

back to the top