Freebies - Blogskin (Hit The Lights!)


Salam semua..
selamat malam ^^ busy nye skarang ni x
dapat nk update blog. hihi,
tapi tadi zaty dah siapkan blogskin ke-2 :)

tema : Hit The Lights . lagu pon tajuk yg sama.
warna : HITAM+PUTIH . 100% CODE DARI ZATY.
jadi, JANGAN sesekali nk tiru code zaty --' wakaka



--> BLOGSKIN PRIVIEW <--


CODE BLOGSKIN :


<html>


<center><img src="http://3.bp.blogspot.com/-Mjmqd0bFimU/UA0RfWZoCBI/AAAAAAAAABY/B5_qBDFPtaI/s1600/header+by+iza+zaty.png" /></center>
<title>Hit The Lights !</title>
<style type="text/css">
#navbar-iframe {display: none;}




body {
cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute20.gif), auto;
background: url(http://images2.layoutsparks.com/1/61305/zodiac-twinkle-stars-bright.gif);
background-attachment:fixed;
font-family: Verdana;
font-size: 11px;
}
blockquote {
background:url(http://3.bp.blogspot.com/-2A0D4wY8Rww/TzuO_pTu-zI/AAAAAAAACpQ/B9EkXNZ9C48/s1600/grey.png);
display:block;
padding:5px;
border:1px dashed #000000;
color:#878787;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}


blockquote:hover{
background:url(http://3.bp.blogspot.com/-2A0D4wY8Rww/TzuO_pTu-zI/AAAAAAAACpQ/B9EkXNZ9C48/s1600/grey.png);
display:block;
padding:5px;
border:2px dashed #CACACA;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
::selection {
background: #000000; /* Safari */
color: #FFFFFF;
}
::-moz-selection {
background: #000000 /* Firefox */
color: #000000;
}
a:link, a:visited {
color:#000000;
text-decoration:none;
}
::-webkit-scrollbar {
height:13px;
width: 8px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #E9E9E9;
-moz-border-radius: 2px;
border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
-moz-border-radius: 2px;
border-radius: 2px;
background:#000000;
}
a:hover {
border-bottom:2px solid #E7E7E7;
}
.main {
background:#ffffff;
color:#000000;
padding:14px;
width:560px;
border-radius: 0px;
text-align:justify;
box-shadow:0px 0px 30px #FFFFFF;
}
.sidebar {
float: right;
background: #ffffff;
color: #000000;
padding: 14px;
width: 280px;
border-radius: 0px;
text-align: justify;
box-shadow:0px 0px 30px #FFFFFF;
}
.h1 {
text-align:left;
border-bottom: 1px solid #000000;
margin:1em;
font:normal 17px Century Gothic;
color: #000000;
}


.h2 {
font-style:italic;
font-size:11px;
margin-bottom:2em;
}
/* Comments
----------------------------------------------- */
#comments h4 {margin:1.8em 0; font-size:10px; text-transform:uppercase; color: #000000; line-height:10px; border-bottom: 0px solid #FFFFFF; background:#FFFFFF ; font-weight:normal;}
#comments h4 strong {font-size:10pt smiley monster;}
#comments-block {background: ; font:normal 10pt verdana; line-height:1.2em; padding:5px;}
#comments-block dt { margin:.5em 0;}
#comments-block dd { margin:.50em 0 0;}
#comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:5pt tahoma; text-align:left; text-transform:normal; letter-spacing:.0em;}
#comments-block dd p {margin:0 0 .55em; padding:2px; background: url(http://3.bp.blogspot.com/-2A0D4wY8Rww/TzuO_pTu-zI/AAAAAAAACpQ/B9EkXNZ9C48/s1600/grey.png);; border:1px solid #EBEBEB; border-radius:2px;}
.deleted-comment { font-style:italic; color:black;}
.paging-control-container { float: left; margin: 1px 1px 1px 1px; font-size: 80%;}
.unneeded-paging-control { visibility: hidden;
}
 u {
text-decoration:underline;
border-bottom: 2px solid #9C9C9C;
padding: 1px;
}
</style>






<link href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic012demoji_13257740decoojp.gif' type='image/x-icon'/>
 <link href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic012demoji_13257740decoojp.gif' rel='icon' type='image/x-icon'/>
<body>
<table style="line-height: 17px;" width="850"  border="0" align="center" cellspacing="5">
<tbody><tr>
<br>
<td valign="top" width:550px;">


<div class="main">
<blogger><div class="h1"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<$BlogItemBody$>
<br><MainPage>
<div style="text-align:right;" ">
<BlogItemCommentsEnabled>
<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$>
Comments ♥ </a><a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>></a>
</BlogItemCommentsEnabled>
</BlogItemCommentsEnabled>
</MainPage>
<br>
<div style="text-align:right;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<p class="comment-timestamp">
</p>
</div>
</ItemPage>
<!-- End #comments --> 
</blogger>
<center><BlogItemCommentsEnabled><a class="comments" href="https://www.blogger.com/comment.g?blogID=LETAK BLOG ID KORANG&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=LETAK BLOG ID KORANG&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"></a></BlogItemCommentsEnabled><br><center>
<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="250px">
<div class="sidebar">
<div class="h1">About My Blog?</div>
<center><a href="http://4.bp.blogspot.com/-TnRuzhS5Bno/UA0_x2sn-UI/AAAAAAAAACU/udHR5jrLd1Y/s1600/cute+cat.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-TnRuzhS5Bno/UA0_x2sn-UI/AAAAAAAAACU/udHR5jrLd1Y/s1600/cute+cat.png" /></a></center>
<center><img src=""/></center>
<center><img src=""/>♥ LETAK JE APE-APE DI SINI</center>
</div>
<br>
<div class="sidebar">
<div class="h1">Chatting With Me?</div>
<center><img src=""/></center>
<center><img src="http://3.bp.blogspot.com/-E20XUJwLTts/UA09OZ0pIeI/AAAAAAAAACE/RNaT_ZBEwKE/s1600/prm.png"/></center>
<center>LETAK CODE CBOX KORANG</div><center>
<br>
<div class="sidebar">
<div class="h1">Credit?</div>
<center><img src=""/></center>
<center><img src="http://2.bp.blogspot.com/-9LXKUvYSS90/UA09I8lkuZI/AAAAAAAAAB8/9L0TvslTpnE/s1600/tq.png"/></center>
<center><img src=""/></center>
<center><img src=""/> Template : <span style="font-weight:bold;"><a href="http://iza-zaty.blogspot.com">Iza Zaty</a></span></center>
<center><img src=""/></center>
<center><img src=""/> Edited Blog : <span style="font-weight:bold;">Me</span></center>
<center><img src=""/></center>
<center><img src=""/> Best View : <span style="font-weight:bold;">Google </span></center>
<!-- JANGAN SESEKALI BUANG BAHAGIAN CREDIT DI SINI . AMARAN KERAS!!!-->
<br>
</td>
</table>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script><script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script><script type="text/javascript">jQuery(document).ready(function($){if (navigator.platform == "iPad") return;jQuery("img").lazyload({effect:"fadeIn",placeholder: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"});});</script>
</body></head>
<div style=' position:absolute; top:450px; left:20px; width:5px;'><center style='text-align: center;'><b</b></center><div style='Background-image:url(URL BACKGROUND); repeat; padding: 0px; border:1px solid #000000; filter:alpha(opacity=1.5); border-radius:5px;'><center>
</style>
<style text="css">
a.button{
background:#000000;
color:#ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-family:calibri; 
font-size:14;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
display:inline-block;
}
a.button:hover{
background:#FFFFFF;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#000000;
text-decoration:none;
font-family:calibri; 
font-size:14;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
display:inline-block;
}
</style>
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="100" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#000000" />
    <param name="FlashVars" value="mp3=http%3A//media.irondj.net/mix/file/12903/Selena_Gomez___The_Scene_-_Hit_The_Lights.mp3&amp;autoplay=1&amp;loadingcolor=ffffff&amp;slidercolor=ffffff" />
</object>
<div style="position:fixed; top :5px; right:5px;">
<a class="button" href="http://www.blogger.com/follow-blog.g?blogID=LETAK BLOG ID KORANG">Follow Me?</a><a class="button" href="http://www.blogger.com/home">Dashboard? </a> </div>
<center><b></b></center>
<center><form action="http://www.myspacegens.com/handler.php?gen=redirect" method="post"><select name="url" style="width: 120px; height: 20px; font-size: 11px; background-color: #000000; color: #FFFFFF; border-radius:4px; font-family: Verdana;"><option value="LINK BLOG" />HOME<option value="LINK PAGE 1" />THE OWNER<option value="LINK PAGE 2" />STUFF<input type="submit" style="border-width: 1px; border-color: #000000; border-style: solid; border-radius:3px; font-family: Century Gothic; color: #FFFFFF; background-color: #000000;" value="Go!" /></select></form></center><br /></center></div><div style=' position:absolute; top:50px; left:50px;'/>
</div>


</html>

JANGAN BUANG CREDIT DAN YANG DAH
PAKAI MOHON KOMEN  .. hehe



BLOG ID , LINK PAGE & CODE CBOX
korang tukar je la k :)



CARA TUKAR KE BLOGSKIN :

1. Dashboard > Design > Tekan EDIT HTML 




2. SCROLL SAMPAI BAWAH , DAN TEKAN
REVERT TO CLASSIC TEMPLATE :





3. PADAM SEMUA CODE YG ADA DALAM KOTAK TU :




4. Gantikan bahagian kosong tu kepada 
CODE BLOGSKIN yang zaty bagi ;)

# Okeyh , bye semua :) A'salam .


Thank You sebab baca entry ni . Jangan lupa like dan komen .

9 comments:

Ivy.Iyona said...

Mcm mana nak buat blogskin sendiri?

NAL said...

tak pandai la nak guna blogskin ni..ehehe

Nur Jannah . said...

Zaty jannah guna blogskin zaty (:

Nur Jannah . said...

Zaty , Jannah guna blogskin zaty tapi jannah tak reti la nak tukar page yang home,owner , stuff , harap zaty bagi tuto (:

Fisya Isha said...

zati ..ctk la..macam mana zati buat blogskin sendiri ek ??

Maisarah Azmi said...

teringin nak pakai tapi takut tersilap atau pun tak jadi ke... huhu

✉ ¥ana Fauzi ✉ said...

Macam mana nak buat blogskin sndiri, ajarkan laa zaty:(

Nur Adilla Shahirah said...

Macam mana zaty buat sendiri? tuto please :DD