Sometimes the website that we design looks good in browsers that we use. But do you know, some browsers does not support our design and will break the design layout. Because of that, we need to test it in multiple browsers. But how?
Browsershots.org is a website that give you free service to take screenshots on your website design in 9 different browsers.
- Dillo
- Epiphany
- Firefox 1.5
- Firefox 2.0
- Galeon
- Knqueror
- Mozilla
- Opera
- Safari
With the screenshots, you can see and edit your site theme to make the design looks perfectly in various browsers. It use
Here is my website screenshots taken while ago, CypherHackz.Net Screenshots. From the screennshots, it seems like I need to do something with the email subscription form. Need to edit it a little bit. Duh… 
[tags]browser, screenshot, design, website[/tags]
I joined Ashok personal contest about the Technorati Favorite. Anyone who add him to their favorite list, they will get chance to get the Rs500. And the winner for the contest is Sunny Cool. He3. It is not me. Lol…
I only won the consolation prize which is my site link is been put on Ashok’s site header for a month. Well…at least I won something right? 
Thanks to Ashok.
Btw does anyone interested to add me in your Technorati Favorite? Just add me in your list and leave a comment here. I will add you once I make sure you had done so.
Here is the link to favorite me: Add this blog to my Technorati Favorites! [tags]technorati, prize, win[/tags]
Happy Birthday, CypherHackz.Net!!!
Today is CypherHackz.Net’s birthday. In one year, CypherHackz.Net has improved so much. From PR0, it has been moved to PR5. And currently it has gain another step to PR6. Beside than that, there are so many changes made to this website. From the design till the structure used. Here are the header that I used in this one year.
And as the birthday gift, again, I make another theme for this site. Lol… After I know how to make a Wordpress theme, I get so excited to make more themes. He3. I named this theme, CypherFS Kay2. The pronounce is K2. It is not because I use the K2 technology, but it is just I feel like it. I Well, I hope this is the last one. Maybe the next birthday I will make another theme as a gift for this site.
My wishes: I wish that CypherHackz.Net will be well known one day. And this website will get more visitors and traffics in the future. Good luck to you, CypherHackz.Net! 
[tags]birthday, cypherhackz, website[/tags]
If you have gold bar, would you put it and showing it to your friends? Lol…
Put away common USB Hub and use this USB Gold Bar Hub to amaze your friends with this. This 2 Kg weight USB Hub is painted with gold colour and make it really looks like a gold bar. It powered by AC Adapter and supports up to 8 USB ports.
Thanko [via The Raw Feed]
Cypher: The gold shining that coming from the surface really make me thought it is a gold bar at the first place. Lol… [tags]usb, gold usb hub, usb hub[/tags]
Long URL will make it difficult to copy and paste it in the browsers. And sometimes it also can break the website design. Because of that, TinyURL.com exists to shorten the long url.
What you need to is, go to the TinyURL website and paste the long url into the form box. After that, click “Make TinyUrl!”. TinyUrl.com will give you a shorten url that you can use to replace the long url. This tiny url will re-direct people who clicked on it to the long url location.
TinyURL Tips: You can use TinyURL to hidden your affiliate links.
Wordpress Tips: There is a plugin available for you to use to shorten the long url. You can download the plugin here, Chunk Urls for WordPress. [tags]tinyurl, short url, url, long url, wordpress, plugins[/tags]
Some posts from Week 50, 2006 (11th - 17th November 2006) that you might want to read. 
Do you want to change your FeedBurner Headline Animator from the old-school style
to like this
Some of you may already knew about it. Now we can use our own custom image for our headline animator. Just create your own design, then go to FeedBurner account. Under Publicize, go to Headline Animator and in Customize Your Headline Animator, choose “Design your own…”.
There you can customize the title, date and headline for your headline animator. You can decide the colour, font size and width. And you also can drag to arrange them on your image.
Btw what do you think with my feed animator design? The idea I use is from this Wordpress theme. Lol… [tags]feedburner, headline, animator[/tags]
You are reading Make your Own Wordpress Theme - Part 7. To read other parts, click on the link below.
Yay… This is the final part for my Make your Own Wordpress Theme tutorial. As I said in the first part , my tutorial only covers basic parts needed to make your own Wordpress theme to work. So, there are some other advanced method that I didn’t mention here.
Beside than use single index.php file, you also can modified it to single.php and page.php file. What it does is, single.php will use to display your post in single display, while page.php is use to display your page.
Other files that you can create are
- archive.php
- search.php
- 404.php
You can get more info in Wordpress website and Wordpress codex .
I hope this tutorial will give you some little helps to guide you in making your own Wordpress theme. If you has successfully make your own theme from this tutorial, feel free to give comments or post a link on your website that you learn it from here. I really appreciate it. I’m sorry if there are so many grammar mistakes (I’m sure there are) or you did not understand some parts in this tutorial.
What I will do next? Hurm…I guess I need some rest. Lol… Just kidding. I will update this site as usual. I will post new and interesting stuffs here. Till then. Thanks for your time… [tags]diy, how to, skin, theme[/tags]
You are reading Make your Own Wordpress Theme - Part 6. To read other parts, click on the link below.
Now we are in the second last part in my Make your Own Wordpress Theme. In footer, you can put your credits or anything that you want. But make sure don’t forget to put
<?php wp_footer(); ?>
before </body> like this.
Code (php)
-
-
</div> <!– close content –>
-
<div id="footer">
-
your footer text goes here
-
</div> <!– close footer –>
-
</div> <!– close wrapper –>
-
-
<?php wp_footer(); ?>
-
-
</body>
-
</html>
-
Some plugin need this tag to make it work. So if you decided to make your theme to public, make sure to put it in your theme.
Next, Part 7 - Final! [tags]diy, how to, skin, theme[/tags]
You are reading Make your Own Wordpress Theme - Part 5. To read other parts, click on the link below.
For sidebar, there are some Wordpress tags that we can use here. For an example, to display the pages, categories, archives, etc.
First what we will do is to put unordered list to make it easier to manage our sidebar. Here what I mean.
In sidebar id, we put the <ul> and <li> like this.
Code (php)
-
-
<div id="sidebar">
-
<ul>
-
<li>
-
our sidebar content goes here
-
</li>
-
</ul>
-
</div> <!– close sidebar –>
-
Read more…
