Thursday, November 29, 2012

Make a FilmMaker Website

I was given the task to produce a website for a friend of mine, local film producer Nicki Chavoya.  She wanted something that was simple, but had a few key features.  She wanted it to have all of her videos, in a list on the side, like a column.  And then she wanted some background images to flow along.

So I took to the internet, researching the one thing that really made the site unique.  The background slide show.  After testing and examining some code items, I found some applicable CSS that I made a few adjustments to serve the purpose of giving her website the background that she wanted.

Here are the details for the CSS.  It basically runs a series of files saved in a separate folder.

Remember that the phrase ../ means the directory before.  So if this file is

Site/Css/style.Css

and it needs to direct the image from the folder

Site/Slideshow/

then it needs to back up one directory (../) and then enter the /Slideshow/ directory to access the slideshow files.
That's why the code reads: url(../Slideshow/5.jpg)

This is the only real tricky piece of code necessary to get the script to run.  If you want to download it and make your own, the two files you need are this one, and this one.  You need to save those files as .CSS files in the proper folder, and then create another folder with the slideshow files saved as an ordered number of .Jpg images.

What's next after that?  Well not much really.  You can play around with the code to see what else you can do to make it more interesting.  A few other neat parts to this particular piece of code?

  • It resizes the image to the shape and size of the window
  • It also will rotate images the same way on any iOS device
Go ahead and try making one for your favorite local filmmaker.  I even made one for my friend Jimi.




Change Blogger Background in 10 Easy Steps


Really it ought to be simpler, but it takes a total of 10 steps to remove and change the background on Google Blogger presently in 2012.  That's not to say it will always work this way forever, but it certainly works this way now.

In this incidence, you're going to want to follow the video and watch it a few times.  It doesn't skip around but it goes fast at certain points.  How else can I prove that you can change your background in less than a minute?

One of the more hindering things about Google Blogger?  Max background image size is 300kb, which is tiny in comparison to what's required of a background image.  I personally can't explain the limitation in file size for this, because it doesn't make a whole lot of sense.  But here's the steps.

Additionally worth note is a separate tutorial about resizing and calibrating the image for quality based on this size limitation, but that's a different video.  You can figure that out for yourself, possibly too.  In the meanwhile, please note the importance of the "Scroll With Page" feature.  While this has no impact on the way that the background image appears on tablet computers right now, it does make a difference on the regular computer.  It's not set automatically to be "OFF" so you need to do that manually.

"Best Practices.  Best Practices.  Best Practices.  Does that triple my chances of being found on a search result?" - L.S. Aristotle

Monday, November 26, 2012

Blogger's Most Interesting Feature

One of the most under-rated features of Blogger, and surely the most often overlooked, is the "Schedule Post" feature.  It's listed under Post settings.

Normally, when you click "Publish," the Blog post will appear instantaneously.

When you Schedule the post to a specific date and time, it allows you to hand people the information as they're walking out the door, so to speak.  Not everybody is reading the internet at 4 in the morning (which is when I write most of this stuff).  Or shall I say, in my best LS Aristotle voice, "People of the future must know, so I schedule all my posts for the future."

In this case, I want you to find out about this at about 8:40pm on a Thursday.  So I'm going to set it to do just that.  Remind you when you need it the most.

If you have calibrated your blogging service with a system like Twitterfeed, then this will also delay the onset of announcement systems (Twitter) or the dreaded annoying Bluewall known as the Facebook.

When you're done, click "Done."
It's very satisfying.

Mural Graphics


This was made with Fireworks. 
Play the video above to watch me make this.

Tuesday, November 13, 2012

About This Blog

Really simple.  As I learn new things, I save the process as a screen shot, and turn it into a video.  I've memorized the processes here in this blog, but at one point I needed to learn it.  And if there could be one place where the instructions were clear and concise, yet entertaining enough to bear, then that was what I wished to create.  I make new things all the time, and I find myself constantly solving problems.

Why not share the answers to those problems with others?  There could even be quizzes with Google Doc Form Quiz feature, which doesn't exist *yet.  

My name is L.S. Aristotle and I am a Lego SpaceMan.  I'm working on my new TV Show.  My old YouTube Channel got taken over by SpacePirate.

Stay tuned, and follow along.  The types of things you can learn about are listed under "Topics."
You may need specific software for some exercises.  

Wednesday, November 7, 2012

LSAristotleSpaceShip

All of the videos on this channel were original and uploaded to the LSAristotle SpaceShip Channel.
View all the videos in Youtube by clicking (or typing) YouTube.Com/LSAristotleSpaceShip

And if you ever want to type one, it's ® (option+r).

Youtube Appearance Circa 2012

Tuesday, September 18, 2012

Slideshows on Blogger From Picasa


Google Blogs are a great way to get information across to people using multimedia.  You can embed video from YouTube, audio from Soundcloud, and slideshows from Flickr and Picasa. 

To keep it all inside of Google, here's how to put a Picasa slideshow on your Google Blogger.



Here is also an example of the embed code.
Important parts are highlighted in bold.   

<embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="288" height="192" flashvars="host=picasaweb.google.com&hl=en_US&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F109680285221617572906%2Falbumid%2F5765576586066230081%3Falt%3Drss%26kind%3Dphoto%26authkey%3DGv1sRgCLGesqm-x8a78gE%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

What You Can Do:

Change the width and height to either:

width = "600" height = "400" for landscape picture sets
width = "600" height = "800" for portrait picture sets

If you separate the landscape photos from the portraits and put them in two separate slideshows, that works even better.  It's all about coming up with a way of doing things that is effective, consistent, and efficient. 

Limitation:  
Slideshows using the ".SWF" format won't show on iPads or on iPhones.

Solution:
Google updates its Picasaweb slideshow to HTML-5.  
Or - Use Flickr to embed slideshow.  Tutorial coming soon.


Or the latest solution.  Still works with a Picasa Album.

http://www.slidemypics.com/

Saturday, August 11, 2012