Author Archive

CSS Menus: Sliding Door Validation

Posted by The Artist on Wednesday, 3 June, 2009

I love making dynamic menus of all kinds, and trying to find ways to merge various forms and sorts of dynamic menus. What I don’t like is making menus that rely on any code other then CSS. It’s a personal preference of mine as I find that it keeps site speed faster. Now understand, often it doesn’t scrape off a lot of time, but for image-heavy sites every little bit counts.

There is a nifty version of the horizontal menu called a “Sliding Doors” menu. In this the background image(s) are set up so that they grow or shrink with the size of the text. This keeps your Menus looking beautiful and retains their dynamic styling even when text is expanded greatly.

A List Apart, one of my favorite resources, has an interesting take on the sliding door menu style. Yet as I was working on the newer version of my own menu, I decided to test the CSS to make sure everything validated properly. I was surprised to find that in the CSS 2.1 validation that an error occurred. It wasn’t a critical error and was more of a specific need for the CSS level of validation as per the W3C rules for CSS 2.1, but it was enough to make me wonder.

For me to validate “clear” (with no Errors at all) I had to add a width selector to part of the CSS Style for the menu. Apparently a float requires the width selector to be within the same style.

#main_nav li {
float : left;
width : auto;
margin : 0;
padding : 0;
background : url(../images/right_menu_border.png) no-repeat right bottom;
}

In the tutorial from A List Apart this wasn’t listed, and to be honest it’s not entirely necessary (at the time of this article) because leaving it out doesn’t effect the code’s function. It’s merely needed in order to validate the CSS for level 2.1 in the clear.

By Adding auto to my width selector I filled in the requirement for clear validation without effecting my layout.

  • Share/Bookmark

SMO (Social Media Optimization)?

Posted by The Artist on Sunday, 24 May, 2009

What is SMO?

Well, SEO (Search Engine Optimization) is all about setting your site up to be a grand winner in the search engine “races”. You work on meta tags, descriptions, word-density in your static pages. and so much more. But is SMO related? In a way yes, but in a very different way.

SMO is a term to describe the use of Social Networks like Facebook, LinkedIn, My Space (and to some lesser extent ever YouTube) and more in order to further expanded an individual’s or business’ marketing reach. By using these sites to advertise their products or services, they end up reaching new audiences. Many individuals and businesses will create their own profile, or build a business profile and then have others in the greater community link to them, subscribe to them, favorite them, and more dependent upon what the particular social network uses.

Examples of How this Works

LinkedIn, for example, is a professional’s social network. This place is an example of the original definition of the term “networking”, outside of the digital web. People search through their list of contacts for other contacts in companies or groups in order to make new contacts. Doing this gives people a broader perspective and a much greater reach when it comes to new jobs. Many jobs would prefer people who come recommended by a current employee, rather then search through submitted resumes from job-listings.

So how does SMO effect a strict social network like LinekedIn? Groups, associations, profile advertising, and discussion boards.

People in certain groups will advertise their services. If done once or twice, especially when you are new to the group, this is a good thing. It lets people know not only who you are but what you offer in the way of skills. Just don’t repeat your profile or resume, since they can view that if they wanted to by clicking on your profile link. But, this can become spam-ridden and may annoy many of the groups members if one posts repeatedly the same thing, or even versions of the same thing. It is also an easy way of loose a group’s membership as people leave it for other similar groups, so it’s best to do this with caution and a dash of common sense.

Also, in group discussions, I’ve found people tend to offer their services as a way to “help”. Or they will offer their services, or examples of their services, in discussions in order to try and illustrate a point. This is okay is some few instances, but shouldn’t be a regular reaction as it looks very self-centered and unprofessional. There are ways to advertise your skills without making it look painfully obvious, but more on that in another post.

MySpace is a place where individuals or businesses can put up their own MySpace account. This allows for all sorts of communication and self advertising. If people want to friend the account, they can then get updates through MySpace’s PMing (Private Messaging) System, or by following the accounts updates. They can even leave comments and have discussions with others who follow the same company.

This can also become spam-filled as some businesses PM or send updates that are generally not necessary. So think before you advertise. Please.

Facebook has it’s groups that a user can become a “fan of” and follow their updates. One can set up an individual account as a business account instead.

Online Forums related to your site’s content are another place you can get your socializing groove on and get more interest in what you do.

Twitter, and it’s like, can alert people to new events, or you can add twitter to your site in order to keep people up to date just on what you are doing. (Good for clients.)

Any community or online tool (like YouTube and Flicker) that allow commenting or comment sharing can in turn be used to drive traffic to your site.

Even your Blog, if you allow comments to your posts, can be used as a powerful marketing tool. You could just as easily link to other posts (or help promote a friend by linking to their posts) as a reply to a comment on your own blog.

