Blogskin (Own Made)

Hai , assalamualaikum . Apa khabar ? Baik ? Sihat ? Ceh banyak tanya pula aku . eh korang perasan tak yang dah lama blog ini berhabuks . Haha . Series . Bukan malas . TAPI , KEHABISAN IDEA ! Arghhh ! Tension . haha . XD  Memang blank idea aku bila nak update apa apa . Nak dekat 23 minggu aku biarkan blog ini berhabuk . So , aku dah lap . then dah bersih . Kay lah minta maaf kay semua . *Muka duckface*

Tadi , Aku bosan . bosan sangat . bosan terlampau . Sooo , tadi aku terfikir yang aku nak buat blogskin aku sendiri . haha . dengan rakusnya aku buka komputer . Open window , pergi Google , aku search tutorial Make own blogskin . XD So , aku terjumpa tutorial tu . Aku pun godek godek code tu . akhirnya BERJAYA . Hikhik . Ambil masa lebih kurang 1 Jam . Lama juga tu . XD Tolak makan malam tadi . Huhu . SO bila dah godek . TERHASIL lah BS aku sendiri dengan pertolongan blogger yang memberikan tutorial itu . XD

Nak Tengok COntoh ? SINI :-


haha , simple right ? biasa lah . aku saja saja je godek benda tu semua . haha Tak berniat pun nak buat secantik ini . Hikhik . *INI SEMUA POYO*  . Rasa teringin nak code skin ni ? Meh Sini :D . tak apa , tak payah kredit kan pun takpe :D Janji korang pakai skin ini elok elok , takde benda yang mendatangkan MAKSIAT . XD

<html>
<head>
<div style="position: fixed; top: 5px; right: 85px;"><a href="http://www.blogger.com/follow-blog.g?blogID=5865422511284763650" title="Follow !""><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png" border="0" /></a><div style="position: fixed; top: 5px; right: 2px;"><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png" border="0" /></a></div></div>
<center><img src="http://4.bp.blogspot.com/-hQBwm9lKh8c/UP_OXYFxhlI/AAAAAAAAAe8/egA4A_Y3ntI/s1600/Diary.png" /></center>
<title>Sweet Diary</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
::-webkit-scrollbar {height:6px;width:6px;background: #ffffff;}::-webkit-scrollbar-thumb {background-color: #999999;-moz-border-radius: 0px;border-radius: 0px;}
body {
background:url(http://1.bp.blogspot.com/-Ybi9sX7Dchw/Tg6HMRyAVDI/AAAAAAAABFI/V0-qqJ4jOHc/s1600/greyline.png);
font-family: verdana, tahoma, sans-serif;
background-attachment:fixed;
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur), auto;
}
a:link, a:visited {
color:#999999;
text-decoration:none;
}
a:hover {
color: #000000;
border-bottom:1px dotted #999999;
}
.content {
background:#ffffff;
color:#666666;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.bar {
background: #ffffff;
color: #666666;
font-size: 11px;
padding: 8px;
width: 230px;
border-radius: 10px;
text-align: justify;
}
.main-title {
color:#000000;
font-size:14px;
padding:3px;
border-bottom:1px solid #999999;
}
.sec-title {
color: #000000;
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
::-moz-selection {background:#FFFFFF;color:#000000;text-shadow: 2px 2px 3px #999999;}::selection {background:#FFFFFF;color:#000000;text-shadow: 2px 2px 3px #999999;}


blockquote {
border: 1px Dotted #999999;
padding: 2px;
}
a.cute {
background: #000000;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 190px;
color: #FFFFFF;
border: 1px #999999 solid;
}
a.cute:hover {
border: 1px #999999 solid;
background : #000000;
color: #FFFFFF;
}

.header:hover {
padding-left:160px;
-webkit-transition: 2s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:.01;
}
</style>
<body oncontextmenu='return false;'>
<table style="line-height: 17px;" width="900"  border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" style="width:600px; padding:10px; border-radius:10px; background:#ffffff; font-size:11px;"><div id="content"><blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div></div></td>
<td valign="top" width="230px"><div class="bar">
<div class="main-title">Hello World</div>Selamat Datang ke blog comel tak berapa nak comel ni..Blablabla.tukar kepada ayat anda</div><br>
<div class="bar"><div class="main-title">ChatBox</div>Put Your Own CBOX code</div><br><div class="bar">
<div class="main-title">Masa Silam</div><center><select style="background-color: #ffffff; color: #424242; font: 10px Arial; letter-spacing: 2px; border: 1px #000000 solid; padding: 2px; width: 200px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Kenangan Silam</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"> <$BlogArchiveName$></option>
</BloggerArchives></select></center></div><br>
<div class="bar"><div class="main-title">NAVIGATIONS</div><br><center>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="About">About</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies">Links</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="Posts">Entries</a></div>
<br>
<div id="content">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>


<div id="me" style="display:none;"><div class="main-title">The Webmaster</div><br>
Tulislah ape-ape berkenaan diri korang kat sini / Biodata korang
</div>
<div id="love" style="display:none;">
<div class="main-title">Affies&Linkies</div><br><a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a></div>

<div id="you" style="display:none;"><blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</td>
<br>
</table></body></head>
</html>

Tak nak ambil ? pun tak apa . Huhu , tak paksa pun . Cewwah . haha XD Kaylah , dah kehabisan idea . Assalamualaikum . Selamat malam . XD

Tiada ulasan: