Freebies Template

Assalamualaikum..

Ehem!! Buat julung-julung kalinya.. Kusyi dah siapkan satu template! Yeay! Ha ha..

Tajuk? Unforgettable. Tema hitam + pink.

Cara nak guna?

Kalau ada sape2 yang pakai template baru tu. Memang sah-sah takkan boleh amek freebies ni. Sebab korang kena revert to classic template dulu. Ada faham!

ala-ala template kusyi sekarang ini jugak la.. Hihi..

UNFORGETTABLE

atau korang amek aje coding-coding tu kat sini.

<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>

<head>

</script>

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>

<title>Unforgettable</title>

<!--

//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>

#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:#E9A2F2;

border:2px dashed #FAC5F8;

padding:8px;

border-radius:10px;

}

blockquote:hover {

background-color: #F2A2D0;

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>

<div class="title2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>

<$blogitembody$></blogger><br>

</div>

</td>

<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>

<br>

<div class="title">Tagboard</div><br>

<center><u>Speak silently, okay? Smile.</u></center><br>

Ur Shoutbox. And Others yah! :)

</div>

</td>

<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>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 class="title">Affies & Linkies</div><br>

<a href="http://" target="_blank">❤Friends</a><br>

<a href="http://" target="_blank">❤Friends</a><br><br>

<!-- DO NOT REMOVE THIS CREDIT --!>

<!-- 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>

<$blogitembody$></blogger><br>

</table></body>

</head></html>

Credit tu jangan dibuang! Kalau tak, hang cari kusyi d padang Mahsyar!

Daa..

salam!

Search This Blog

Latte Cafe Pastel

Freebies Template

Comments

Popular posts from this blog

Pengalaman Assessment Peneraju Profesional Akauntan Muda Kategori B (PPAM B)

Hlovate? Siapa?

CAT? Diploma? KPTM?