Archive for the ‘Programming’ category

Creating a SimpleViewer 1.9 Gallery With Photoshop

March 12th, 2010

Photoshop fun! Yes, today we’ll be going over a very quick tutorial on SimpleViewer (Image Gallery).

If you’ve been looking for the easiest HTML web gallery script that works flawlessly with Photoshop, here it is!

Few things first:
(you will need this to run the script from photoshop to export pictures and create  a gallery)

  • Download the Photoshop SimpleViewer 1.9 script here for Version CS2 here
  • Download the Photoshop SimpleViewer 1.9 script here for Version CS3 here
  • Download the Photoshop SimpleViewer 1.9 script here for Version CS4 here

Assuming you have a folder on your desktop called “Images” or whatever you prefer, download the version needed from the URL’s above to your Photoshop version.

  1. Unzip the downloaded file to your Desktop.
  2. Copy the entire folder into your photoshop presets\Scripts folder.
  3. If Photoshop is open, quit and restart it.
  4. In Photoshop, do File> Scripts > SimpleViewer to run the scrip.

Easy right? After running the script, you will be presented with a few fields to fill out, select your source (point this to your images folder), then where you want to save these.

Then hit OK and run the script.

Notice, the folder you had selected for the web gallery to be dumped into now contains HTML files and an XML file which runs the thumbnails for you.

Your all set, upload to your website and your ready to roll!

WebMasterPunk Daily Deals Store- Now Active!

March 10th, 2010

I’ve decided to open a mini-shop on my blog. Here, you will find everything and anything related to computers, electronics, deals, software and more. Pretty much the same stuff on Amazon, but you get it at a cheaper price.
Take a look, the shop updates itself daily based off of the most popular products sold.

You can find the link at the top of this site, 2nd tab, called “Daily Deals”.

Publish RSS news feeds on your website quickly with RSS Include

March 7th, 2010

RSS is a great method for quick posting, syncing, and displaying feeds onto your website. If you’ve ever wondered how you can take RSS feeds from Google, Craigslist, Yahoo or any other service that provides a feed, take a look at http://www.rssinclude.com

They offer a totally FREE service to create neat little fancy boxes or simple output RSS into HTML without any issues. Of course, they’ll have to throw in a footer advertisement at the end of your feed. If you upgrade your account, only around $30 a year, it’ll remove the powered by line at the bottom, still a bargain, unless you want to code some JavaScript that’ll spit out HTML via RSS for you.

Take a look, its FREE, easy to use and I’m sure you can put it to use.

HTML Ceritifcation by Expert Rating

February 3rd, 2010

So you want to obtain a HTML certificate? Why not right? There are online classes you can take that are over $1,000 to receive a certification. Why would you pay that much? I don’t have much spare time on my hands so I’ve hovered over to ExpertRating.

Take a look, they offer many courses for just about anything related to technology. Obviously this isn’t a Degree from Harvard Univserity, but it’s better than nothing!

Expertrating Info:

ExpertRating’s online HTML 4.01 Test. ExpertRating is an ISO 9001:2000 company that offers hundreds of popular certifications suitable for students, professionals, job seekers and companies.

http://www.expertrating.com/html-test.asp

New Theme, New Year!

January 26th, 2010

Well it was time for a new theme..this one looks pretty modern. I had to modify sidebar.php a bit, but thanks to WordPress.com for this beautifull theme, it was simple.

PHPFormGenerator Tutorial – Create forms in a jiffy!

January 25th, 2010

http://phpformgen.sourceforge.net/ – PHPFormGenerator is one of the greatest tools I’ve ever used. I don’t really like to sit there and create a form in PHP, can take awhile; specially if you need specific functions or to link it to a MySQL database. Who needs that right?  (just kidding for all you hard-core techies) Anyways, back to my point.

PHPFormGenerator is also availble in Fantastico De Luxe, a cPanel automated script installer (The big blue smiley face). With a few quicks, you can setup your form and it will spit out HTML/PHP for you to plop right into your website. You can choose custom colors, specific fields, uploaders, to create a MySQL backup or store info to a MySQL backup, the possibilities are endless. This is a quick and dirty way to get your form up and running ERROR FREE!.

So take a look, the best part is, it’s FREE! (I love freebies!)

To view a tutorial on how to use PHPFormGenerator, please click here.

Fancy Box + JQUERY (Great LightBox Gallery)

January 17th, 2010

FancyBox..Lightbox..Yea dont know how they come up with those names …moving on…

http://fancybox.net/ – the latest and greatest! Version 1.26 (They came out with 1.3 RC2 with flash and a bunch more of new supported features).

I’ve been using this script all over my websites – check out a live working version at http://urartucoffee.com/menu.php (a local coffee shop website that I’ve built with open source scripts and code).

