Issuu on Google+

Today’s Tabbloid Personalized for you 03 November 2008 Tabbloid.com Copy everything from the start to the end of this loop (including the above code). Paste it above the existing loop so that index.php will have two identical loops, one over the another. To make the sticky post appear, we will use this new loop which will call a single post from the “Stickies” category.

10 WordPress Hacks to Make your Life even Easier 2008-11-03 20:49 Blog Oh Blog

The last post that I had made on 10 WordPress Hacks to Make your Life Easy got a good number of comments and views. Based on the success, I have decided to make another WordPress Hacks post to make your life EVEN easier. Here is the list of 10 new hacks ready to be bookmarked :-

In the top loop, just replace this code :<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

How to make a Sticky Post

with this :-

A sticky post is one that will always be on top of all your recent posts and stay there until you change it. You can use a sticky post as a notification, reminder or something that you want to emphasize to your readers. Here is how you can make a sticky post :-

<?php if (have_posts()) : ?> <?php $my_query1 = new WP_Query(‘category_name=stickies&showposts=1’); ?> <?php while ($my_query1->have_posts()) : $my_query1->the_post(); ?>

First, decide on a category name that will hold all your sticky posts. For example, you can create a new category and name it “Stickies” and later use this name to call the posts from this category. Now, if you have ever opened the index.php file in any blog styled WordPress theme (Just install the basic Whiteboard theme for this tutorial), you will notice that it has a loop which is used to call your posts.

So, if you decide to change the category name from “Stickies” to something else, just change it in the above code. You can also change the number of posts that you want to show from the sticky category by modifying the showposts variable. Breaking Categories into Columns

The loop begins here :Normally when the list of categories is displayed in the sidebar or on any part of the theme, it displays in a single column. Through the following hack, you can split your categories’ list evenly into two or more columns which can save space and not make your pages longer. Usually in WordPress, the following code is used to call the categories’ list (you can find it in one of the sidebar files) :-

<?php if (have_posts()) : while (have_posts()) : the_post(); ?> and this loop should end here :<?php endwhile; else: ?> <p>Sorry, nothing matches that criteria.</p>

<?php wp_list_categories(); ?> <?php endif; ?> 1


Today’s Tabbloid Personalized for you

03 November 2008

Now, we will try and split the categories into two columns. Replace the above code with the following :-

used (mostly in the sidebar part) to display different content like recent posts, comments, archives etc. When you click on any tab, only the content under that <?php particular tab gets highlighted and the rest of the tabs’ content stays hidden. This allows the blog owner to $cats = explode(“<br display more content in less space. />”,wp_list_categories(‘title_li=&echo=0&depth=1&style=none’)); Download this file :- Domtabs $cat_n = count($cats) - 1; Extract the domtab.js and domtab.css files from the for ($i=0;$i<$cat_n;$i++): archive and place it in your theme folder. Now add the following code in your header.php file above the tag :if ($i<$cat_n/2): <script type=”text/javascript” src=”<?php $cat_left = $cat_left.’<li>’.$cats[$i].’</li>’; bloginfo(‘template_directory’); ?>/domtab.js”></script> elseif ($i>=$cat_n/2):

<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/domtab.css” media=”screen” />

$cat_right = $cat_right.’<li>’.$cats[$i].’</li>’; endif;

In order to show the tabs, add the following code anywhere in the template. Try adding it to the sidebars :-

endfor; <div class=”domtab”> ?> <ul class=”domtabs”> <ul class=”left”> <li><a href=”#t1”>Tab 1</a></li> <?php echo $cat_left;?> <li><a href=”#t2”>Tab 2</a></li> </ul> <li><a href=”#t3”>Tab 3</a></li> <ul class=”right”> </ul> <?php echo $cat_right;?> <div> </ul> <a name=”t1” id=”t1”></a> Basically the above code will split your categories and put them into two lists (left and right). Now all you have to do is style them so that they float left of each other. Add this code to your style.css file :-

<p>Insert contents of the first tab here, e.g. The code for a plugin.</p>

.right {float:left; width:140px;}

</div>

.left {float:left; width:140px;}

<div>

You might have to make some cosmetic adjustments in the above code so do it at your own pace.

<a name=”t2” id=”t2”></a> <p>Insert contents of the second tab here.</p>

Making Unobtrusive Tabs </div> If you have been following the latest trend of Premium WordPress themes, you will notice that special tabs are

<div> 2


Today’s Tabbloid Personalized for you

03 November 2008

<a name=”t3” id=”t3”></a>

<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/catmenu.js”></script>

<p>Insert contents of the third tab here.</p> <link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/catmenu.css” media=”screen” />

</div> </div>

Finally replace You can change the content for the tabs by altering the code within the paragraph tags and edit domtab.css file for styling information.

<body> with

Listing Blog Authors <body onload=”mbSet(‘menu’)”;> If you are running a multi-user blog and want to list authors, here is the code to do it.

To see the category drop-down menu in action, make sure you have categories and sub-categories set up on your blog. Also make sure that they have some posts in them.

<ul>

<?php wp_list_authors(‘exclude_admin=0&optioncount=1&show_fullname=1&hide_empty=1’); Displaying Google Ads in only first 3 posts ?> Many bloggers want to display Google Ads in their first </ul> three posts only (since Google Adsense only allows 3 strips in a page) but have a hard time doing so without Here is what the parameters do :the help of plugins. Let me tell you how to integrate it efficiently into your WordPress theme. Open up your exclude_admin: 0 (include the admin’s name in the index.php file and look for the loop. authors) / 1 (exclude the admin’s name from the list) The loop begins here (it can differ for your theme so look optioncount : 0 (No post count against the author’s for the part that displays your blog posts) :name) / 1 (display post count against the author’s name) <?php if (have_posts()) : while (have_posts()) : show_fullname : 0 (display first name only) / 1 (display the_post(); ?> full name of the author) and this loop should end like this :hide_empty : 0 (display authors with no posts) / 1 (display authors who have one or more posts) <?php endwhile; else: ?> Displaying Categories in a Drop Down Menu

<p>Sorry, nothing matches that criteria.</p>

First, add the following code to any part of your theme to show the category list. The recommended choice will be your header.php file which contains the navigation. You can add this code where the navigation ends :-

<?php endif; ?>

Download this file :- Category Menu and extract both catmenu.css and catmenu.js files to your theme folder. Now, add the following lines to your header.php file before the tag :-

<!— Google Adsense Code goes here —>

Ideally, your Google Adsense code should be placed between the start and the end of this loop. So, just pick a position (after the title or at the end of the content) and <?php place the following code :wp_list_categories(‘sort_column=name&sort_order=asc&style=list&children=true&hierarchical=true&title_li=0’); ?> <?php if ($wp_query->current_post < 3) { ?>

<?php } ?>

3


Today’s Tabbloid Personalized for you

03 November 2008

Just replace the commented line with your adsense code, save this file and check your theme. It should display three units of adsense code in your first 3 posts just like you always wanted.

} ?> Now, wherever in the theme you want to display the list of recent comments, just add this code :-

Displaying Recent Comments In order to display your most recent comments, you will have to modify your functions.php file from the theme folder. If the functions.php file is not present, make a new text file, name it functions.php and add it to your theme folder. Add the following code to it and save the file :-

<?php recent_comments(); ?> Highlighting Author Comments It takes a bit of tweaking to separate the author’s comments from the readers’ comments. Usually it can be done by changing the color or style of the author’s comments. Here is how can go about doing the same :-

<?php function recent_comments($src_count=10, $src_length=60, $pre_HTML=’<ul>’, $post_HTML=’</ul>’) {

Open up the comments.php file from your theme folder and try to locate the following piece of code :<li <?php echo $oddcomment; ?>id=”comment-<?php comment_ID() ?>”>

global $wpdb; $sql = “SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,

Replace the above code with this :-

SUBSTRING(comment_content,1,$src_length) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb>comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = ‘1’ AND comment_type = ” AND post_password = ” ORDER BY comment_date_gmt DESC

Finally, add this to your style.css file in the theme folder :-

<li class=”<?php if ($comment->user_id == 1) $oddcomment = “authorstyle”; echo $oddcomment; ?>”

.authorstyle { background-color: #B3FFCC !important; }

LIMIT $src_count”; If you are the author and have made comments on a post, check it out. Your comments will have a different background color from the readers’ comments.

$comments = $wpdb->get_results($sql); $output = $pre_HTML;

Adding a Social Bar to your Posts foreach ($comments as $comment) { Social bookmarking is important if you want your posts to reach more and more readers. Most of the times you have to hunt for a good plugin that will show little icons for different bookmarking websites under each of your posts that will help your readers to bookmark them. But it can also be done through code like this :-

$output .= “<li><a href="” . get_permalink($comment>ID) . “#comment-” . $comment->comment_ID . “" title="on ” . $comment->post_title . “">” . strip_tags($comment->com_excerpt) .”...</a></li>”; }

Open the single.php file from your theme folder. Copy the following code and paste it within the WordPress loop (preferably after the content) that calls your post :-

$output .= $post_HTML; echo $output;

<div class=”socials”> 4


Today’s Tabbloid Personalized for you

03 November 2008

<a class=”btn_email” href=”mailto:?subject=<?php the_title(); ?>&amp;body=<?php the_permalink() ?>”>E-mail</a>

.btn_reddit {background:url(images/reddit.gif) left norepeat; padding-left:15px;} .btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}

<a class=”btn_comment” href=”#respond”>Comment</a>

.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}

<a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>” title=”Submit to Del.icio.us” target=”_blank” class=”btn_delicious”>Del.icio.us</a>

Finally, download this zip file that contains the icon images for all the social bookmarking websites and place them in the images folder of your theme. Social Bar done

<a href=”http://www.digg.com/submit?phase=2&amp;url=<?php Creating an Archives Page for your Blog the_permalink() ?>&amp;title=<?php the_title() ?>” title=”Submit Post to Digg” target=”_blank” You can create a Page Template for the archives page on class=”btn_digg”>Digg</a> your blog. Here is how to go about it :<a href=”http://reddit.com/submit?url=<?php the_permalink() ?>&amp;title=<?php the_title() ?>” title=”Submit Reddit” target=”_blank” class=”btn_reddit”>Reddit</a>

Create a new file called archives.php and add the following lines to it :-

<a href=”http://technorati.com/faves?add=<?php the_permalink() ?>” title=”Submit to Technorati” target=”_blank” class=”btn_technorati”>Technorati</a>

/*

<a href=”http://furl.net/storeIt.jsp?t=<?php the_title() ?>&amp;u=<?php the_permalink() ?>” title=”Submit to Furl” target=”_blank” class=”btn_furl”>Furl</a>

*/

</div>

The above code will give a name (Archive Page) to the template which you will see when making a new page in WordPress. Now add the following code to display a list of all your posts :-

<?php

Template Name: Archive page

?>

Now, copy the following code to your style.css file for the theme :.socials {font-size:10px; font-weight:bold; marginbottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:540px;}

<?php

.socials a {margin-right:10px; color:#BFBCB3;}

$debut = 0; //The first article to be displayed

.btn_email {background:url(images/mail.gif) left norepeat; padding-left:15px;}

?>

$posts_to_show = 100; //Max number of articles to display

<?php while(have_posts()) : the_post(); ?> .btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}

<h2><?php the_title(); ?></h2>

.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}

<ul> <?php

.btn_digg {background:url(images/digg.gif) left norepeat; padding-left:15px;}

$myposts = 5


Today’s Tabbloid Personalized for you

03 November 2008

get_posts(‘numberposts=$posts_to_show&offset=$debut’); foreach($myposts as $post) :

Mega Contest - Win 10 Premium Themes worth $700 2008-10-27 19:35

?>

Blog Oh Blog

Its been a long time since we had any contests on Blog Oh! Blog. To add to your winter happiness, I am announcing a mega contest where everyone gets a chance to win not one, not two, but 10 Super Premium WordPress themes made by the coolest theme designers from all over the Internet.

<li><?php the_time(‘d/m/y’) ?>: <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></li> <?php endforeach; ?> </ul>

I am not including any of my Premium themes in this contest so that recent buyers don’t feel cheated (And yeah, that doesn’t mean I am not cool ).

<?php endwhile; ?> Finally, add this code to display categories and monthly archives :-

Here is a list of the Premium themes (Single-User Licenses) that you can win by entering this contest :-

<?php while(have_posts()) : the_post(); ?> • Arthemia Premium Theme from Colorlabsproject.com - $70

<h2><?php the_title(); ?></h2> <h2>Categories</h2>

• Chimera Premium Theme from Themespinner.com $59

<ul><?php wp_list_cats(‘sort_column=name&optioncount=1’) ?></ul>

• WPRemix 2 from Wpremix.com - $75 • Thesis Premium Theme from Diythemes.com - $87

<h2>Monthly Archives</h2> • Revolution - Real Estate from Revolutiontheme.com $59.95

<ul><?php wp_get_archives(‘type=monthly&show_post_count=1’) ?></ul>

• Fresh Folio from Woothemes.com - $70

<?php endwhile; ?>

• On Demand Premium Theme from Press75.com $75

Save the archives.php file and place it in your theme folder. Now, create a new page and name it anything you want. Just make sure that you choose the “Archive Page” template as the template for your new page.

• Braincast Premium Theme from Storelicious.com $79.90 • Jobpress Premium Theme from Dailywp.com - $59

I hope that you liked this exhaustive collection of WordPress hacks and also hoping that it will help you in some way

• Fresh News Premium Theme from Woothemes.com $70 • WpShowcase from Gabfire.com - $59 Update: One more Premium theme has been added to the contest. The theme is called WpShowcase from Gabfire.com How to participate in the contest? The rules of participation are quite simple. Here is what 6


Today’s Tabbloid Personalized for you

03 November 2008

you have to do to become a contestant :-

• Integrated Gravatars

• 1. Subscribe to the RSS Feed of Blog Oh! Blog (this will also help you to know if you are the winner)

• CSS/XHTML validated • and more…

• 2. Write an entry about this contest on your blog (Usually my blog will track back your entry but if it doesn’t, you can leave the post link in the comments). Make sure that the entry on your blog contains a link back to this contest.

How to install the theme? • Download the angel.zip file and extract it on your desktop.

• 3. One Premium theme per winner.

• This theme uses a plugin for displaying Gravatars next to your comments. The plugin is included in a sub-folder called “Plugins” in the theme folder (you will see it when you extract the files).

The contest runs for one full month and the ten winners will be declared on November 28, 2008 through a lucky draw (a separate post will be made declaring the results). The winning participants will be able to make a choice between any of the aforementioned Premium themes and the chosen theme will be sent to their respective e-mail addresses.

• Copy the gravatar.php plugin to your wpcontent/plugins folder in the wordpress installation and activate it. • Now copy the “Angel” theme folder to wpcontent/themes in the wordpress installation.

So, what are you waiting for? Hurry up and write about this contest to secure your Premium theme

• Finally activate the theme from wp-admin -> design section.

By the way, HAPPY DIWALI to everyone! Read more about Diwali

This theme has been tested with Internet Explorer, Firefox and Safari browsers and no bugs have been observed.

WordPress Theme - Angel 2008-10-17 01:01

Why have you named the theme as “Angel”?

Blog Oh Blog

The golden moments in the stream of life rush past us and we see nothing but sand; the angels come to visit us, and we only know them when they are gone - “George Elliot”

Because, Angels are everywhere Do you need feedback on this theme or do I just take it and run away?

Blog Oh! Blog is pleased to offer the community yet another free WordPress theme called “Angel”. The theme uses a soothing White color base with subtle Grey, rounded corners and a lovely tiled background which will appeal to anyone who cares about beauty

For me to continue making better themes in the future, your feedback is necessary. So say what you have to in your comments Enough talking, now hand it over

Salient features of this theme :TEST RUN | DOWNLOAD • Minimalistic Design • Sidebar DOM tabs • A unique layout that highlights your most recent post • Beautifully Styled comments • Widgetized Sidebars

7


Today’s Tabbloid Personalized for you

03 November 2008

Explain the sample projects

How to create an ideal portfolio?

You should attach a brief description about your role in the project that you accomplished. The portfolio must feature how your work aided in the presentation of the overall designs and how you met the requirements of the related client. If you were the only person to handle a great piece of work then make sure you mention that and take your lion’s share of credit.

2008-10-12 18:36 Blog Oh Blog

If you are looking forward to excellent opportunities as a freelancer or permanent designer, online presence in front of the employers is very important. The online portfolios are the only means to catch their attention. Now it is pretty tough to impress a person who cannot see your skills practically or you in person. They might chuck your name out of the list looking at the high payment rate you mention on the portfolio without knowing the quality you can produce. So cite the finest samples at the beginning and make sure that the portfolio is performing its best to impress the employers. As I have been a freelancer myself and now am into hiring them, I have few tips up my sleeve that can let you know about the employer’s perspective.

Choose the right project Not all the work you have done is suitable for the particular client or company you are planning to approach. Think like an employer and try to find out what type of work they are into and how much they will like the work you have included in the portfolio. Place the work samples in the profile which are somewhat similar to the one which an employer might think of submitting to one of his potential clients. If you can live up to their expectations and match their need then this is going to help you grab the job.

Who is going to look at it? The first task for you is to identify who all are the potential viewers of your portfolio. There can be two types of visitors -Your employers and new clients. Sometimes your existing clients might also refer to your portfolio in order to find some more information or simply to refer you for another client. Now the most important thing that you need to know about these potential viewers is that they are very much efficient themselves and probably know all the small details of designing. Moreover they even get to see a number of portfolios everyday; hence they tend to find out an easy trick to shortlist the profiles. So make sure you win the game at the beginning because no one is going to give you a second chance as there are many competitors available to outperform you.

Package it simple but attractive If you are packaging the portfolio attractively but the overlay is too heavy to be opened then the employers are probably going to reject it then and there. This is always much effective to keep the cover simple and concise. Put more emphasis on making the inside materials better and of good quality. It should be just one or two clicks away from the outer packaging. If you are a freelancer….. If you wish to get a number of freelance assignments then the website featuring your portfolio should be really detailed and attractive at the same time. In case a client has found you on Google and do not have any reference, they will be extremely critical about the samples. Still there are some simple ways to make a positive impression.

Steps to be followed There are few simple steps that you need to follow to get optimum results from your online portfolio. Feature your best products with price

• The good and genuine testimonials often act like positive catalysts in the process of getting a project.

The best of the works you have ever done in your life should be featured at the very beginning. Most of the employers will not have the time to dig through the entire portfolio and check out your best hands if they are buried under the long list. In fact they will definitely think about the reason why you were not able to rate your stuffs properly. This is also quite important to bait the employers with the price factor; so put the affordable prices at the top.

• The client list that you provide along with the portfolio should be an assurance for the new clients who will probably join the bandwagon. If you have worked with some of the brands or famous people then mention them prominently. • The sample design you provide on the site should be professionally presented and perfect from all aspects. 8


Today’s Tabbloid Personalized for you

03 November 2008

There should not be any silly mistakes, spelling or syntax errors.

2. MyIPneighbours: Snooping is always fun, right? This IP search facilitates in finding out how many other websites your ’shared host’ is hosting! This information if handled appropriately can be useful in web analytics and SEO.

• As some of the clients are not much sure about their requirements, you can educate and help them out with the explained packages on your site. Tell them in brief how each work sample can aid them.

3. WhoIshostingthis: A simple tool that enables you to find out the hosting company behind any website! Looking for a change in website hosting?

• You can also provide assurance to the clients that you can improve their business and it is a complete package that you provide and the quality is going to the best as per the market standards.

4. You Get Signal: This is a collection of various network tools and has in store, some of the best tools in the internet community. A treasure of useful resources!

• The contact details should be absolutely authentic and updated. Make sure all the links are working and all possible options to contact you are open to the clients.

Now for the attires, make-up and presentation Design and Color. 5. GenFavIcon: An online tool that lets you select or create your own Favicons - Unique little icons that are displayed alongside a site’s name in the address bars of browsers.

• Finally check out if you have missed on any information that the client should know before working with you.

6. Color Palette generator: You want similar colors (if not the same) like the ones in that particular image? Well, just type the URL of that image and you are gifted with a color palette, matching it. Simply wow! Isn’t it?

Step into the client’s shoes You can be the best judge of own work only when you step into the shoes of the employer. Take a look at your complete portfolio and try to find flaws as many as possible and think what more you would have liked to see in an applicant’s profile. Understand the need of pleasant appearance of the portfolio and design it accordingly. If all these factors are present in your online designer portfolio, chances of getting response will be multiplied quite a few folds.

7. Color Scheme Generator 2: The tool basically generates a wide range of color schemes using the best optical impression (one of the authentic algorithms used in doing so!). 8. Font Tester: The right tool to find out the right style/font/size/color for your website has arrived! It’s a free online font comparison tool that does almost everything in the world of fonts.

50 Tools to Help you Blogging

9. Screen Size Tester: Unless you want your website to look distorted in different available browsers, you better check out this tool - it will definitely make your job a lot easier!

2008-10-06 13:46 Blog Oh Blog

Blogging is more than just posting your views and any serious blogger would agree to that note hands down. There are many specialized tools available on the Internet that can enhance your website to a whopping extent and the only way to know what is going to work to your profits’ is to just try them out! Here is a list of 50 useful blogging tools (other than brains, creativity and the will to work!) that will help you in picking up your bet.

Now the geeky part (not exactly!) - Programming and coding 10. Grid: The fundamental of layouts is grids. ‘Grid’ is a manipulative and intuitive tool that facilitates the overlaying of a layout for any grid-based website.

Let’s kick off with ‘Hosting, DNS and domainname’that’s the first step anyways!

11. CSS Superdouche: A superb tool that sensibly reduces the complex and unwanted parts of your CSS code to trimmed ones. You can call it the ‘designer of code’!

1. Domainscour: This is a website which helps you to find all the available domains in your niche within a span of few seconds. Powered by web 2.0.

12. Centricle: You’ve done the finest coding possible for 9


Today’s Tabbloid Personalized for you

your website! Great! But one simple question - Is your CSS file compatible with all the browsers? Get your answers with this tool. Web forms and its guild!

03 November 2008

dragging and dropping buttons to your website (web 2.0 compatible). 23. MyCoolButton: Creates marvelous web 2.0 buttons! It’s renowned for its user-friendliness and a host of options to help.

13. WuFoo: It’s an innovative HTML form builder that aids you in creating some of the most beautiful forms, invitations and surveys.

24. StripeDesigner: Create stripes - the easy way. These little things do add on to the Web 2.0 look.

14. Web Form Factory: Standing true to its name, Web form factory is an open source generator of web forms. It automatically generates the much needed backend code to hold a particular form to a database.

25. Spiffy corners: Create rounded corners with the HTML and CSS provided by the tool, without the usage of some heavy images and JavaScript (this one’s heavy on brains, not size!).

15. PHP form: Stop drowning your heads into ‘Dummies for PHP’ and related books! It just takes three simple steps with this tool, to create a PHP form!

26. Tartan Maker: If you aren’t the ’stripes’ types, then create and use ‘tartans’ for your background. Try this tool!

Content! One of the fundamentals of your website!

Up-time, SEO and marketing

16. Orangoo spell check: It’s an online spell checker, a kind of free proof-reader! The results are very accurate and you don’t even need to download any kind of software or toolbar.

27. URL trends: UrlTrends is a service that helps you track your marketing, perform competitive intelligence and get the data you need to make better domain purchases.

17. TheCompleteWord: Creative minds do need rest or maybe some new sources? Scourge through millions of articles here by just typing the necessary keywords!

28. Word-tracker: “You enter a keyword and you get back hundreds of related keywords and an approximate of their daily search volume”- This isn’t fiction, it’s the functioning of this tool!

18. WorldLingo: Just the way you don’t understand the language of people at the other end of the planet, similarly they don’t understand yours! Find the perfect translation of your language in English through this tool. Social Bookmarking- A necessity. 19. AddThis: This tool spreads your website links throughout the internet at virus-like speed (although it’s not considered spam!) and makes it easier for people to bookmark your ‘darling’ and share it with others. 20. Social Marker: The promotion of your website is bound to take a huge leap with this tool in your kitty. This website offers free service through promotion and social bookmarking of your website. It saves a lot of your time and money for the PR!

29. Crawl test: The search engine crawling issues of your website will be taken to task from now on. This tool happens to be a crawling issue diagnose specialist. 30. SiteUptime: A monitoring service for your website that notifies you via SMS or email in cases of your website is unavailable. 31. HostTracker: Register to this service and it’ll set some monitoring points, which will be monitored carefully in case of errors and other problems in your website. 32. OnlineMetatag: Good Meta tags will help you in fetching a good rank in a search engine. This tool generates different Meta tags for various search engines. Rankings! Its time for your grades!

Logos and more 21. Logo generator: It has a self-explanatory name! Generates lovely Web 2.0 logos for your website. 22. Buttonator: This tool gives the liberty of creating,

33. Blog Juice: Blog Juice Calculator Determine the “blog juice” for your blog using this tool from Text-Link-Ads and compare with various other blogs from the blogosphere. Juice is determined from your Bloglines subscription, Alexa rank, Technorati rank and inbound 10


Today’s Tabbloid Personalized for you

03 November 2008

links in Technorati.

corresponding to the keywords on your website.

34. DNScoop: How much is your domain name worth? Use dnScoop to check and verify before you buy or sell, then discuss buy and sell domain names in the dnscoop forums.

46. GickR: The online tool lets you create GIF animations. It’s free and instant.

35. Xinu: Check PageRank, Backlinks, Indexed Pages, Rankings and more. 36. Website grader: A free SEO tool from HubSpot that provides an Internet Marketing Report for your website. Tips on how to improve your existing website are also suggested by this tool. 37. Page Strength: Like its name, the tool weighs a site’s or more commonly the page’s visibility and relative importance. 38. PR checker: By adding our Page Rank Checker tool (page rank icon) to your site you can instantly and easily check the rank (check PR) of all your web site pages right on your web site.

47. Searchamabob: This tool facilitates your website visitors to search using Google or any other search engine that’s added along to this cool widget. 48. XML sitemaps: Placing this tool will help search engine crawlers to get to your website and track the changes in your pages more easily. 49. ShrinkTheWeb: It’s a website thumbnail provider, in fact the most powerful one. 50. Website ribbon: Create a unique ribbon for your website and lets you add it to your website instantly. It builds on the ‘brand’ image of your website and makes it look cooler than ever!

12 Excellent designed Laptop Stickers 2008-10-01 22:48

39. Test Everything: CSS validators, HTML validators, web proxies, SEO tools, image tools and more - just check everything about your website here! 40. Popuri.us: It’s an indicator of the ‘popularity quotient’ of a link. A link’s popularity is checked on the basis of its ranking, social bookmarking, blogs and other factors. Stats and Feedback 41. Google analytics: A gem of an analytical tool from Google. Forget the mundane information, it even prompts you on where your visitors come from and their interaction in the website too.

Vikiworks™ Studio

I’ve been searching for some high-quality designed stickers for one of my friend. He is not that picky but all he wanted is something related to eastern culture stuff. Right now he probably talking to the maker for a custom design or something… Anyway here it came up with a tiny laptop sticker collection that I really like them! thought it might be good idea to share with you. Yep, it really make me wanted to… um. ‘personalize’ my own laptop. Don’t forget to look around another excellent collection via Flickr. btw, you can also try to engrave something on your lid cover. See Also

42. WebAGogo: A free online tool to test the quality of a website in tandem to its own set of established/relative parameters.

