15 Sep 2012

Tutorial : How to make blogskin

Hew , Okey , apa yang telah dijanjikan Sara memang nak buat tutorial tentang buat blogskin . Jadi Sara akan buat sekarang kerana ramai yang nak minat suruh Sara buat . Jadi jomlah ikut Sara buat tutorial dia

First copy Link ni

<html>
<head>
                Kenapa kena ada benda ni ? WAJIBlah kalau tak , tak jadilah


 No 2 pulak . Korang copy yang ni pulak




<link href='http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo' rel='stylesheet' type='text/css'>
<center><img src="http://i.imgur.com/QWPTw.png"width="650" /></center>
<title>exo planet .</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m230h4tMct1qfamg6.gif">
<style type="text/css">
#navbar-iframe {
display: none;
}

body {
background:url(Link Background);
background-attachment: fixed;
font-family: trebuchet ms;
font-size: 11px;
text-align: left;
cursor:url(Link Cursor),auto;
}
a:link, a:visited {
color: #aaa;
text-decoration: none;
-webkit-transition:0.5s;
}
a:hover{
text-decoration: none;
color: #000;
-webkit-transition:0.5s;
cursor:url(Link Cursor),auto;
background:url(Link Background);
}


Yang Ketiga


 .title {
color: #aaa;
font-family: century gothic;
font-size:12px;
line-height:17px;
text-align: left;
letter-spacing: 1px;
border-bottom: 2px solid #f0f0f0;
}
.title1 {
font-family: consolas;
font-size:10px;
line-height:20px;
color: #aaa;
text-align: left;
margin-bottom: 10px;
}
blockquote {
background:url(http://www.dolliehost.com/dolliecrave/myspace-layouts/stripes/252.gif);
border: 1px solid #eee;
padding: 5px;
margin:1em 20px;
}
a.nav {
padding:3px;
color:#aaa;
font-size:11px;
font-family: trebuchet ms;
font-style: italic;
-webkit-transition: 0.5s;
margin-left: 3px;
letter-spacing: 2px;
}
a.nav:hover {
-webkit-transition: 0.5s;
background: #f0f0f0;
color: #fff;
}
.sidebar {
position: fixed;
top: 300px;
left: 50px;
background: #fff;
border-radius: 350px;
width: 200px;
padding: 10px;
}
.blogger-labels {
text-align: right;
color: transparent;
}
.blogger-labels a {
background: #EEFAE3;
color: #aaa;
padding: 4px;
font: 11px consolas;
line-height: 25px;
text-transform: uppercase;
margin-right: -2px;
-webkit-transition: 1.0s;
}
.blogger-labels a:hover {
-webkit-transition: 1.0s;
background: #f0f0f0;
color: #000;
}
.paging {
background: #f0f0f0;
line-height: 5px;
}
b {
color: pink;
}
img {
-webkit-transition: 1.0s;
}
img:hover {
border-radius: 20px;
opacity: 0.80;
-webkit-transition: 1.0s;
}
a.link {
width: 50px;
display: inline-block;
padding: 3px;
border: 2px solid #C0D1B2;
color: #C0D1B2;
-webkit-transition: 0.5s;
text-transform: uppercase;
font: 11px candara;
margin-bottom: 5px;
}
a.link:hover {
-webkit-transition: 0.5s;
color: #aaa;
border: 2px solid #aaa;
background: #fff;
}
::-webkit-scrollbar {
width: 7px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 10px;
width: 7px;
display: block;
background: pink;
border: 1px solid #fff;
}
::-webkit-scrollbar-track-piece {
background:url(http://www.dolliehost.com/dolliecrave/myspace-layouts/stripes/269.gif);
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: pink;
border: 1px solid #fff;
border-radius: 350px;
}
</style>
</head>
<center><div style="background: #fff; opacity: 0.90; width: 850px; position: fixed; top: 10px; left: 200px; z-index: 99; padding: 5px;">
<font color="#aaa">YOUR MUSIC PLAYER CODE GOES HERE</font> <a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML">entries</a>
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML">profile</a>
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML">affiliates</a>
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuffs').innerHTML">stuffs</a>
<a class="nav" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID"target="_blank">+ follow</a>
<a class="nav" href="http://www.blogger.com/home">dashboard</a>
<a class="nav" href="/">link</a>
<a class="nav" href="/">link</a>
<a class="nav" href="/">link</a>
<a class="nav" href="http://cbox.ws">tagboard</a> <i><font color="#aaa">{<script type="text/javascript" src="http://st2.freeonlineusers.com/on2.php?id=YOURID"> </script>}</font></i>
</center></div>

<div style="position: fixed; top: 315px; z-index: 99; left: 97px; font: 25px swanky and moo moo; color: #D8DED3;">exo planet ;</div>
<div style="position: fixed; top: 470px; z-index: 99; left: 105px; font: 25px swanky and moo moo; color: #D8DED3;">ppyong ~ ^^</div>
<div style="background:url(http://www.dolliehost.com/dolliecrave/myspace-layouts/stripes/278.gif); position: fixed; width: 100%; height: 50px; top: 0px;"></div>

<table style="font-size: 11px; color: #aaa; padding: 20px; letter-spacing: 1px; line-height: 17px; background:url(http://www.dolliehost.com/dolliecrave/myspace-layouts/stripes/278.gif); border-radius: 10px;" width="750" align="center" border="0" cellspacing="8">

<tbody><tr>

<td valign="top" style="line-height:15px; letter-font-size:10px; width:200px; padding:10px; position: fixed;">
<div class="sidebar"><br><br><br>
<img style="float: left; margin-right: 3px; border-radius: 350px; opacity: 0.80;" src="http://i.imgur.com/dRV7H.png"width="70">
annyeonghaseyo. my name is blah blah blah. i am sixty years old. i love kpop. exo is my music. i love kris, chen, luhan, tao, lay, xiumin,
baekhyun, suho, chanyeol, d.o, sehun and kai. CHANGE THIS !<br><br><Br><Br>
</div>
<td valign="top" style="width:750px; padding:10px; background: #fff; border-radius: 10px;">
<div id="entry">
<blogger><div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/rHIOO.png"align="left"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title1">Posted on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> exotic(s)</a></BlogItemCommentsEnabled></div><br><Br>
<$BlogItemBody$>
</blogger><br>
<center><div class="paging"><OlderPosts><a href=<$OlderPosts$>>◄ OLDER POSTS</a></OlderPosts> <NewerPosts> // <a href=<$NewerPosts$>>NEWER POSTS ►</a></NewerPosts></center></div>
</td></tr></tbody>
<div id="about" style="display: none;">
<div class="title"><img style="margin-right: 3px; border: 3px solid #D8DED3; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/lCf0b.png"width="60"align="left">  Meet Le Krazie Exoticeu .</div>
<div class="title1">Know me more</div><Br><br>
<center><img src="http://data.whicdn.com/images/32093766/tumblr_m6rm24tBQF1qfwxt4o1_500_large.gif"></center><br>
<u>Short Biodata :</u><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> <b>Full Name :</b> <br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> <b>Age :</b> <br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> <b>Birthday :</b> <br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> <b>Birthplace :</b> <br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> <b>Stay :</b> <br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> <b>School :</b> <br><br>
<u>Facts About Me :</u><Br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> I am a fangirl<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Blah blah blah<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Roll like a buffalo<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Ayooo whaddup krease<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Shoot anonymous anonymous<br><br>
<u>I like it like it like it :</u><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Kpop<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> EXO<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> My friends<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> My family<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Myself<br><br>
<u>Aniyaaaa :</u><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Copycats<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Rippers<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Backstabbers<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Fakers<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Anonymous<br><Br>
<u>Wishlist :</u><Br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> <s>Laptop</s><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Fly to Seoul<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Meet EXO<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> Good results<br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> <s>Kpop stuffs</s><br><br>
<center><blockquote>CHANGE ALL OF THESE TO YOURS</blockquote></center>
<div id="journal" style="display: none;">
<blogger><div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/7dBXS.png"align="left"> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title1">Posted on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> exotic(s)</a></BlogItemCommentsEnabled></div><br><Br>
<$BlogItemBody$>
</blogger><br>
<center><div class="paging"><OlderPosts><a href=<$OlderPosts$>>◄ OLDER POSTS</a></OlderPosts> <NewerPosts> // <a href=<$NewerPosts$>>NEWER POSTS ►</a></NewerPosts></center></div>
<div id="links" style="display: none;">
<div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/ZUfvJ.png"align="left"> Exchange Links .</div>
<div class="title1">Let's be friends</div><Br><bR>
<Center><img src="http://data.whicdn.com/images/32056304/tumblr_m6q3ks8ccH1ro0f0co1_500_large.png"></center><br>
<Center><div style="width: 650px;"><a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a>
<a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a>
<a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a>
<a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a> <a class="link" href="/">link</a>
</center><br>
<center><blockquote>EDIT THIS TO YOUR OWN AFFIES ^^</blockquote></center><br>
<div class="title">Big Applause to Them .</div><Br>
<center>Template made by <a href="http://byuntae-oppar.blogspot.com"target="_blank">Yeolo</a><a href="http://www.blogskins.com/me/yeolochuu-x"target="_blank">Chuu</a>. <Br>
Icons & header from <a href="http://byuntae-oppar.blogspot.com"target="_blank">yeolochuu</a> .<br>
</center>

<div id="stuffs" style="display: none;">
<div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/IWVUo.png"align="left"> Tutorials & Freebies .</div>
<div class="title1">Feel free to view</div><Br><Br>
<center><img src="http://data.whicdn.com/images/32099244/tumblr_m6rp99zYj01rtfiuso1_500_large.png"></center><br>
<u>Tutorials :</u><br>
<img src="http://1.bp.blogspot.com/-3c3pu9BIgLA/TwNhtG8gizI/AAAAAAAAAoo/R4UrQNJ9hxY/s1600/wish5.gif"> TUTORIAL: <a href="/">title</a><br>
<img src="http://1.bp.blogspot.com/-3c3pu9BIgLA/TwNhtG8gizI/AAAAAAAAAoo/R4UrQNJ9hxY/s1600/wish5.gif"> TUTORIAL: <a href="/">title</a><br>
<img src="http://1.bp.blogspot.com/-3c3pu9BIgLA/TwNhtG8gizI/AAAAAAAAAoo/R4UrQNJ9hxY/s1600/wish5.gif"> TUTORIAL: <a href="/">title</a><br>
<img src="http://1.bp.blogspot.com/-3c3pu9BIgLA/TwNhtG8gizI/AAAAAAAAAoo/R4UrQNJ9hxY/s1600/wish5.gif"> TUTORIAL: <a href="/">title</a><br>
<img src="http://1.bp.blogspot.com/-3c3pu9BIgLA/TwNhtG8gizI/AAAAAAAAAoo/R4UrQNJ9hxY/s1600/wish5.gif"> TUTORIAL: <a href="/">title</a><br>
<img src="http://1.bp.blogspot.com/-3c3pu9BIgLA/TwNhtG8gizI/AAAAAAAAAoo/R4UrQNJ9hxY/s1600/wish5.gif"> TUTORIAL: <a href="/">title</a><br><br>
<u>Freebies :</u><Br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> FREEBIES: <a href="/">title</a><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> FREEBIES: <a href="/">title</a><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> FREEBIES: <a href="/">title</a><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> FREEBIES: <a href="/">title</a><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> FREEBIES: <a href="/">title</a><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> FREEBIES: <a href="/">title</a><br>
<img src="http://3.bp.blogspot.com/-igcyYFTcLao/TwNhr1lpBCI/AAAAAAAAAoI/u5zWcbPVICE/s1600/wish1.gif"> FREEBIES: <a href="/">title</a><br><br>
<center><blockquote>CHANGE THIS SECTION WITH YOURS</blockquote></center>
</div>
</div></div>
</table>
</head>
</body> 
</html>


Okey , kalau korang nak copy just tekan CTRL + C 

0 Komen Budak Baik&Comel: