Sunday, March 6, 2011 / 1:42 AM
0 comments
0 Comments:
Note:You need basics for it,at least know what are blogskin codes.
I'm going to teach you how to make a simple blogskin.So,listen well!
When you start,these tags are needed:
<html><---to start the skin<HTML><head><title>Change this to the one that you want</title>
I'm givin' you the the whole body base now...
<style type="text/css">
body {
background-color: ;
background-repeat: ;
font-family: ;
cursor: ;
color: ;
font-size: ;
line-height: ;
text-align: ;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFF;
scrollbar-darkshadow-color: #FFF;
scrollbar-shadow-color: #FFF;
scrollbar-arrow-color: #FFF;
scrollbar-track-color: #FFF;
}
a:link, a:visited, a:active {
text-decoration: none;
font-family: ;
font-size: ;
color: ;
background: ;
font-weight: ;
line-height: ;
text-transform: ;
}
a:hover {
text-decoration: ;
font-weight: ;
color: ;
font-family: ;
text-transform:;
cursor: ;
}
blockquote {
background: #;
font-family: ;
font-size: ;
border: ;
color: ;
padding: ;
}
</style>
</head>
<noembed><body></noembed>
As for the div layers...its a little difficult.They are the section of a blog template.
<div style="position: absolute; top: 0px; left: 0px;">
content here !
</div>
You've got to arrange the 'top' and 'left' up to what you want.And of course,change the content.
You can place as mny div layers as you want for your skin,nobody cares.
After you're done with the div,time to end the skin.
</body>
</html>
But it is not considered a blogskin yet...
This is the code to the blog area...place it in one of your div layers which you want to put the posts at.
<Blogger>
<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader><br>
<$BlogItemBody$><br>
<$BlogItemDateTime$><br>
</Blogger>
------------------------
Elaboration now,no more codes.
Only for lost people
by %delusion-n♥ from blogskins.com
you should know that the square bracket should change to the pointed brackets in the later section.PLEASE, MAKE AN EFFORT TO PLAY WITH THE CODE, AND UNDERSTAND IT BETTER, JUST ON THIS TUTORIAL ON MINE WONT HELP -.-, no one can help someone to the fullest.
Don't know whats a title is? Click here.
For the body part, it is the most general erm, how do i say. Means, without any headers, blockquote all these, and you just type any plain code, the body part would apply to it.
Like, you put arial 8pt, and I typed 'content here !' in the div alignments, it would come out as arial 8pt, and not any headers that you've customised.
For cursors, it means for the whole page, what your cursor would become. & you don't understand you should experiment it yea.
There's many type of cursor available, crosshair, help, ne-resize, se-resize, nw-resize, n-resize, text, vertical-text.
Line-height , as the name says so, it is the height between two line. Other than px, you could also put % .
Text-align , is aligning your text . If you put text-align: left; and your words should be on the left, same to right, center, justify.
If you want to make a header, type this code in,
.header{
}
Between the } & { Type in your own customisation.
Like, font family, font size & colors & many more, to your creativity, you can make as many headers as you want, but name them differently please.
PLEASE REMEMBER TO PUT THE DOT IN FRONT OF THE NAME OF THE HEADER.
to use the header, type this code in ,
[div class="header"]this is my header[/div]
Please remember to close it please, or it'll screw your whole skin up !
BLOCKQUOTE(: ! See, it doesn't have a DOT infront, so it would go like this,
[blockquote]lalalaa[/blockquote]
& now , the alignment parts & its the last, yo !
!
TOP - defines how far do you want from the image/text to the page from the TOP.
LEFT - defines how far do you want from the image/text to the side of the page. LEFT.
Still don't understand? Click here.
& Yes, of course, you could still customised it further, by adding background, borders, paddings.
PADDING - defines how much spaces ( px ) from the borders to the text/image.
& MARGIN - It's almost the same as PADDING BUT BUT BUT , It counts from OUTSIDE of the border, whereas, padding are INSIDE.
AND YES, I left blanks, for you to fill it yourself(: , so read up if you wanna know.
PLEASE fill in after the ' : ' and before the ' ; '
That's it .If you are lost,ask on the tagboard,I'll reply ASAP.Its always on your side,no matter where you wander around this blog...
Don't know whats a title is? Click here.
For the body part, it is the most general erm, how do i say. Means, without any headers, blockquote all these, and you just type any plain code, the body part would apply to it.
Like, you put arial 8pt, and I typed 'content here !' in the div alignments, it would come out as arial 8pt, and not any headers that you've customised.
For cursors, it means for the whole page, what your cursor would become. & you don't understand you should experiment it yea.
There's many type of cursor available, crosshair, help, ne-resize, se-resize, nw-resize, n-resize, text, vertical-text.
Line-height , as the name says so, it is the height between two line. Other than px, you could also put % .
Text-align , is aligning your text . If you put text-align: left; and your words should be on the left, same to right, center, justify.
If you want to make a header, type this code in,
.header{
}
Between the } & { Type in your own customisation.
Like, font family, font size & colors & many more, to your creativity, you can make as many headers as you want, but name them differently please.
PLEASE REMEMBER TO PUT THE DOT IN FRONT OF THE NAME OF THE HEADER.
to use the header, type this code in ,
[div class="header"]this is my header[/div]
Please remember to close it please, or it'll screw your whole skin up !
BLOCKQUOTE(: ! See, it doesn't have a DOT infront, so it would go like this,
[blockquote]lalalaa[/blockquote]
& now , the alignment parts & its the last, yo !
!TOP - defines how far do you want from the image/text to the page from the TOP.
LEFT - defines how far do you want from the image/text to the side of the page. LEFT.
Still don't understand? Click here.
& Yes, of course, you could still customised it further, by adding background, borders, paddings.
PADDING - defines how much spaces ( px ) from the borders to the text/image.
& MARGIN - It's almost the same as PADDING BUT BUT BUT , It counts from OUTSIDE of the border, whereas, padding are INSIDE.
AND YES, I left blanks, for you to fill it yourself(: , so read up if you wanna know.
PLEASE fill in after the ' : ' and before the ' ; '
That's it .If you are lost,ask on the tagboard,I'll reply ASAP.Its always on your side,no matter where you wander around this blog...
Thanks for your attention!
Labels: making-a-blogskin
.