• WP Theme: Vikiworks V5 theme (137) • WP Theme: Resurrection (455)

43. Piwik: It’s an ‘open-source’ web analytics software revealing some juicy and interesting information/reports of your website.

• WP theme: Infinity (209) • Web Templates: Dreamtemplate (5)

44. PHPmyvisites: An open source software for audience measurements, tracking of visitors and web statistics. One of the powerful and accurate in vogue!

• viki.eggin theme (20)

Random ones 45. TagCloud generator: It generates web 2.0 tag clouds 11


Today’s Tabbloid Personalized for you

03 November 2008

• Integrated Theme Options

Premium WordPress Theme - Vanilla Sky

• Beautifully styled comments

2008-09-29 15:24

• Custom 404 Error page

Blog Oh Blog

Please welcome a brand new Premium WordPress theme from Blog Oh! Blog - Vanilla Sky! Vanilla Sky is a magazine styled theme created specially for bloggers who want to give their blog a non-standard website look. The theme sports a sleek color combination (black-blue-gray) which will fit almost any kind of blog and also has a very unique and original layout. Vanilla Sky’s navigation menu arranges your pages & sub-pages into a smooth dropdown menu for easy accessibility. The dropdown menu is unobtrusive and integrates into the theme nicely. The theme also includes a beautiful slideshow component that will allow you to showcase your most important posts. You can setup a specific category (through the integrated theme options) for the slideshow posts which makes it very dynamic. Custom fields have been used to display images in the slideshow and the featured content excerpts. You will find details about these options in the “Help” file included with the purchase. This theme is fully compatible with the latest version of WordPress and contains fully valid CSS/XHTML code. Other salient features for this theme include :• Magazine Style Layout • Dropdown menu for Pages & Sub-pages • Easy Slideshow Component to display specific category posts

Vanilla Sky has been reasonably priced at $79.99 and comes with full post sales support. It can also be customized according to your requirements at an additional price. View Demo | Purchase Single-User License ($79.99)

Design Studio: Visualscope 2008-09-27 18:05 Vikiworks™ Studio

I’ve been lately working with some great designers from Visualscope. After we’re both happy with what we’ve done so far, I’d like to take a moment to introduce them and their business scope here. Visualscope.com is a web design company based in Seattle, US. The core business is developing custom and fully interactive web sites as well as services range from custom web designs, application development, web hosting, CMS, website maintenance and internet online marketing services. Check out the design portfolio and case studies by the way. Being environmentally conscious is of paramount importance to us. As a result, we have implemented ecofriendly measures that we hope will make a difference. Some initiatives include allowing all of our core employees to telecommute. By not having a traditional office space, cutting down on transportation reduces greenhouse and emission gases. Paper printing is kept to an absolute minimum and we strive to ensure energy usage is kept at a reasonable level. Visualscope Work Philosophy

• Featured Content Excerpts with thumbnails

• Gravatar Ready

If you’re looking for a local agent to help you on the projects, it’s worth to call them and have a try out, I’m sure that with their expertise and highly skilled designers will make your project stand out.

• WordPress Gallery Compatible

See Also

• Easy FeedBurner RSS integration

• Flickr Photo Component

• WP Theme: Vikiworks V5 theme (137)

• Three Widget-ready sidebars

• WP Theme: Resurrection (455)

• Valid CSS/XHTML code

• WP theme: Infinity (209)

12


Today’s Tabbloid Personalized for you

• viki.eggin theme (20) • V5 Enhanced. (19)

03 November 2008

WordPress 2.6.2 Released 2008-09-09 12:45 Blog Oh Blog

WordPress Theme - Portfolio Press 2008-09-16 19:23 Blog Oh Blog

I’m glad to announce an all new WordPress theme from Blog Oh! Blog called Portfolio Press. This is a darkcolored theme suitable for anyone who wants to create a quick portfolio or wants to showcase his work through WordPress. The theme is fully CSS/XHTML validated, WordPress 2.6+ ready and comes with easy to modify code. The comments are nicely designed with Gravatar functionality. The theme is very small in size (58Kb only) and loads very quickly. It is also SEO optimized and has been tested with Firefox, IE6, IE7 and Opera browsers.

If you have allowed open registration for your blog readers, you might want to consider upgrading to the latest version of WordPress - 2.6.2. This new release of WordPress fixes some vulnerabilities and exploits which can be used by attackers. Here is what WordPress blog says about this exploit :With open registration enabled, it is possible in WordPress versions 2.6.1 and earlier to craft a username such that it will allow resetting another user’s password to a randomly generated password. The randomly generated password is not disclosed to the attacker, so this problem by itself is annoying but not a security exploit. However, this attack coupled with a weakness in the random number seeding in mt_rand() could be used to predict the randomly generated password.

How to install this theme? Some other bug fixes include:• You should have WordPress installed and ready either at your local host or on your paid hosting

• Images that were always inserted into a post at full size

• Download the zip file for this theme. Extract the theme folder and upload it to /wpcontent/themes/ in your WordPress installation.

• RSS widget linking if there isn’t a link • Inability to control where a user redirects to when they log in

• Log in to your WordPress admin panel, go to the “design” section and click on “Portfolio Press” theme to apply it. • Check your blog for the theme change. Demo & Download Portfolio Press Test Run | Download If you like the theme or want to leave feedback in general, please leave a comment. They are the inspiration that keeps me designing new themes for the community.

• Include mysql version in version check query string For more information, check out the release post. If you are already using WordPress 2.6.1, you can save time by just downloading a zip archive of 12 files that you have to replace in order to upgrade to 2.6.2. Go here and scroll right down to the bottom of the page and click on “Zip Archives”. Download WordPress 2.6.2 Upgrade Instructions

13


Today’s Tabbloid Personalized for you

[Fixed]My email form messed up. 2008-09-03 20:58

03 November 2008

the HTML file :.tooltip { position:relative; z-index:24; }

Vikiworks™ Studio

Now my contact page is working, it’s time to thinking about an alter, maybe cForm is a better solution.

.tooltip span { display:none;} .tooltip:hover {z-index:25;}

No matter you’re concern about the theme issue or offer me any job opportunity, if you don’t get my reply (normally I reply you all), please post here since my contact form plugin doesn’t work nicely. If you ever sent me a message after 28 August, your message probably missed. Please do NOT use my contact page! You can also send me direct message by follow up my twitter, I’ll keep you posted.

