Tutorial How to edit Blogskin part 2
Assalamualaikum.
Tadi dah tengok macam mana nak guna blogskin? >klik sini<
Nih nak ajar cara nak maen edit2.. Korang kenalah mahir dalam maen coding2. Haku pandai yang senang2 jea. Tahap susah tak reti lagi.. Huhu..
Contoh kod2 yang skin Unforgettable. Tu skin saya.
MERAH! - tukarkan ke blog ID korang! okeh??
UNFORGETTABLE- korang letakla title sendiri. Ha ha..
http://i1185.photobucket.com/albums/z344/kusyi03/24o0v2t.png- URL background.
http://i1185.photobucket.com/albums/z344/kusyi03/unforgettable.png- URL header.
Oren- youtube korang. okeh??kalau tak tahu tengok TUTO INI
yang laen2 tu, jangan ubah apa-apa. kang rosak menangis berlagu taylor, ai taknak tanggung.. keh keh..
Yang penting! tiap kali edit apa2..preview dulu! jangan maen save je.. classic template nih mudah rosak. Kalau boleh, sebelum korang save, korang copy balek semua2 tu.. Korang simpan kat mana-mana dulu. kemudian baru save. Saya dah banyak kali rosak. Ha ha..
bersambung part 3...
Assalamualaikum
Tadi dah tengok macam mana nak guna blogskin? >klik sini<
Nih nak ajar cara nak maen edit2.. Korang kenalah mahir dalam maen coding2. Haku pandai yang senang2 jea. Tahap susah tak reti lagi.. Huhu..
Contoh kod2 yang skin Unforgettable. Tu skin saya.
<html><div style="position: absolute; top:0px; left: 0px; width:99.5%; position:absolute; padding:3px; background: #91898B; color:white; font-size:11px;">
<center> ❤Anyeong Haseyo❤ | <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">Follow </a> or <a href="http://www.blogger.com/home">Dashboard</a></center></div>
<script language="javascript" type="text/javascript">
<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://i1207.photobucket.com/albums/bb470/nurulathirah97/redtop-1.png"/>', //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:"Going Up !"})
.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><base target='_blank'/><title>Unforgettable</title>
<script type='text/javascript'><!--//Disable right click script//visit http://www.rainbow.arch.scriptmania.com/scripts/var message="Sorry, right-click has been disabled";///////////////////////////////////function clickIE() {if (document.all) {(message);return false;}}function clickNS(e) {if(document.layers||(document.getElementById&&!document.all)) {if (e.which==2||e.which==3) {(message);return false;}}}if (document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS;}else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}document.oncontextmenu=new Function("return false")// --></script>
<style type="text/css">#navbar-iframe {display: none;}body {background:url(http://i1185.photobucket.com/albums/z344/kusyi03/24o0v2t.png);font-family:Georgia;font-size: 11px;background-attachment:fixed;cursor: url(http://i.imgur.com/ZOrzC.png), auto;}
::-moz-selection {background:#FCC0CF;color:#000000;}::selection {background:#FCC0CF;color:#FFFFFF;
}a:link, a:visited {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;color:#F2A0B4;font-style: normal;text-decoration:none;}
a:hover {border-bottom:1px dashed #F0C0FC;}
img {-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;filter:alpha(opacity=100);
-moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0;
}img:hover { filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5; -webkit-transition:2s;}
.header {margin-top:0px;margin-left:0px;}.header:hover {padding-left:50px;opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;-webkit-transition:1s;}
u {text-decoration:none;border-bottom:1px solid #FCC0CA;}u:hover {text-decoration:none;border-bottom:1px dotted #FCC0CA;}b { text-decoration: bold; color: #F7A8B1; }
.content {background:#ffffff;color:#000000;font-size: 11px;padding:14px;width:600px;border-radius:10px;text-align:justify;}.bar {background:url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody1.gif);color: #000000;font-size: 11px;padding: 8px;width: 230px;border-radius: 10px;text-align: justify;}.title {color:#968F90;font-style:italic;text-align: left;font-size:16px;padding:3px;border-bottom:1px solid #A6CCED;}.title2 {color: #FC90A2;font-style:normal;font-size:12px;text-align: left;margin-bottom:2em;}a.navi {padding-left:10px;padding-right:10px;padding-bottom:5px;padding-top:5px;font-size:11px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;color:#000000;background:url(' http://i1185.photobucket.com/albums/z344/kusyi03/corak.png');line-height: 10px;display: inline-block;
-webkit-transition:0.5s;transition:0.5s;margin-bottom:5px;cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}a.navi:hover {background:#EB6C8B;color:#FFF;-webkit-transition:0.5s;transition:0.5s;}blockquote {color:#FFFFFF;background:#BAB6B7;border:2px dashed #FAC5F8;padding:8px;border-radius:10px;}blockquote:hover {background-color: #EDE1E4;padding-left: 50px;-webkit-transition-duration: 1.0s;border:1px solid #F53BA4;}::-webkit-scrollbar {height:12px;width: 6px;background: white;}::-webkit-scrollbar-thumb {background: black;}::-webkit-scrollbar:hover {background: white;}::-webkit-scrollbar-thumb:hover {background: lightpink;}</style><body oncontextmenu='return false;'><center><img class="header" src="http://i1185.photobucket.com/albums/z344/kusyi03/unforgettable.png"/></center>
<table style="line-height: 17px;" width="900" border="0" align="center" cellspacing="5"><tbody><tr><br>
<td valign="top" style="width:600px; padding:10px; border-radius:10px; background:#ffffff; font-size:11px;"><div id="content"><blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="title2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>NEW</a></NewerPosts></center></div></div></td>
<td valign="top" width="230px"><div class="bar"><center><img src="http://i128.photobucket.com/albums/p165/charmroyal/graphics/dividers/55.png" ></center><div class="navi"><center><a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('posts').innerHTML" title="Posts">Entries</a> ♥<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML" title="About">About</a> ♥<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('links').innerHTML" title="Links">Linkies</a></center></div><div class="title">About</div>Blog name : autumn & heart <br>Exist since : November 2009 <br>Owner : kusyi03<br><br><center><object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/pcTu2A1chag?&amp%3B&color1=0xFFFFFF&color2=0xFFFFFF&autoplay=1&loop=1&autoplay=1&loop=1&amp%3Bhl=en_US" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/pcTu2A1chag?&%3B&color1=0xFFFFFF&color2=0xFFFFFF&autoplay=1&loop=1&autoplay=1&loop=1&%3Bhl=en_US" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br><div class="separator"></div><br><div class="title">Tagboard</div><br><center><u>Speak silently, okay? Smile.</u></center><br>Ur Shoutbox. And Others yah! :)
</div></td>
<div id="about" style="display:none;"><div class="title">Hey! It is me.</div><br><center><img src="http://data.whicdn.com/images/14813938/10040986965dbcf0f3_large.jpg"></center><br><center><u>Anyeong Haseyo! Big smile for you! yes you're someone in front of monitor!</center></u><br><br><b>Name:</b> Tengku Nur Asyikin Tg Hussin.<br><b>Famous as:</b> tengku,syikin,<u>kusyi</u>.<br><b>Birthday:</b> 16 March 1995.<br><b>Age:</b> 16 years old.<br><b>Stay at:</b> Home.<br><b>Dreams:</b> Wanna be a <u>Surgeon</u>.<br><br><b>School:</b> STePS.<br><b>BFF:</b> Hanim,Nora and all who loved me. ;D<br><br><b>Likes:</b><br>- Blogging.<br>- My lovely <u>Trumpet</u><br>- Spend time at <b>BIOLOGY!</b><br>- Tiffany Alvord.<br>- Detective Conan<br>- Reading. Ngee<br><br><b>Hates:</b><br>- Anons, Haters, Copypasters<br>- Person that loved a word 'give up'<br><br></div>
<div id="links" style="display:none;"><div class="title">Affies & Linkies</div><br><center><img src="http://data.whicdn.com/images/13926868/tumblr_loxsfdIPID1qi3dsro1_500_large.png" width="400" height="292"></center><br><a href="http://" target="_blank">❤Friends</a><br><a href="http://" target="_blank">❤Friends</a><br><a href="http://" target="_blank">❤Friends</a><br><br>
<!-- DO NOT REMOVE THIS CREDIT --!><div class="separator"></div><br><!-- DO NOT REMOVE THIS CREDIT --!><div class="title">Thanks for them</div><br>Inspired by :<a href="http://aquwhtira97.blogspot.com">Nurul Athirah</a><br>Template : <a href="http://khusyee03.blogspot.com">kusyi03</a><br>picture : <a href="http://weheartit.com">we❤it</a><br>Background :Fivepointsapart<br>Bar Background:<a href="http://aqupunyekesahbukankau.blogspot.com/2011/07/tutorial-main-body-ada-background.html">Sis Una</a><br><!-- DO NOT REMOVE THIS CREDIT --!></div>
<div id="posts" style="display:none;"><blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="title2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>NEW</a></NewerPosts></center></div>
</table></body></head></html>
<center> ❤Anyeong Haseyo❤ | <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">Follow </a> or <a href="http://www.blogger.com/home">Dashboard</a></center></div>
<script language="javascript" type="text/javascript">
<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://i1207.photobucket.com/albums/bb470/nurulathirah97/redtop-1.png"/>', //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:"Going Up !"})
.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><base target='_blank'/><title>Unforgettable</title>
<script type='text/javascript'><!--//Disable right click script//visit http://www.rainbow.arch.scriptmania.com/scripts/var message="Sorry, right-click has been disabled";///////////////////////////////////function clickIE() {if (document.all) {(message);return false;}}function clickNS(e) {if(document.layers||(document.getElementById&&!document.all)) {if (e.which==2||e.which==3) {(message);return false;}}}if (document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS;}else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}document.oncontextmenu=new Function("return false")// --></script>
<style type="text/css">#navbar-iframe {display: none;}body {background:url(http://i1185.photobucket.com/albums/z344/kusyi03/24o0v2t.png);font-family:Georgia;font-size: 11px;background-attachment:fixed;cursor: url(http://i.imgur.com/ZOrzC.png), auto;}
::-moz-selection {background:#FCC0CF;color:#000000;}::selection {background:#FCC0CF;color:#FFFFFF;
}a:link, a:visited {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;color:#F2A0B4;font-style: normal;text-decoration:none;}
a:hover {border-bottom:1px dashed #F0C0FC;}
img {-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;filter:alpha(opacity=100);
-moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0;
}img:hover { filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5; -webkit-transition:2s;}
.header {margin-top:0px;margin-left:0px;}.header:hover {padding-left:50px;opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;-webkit-transition:1s;}
u {text-decoration:none;border-bottom:1px solid #FCC0CA;}u:hover {text-decoration:none;border-bottom:1px dotted #FCC0CA;}b { text-decoration: bold; color: #F7A8B1; }
.content {background:#ffffff;color:#000000;font-size: 11px;padding:14px;width:600px;border-radius:10px;text-align:justify;}.bar {background:url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody1.gif);color: #000000;font-size: 11px;padding: 8px;width: 230px;border-radius: 10px;text-align: justify;}.title {color:#968F90;font-style:italic;text-align: left;font-size:16px;padding:3px;border-bottom:1px solid #A6CCED;}.title2 {color: #FC90A2;font-style:normal;font-size:12px;text-align: left;margin-bottom:2em;}a.navi {padding-left:10px;padding-right:10px;padding-bottom:5px;padding-top:5px;font-size:11px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;color:#000000;background:url(' http://i1185.photobucket.com/albums/z344/kusyi03/corak.png');line-height: 10px;display: inline-block;
-webkit-transition:0.5s;transition:0.5s;margin-bottom:5px;cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}a.navi:hover {background:#EB6C8B;color:#FFF;-webkit-transition:0.5s;transition:0.5s;}blockquote {color:#FFFFFF;background:#BAB6B7;border:2px dashed #FAC5F8;padding:8px;border-radius:10px;}blockquote:hover {background-color: #EDE1E4;padding-left: 50px;-webkit-transition-duration: 1.0s;border:1px solid #F53BA4;}::-webkit-scrollbar {height:12px;width: 6px;background: white;}::-webkit-scrollbar-thumb {background: black;}::-webkit-scrollbar:hover {background: white;}::-webkit-scrollbar-thumb:hover {background: lightpink;}</style><body oncontextmenu='return false;'><center><img class="header" src="http://i1185.photobucket.com/albums/z344/kusyi03/unforgettable.png"/></center>
<table style="line-height: 17px;" width="900" border="0" align="center" cellspacing="5"><tbody><tr><br>
<td valign="top" style="width:600px; padding:10px; border-radius:10px; background:#ffffff; font-size:11px;"><div id="content"><blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="title2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>NEW</a></NewerPosts></center></div></div></td>
<td valign="top" width="230px"><div class="bar"><center><img src="http://i128.photobucket.com/albums/p165/charmroyal/graphics/dividers/55.png" ></center><div class="navi"><center><a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('posts').innerHTML" title="Posts">Entries</a> ♥<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML" title="About">About</a> ♥<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('links').innerHTML" title="Links">Linkies</a></center></div><div class="title">About</div>Blog name : autumn & heart <br>Exist since : November 2009 <br>Owner : kusyi03<br><br><center><object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/pcTu2A1chag?&amp%3B&color1=0xFFFFFF&color2=0xFFFFFF&autoplay=1&loop=1&autoplay=1&loop=1&amp%3Bhl=en_US" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/pcTu2A1chag?&%3B&color1=0xFFFFFF&color2=0xFFFFFF&autoplay=1&loop=1&autoplay=1&loop=1&%3Bhl=en_US" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br><div class="separator"></div><br><div class="title">Tagboard</div><br><center><u>Speak silently, okay? Smile.</u></center><br>Ur Shoutbox. And Others yah! :)
</div></td>
<div id="about" style="display:none;"><div class="title">Hey! It is me.</div><br><center><img src="http://data.whicdn.com/images/14813938/10040986965dbcf0f3_large.jpg"></center><br><center><u>Anyeong Haseyo! Big smile for you! yes you're someone in front of monitor!</center></u><br><br><b>Name:</b> Tengku Nur Asyikin Tg Hussin.<br><b>Famous as:</b> tengku,syikin,<u>kusyi</u>.<br><b>Birthday:</b> 16 March 1995.<br><b>Age:</b> 16 years old.<br><b>Stay at:</b> Home.<br><b>Dreams:</b> Wanna be a <u>Surgeon</u>.<br><br><b>School:</b> STePS.<br><b>BFF:</b> Hanim,Nora and all who loved me. ;D<br><br><b>Likes:</b><br>- Blogging.<br>- My lovely <u>Trumpet</u><br>- Spend time at <b>BIOLOGY!</b><br>- Tiffany Alvord.<br>- Detective Conan<br>- Reading. Ngee<br><br><b>Hates:</b><br>- Anons, Haters, Copypasters<br>- Person that loved a word 'give up'<br><br></div>
<div id="links" style="display:none;"><div class="title">Affies & Linkies</div><br><center><img src="http://data.whicdn.com/images/13926868/tumblr_loxsfdIPID1qi3dsro1_500_large.png" width="400" height="292"></center><br><a href="http://" target="_blank">❤Friends</a><br><a href="http://" target="_blank">❤Friends</a><br><a href="http://" target="_blank">❤Friends</a><br><br>
<!-- DO NOT REMOVE THIS CREDIT --!><div class="separator"></div><br><!-- DO NOT REMOVE THIS CREDIT --!><div class="title">Thanks for them</div><br>Inspired by :<a href="http://aquwhtira97.blogspot.com">Nurul Athirah</a><br>Template : <a href="http://khusyee03.blogspot.com">kusyi03</a><br>picture : <a href="http://weheartit.com">we❤it</a><br>Background :Fivepointsapart<br>Bar Background:<a href="http://aqupunyekesahbukankau.blogspot.com/2011/07/tutorial-main-body-ada-background.html">Sis Una</a><br><!-- DO NOT REMOVE THIS CREDIT --!></div>
<div id="posts" style="display:none;"><blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="title2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><$blogitembody$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>NEW</a></NewerPosts></center></div>
</table></body></head></html>
MERAH! - tukarkan ke blog ID korang! okeh??
UNFORGETTABLE- korang letakla title sendiri. Ha ha..
http://i1185.photobucket.com/albums/z344/kusyi03/24o0v2t.png- URL background.
http://i1185.photobucket.com/albums/z344/kusyi03/unforgettable.png- URL header.
Oren- youtube korang. okeh??kalau tak tahu tengok TUTO INI
yang laen2 tu, jangan ubah apa-apa. kang rosak menangis berlagu taylor, ai taknak tanggung.. keh keh..
Yang penting! tiap kali edit apa2..preview dulu! jangan maen save je.. classic template nih mudah rosak. Kalau boleh, sebelum korang save, korang copy balek semua2 tu.. Korang simpan kat mana-mana dulu. kemudian baru save. Saya dah banyak kali rosak. Ha ha..
bersambung part 3...
Assalamualaikum
Comments