tuto2 - template purple

faris nk wat tuto yg 2 korang enjoy yaa..

<html>
<head>
<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">

/***********************************************

* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/

* Please keep this notice intact

***********************************************/
</script>
<center><img src="http://i1119.photobucket.com/albums/k640/farahfrd/silentpurope.png" /></center>
<title>//Silent Purple.</title>
<style type="text/css">
::-webkit-scrollbar {
height:5px;
width: 5px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #AE00FF;
-moz-border-radius: 5px;
border-radius: 5px;
}
#navbar-iframe {display: none;}body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwpeWGtTTg54Mzrfj2c-eL2Dm-OoXZXILbnIWpMM_dzcsDEblBZMxMtyZJZgWUswTzFJmNVHcSUP7ipYXDh8Tr1eaGsk6Th6iTa25GSBVKuLm_zmc88RIgDSuVjZizj6HVPY9wdIdtgw3/s1600/purplepolkadot.png);
background-attachment:fixed;
cursor: url(http://i.imgur.com/ZOrzC.png), progress;
font-family: verdana;
}
u {

text-decoration:none;

-moz-border-radius: 8px;

filter:alpha(opacity=100);

-moz-opacity:1.0;

opacity:1.0;

padding-top: 1px;

padding-bottom: 1px;

padding-left: 3px;

padding-right: 3px;

background: #CB59FF;

border-radius: 8px;

-webkit-transition-duration: 2s;

color: #666666;

}
u:hover {

-moz-opacity:0.80;

opacity:.80;

-webkit-transition:0.5s;

transition:0.5s;

filter:alpha(opacity =80);

}

a:link, a:visited {
color:#CB59FF;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #87689;
}
.main {
background:#ffffff;
color:#666666;
padding:14px;
font-size:11px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #666666;
padding: 10px;
font-size:11px;
width: 240px;
border-radius: 10px;
text-align: center;
}
.h1 {
color:#BB00FF;
font-family: century gothic;
font-style: italic;
text-align: right;
font-size:18px;
padding:3px;
border-bottom:1px dashed #c0c0c0;
}
.h2 {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
.post blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwG0z1gFlIyaz_SPevUyQfLC8KIeyiJ7SZClJ7ahPS-UMH89DPma-B10mvrOfFUklXK0wzZW6ozFUcfQEJb3KUblR29tx6qLTynz_p0VLyRv8EC1oSqQdd_BiLBJYMtYbEHoC8fMJzRIDs/s1600/24o0v2t.png); padding:5px;
Border:2px dashed #000000;
colour:#FFFFFF}
blockquote:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMffwHBWTrm0tKsGFxqpOSzIc8bCYcEyH1U27E1lRbleM73c20dfw3kBnwkXfzehW_OV-4RCubrXgZBGVcLsqJQIxgbxp0F_mf4WTbWLbDAsaxhGQ9WZhzyxFc4h5AYAbsKQ0HLP105wP5/s1600/sfwbb7.jpg) repeat right bottom ;
border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:6.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;}
/* Header
</style>
<body>
<table style="line-height: 17px;" width="0"  border="0" align="center" cellspacing="5">
<tbody><tr><br>
<td valign="top" width:550px;">

<div class="main">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Purple gurl blabbing</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Pra-History</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Moden</a></NewerPosts></center></div>
</div>
</td>
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">Hello Purplelicious!</div>
<img border="0" src="http://s1.favim.com/mini/25/beautiful-blonde-cute-fashion-girl-222595.jpg" /><center></center>
Hi everyone. I'm Farah, da owner of Faralexander blog. Put your own sentences here and u can change the picture of your own and u can re-edit this skin, but don't remove the credit.
</div>
<br>

<div class="sidebar">
<div class="h1">Scream Here</div>
Go to www.shoutmix.com.
</div>
<br>

<div class="sidebar">
<div class="h1">Ma Friends</div>
<div style="overflow:auto;width:200px;height:90px;padding:10px;border:1px solid #eee">
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
<a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a><br>
</div>
</div>
<br>

<div class="sidebar">
<div class="h1">Credits</div>
Skin by <a href="http://www.writtenbyannisafarah.blogspot.com/">Annisa Farah</a> background from <a href="http://aqupunyekesahbukankau.blogspot.com/">APK</a> image from <a href="http://favim.com/">Favim.com</a> best view in <a href="http://google.com/">Google Chrome</a> only and re-edited by <a href="http://writtenbyannisafarah.blogspot.com/">Your Name And ur Link</a>.
</div>
<br>
</td>
</table>
</body></head></html>

No comments: