Friday, June 10, 2005

Dear Gurdip,

Thanks for your interest in this little website, I'm glad you like it!

To Everyone other than Gurdip: this character named Gurdip emailed me and asked me about how i create all of this. So i'll write a little bit and provide some links for anyone who is interested in create a site just like this totally free! EVERYTHING YOU SEE HERE IS FREE!!

So here it is, a list of the differnt parts of the website:

1. The most important piece: blogger.com. Blogger is the tool used to build the website and they give you the hosting space too, so without blogger, you are out of luck. (of course there are MANY free blogging tools, but blogger is my favorite!) sign up for a free account at http://blogger.com, or just click the "get your own blog" in the upper right corner of this page!

2. flickr! if you don't know about flickr.com its about time you learn! Flickr lets you upload pictures, and then use them on your blogs or anywhere you'd like! once you've uploaded an image i hit the "all sizes" button and go to the small one. then you just have to copy some code and paste it into you blogger post! pretty easy!

3. I have a couple boxes full of links on the right hand side of the site. the first is my blogroll. this is a handy little tool to have. i have a bookmark set in my browser that will allow me to hit it on a website i want to add to my list of links, and it takes care of everything. just hit up http://www.bloglines.com/ and sign up for a free account. then you should be able to get some code from their site to include on your own website to display the links!

4. the next box of links is from http://del.icio.us/. its a cool site where you can share and tag your bookmarks.

now to display my del.icio.us links i needed to sign up for an account with RSS Digest. this is a free service that allows you to display your xml feed from del.icio.us. sign up for an account and provide them with your del.icio.us information. it looks like they have too much traffic right now, so you may not be able to use this....

5. STATS: stats are kinda a cheesy thing to have on a website, but what the hell huh? you'll notice that the 3 counters i have on the right side of the page are not even really close to each other, so don't use any of this if you need accurate stats. the stats that i like the best is the icon at the very bottom of the page. click here to access that one. and if you click on any of the stats images, you'll go to a page that will allow you to sign up and get your own stats from them.

6. FEEDS: this is a really cool feature, and still totally free. i used FEEDBURNER for this. Sign up for a free account, provide them with you blogger xml file (blogger supplies atom feeds) and they create everything else based on that. you can also give them xml file's for del.icio.us and flickr. then they give you code for the buttons that allows people to subscribe to your feeds! just create a http://my.yahoo.com page and then click on My Yahoo button under feeds, you'll have the kidpurple.com posts right on your my.yahoo page!

then there are just a couple other things. ads from google, my blog map, and that little email address image was created at this website: http://www.nhacks.com/email/

so knowing all that, all you have to do is edit your template in your blogger settings. its just simple html and css. if you don't know anything about html or css, here are some books that mite give you a good start: get them pretty cheap at amazon.com! The CSS reference book is the only one that i have, but the O'rielly books are always good. if you just wanted one book, the visual quickstart guide might be a great choice, it sure is pretty popular at amazon.com and gets very high user reviews!

Cascading Style Sheets 2.0 Programmers Reference

CSS Pocket Reference

HTML for the World Wide Web with XHTML and CSS: Visual QuickStart Guide

HTML & XHTML: The Complete Reference

HTML & XHTML: The Definitive Guide

i hope this helps you Gurdip, and anyone else who is interested. if it does, leave a comment here with a link to your site!

No comments: