Posts tagged with: Customize

WordPress Theme Design – Copying, Stealing or Tribute?

I started building my own theme. I got it done and I’ve been tweaking it for some time now. I did the whole thing from ground down, taking the bits from various themes freely available, like Sandbox. I created the CSS from zero and I’ve been adding more settings while I’ve been adding more features to my design.

I was inspired by CSS Zen Garden, and the designers there accomplished using just CSS for the design. Another design principle was using no images on the theme itself. Thus, fast loading, very flexible theme.

First Version of “ZemalfZen” is Ready!

It’s an early alpha or beta version right now, so no downloads for anyone just yet. At this stage, I’m not ready to publish the theme to the public, as I have to tweak and debug it first, but perhaps one day, if I see interest to the theme, I will put it out there.

Today I started putting the pieces together and I got a version done I’m quite happy about, after many hours of setting the CSS layout and coloring settings just right. It can be a pain to get those correctly, so I had to refactor the whole css-file, as it was a bit cluttered from all the tests I’ve been doing..

But when I got this done, I started wondering, is it cool to duplicate the designs of other blogs?

Click to read

Other Tags: CSS, Design, Theme, WordPress
Topic: WordPress Themes

Commodore 64 Custom Background for Twitter Profile

I played around a bit in Twitter and wanted to create custom background, so I could stand out a bit from the default ones. But I’m no graphical designer, so I wanted to keep it simple and add a bit of geekiness to it. For Instructions I zoomed into Google, and found several nice sites, including these:

First I wanted to create a new profile image (the small picture) for Twitter…

New Simple Z-Logo

I wanted to create a new “Z-logo” too, to replace the one from Aston Martin Zagato, I’ve been using for ages…

So I took GIMP again and played around with some colors and came up with this:

Zemalf's New, Simple Logo

Zemalf's New, Simple Logo

The logo is now my Gravatar as well as the Zemalf’s Twitter profile image.

Creating Twitter Profile Background Image

I created the basic background image in GIMP (GNU Image Manipulation). I took the Twitter profile background picture sizing from Croncast, as I figured they had done the work and ended up on these numbers. These background creation guidelines are working because with these the information can be seen by most users with different screen sizes, and still look reasonably good for all of them:

  • File Dimensions: 2048 px by 1707 px
  • Branding Dimensions: 80 px by 587 px
  • Coordinates: X=20, Y=14
  • Horizontal position: 20 px from the left
  • Vertical position: 14 px from the top

After creating the background image (more and less solid color), I created this masterpiece to go at the top left corner of the new Twitter Background:

Getting WorkPress to run on Commodore 64 is a bit tricky.

Picture created with online Commodore 64 emulator and some clever GIMPing (image editing)

After combining the solid color background and this picture, I added my new Z-logo to the background and added the URL on the left to promote my blog as well (like the Commodore 64 loading screen wasn’t doing it already, but anyway). I didn’t test the background too much different screensizes, but I think I should do it at some point when I do more serious attempt on the customized background. The C64 screen on top left will go “under” the main twitter interface on smaller screens, but I don’t mind that with this one.

Here’s the full Twitter background image I created (and of course, you can see it on my Twitter profile too):

The image is huge in resolution, but not so big on size because of the mostly solid color

The image is huge in resolution, but not so big on size because it is mostly solid color.

So there’s the first version ready and in use now. I’m thinking about going a bit further with the C64 theme and creating full background with just the C64 screen, but I’ll work on that after seeing the feedback from this current image. As said, I didn’t want to go and try to do anything too fancy, but I like how it turned out…

What do you think about the new Twitter background and the logo?

Other Tags: Design, Flashback, Geek, Social Networks, Twitter
Topic: Social Networking

How To Add Feedburner RSS Feed to the Sociable Plugin

I admit it, I’m a junkie for quality plugins and I’m testing all kinds of plugins to see if I could make something out of it. And in the end I keep the best and go with that.

I’ve been especially fond of the plugins found at the Yoast.com by Joost de Valk. The plugins are super quality and do exactly what they are meant to do and they do it efficiently. With that said, for Social Bookmarking, I use the Sociable -plugin (also from Yoast), which does a great job at adding those little social network and other useful icons (like “make a pdf”, “email” or “print”) at the end of the post and is very versatile and configurable.

In the recent update of the plugin, “RSS” was added to the available sites list, but that used the default feed of the WordPress. As I use feedburner to manage my feeds, I wanted the RSS link to take the reader to feedburner feed, so I edited the sociable.php and added the site – if you want to do the same, I’ll show how you can do the same (it’s quite easy, if you just dare to go and edit the sociable.php)

Click to read

Other Tags: Guide, php, Plugins, WordPress
Topic: WordPress Plugins

How To Add Category and Tag Based Advertising and Content to Your Blog

Want to display certain ads only on certain categories or tags? This quick guide will show you how to do that, for example show banner ads based on category.

If you have blog with different categories, you might consider customizing the advertising shown on posts in spesific category or categories or posts with certain tags. And it doesn’t have to be advertising, you can show different links on different categories and tags.

For example you can:

  • Show links to different themes and plugins on your “WordPress” tagged posts, and
  • Amazon.com Associates cookbook links on your “Cooking” category.
  • Or just display your best posts in the “Fishing” category.
  • etc.

The possibilites are endless, so you can do whatever you can show anything you want and need to show, based on the tags or categories of the posts.

I wanted to do this, because many of the readers who come in and check some of my World of Warcraft material, or EVE Online posts, are not necessary interested in the WordPress content. And if I write about advertising on a blog and how to utilize a plugin to do it, that gamer just wanting to know how to powerlevel mining on the new alt character, most likely does not want info on latest WordPress Premium Themes or such. So I wanted to customize the advertising, extra content and links I show on different posts.

First, I utilized the “Yet Another Related Posts Plugin” to show the related links, so that was easy and does superb job at providing the related post links.

But getting spesific advertising in those posts wasn’t hard either..

If you have the same kind of situation, and want to display advertising or special links based on the categories or tags of your posts, I’ll show you a quick way to achieve that. You do have to dig into your WordPress theme php-files, or find a plugin to insert the code, but it’s really simple…

Click to read

Other Tags: Advertising, How-To, Make Money Online, php, WordPress
Topic: Blog Advertising

How To Combine Google Custom Search and AdSense with the Default WordPress Search

Google Custom search is a powerful tool to give your readers a chance to search for content from your blog, web or whatever sites you define for the search. Wordpress comes with default search which presents blog posts and/or pages with the search terms you used.

Remember to check Google’s Terms & Conditions when adding the Google Custom Search. You are not allowed to hide the fact that you’re using Google Custom Search. Reworked instructions are here How To Add Google Custom Search to Your Blog.

I wanted to combine these two. I like the default as the Wordpress search gives clear blog post links and integrates automatically into the Wordpress Theme and templates. On the other hand, Google Custom Search is more accurate in a sense and is “automatically” monatized through Google Adsense.

This article shows you how to get the best of both words, custom search results from Google, along with Adsense ads and the Wordpress search results that display the most relevant posts from your blog.

Note that the most simple way to add Google Custom Search Engine (GCSE) to your blog, is to use a plugin and corresponding widget, but I rarely say no to a chance to mess with javascript and php, so here we go!

Click to read

Other Tags: AdSense, Make Money Online, php, Search, Theme, WordPress
Topic: WordPress Tips