Dashboard | Follow
//Diyaa's Tutorial's\\


ME POST TUTO TAGGIE



Skin By APIS . Basecode By WANA
New Skin ♥




<center><img src="http://4.bp.blogspot.com/-uV_AV3VCMrE/TvbLEE0c8EI/AAAAAAAAAC4/5SWwBG2S3iI/s640/k%252C.png" /></center>
<title>I type What I Feel</title>
<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, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="http://2.bp.blogspot.com/-NDnBysEgFn0/TrNqvG1MquI/AAAAAAAAB1s/27JFiib32vk/s1600/top+button.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:'Fly To The Sky'})
.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>
<style type="text/css">
#navbar-iframe {display: none;
}
::-webkit-scrollbar {
height:8px;
width: 7px;
background:#000000;
}
::-webkit-scrollbar-thumb {
background-color:#FF3399;
-moz-border-radius: 10px;
border-radius: 0px;
}

body {
background:url(http://4.bp.blogspot.com/-KUFZuXET1kA/TsdHI-YC-SI/AAAAAAAAAGk/sGPEFvWgM5U/s1600/backgroundpinkk.png);
font-family:  trebuchet ms;
background-attachment:fixed;
cursor: url(http://i.imgur.com/ZOrzC.png), auto;
}
a:link, a:visited {
color:#FF3399;
text-decoration:none;
}
a:hover {
color: #FF3399;
border-bottom:1px dashed #FF3399;
-webkit-transition:1s;
}
.content {
background:#ffffff;
color: #666666;
font-size: 11px;
padding:14px;
width:600px;
border-radius:7px;
text-align:justify;
}
.bar {
background:url(http://i1203.photobucket.com/albums/bb392/Ikha00/11111111111111111111111111111111111.png);
color: #424242;
font-size: 11px;
padding: 8px;
width: 200px;
border-radius: 7px;
text-align: justify;
}
.main-title {
color:#424242;
font-size:14px; century gothic; text-shadow: 2px 2px 3px  #FF3399;
padding:2px;
border-bottom:1px dashed #6E6E6E ;
}
.sec-title {
color:#424242;
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
blockquote {
background:url(http://3.bp.blogspot.com/-Rf2x6vni5Hk/Tqyl5FkJswI/AAAAAAAAB10/8Up6SEzyGsw/s1600/pinkgrain.png);
padding: 7px;
border: 1px dashed #FF6699;
}
a.cute {
background: #ffffff;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 190px;
color: #000000;
border: 1px #FF6699 solid;
}
a.cute:hover {
border: 1px #ffffff solid;
border-right: 20px #fffffff solid;
background : #FF3399;
width: 180px;
color: #000000;
-webkit-transition:1s;
}
u {
text-decoration: none;
background: #FF9BB8;
color: #FFFFFF;
border-radius: 4px;
padding: 3px;
}
u:hover {
background: #999999;
color: #FFFFFF;
-webkit-transition: 1s;
}
b {
color: #FF3399;
}
::-moz-selection{
background: #FFFFFF;
color: #FF3399; text-shadow: 2px 2px 3px  #FF3399;
}
::selection{
background: #FFFFFF;
color: #FF3399; text-shadow: 2px 2px 3px  #FF9999;
}
</style>
<body oncontextmenu='return false;'><br>
<table style="line-height: 17px;" width="800" 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="200px">
<div class="bar">
<div class="main-title">Princess</div>
<br>
<center><img src="http://1.bp.blogspot.com/-D_o5fOLl_tA/TvbKwhZg66I/AAAAAAAAACs/BKxBiURB4t4/s200/Tumblr+%2528295%2529.jpg"><center/>
<br>Your Biodata Here ;'D<br><br>
<center><object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/PSPiECkZ1Uk?fs&amp;autoplay=1&amp;hl=en_US&amp;color1=0xffffff&amp;color2=0xffffff" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/PSPiECkZ1Uk?fs&autoplay=1&amp;hl=en_US&amp;color1=0xffffff&amp;color2=0xffffff" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object></center><br>
<center><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML" title="Who's Me ?">Owner</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('linky').innerHTML" title="Take It & Conver">Tuto & Shout</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('Entries').innerHTML" title="What I Feel">Diary</a>
<br>
<!----- DON'T YOU EVER REMOVE THE CREDIT IF YOU DON'T WANT TO GET SHAME -----!></div>
<div class="bar">
<div class="main-title">Big Clap</div>
<center>Skin by : <a href="http://copypaste-tutorialfreebies.blogspot.com/">Diyaa</a> <a href="http://diyaaastoryy.blogspot.com/">Sz</a><br>
<center>Tutor by : <a href="http://hajaaminho.blogspot.com/">Jaja</a> n <a href="http://www.letthaprincess.blogspot.com/">Lettha</a><br>
<center>Background By : <a href="http://nurhafizahpija.blogspot.com/"/>Pijah</a><br></center>
Best View : <a href="google.com"/>Google Chrome</a>
<!----- DON'T YOU EVER REMOVE THE CREDIT IF YOU DON'T WANT TO GET SHAME -----!></div>
<br>
</div>
</div>
<br>

<div id="about" style="display:none;">
<div class="main-title">About The Girl</div><br>
<center><img src="http://4.bp.blogspot.com/-SLrM3uET-kA/TvbKaeXRz0I/AAAAAAAAACU/jfUiJ6O8eDw/s320/Tumblr+%252852%2529.jpg"></center><br>
About You ^^</div><br><br>
</div>
<div id="linky" style="display:none;">
<div class="main-title">Tutorial & Goodies</div><br>
<img src="http://dl5.glitter-graphics.net/pub/718/718445vpubpe9xl9.gif"> Tutorial : <a href="http://diyaaastoryy.blogspot.com/"/>LOL</a><br><br>
<img src="http://dl5.glitter-graphics.net/pub/718/718445vpubpe9xl9.gif"> Tutorial : <a href="http://diyaaastoryy.blogspot.com/"/>LOL</a><br><br>
<img src="http://dl5.glitter-graphics.net/pub/718/718445vpubpe9xl9.gif"> Tutorial : <a href="http://diyaaastoryy.blogspot.com/"/>LOL</a><br><br>
<img src="http://dl5.glitter-graphics.net/pub/718/718445vpubpe9xl9.gif"> Tutorial : <a href="http://diyaaastoryy.blogspot.com/"/>LOL</a><br><br>
<img src="http://dl5.glitter-graphics.net/pub/718/718445vpubpe9xl9.gif"> Tutorial : <a href="http://diyaaastoryy.blogspot.com/"/>LOL</a><br><br>
<img src="http://dl5.glitter-graphics.net/pub/718/718445vpubpe9xl9.gif"> Tutorial : <a href="http://diyaaastoryy.blogspot.com/"/>LOL</a><br><br>
<img src="http://dl5.glitter-graphics.net/pub/718/718445vpubpe9xl9.gif"> Tutorial : <a href="http://diyaaastoryy.blogspot.com/"/>LOL</a><br><br>
<img src="http://dl5.glitter-graphics.net/pub/718/718445vpubpe9xl9.gif"> Tutorial : <a href="http://diyaaastoryy.blogspot.com/"/>LOL</a><br><br>
<img src="http://dl5.glitter-graphics.net/pub/718/718445vpubpe9xl9.gif"> Tutorial : <a href="http://diyaaastoryy.blogspot.com/"/>LOL</a><br><br>
</center></div>
<div id="Entries" 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>

</div>
</td>
</table></body></head></html>

Blogger nadd zayna said...

salam , heyy . it's me nadd . sy tertarik nan titorial awak , bole ta sy nak copypaste awak punye code neh ? sy harap awak ta segan silu mengajar sy dlm tutorial neh :))

 
Blogger Copy & Paste said...

Oh , boleh but this code from me. And kalau nak please credit by diyaa ok ?

 
Blogger \\ Izzah // said...

hye , Izzah nak try bole ? thnx yep .. :)

 
Blogger Copy & Paste said...

Alright Izzah :) welcome :)

 
Blogger Narisha Supergirl ♥ said...

Tutorial : akaq , sy ambek eh link nie ?? tengss

 
Blogger Pikaa ♥ said...

Hi diyaa, pikaa baru first time bukak this tuto blog. Tapi pikaa ada prob that pikaa tak reti nak edit blog. Boleh ajar pikaa? :)

 



Post a Comment



Older Post | Newer Post