Freebies - Blogskin (This Is My Life)


Assalamualaikum semua.. .
dari smalam zaty siapkan
BLOGSKIN ni .
zaty buat simple2 jee ..

FIRST TIME
buat tau XD 


**SAPE YANG DH GUNA WAJIB KOMEN
DAN 
JANGAN BUANG CREDIT !


 Tema blogskin yg zaty buat warna biru : 



--> BLOGSKIN PRIVIEW <--



CODE BLOGSKIN :

<html>
<div style='right: 5px; top:4px; position:fixed; border-radius:5px; padding:3px; border: 0px solid pink; background:url(https://lh4.googleusercontent.com/-OwpqBdPJdLU/UAr6mfKAiyI/AAAAAAAAAG8/rwyTZ-n4pi4/h82/tstg.png); color:#000000; font-size:11px;'> <a href='http://www.blogger.com/follow-blog.g?blogID=LETAK BLOG ID KORANG' target="_blank">Follow Me</a> or <a href='http://blogger.com'target="_blank">Dashboard</a> </div>




<center><img src="http://2.bp.blogspot.com/-RO6SK1yC_p4/UAr36lwB01I/AAAAAAAAAGo/B1yCBybdC2E/s1600/iza+zaty's+header+2.png" /></center>
<title>This Is My Life ;</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {


#music:hover{border:2px solid #E6E6E6; padding:5px; height:90px; width:200px;-moz-border-radius: 0px 0px 0px 0px;border-radius:0px 0px 0px 0px; }
cursor: url(http://cur.cursors-4u.net/smilies/smi-3/smi268.gif), auto;
background: url(http://4.bp.blogspot.com/-ERXKsETiO00/TmkR-uy56fI/AAAAAAAABgc/9i8022gD_jk/s1600/infiniteukiss.png);
background-attachment:fixed;
font-family: Verdana;
font-size: 11px;
}
blockquote {background:url(http://4.bp.blogspot.com/-8ddi6ADBBi4/UAuyiTDNSBI/AAAAAAAAAHI/y6qPp-sUJss/s320/bg+block.png);
display:block;
padding:5px;
border-left:20px solid #93B7FF;
border-right:0px solid #AEC9FF;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{
display:block;
padding:5px;
border-left:0px solid #79A6FF;
border-right:25px solid #79A6FF;
color:#FFFFFF;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
::selection {
background: #D2EAFF; /* Safari */
color: #000000;
}
::-moz-selection {
background: #D2EAFF /* Firefox */
color: #000000;
}
a:link, a:visited {
color:#538DFF;
text-decoration:none;
}
::-webkit-scrollbar {
height:13px;
width: 8px;
background: #f9f9f9;
}
::-webkit-scrollbar-thumb {
background-color: #79A6FF;
-moz-border-radius: 2px;
border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
-moz-border-radius: 2px;
border-radius: 2px;
background:#FFFFFF;
}
a:hover {
border-bottom:1px solid #2894FF;
}
.main {
background:#ffffff;
color:#000000;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #000000;
padding: 8px;
width: 250px;
border-radius: 10px;
text-align: justify;
}
.h1 {
margin: .75em 0;
font: normal normal 100% Verdana, Geneva, sans-serif;
text-align: center;
background-image:url(http://4.bp.blogspot.com/-ERXKsETiO00/TmkR-uy56fI/AAAAAAAABgc/9i8022gD_jk/s1600/infiniteukiss.png);
border-top: 1px dashed #7FBFFF;
border-bottom: 2px solid #7FBFFF;
border-right: 0px solid #7FBFFF;
border-left: 0px solid #7FBFFF;
padding: 2px;
}
.h2 {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
/* Comments
----------------------------------------------- */
#comments h4 {margin:1.8em 0; font-size:11px; text-transform:uppercase; color: #000000; line-height:10px; border-bottom: 0px solid #FFFFFF; background:#FFFFFF ; font-weight:normal;}
#comments h4 strong {font-size:8pt smiley monster;}
#comments-block {background: ; font:normal 8pt arial; line-height:1.2em; padding:4px;}
#comments-block dt { margin:.5em 0;}
#comments-block dd { margin:.25em 0 0;}
#comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:5pt tahoma; text-align:right; text-transform:normal; letter-spacing:.0em;}
#comments-block dd p {margin:0 0 .75em; padding:4px; background:#9FBFFF; border:1px solid #D0E0FF; border-radius:4px;}
.deleted-comment { font-style:italic; color:black;}
.paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size: 80%;}
.unneeded-paging-control { visibility: hidden;
}
</style>
<link href='http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_k_atencao.gif' type='image/x-icon'/>
 <link href='http://i11.photobucket.com/albums/a168/evelynregly/minigifs/th_k_atencao.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>
<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 Me</div>
<center><a href="http://i64.photobucket.com/albums/h187/lindezasdajuju/ap10d.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i64.photobucket.com/albums/h187/lindezasdajuju/ap10d.gif" /></a></center>


<center><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic007demoji_16672024decoojp.gif"/>LETAKKAN BIODATA KORANG DI SINI</center>
<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#FFFFFF" />
    <param name="FlashVars" value="mp3=http%3A//media.irondj.net/mix/file/21740/Yuna_-_Live_Your_Life.mp3&amp;autoplay=1&amp;bgcolor=FFFFFF&amp;loadingcolor=9CBEFF&amp;buttoncolor=9CBEFF&amp;slidercolor=9CBEFF" /><center>
</object>
</div>
<br>
<div class="sidebar">
<div class="h1">Navigate</div>
<center><style>
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:70px;
text-decoration:none;
font-family:Verdana;
font-size:11px;
height:20px;
text-transform:uppercase;
color: #fff;
background: #9CBEFF;
text-align:center;
cursor:vertical-text;
}
a.jeonjin:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#7AA6FF;}
</style>
<a class="jeonjin" href="LINK 1">HOME</a>
<a class="jeonjin" href="LINK 2">ABOUT</a>
<a class="jeonjin" href="LINK 3">TUTO</a></div><center>
<br>
<div class="sidebar">
<div class="h1">Shoutbox</div>
<center>LETAK CODE CBOX KORANG</div><center>
<br>
<div class="sidebar">
<div class="h1">Credit</div>
<center><img src="http://kaleidoscrap.net/images/free/bullet23.gif"/> Full Template By <span style="font-weight:bold;"><a href="http://iza-zaty.blogspot.com">Iza Zaty</a></span></center>
<center><img src=""/></center>
<center><img src="http://kaleidoscrap.net/images/free/bullet23.gif"/> Edited Blog By <span style="font-weight:bold;">Me</span></center>
<center><img src=""/></center>
<center><img src="http://kaleidoscrap.net/images/free/bullet23.gif"/> Best View From <span style="font-weight:bold;">Google Chrome</span></center>
<!-- JANGAN SESEKALI BUANG BAHAGIAN CREDIT DI SINI . AMARAN KERAS!!!-->
<br>
</td>
</table></body></head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/icon10_127.gif"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0,


cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
</html>



BAHAGIAN YG HARUS DITUKAR ::

1. Search code : LETAK BLOG ID KORANG

*tukarkan ayat tu kepada blog ID korang ..
kalau taktau blog ID yg mane, PM zaty kt fb .


2. Search code : LINK 1 , LINK 2 dan LINK 3

*tukarkan ayat link tu kepada LINK PAGE korang.
pastikan lain2 page okeyy ..


3. Search code : LETAKKAN BIODATA KORANG DI SINI

*tukarkan kepada biodata korang, atau ape2 nota .


4. Search code : 
LETAK CODE CBOX KORANG

*tukarkan
je kepada code cbox korang *TUTORIAL DI SINI



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 , insya'allah.. lain kali zaty akan
buat blogskin lagi :) jgn lupa komen =D


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

13 comments:

Nur Jannah . said...

Wah! Cntik :)) Nanti nak pakai kat blog no.2 lah .

Cik Fie said...

pandainya iza buat :)