FancyBox utilizes JQUERY, a simple quick lightbox javascript popup to display your images via overlay. Simple as adding a <class tag> to your link. <A class=”zoom1″> – take a look at my code on that website, its pretty neat. You can also group multiple images together to create categories and albums. I do apologize for the quick block about this neat script, but I have not had time lately. I promise I will come back with a tutorial to help you guys out. Again, if anything is ever needed, feel free to leave a comment and I will reply back!

38 Web Design Mistakes

December 17th, 2009

Yes, we all know we make mistakes when designing or developing a website.

Here are some quick tips you might find handy.

  • Confusing
  • Pop up messages
  • Poor load time
  • Over use of Java
  • Poor overall appearance
  • Poor use of HTML tables
  • Spelling/Grammar mistakes
  • Poor organization
  • Inconsistent page design
  • No contact information
  • No ‘about us’ page
  • No privacy policy
  • Different backgrounds on each page
  • Poor content
  • Poor navigation
  • Over powering music set to auto play
  • Broken HTML code links and graphics
  • Poor browser compatibility
  • Large slow loading graphics
  • Too many graphics
  • Large Welcome banners
  • Flashing banners
  • Pages scrolling to oblivion
  • Multiple colored text
  • Multiple use of animated graphics
  • Text difficult to read
  • Animated bullets
  • No Meta tags
  • Too many graphic and/or line dividers
  • Multiple use of different fonts
  • Under construction signs
  • Busy, distracting backgrounds
  • Scrolling text in the status bar
  • Multiple banners and buttons
  • Large scrolling text across the page
  • Poor use of HTML code frames
  • Large fonts
  • Poor use of mouse over effect

How to install WordPress on a subdomain

December 3rd, 2009

In this tutorial, I will teach you how to install WordPress via Fantastico on a subdomain created from cPanel.

Phase 1 – Creating a subdomain

1) Login to your cpanel (domain.com/cpanel)
2) Enter user and password
3) Locate your subdomain icon, should be a dark folder (click it)

icon subdomain

icon subdomain

4) Enter in the subdomain youd like to use..in my case.. –”marketing.webmasterpunk.com”

subdomain

subdomain

5) Select “Add”
6) Your subdomain has now been setup. Easy right?
You can now go back to your home cPanel page, or close the screen and login again.
Phase 2 – Installing  WordPress on your new subdomain
 
1) Lets go back to your control panel www.domain.com/cpanel (this is only if you have cpanel linux hosting)
2) Locate “Fanstastico De Luxe” (the big blue smiley face, yes hes cute right?)
fantastico

fantastico

3) Click the smiley face :)
4) You should be presented with a list of menu items on the left, look for WordPress.
wordpress

 5) After clicking it, you will be presented with a few options.
6) Select New Installation (its in bold, you cant miss it!)
7) Now you should see a bunch of fields and dropdowns. Follow my screenshot below. 
Note: My screenshot will install WordPress on – Marketing.webmasterpunk.com (which is the root level)install wordpress

8) Notice how I left the install directory blank? Thats because I want -”marketing.webmasterpunk.com” to be the directory of the isntallation, if you enter in /blog or /news – it will install the blog on a directory under your subdomain such as “marketing.webmasterpunk.com/games/” which I dont really advise people to do.
9) Enter in your login information, password, admin nickname, email, site me, and a description of what your blog will be about.
10) Click install WordPress
11) This wil automatically install and update WordPress into your subdomain.
12)  Click Finish installation and you are done.

This is my subdomain blog. : http://marketing.webmasterpunk.com/

To access your subdomain: http://subdomain.domain.com
To access your wordpress admin panel: http://subdomain.domain.com/wp-admin

Note: Do NOT enter http://www (WWW) will not work in most cases.

Enjoy!

Ultimate Google Analytics Plugin for Wordpress

November 24th, 2009

I’d like to introduce a great new tool I found today on the WordPress website. It allows you to add Google Analytics within your blog and track it through the Google Analytics website.

Steps:

  1. Download the plugin here
  2. Unzip and upload into your wordpress directory (wp-content/plugins) folder
  3. Activate the plugin – login to your wordpress account (usually site.com/wp-admin/)
  4. Go to Plugins, locate Ultimate Google Analyitcs, select activate
  5. Now click Settings on the left sidebar, you should see Ultimate GA link, click it
  6. You’ll now be presented with a few fields, account ID and 2 check boxes
  7. Be sure to leave the 2 checkboxes checked, do not uncheck or no data will be passed through your account
  8. For the first field, enter in your Google Analytics account #, this can be found going to your site profile at google.com/analytics/

Wait 24 hours to validate your account so data passes through back to Google. You are now setup to receive statistics on your website.