.tooltip:hover span { display:block; position:absolute; width:120px; top:25px;

Sorry for this mess! left:20px; See Also background-color:#FCFBDC; • No related posts. border:1px solid #333333;

Pure CSS Tooltips

padding:5px;

2008-09-01 21:49 Blog Oh Blog

Today I’ll teach you how top create tooltips purely using Cascading Style Sheets(CSS). Tooltips are basically little blocks of information that are used to inform users about certain attributes of your website elements. This is a tooltip example!Click on this link to see how a tooltip looks like. Most tooltips are created with the help of javascript or some other programming languages. This can be cumbersome because not everyone wants to learn Javascript. But CSS tooltips are easy to create and can be loaded quickly without any delay. Here is what you have to do:1. Make a blank HTML file and paste the following text in the BODY part :<a href=”#” class=”tooltip”><span>This is a pure CSS tooltip!</span>Tooltip 1</a> This is the HTML part where we create a hyperlink with the text Tooltip1. In the next step, we are going to hide the text within the span tags which will serve as the tooltip text. 2. Now post this CSS information in your HEAD part of

font-size:11px; color:#333333; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; } If you look at the above code carefully, we have given the property display:none to the span tag inside the hyperlink. This will make the text inside the span tag invisible. Now when you hover your mouse, we make it appear again by giving the property display:block to the span tag on hover. The positioning of the .tooltip span class is relative because we will place the tooltip text relative to the hyperlink area and make the span tag absolute by defining its fixed position. The z-index is used so that tooltips are in the front of the hyperlink and do not overlap. The more the value of z-index, the farther in the front goes the element. These tooltips can also be integrated into a wordpress theme easily. Just copy the CSS into your style.css file and when creating your posts, just take help of the HTML code and create your own tooltips. Rest is all styling which can be altered according to your own choice. You 14


Today’s Tabbloid Personalized for you

may also use images inside the tooltip boxes. So, just learn this trick and you will be making nifty CSS tooltips in no time. And yes, don’t forget to leave a comment! Download an example file

10 WordPress Hacks to Make your Life Easy 2008-08-28 00:29 Blog Oh Blog

Displaying Gravatars in comments To refresh your memory, Gravatars are little user images from Gravatar.com that are displayed against your comments in the theme (if the theme is built to support Gravatars). A lot of WordPress themes are built without the support of Gravatars. So, here is some help for you to add Gravatars in your theme. Open up your comments.php file from the theme folder. Find this piece of code :<?php comment_text() ?>

03 November 2008

All the versions of WordPress 2.5+ have inbuilt Image Gallery function where you can upload your images in a set and then insert the gallery either into your post or a new page. But almost all the old themes(before 2.5) and many new ones do not have the integrated functionality. In order to add this feature, here is what you have to do :In your existing theme, open single.php and save it as image.php in your theme folder. Now open this image.php file in an editor and find the line that displays the post content. It should be somewhat in the following form. It can differ a bit but the function is called by the_content like this :<?php the_content(‘Read More’); ?> Now insert the following code above the aforementioned code (the_content) :<p class=”attachment”> <a href=”<?php echo wp_get_attachment_url($post>ID); ?>”><?php echo wp_get_attachment_image( $post->ID, ‘medium’ ); ?></a>

Replace the above code with the following code :</p> <div class=”gravs”> <div class=”caption”> <?php if (get_bloginfo(‘version’)>=2.5) echo get_avatar( $comment->comment_author_email, $size = ‘50’, $comment->comment_author_link);?>

<?php if ( !empty($post->post_excerpt) ) the_excerpt(); // this is the “caption” ?> </div>

<?php comment_text() ?> </div>

Insert the following code below the aforementioned code (the_content) :-

<br clear=”all” />

<div class=”imgnav”>

The above code will display the Gravatars. Now let us add some CSS to the style.css file for your theme.

<div class=”imgleft”><?php previous_image_link() ?></div>

.gravs {margin-top:20px;}

<div class=”imgright”><?php next_image_link() ?></div>

.avatar {float:left; margin-right:5px; marginbottom:5px; padding:3px; border:1px solid #999999;} When you check your theme again, you will see the Gravatar images against your comments.

</div> <br clear=”all” /> Now, add this CSS to your theme’s style.css file :-

Image Gallery in WordPress /****************Image Gallery 15


Today’s Tabbloid Personalized for you

03 November 2008

*********************/

</div>

.gallery {text-align:center;}

You can do the same for your single.php file in the theme folder which is used to display your individual posts.

.gallery img {padding:2px; height:100px; width:100px;} Displaying Twitter messages on your blog .gallery a:hover {background-color:#ffffff;} .attachment {text-align:center;} .attachment img { padding:2px; border:1px solid #999999;}

If you have a Twitter.com account and want to display the twitters that you make on your blog, here is what you have to do.

.imgnav {text-align:center;}

Login to your Twitter.com account. Go to this URL :http://twitter.com/badges/html and choose your settings. Copy the code and paste it on your blog. You can paste it directly into your theme files or use text widgets to put them in a sidebar. They can also be styled through CSS.

.imgleft {float:left;}

Displaying Authors’ Bio

.imgleft a:hover {background-color:#FFFFFF;}

In a multi-user blog, it can be beneficial to show the Authors’ Bio under every single post for the users to read about the post author. This can be done using the Biographical Info in the Your profile setting under Users section of WP-Admin.

.attachment a:hover {background-color:#FFFFFF;}

.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;} .imgright {float:right;} .imgright a:hover {background-color:#FFFFFF;} .imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

To integrate this bio, open up your single.php file and under the_content line (as before), add this code :<div class=”author”> <?php the_author_description(); ?>

The above CSS code fixes the default gallery of WordPress which doesn’t look so good. So, now when you go and upload your images in a post or a page, go to the gallery option (after you have finished uploading all your images) and insert gallery into your post/page. That’s it! Adding a “Subscribe to feed” message after every post

</div> Now, add the following CSS code to your style.css in the theme folder:.author{ color: #222222;

Many people use this kind of message to remind the readers to subscribe to their blogs and place them at the end of every post. This can be accomplished by using a simple plugin or you can do the following. If you want the message to show under all your posts on the homepage, open up index.php and just where your content finishes (the_content), add this line :-

font-family: Arial; font-size: 12px; border:1px solid #CCCCCC; width: 500px;

<div style=”padding:5px; border:1px solid #999999; margin-top:10px; background-color:#FFF8AF;”> If you enjoyed this post, make sure you subscribe to my RSS Feed

padding: 5px; margin-top:10px; margin-bottom:10px; 16


Today’s Tabbloid Personalized for you

} Now if you refresh your individual post pages, you will see the author’s info under the post content. Categories drop down To add a good looking drop down that will list all your existing categories, insert the following code in your blog template. You can do it either in your sidebar.php file or anywhere in the index.php. This is the code :<form action=”<?php bloginfo(‘url’); ?>/” method=”get”>

03 November 2008

you. Save the following image to your desktop (this is a sample 125×125 banner that we will use) :Make a folder called “ads” in your theme folder (the theme in which you want to add these banners) and place this image (125.gif) in that new folder. Now, add the following code to your sidebar where you want the banners to appear :<div class=”bannerads”> <div class=”ad_125x125”><a href=”#”><img src=”<?php bloginfo(‘template_directory’); ?>/ads/125x125.gif” border=”0” alt=”Advertising” /></a></div>

<?php $select = wp_dropdown_categories(‘show_option_none=Select category&show_count=1&orderby=name&echo=0’);

<div class=”ad_125x125”><a href=”#”><img src=”<?php bloginfo(‘template_directory’); ?>/ads/125x125.gif” border=”0” alt=”Advertising” /></a></div>

$select = preg_replace(“#<select([^>]*)>#”, “<select$1 onchange=’return this.form.submit()’>”, $select);

</div><!— bannerads —>

echo $select;

Finally, add the following CSS code to your style.css file :-

<br clear=”all” />

?> .bannerads {width:270px; margin:10px auto;} <noscript><input type=”submit” value=”View” /></noscript>

.ad_125x125 {float:left; margin:0px 5px 10px 5px; width:125px; height:125px;}

</form> Archives drop down

When you refresh your theme, you will see two adjacent 125×125 banner ads in your sidebar. You can then change the images as you like and also the hyperlinks.

Just like in categories, you can have your monthly archives listed in a drop down. Add the following code to your template files :-

Displaying most commented (popular) posts

There is always an urge in bloggers to showcase their <select name="archive-dropdown" most popular posts or the posts with the most comments. onChange=’document.location.href=this.options[this.selectedIndex].value;’> This is how you can do it:<option value=""><?php echo attribute_escape(__(‘Select Month’)); ?></option>

Place the following code at the end of your header.php file in the theme folder. You can change the number of popular post titles that will be pulled from the database <?php by altering the $no_posts variable in the code :wp_get_archives(‘type=monthly&format=option&show_post_count=1’); ?> </select> <?php function most_popular_posts($no_posts = 5, $before = ‘<li>’, $after = ‘</li>’, $show_pass_post = Adding 125×125 Ads to your sidebar false, $duration=”) { Many people do not know how to integrate 125×125 banner ads into their theme sidebars. I will explain it to

global $wpdb;

17


Today’s Tabbloid Personalized for you

03 November 2008

$request = “SELECT ID, post_title, COUNT($wpdb>comments.comment_post_ID) AS ‘comment_count’ FROM $wpdb->posts, $wpdb->comments”;

<?php most_popular_posts(); ?>

$request .= ” WHERE comment_approved = ‘1’ AND $wpdb->posts.ID=$wpdb->comments.comment_post_ID AND post_status = ‘publish’”;

In order to enable your users to take printouts of your posts, you can provide them with a Print button on the blog. Open up your single.php file (for individual posts) from the theme folder and add the following code wherever you want to have the Print option:-

if(!$show_pass_post) $request .= ” AND post_password =””; if($duration !=”“) { $request .= ” AND DATE_SUB(CURDATE(),INTERVAL “.$duration.” DAY) < post_date “;

Adding a Print Button to your posts

<a href=”javascript:window.print()”>Print this Article</a> I hope that you liked these WordPress hacks and also hope that they make your life easy in some way

} $request .= ” GROUP BY $wpdb>comments.comment_post_ID ORDER BY comment_count DESC LIMIT $no_posts”;

Microsoft Photosynth, not ready for Mac 2008-08-23 19:43 Vikiworks™ Studio

$posts = $wpdb->get_results($request); $output = ”; if ($posts) { foreach ($posts as $post) { $post_title = stripslashes($post->post_title);

I’m impressed with Microsoft Photosynth website, the colors, layout are just as good as it is… it’s always been excited to try a new thing out… but wait a sec, it shows off something not attractive anymore after installed some missing plugins (Silverlight maybe?) Unfortunately, we’re not cool enough to run on your OS yet. We really wish we had a version of Photosynth that worked cross platform, but for now it only runs on Windows…

$comment_count = $post->comment_count; $permalink = get_permalink($post->ID); $output .= $before . ‘<a href=”’ . $permalink . ‘” title=”’ . $post_title.’”>’ . $post_title . ‘</a> (‘ . $comment_count.’)’ . $after;

So I thought it might be the browser jammed or something so I’ve give it another shot with Safari. Oops! The same. I guess eventually die-hard Mac users have to wait for … arhhh, it’s always hard to estimate things like this, isn’t it? See Also

} • Web app-like gReader skin (0) } else { • Safari: where is your Go button? (17) $output .= $before . “None found” . $after; • Photorganizr: another flickr style photo service (9) } echo $output;

• Oops! Illustrator CS3 Crashed while Print Spooler service turned off (8)

} ?>

• Norton Antivirus 2007 for Vista (2)

Now, wherever you want to display the popular posts list, place the following code. You can do it in the sidebar or the index.php file. 18


Today’s Tabbloid Personalized for you

03 November 2008

• WP Theme: Vikiworks V5 theme (137)

Built2go Turnkey Templates

• WP Theme: Resurrection (455)

2008-08-20 18:02 Vikiworks™ Studio

If you’re following up my previous templates review, you’ll probably be interested in Built2go.com - an instant turnkey templates website. Built2Go has all the benefits of a professional website template website, but with the added benefit of powerful turnkey websites powered by php scripts! So if you want more than a template for your website so you can get your site up and running quickly, then you will want to check out built2go.

• WP theme: Infinity (209) • viki.eggin theme (20) • V5 Enhanced. (19)

WP theme: Infinity 2008-08-09 16:45 Vikiworks™ Studio

Here are some features I’d like listed as below for a quick view: • Turnkey websites templates

Updated Aug 18th - Infinity 1.0.1 has been released (get it here or over Smashing Magazine), it is highly recommended that you upgrade at your convenience, especially if you’re need WP page template which was missing in previous version. Enjoy.

• PHP Scripts Download Now • Corporate Indentification (CI) included Get the Infinity theme (v1.0.1, total 2314 downloads) • Banner packs Change log If you are starting up your own home business, built2go.com is the best option for you, because by just downloading and installing one of their packages, you are up and running in just a few minutes, and because built2go turnkey websites let you sell products, sell memberships, sell your own advertising, or show google adsense banners, you can start making a lot of money right away. Some of the instant business types they offer include review websites, rate my photo websites, news portal blogs, classified ads, personal ads, car dealer listings, dating sites, and many more! Built2go.com also provides various template designs for each type of script, and you can access their entire membership section with hundreds of options for only $69.95. Built2go is great choice for a limited budget and home business project and it’s ready for use instantly, which means the only thing you need to worry about is which template you will download and apply it to your current project. Besides templates and scripts, member access also includes the benefits of the free coporated Indentification (CI), banners ad packs and more. If you’re struggling with your design and figuring a way out to make it work instantly, now it’s time to visit Built2go as a consideration of your upcoming project.

V1.0.1 includes: • WP Page template included • Top navigation revamped (now it work with your pages list) • Blogroll links Installation and Configuration It really doesn’t get much easier than this, extract the contents and upload the whole ‘theme’ folder to your wpcontent/theme directory, and you can name it whatever you like. Copy all plugin(s) into wp-content/plugins directory and active them via WP admin. 1) Add a page content - Log into WP admin, Write > Page, hit the save and publish and this will reflect on the top navigation menu. 2) Change the del.icio.us Feed - Edit left.php, line #24:

src=”http://feeds.delicious.com/v2/js/yichi?count=8&sort=date” replace yichi with your own delicious id, count=8 where you can change how many items you like to show.

See Also 3) Change the number of display posts in home - simply 19


Today’s Tabbloid Personalized for you

03 November 2008

go wp admin, settings > reading > Blog pages show at most: where enter the number (the default value is 10)

Open header.php and located to line #6, replace that <link rel=”shortcut icon”… url with your own.

====================================

2) Create a page template

Thanks Smashing Magazine for featuring and publish Infinity theme for wordpress. As you might see that Infinity theme was actually based on my current theme layout, please visit Smashing Magazine for a quick preview and download.

Create an individual page please refer http://codex.wordpress.org/Pages, and I will add a page template in the next update.

Some guide you might need before using this theme:

Edit left.php, line #7

Using Custom Field to custmize the post style

http://twitter.com/statuses/user_timeline/***.json?callback=twitt

As Infinity theme requires to use the feature of Wordpress custom filed, here I will show you how to enable that magazine cover style by simple add key value to custom filed:

replace *** with your twitter id - count=1 means how many message, change it to 2,3 and so on.

1) Once you’re about finishing your post and BEFORE you press ‘publish’ button, scroll down your page to Custom field, where you can enter a new keyword and value

Open header.php, line #34 simply replace the feedburner url with your own RSS feed.

3) How do I edit the twitter