Mk Syahir said...

cantik..tapi tak sesuai lah dengan abg..ehh abg?err

Andi Sakinah (Si Peminat Purple) said...

Kak Zaty, Boleh tanya tak? Kinah nak buat blogskin jugak tapi tak tau macam mana nak buat code nya.. Boleh tolong ajarkan?? BTW blogskin Kak Zaty Comel!

Hajjatul Darwisyah said...

woot-2.. chumel..,
first time buat ? ala.., dah lawa.,fira first time buat dah sederhana..,nak tengok skin-2 fira ?
terjah sini --> http://www.blogskins.com/me/hajjatul_darwisyah

syifa D_Fa said...

cantik lah yunk :) suke sangat-sangat tauu :) nanti kalau da borink gune denim aifa gune laa b.s zaty hehehe

AmirahSyafiqah ♥ said...

waaaa.. cantiknya :) pandai zaty buat :D

ummi_norseha said...

cantknya dik,sis nk ambiklh nnti untuk blog ke3...pndai edit mngedit nie ye,sis suka sgt...bl sis nk ambik nnti sis mnta izin dl yer..:)

✉ ¥ana Fauzi ✉ said...

Macam mana nak buat freebies cenggitu ? HAHA:) COMEL BTW:D

Esyah Amirah said...

Zaty Zaty Sye Gune EKk Blogskin Ni