Other’s Blogs offer the same benefit in return.

The options are endless if you know what to look for in a Social Network.

So what is Social Media Optimization?

I’ll give you 3 guesses and the first two do not count.

SMO is about promoting your site, business, project, or product (what ever it is) by infiltrating the Social Media Networks. Then through trial and error, finding the best ways to get these various sites to work for you. Please take heed that what may seem the more obvious way to manage this, may in fact be an over-used, spam-like way instead. Do some digging to see how other businesses do what they do and take notes to later compare.

Now, this has a variety of positives and negatives to be taken into consideration, including search engine requirements.

This can give you outside links from other out-side sites, which does help a little bit in promoting your site in the search engine wars. This however can also be detrimental, as many of these social networking sites may not be related to your site’s content. Also, you’ll need to check and make sure you are getting that link-back power by comparing old site stats to current sites stats.

It can also offer another form of “free” advertising. You just need to make sure that the Social Network will allow such advertising, as some may be more restrictive of something they are not getting a revenue share out of when often many social networks do not charge end-users for their services.

My Opinion?

Networking lands us job, tips offs, advice, suggestions, help, mentors, new friends and more. The internet has always been just an expansive network, so this is merely another way of using it as a powerful tool to make those important connections to others.

In my opinion it is the accessibility, making the world both a much smaller and larger place. It is the ability to share information, media of all kinds, ideas, and communicate in a more direct, faster, and more intense way. This is what makes social networking, and the communities that pop up around such sites that cater to their needs to connect with each other, that make up a lot of the differences.

Yet, this can create yet another form of spam. In turn this can hurt your site.

So how do you combat it?

  1. Know you Social Media Network Platform: Forums, twitter, and more are all similar in that people can connect and interact, but they all have different issues when it comes to optimizing your interaction with them for your best effort.
  2. Contribute: IE. Don’t be a troll or spammer. Offer something of use to the community in order to expand your network of contacts and connections.
  3. Watch your links! Too many of them from any one site or place can cause you to loose footing in your SEO. Don’t threaten those standings by silly mistakes.
  4. Socialize: Depending on what your Niche is, generally speaking, will decide where you go to interact. Be polite, professional in many cases, but be yourself. Don’t sell yourself as something you are not or you’ll be labeled a faker.
  5. Interaction: Politeness, and understanding that text-based communications doesn’t always offer us an insight into one’s personality, is key in many of these communities. Don’t judge. Get to know people and be polite about the questions to toss at folks. Watch how you write the words you use. Also remember to not read into what someone has typed, as cynicism and sarcasm can be overlooked and the text read as aggressive instead of “funny”.
  6. Be real: Don’t expect to throw a few links or un-helpful comments at a network and expect to get returns. Like word of mouth Social Networks that are used poorly can backlash in ways that are crushing. Treat them with respect, sincerity, honesty, and not a purely marketing mindset. Be real, because such abuses will get you labeled and those labels will follow you for a long long time to come.
  7. Try not to use it as a marketing tool alone! See #6. Social networks are for networking, getting to know people, and interacting with people. Not for trawling for more traffic. Please. Do. Not. Trawl.
  8. Content: Yes Content. You’ll see me “preaching” content quite often because that is really what a user wants to see. Meat on the bone and not plastic, fake, toy-that-looks-like-meat.

Above all treat your networks with respect and don’t expect them to give you what you need and then not give back. That will also be remembered. Share, help, offer services, advice, knowledge, information as much as you can without crippling your business.

Resources:

  • Share/Bookmark

Heigh-ho

Posted by The Artist on Tuesday, 3 February, 2009

I’m working on a friend’s website at the moment, so things have slowed in getting my new design up and running. Rather then let the site site and suffer, I’ve temp-skinned it with a theme that is at the very least goos looking and very functional. ;)

Please bear with me as I work. Thank you!

  • Share/Bookmark

AdRotate Banner Flexibility!

Posted by The Artist on Sunday, 25 January, 2009

One of the problems I had with AdRotate was that the widget form doesn’t allow for multiple widgets to show different groups of banners in a sidebar. (At the time of this writing.) At least, not using the WordPress admin panel.  But, after reading through the site I realized you can ad banners everywhere. No really…, everywhere!

Thinking about that I realized we can even add them to our headers, or better yet use it to replace the header image entirely! *shock*

Now one thing I’ve always wanted to do is to have my “skins” change for the seasons. More over the images (that would be an amazing plugin!) would change while the structure of the site remained the same. I’m sure this could be done by using a PHP script that changes a CSS document per a certain time period. But I’m not PHP wizard… yet.

But then I got to thinking, and that is a dangerous thing as I begin to experiment. I may not be able to use AdRotate that way straight out of the box, ( although with the new “timed” ads it -may- be possible to at least change the header per season, there is an experiment to do to be sure) but it can be hand-coded into the theme of the site. The Plugin’s support website offers a list of code snippets. You can even add individual or random rotating ads to a post or page, inside the post or page! It doesn’t have to stay inside the widget!

