Home | Top Skins | Tags | All Skins | Forums | Contribute | About

BlogSkins.com Forums

Forums > Help! > "How to make blogskins : "guide"" (70 replies)
xragdollx's icon Author: xragdollx
Posted: 8.5 years ago
(link)
**This is not really a guide, it's just a collection of links and a brief description about WYSIWYG editors.

-------------------

There are so many people asking for help on making blogskins, so I thought it'd be so much easier to make a thread and link helpful sites just so everyone won't have to type the same things all over again.

What is Dreamweaver / a WYSIWYG editor?
It is a What You See Is What You Get editor from Macromedia. It can be used to create websites, blogskins and the like. "WYSIWYG is used to describe applications that let you see how a finished HTML document will look whilst still letting you edit it." (definition from www.liv.ac.uk/webteam/glossary/)

My suggestion : Learn (X)HTML before using WYSIWYG editors. They should not be used if you can't code in HTML. WYSIWYG editors are known for inserting useless HTML codes that will result in bloated mark up.

HTML tutorial sites:
VERY basic guide for the clueless - http://www.w3.org/MarkUp/Guide/
A little more detailed - http://www.w3.org/MarkUp/Guide/Advanced.html
RECOMMENDED - http://www.w3schools.com/html/default.asp
http://www.lissaexplains.com/
http://www.htmlcodetutorial.com/
http://www.webreference.com/html/tutorials/
http://htmlhelp.com/reference/html40/
XHTML - http://www.nypl.org/styleguide/
XHTML - http://www.alistapart.com/articles/betterliving/

Layout generators (you can learn from the (X)HTML codes generated, but remember to give credit):
http://wannabegirl.org/firdamatic/
http://www.inknoise.com/experimental/layoutomatic.php
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
http://intensivstation.ch/en/templates/

Free WYSIWYG editors (search results from Google):
http://kupu.oscom.org/
http://nvu.com/
http://www.trellian.com/webpage/
http://www.w3.org/Amaya/Amaya.html
http://www.xstandard.com/

Misc
Blogger template tags - http://help.blogger.com/bin/topic.py?topic=39
"standard" blogskin template explained - http://sixseven.org/index.php?action=howtobm
Something I wrote some time ago, similar to this but has more links - http://dearly-beloved-.blogspot.com/2005/12/ahem-read-you-are-not-allowed-to.html

I hope this helped everyone who are interested in blogskinning. Thanks for reading, and all the best to everyone.

PS : my blog http://dearly-beloved-.blogspot.com/ :D

Pages: 1 2

 
 
myles's icon Author: myles
Posted: 8.5 years ago
(link)
  This is really good! Thanks!
 
 
xragdollx's icon Author: xragdollx
Posted: 8.5 years ago
(link)
  Thank you, and you're welcome. :D
 
 
's icon Author:
Posted: 8.5 years ago
(link)
  sixsever.org is a good site for the blogskin making tutorial :)
 
 
's icon Author:
Posted: 8.5 years ago
(link)
  i mean sixseven.org
 
 
nevermind2646's icon Author: nevermind2646
Posted: 8.5 years ago
(link)
  hey!

I have a little problem because even if ive read everything possible about CSS codes and that i have quite understood them, i can't figure out how exactly to do to create a blogskin! I can do the header, background, links, but i just dont know for the comments stuff and how to make the different content to repeat each time i want to write an article, and the same for the date header... Please, help me!
I spent those 4 last days, day and night, trying to create a perfect blogskin and each time i try it doesnt work as it should...

It would be really nice if you could try making a skin for me with the following picture as a repeating background and otherwise a black background for the content boxes:
http://i25.photobucket.com/albums/c86/nevermind2646/2e3e58ca.jpg

If possible, no navigation bar, only horizontal links on the top under the header, because it usually takes all the place on the page, and we are finally forced to write in a tiny tiny box. :( I'd like a large place to write and to be able to post photos without it looking ugly!

Thanx a lot :D

I do hope you'll help me with it because i cant do anything more for improvment! Ive read and tried everything! :O
 
 
ren_tony's icon Author: ren_tony
Posted: 8.4 years ago
(link)
  hello.. i am new here.. i really dunno how to do it.. e webby above are very good but i really dun understand a lot.. cos i am very new.. erms.. den can i asked.. i check a lot of blogskins.. they got e map de.. may i noe which webby got? can teach mahs? pls? thx in advance..
 
 
syafiola's icon Author: syafiola
Posted: 8.4 years ago
(link)
  hiee! i'm new but i do not know how to create my own blogskin. tried the websites above but dun really understand. i have dreamweaver but don't understandhow to work it. can you teach me? pleasssseee... tankew. hope u can teach me a.s.a.p. tankew again
 
 
lsyjasmine's icon Author: lsyjasmine
Posted: 8.3 years ago
(link)
  heyhey!!
thank u a lot!!! reallie appricated it a lot!! thanks!!! but there are still some stuffs nt very sure le..
jasmine
 
 
quietgirl18's icon Author: quietgirl18
Posted: 8.3 years ago
(link)
  hi, i am trying to make my own blogskin i never make b4 not once. and i dont understand, i went to this webby http://wannabegirl.org/firdamatic/ i dont understand can anyone guide me?
 
 
supersandeee's icon Author: supersandeee
Posted: 8.2 years ago
(link)
 
 
 
xragdollx's icon Author: xragdollx
Posted: 8.2 years ago
(link)
  Thanks to all who read and commented.

1) REQUESTS: requests go under the Skin Requests section of the forums. Do go there if you want your own customised skins, and not here, because those who can (and are willing to) make skins won't read this 'guide', would they?

2) HELP!: those who need help making skins, and those who don't know how to make them, you have to learn HTML. HTML knowledge is needed for making skins. After you know the basics, you can start looking at the Blogger template tags and learning what they do. Read this: http://help.blogger.com/bin/topic.py?topic=39

3) PLEASE use this as a last resort, and only if you've almost died trying to learn HTML, CSS etc etc. If you're still very much alive but just too lazy to start using that thing in your head, go away. Otherwise, contact me via email for help. My email address is shown in my BlogSkins profile. =D
 
 
eva_star's icon Author: eva_star
Posted: 8.1 years ago
(link)
  You know... someday.. I will create my own skins...

So this is a great help but I dun really like generaters..haha

I juz wan to create my own unique one
 
 
sixseven's icon Author: sixseven
Posted: 8.1 years ago
(link)
  Egad my blogskin tutorial is up there! I am so honoured! =D

I keep telling myself to do an image map tutorial and make more skins but I keep not finding enough time --" Once midyears are over...
 
 
wishinguponthestars's icon Author: wishinguponthestars
Posted: 8.1 years ago
(link)
  Daa guide really help mie alot n i quite understand it...but daa problem is i dunnoe where to start making maii blogskins???


Plz help mie!
Thankies....
 
 
Starlet-LoveAngel's icon Author: Starlet-LoveAngel
Posted: 8.1 years ago
(link)
  Haloo.. can anyone help me... I know nothing about CSS stuff and html... HOw?:(
 
 
xragdollx's icon Author: xragdollx
Posted: 8.1 years ago
(link)
  Learn.

http://www.htmldog.com/ is good.
 
 
's icon Author:
Posted: 8.0 years ago
(link)
  cool site...=)
 
 
joyousme's icon Author: joyousme
Posted: 8.0 years ago
(link)
  hey is it necessary to use java script to make blogskins? or we can just use basic html? and how do you make a blogskin? have a nice day -bon jovi-.
 
 
xragdollx's icon Author: xragdollx
Posted: 8.0 years ago
(link)
  No you do not need to use javascript to make blogskins. You can just use basic HTML. If making blogskins is something like building a house, then HTML would be the house itself, and CSS would be the furnitures and the decorations etc. HTML is the data, and CSS determines the presentation.

You've to learn HTML (and preferably CSS too) to make blogskins. As said earlier, www.html-dog.com is a good site.
 
 
angel_of_memory's icon Author: angel_of_memory
Posted: 7.8 years ago
(link)
  Do anyone know any web which can check and auto-correct blog codes?? My blog codes are a bit messy even though the blog looks okay. Please reply to my blogskins.com profile or e-mail me. I really appreciate you to help me out with my blog codes. =D Thanks.
 
 
easy`licious's icon Author: easy`licious
Posted: 7.8 years ago
(link)
  thanks for the imformation
 
 
chloe94's icon Author: chloe94
Posted: 7.8 years ago
(link)
  thnks 4 d info! i was clueless juz now... but i m a bit more clear now... thnks again!
 
 