4) Change the RSS

5) Change the top menu Key: thumbnail Value: enter your photo path (you can either upload a image and copy its path directly or link to your flickr album. And for a better result, please sizing your photo to 235*150 pixels), then hit ‘Add Custom Field’ button, wordpress will save this field, and you can edit it at later. It’s that easy! 2) then publish it and go check the update you’ve just made, if everything goes fine, your frontpage will show thumbnail style covers. I hope you all can enjoy this theme as much as I created, any comments and questions about this theme are always welcome, I’ll try my best to help you out. Since Smashing Magazine publish it yesterday, I already received over 70 emails concerns about this theme, I’ll reply to all of you asap. Updates Thanks so much for all encouraging comments, and here I listed a few issues that you might want to modify, meanwhile I’m working on an update to ensure all these can be fixed.

The top menu items are designed to modify manually, but you still can replace them with wp page navigation, open header.php and locate line #29 <ul class=”topnav”> <li><a href=”<?php echo get_settings(’home’); ?>/” title=”Return to Frontpage”>01. Home</a></li> <li><a href=”http://vikiworks.com/” title=”About”>02. About Me</a></li> <li><a href=”http://vikiworks.com/” title=”Contact”>03. Contact</a></li> <li><a href=”#main-wrapper” title=”Contact”>04. Skip to content</a></li> <li class=”rss”><a href=”http://feeds.feedburner.com/vikiworks” title=”Subscribe RSS”>RSS</a></li> </ul> repleace blue color highlighted code with <?php wp_list_pages(’title_li=’); ?>

1) How can I remove the favicon? For details on page navigation, please refer to Wordpress 20


Today’s Tabbloid Personalized for you

Codex. This theme requires Page navi plugin installed to enable the page navigation, please get one from here.

03 November 2008

See Also • web2.0 logo collections (1)

See Also • Web2.0 collection in Digital World from Taiwan (0) • Vista extra wallpapers (1) • Web app-like gReader skin (0) • Vector Logos: download for free! (12) • Try something new! (34) • Try something new! (34) • Theme eyeball (35) • Theme eyeball (35) • Styled button with sliding doors (7)

Boxedart: Pro website templates 2008-07-25 20:34

Templateworld, web design templates 2008-07-30 18:41 Vikiworks™ Studio

Templateworld, actually it has told the whole story by the name itself. Within over 40 different web 2.0 styled template categories to choose from, instant access enabled once you’re signed up for membership for just $49.95, it definitely can be your major premium resource basement for web site templates design. Go visit the website and browsing around all the stunning design templates, I’m sure you’ll totally satisfied with the quality and styles. In case you’re interested, lets take a look at few eye candy samples.

Vikiworks™ Studio

As designers, we’re looking for some sleek design templates and layouts for a project. Sometimes the free open source template websites have some good website templates, however the majority of those templates are pretty plain, and often contributed by amateur designers. When you are in a rush to complete a project and need the best quality, you might not be able to fill your needs with free templates alone. To resolve this, I have found that using professional website templates from BoxedArt.com is a great choice. They provide over 6000 designs for your web projects, and have a very small access fee. here are listed some sample templates:

Templateworld also features: • No per product fees • Easy to use web design templates • Wordpress, Joomla ready-to-use themes • Flash and logotype templates • Maximum compatibility for all modern browsers and platforms • Affiliate program, 30% commission and much more await you to exploring If you’re looking for premium quality design for your upcoming project, or maybe you just want your website or blog revamping, I’m sure that you already spent a lot of time, searching on the web, wrote a ton of emails to looking for some offshore designers… now stop looking around, try templateWorld and bookmark it, get ready to roll out.

After you join up with BoxedArt, all of your downloads are free, so you do not need to keep paying for designs, so it basically as good as a free template site from the perspective of cost, however all of their templates are designed by professionals only, and they are also validated designs, often enhanced with flash, logos, and more, giving you better choices than going with free templates. What I like more is that BoxedArt also provides print templates for stuff like brochures, menus, t-shirts, as well as goodies like mascots and vector icons and dozens of other stuff to use in projects. I chose to share this because I thought BoxedArt’s template offer is the most generous of any template site I found anywhere. What is also very cool is that BoxedArt has limited edition and exclusive templates too, so from their site you could be the only person to use a design if that is important to you. See Also • Wordcamp 2007 Beijing (8)

21


Today’s Tabbloid Personalized for you

03 November 2008

• What’s wrong with Chinese blogger? (2)

• WP Theme: Resurrection (455)

• web2.0 logo collections (1)

• WP theme: Infinity (209)

• Web app-like gReader skin (0)

• Web Templates: Dreamtemplate (5)

• Vista sucks! I’m re-installing my system now. (2)

• Web app-like gReader skin (0)

V5 Enhanced. 2008-07-14 21:24 Vikiworks™ Studio

Recently a talented designer from Munich, Milo has made this BIG updated on V5 theme, improved its stability and compability, add drop down menu and even a redesigned slide showcase… interests you? grab it now [via Mio’s website] you can also get my original V5 theme here. See Also • Vista extra wallpapers (1) • Vector Logos: download for free! (12) • Try something new! (34) • Theme eyeball (35) • Styled button with sliding doors (7)

Nintendo games on your sidebar 2008-07-02 19:40 Vikiworks™ Studio

FireNes is a Java based NES emulator add-on, it combines over 2,000 Nintendo games that you can easily grab-n-play on your sidebar (Firefox only on both Windows and Mac), you can install this addon via Mozilla web site, then you can access the game list by going to Tools -> FireNes. After play with it in a while, some games were a bit sluggish and some completely not loaded… since they’re old games and at no charge, we can’t expect more. If you’re a super fan of the mushroom guy ‘mario’, you can’t missed it. Update: for some reasons Wordpress extensions no longer work, here is official link from author, get it here. See Also • WP Theme: Vikiworks V5 theme (137)

22


My Tabblo