Amazing.

How so?  Easy!

First you’ll need to install the plugin. You can either do this by hand by downloading the plugin, or if you have WordPress 2.7 installed you can go into the Plugins Panel and do a search for banners, ads, adrotate, or other such words and look for it in the list. Installing it through the Plugins panel is a lot faster.

Now the next thing you may want to do, if you can, is add the \banners (<– note the ’s’) folder to you wp-content folder. (wp-content\banners ~ don’t forget that ’s’). This is where you can put all kinds of banners that you will want to use.  How ever, sadly, you cannot organize them into sub-folders in order to keep like-images together. You must label them in a way that you will be able to distinguish them.

What’s this do? AdRotate can attach images to the banner rotate code so you don’t have to type out a huge line of code. Not to mention you can -change- what the image is with a simple few clicks if you use the %image% inside of you image tag. (<img src=”%image”>) All you have to do is upload the images into the banners folder and then pick the image from the Banner Admin Panel.

Sweet.

Next you need to log into WordPress and add your banners and links. These can be affiliate links, or they can be general links, it doesn’t really matter.

Set up your groups first, this is done under the mainPlugins Panel under the Manage Banners link. Create groups to help keep yourself organized.

Then under the Posts Panel you can find the Write Banner link where you can start adding your banners!   So, next is to start adding banner code and images!

Under the Settings Panel is an option for AdRotate. This is the opt-in / opt-out to help the creator with determining how the plugin is being used and what the creator can fix it to be more beneficial. It’s a study, nothing more. But, you can opt to not have your specific information sent. None of the information is sold and may only be shared in a stsitical analysis. Make sure you set these settings to what you are most comfrotable. Me. I left myself opt’ed -in. ;)

Once this is done then you need to decide where your banners are going to go. Doing a quick design prior to this will help you get an idea of what it will look like. If the banners are too big, you’ll need to re-size them and re upload them. Far as I know AdRotate doesn’t re-size banners for you, you still have to do that by hand in general.

Each of the tags or PHP snippets goes into specific locations. The first number in the PHP code displays banners from a specific group, where the the second is the specific banner ID number. In the shortcode the group and banner numbers are a bit more obvious as you have to type them out.  You can find these group and banner ID numbers in the Manage Banner link in your main Plugins Panel.

Make sure you book mark the install list for future reference!

~

Side note: In the most recent update (as of this posting) the creator has added a CTR (Click Through Ratio) to give you and idea of how your banners are doing!

Suggestion: Donate to this man if you use this Plugin and make money from it. It’s such a powerful and useful plugin, even a dollar or two is a nice thank you. It’s kind of like tipping your waiter. ;) ~ Drakenhart

  • Share/Bookmark

WordPress.tv? Yes! Video Tutorials Ahoy!

Posted by The Artist on Monday, 19 January, 2009

WordPress got wise, real wise. They’ve started to populate their new domain, WordPress.tv, with videos. This tickles me in ways I can barely begin to describe.

First: I’m a person who is very much supportive of people using the proper ending to their domains. The endings were created to help differentiate between content types. This way people would know from first glance just what the company is, does, and it’s intents.

  • .com –> Commercial Business (Drakenhart Studios.com is being held by a friend currently. Lost contact.)
  • .net –> Network (We are in our own way a network. Rather then just offer you our business end and sales pitch, we offer a form of community and continued service. Links to places that benefit our clients and viewers, and connections to our clients’ sites for people to check out!)
  • .org –> Organization, like the World Wild Life Fund or the Red Corss, etc.
  • .tv –> Television of other form of video media. (Thus WordPress.tv offering a site Full of helpful, online walkthroughs and tutorials. Bonus!)
  • .biz –> General Business
  • .us –> General Web Site located in the United States
  • .info –> Informational site, often like a wikipedia and the like.
  • .me –> No joke, this is a website that is about you.
  • .mobi –> Mobile phones. Yep.

And so forth…

Why else? Video Tutorials rock in my book! Reading a manual and jumping back and forth between pages, versus  actually seeing what is being describe are two very different ways of learning. “Visual” people learn best by watching or interacting. “Abstract” people learn best from reading or looking at diagrams. I am a visual leaner rather then an abstract-text learner. So watching the videos as they -show- me what to do is exceedingly more helpful then slogging through pages after pages of Codex – of which some of it is not up to date!

Down side / Up side: It is not a “community” per say. Only certain people are allowed to post videos, unlike YouTube. This means a greater quality. This also means slower wait times as they put up more and more specific tutorials. They have to put the basics up first!

Go check it out! :)

  • Share/Bookmark