genbukaiden's icon Author: genbukaiden
Posted: 7.7 years ago
(link)
  kinda confusin but thankz it helps alot
 
 
Bloggern's icon Author: Bloggern
Posted: 7.7 years ago
(link)
  thx 4 all the info, n the webbie above really helped too!
 
 
e_lovely_day's icon Author: e_lovely_day
Posted: 7.7 years ago
(link)
  eh...sorry,i dun really understand ,getting a little a little confused!but thanks anw!
 
 
juzDAgurl's icon Author: juzDAgurl
Posted: 7.7 years ago
(link)
  i'm so noob! i'm still a bit blurrr after all these guides. this is a request: Can someone help me make a blogskin? this is a plan on how the blogskin should look like: (copy the code on the URL bar to see the pic) http://i57.photobucket.com/albums/g213/blogrevenge/screenshot.jpg
PLZ PLZ PLZ help. btw, thx for all those guides!
 
 
xragdollx's icon Author: xragdollx
Posted: 7.6 years ago
(link)
  Requests go into the request section of the forums.
 
 
go-on's icon Author: go-on
Posted: 7.6 years ago
(link)
  THis is great.thank u so much
 
 
gladisoh's icon Author: gladisoh
Posted: 7.6 years ago
(link)
  I sit in front of the computer till my eyes become @_@ already still can't figure out how to do blogskins. ARGH!!!!!! Don't have that much time to check every site too. Sigh. T.T
 
 
sadShErLyN's icon Author: sadShErLyN
Posted: 7.6 years ago
(link)
  still dun noe how to make a blogskin...can make it easy to understand?
 
 
pinkaliciouss*'s icon Author: pinkaliciouss*
Posted: 7.6 years ago
(link)
  thanks for the help!
 
 
crazy_on_the_loose's icon Author: crazy_on_the_loose
Posted: 7.6 years ago
(link)
  thanx so much...this has really helped alot!!
 
 
DeaSelene's icon Author: DeaSelene
Posted: 7.6 years ago
(link)
  This helped out a lot!! Thank you! but, I have a question,
do you have a tutorial that helps in breaking down images into divs so that they load faster?

I'm new and, I have made my first layout but the images don't load fast enough...
 
 
free_beyond_the_reality's icon Author: free_beyond_the_reality
Posted: 7.5 years ago
(link)
  http://www.isdntek.com/tagbot/imap.htm


=)
 
 
repulsion.siti's icon Author: repulsion.siti
Posted: 7.4 years ago
(link)
  Although I still dont understand some concepts, I really appecriate this !

THANKS !

:D
 
 
repulsion.siti's icon Author: repulsion.siti
Posted: 7.4 years ago
(link)
  Wow !

This is really starting to help me :D
 
 
ReneGOD's icon Author: ReneGOD
Posted: 7.3 years ago
(link)
  LoL hello ragdoll its renegod here,that M.A.N guy, didnt know u do blogging stuff, nice guide you have here ^^
 
 
xinchen_cai's icon Author: xinchen_cai
Posted: 7.2 years ago
(link)
  I'm a little confused.....Can anyone tell me wat CSS really is?I dun understand....
 
 
sookjing's icon Author: sookjing
Posted: 7.2 years ago
(link)
  THANKS!!!! wubs!
 
 
(mastermind)'s icon Author: (mastermind)
Posted: 7.2 years ago
(link)
  http://wannabegirl.org/firdamatic/ says to put your weblog title and your weblog address (with http://)
and Enter your blogging tool website address (if it requires a link back): WHAT does that mean

Pages: 1 2

Subscribe To This Thread: RSS 2.0 or Atom (?)
This thread has been locked, and no new replies can be posted.


Site

- Home
- About
- Feeds
- Privacy Policy
- Contact Us

Skins

- Tags
- Search Skins
- All Skins
- Random Skin
- Skin Of The Day
- Contribute

Forums

- General
- Tips & Tricks
- Help!
- Suggestions
- Skin Requests
- Blogging Software
- Web Hosting

Account

- Log In
- Register
</BlogSkins>

Warning! Do not follow this link! It is a trap for poorly-behaved bots. If you follow this link, you will be banned from accessing this site and several others. I will not have mercy on you. Do not follow this link!