Agna Naila : Tutorial How To Make Skins (Happy 70 Followers)

Konnichiwa Minnasan! watashiwa Agna! So.. Happy 70 followers Agna buat tuo ini deh! INI credit ke kak Jessly, yang Agna modifikasi beberapa code :)

<html>
<head>
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified bySafiraNuril***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL BACK TO TOP BUTTON" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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()!='')
mainobj.$control.css({width:mainobj.$control.width()})
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'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

Copynya paling atas yaa di code itu ada URL Back To TOp buttonya, kalau malas buat cari aja di google yaa

Intinya edit sendiri aja ya.. ini di copy paling bawah

Copy code paling bawah dan ini yang mau pakai blockquote aja yaaa

Copy di paling bawah seperti biasa dan disitu ada navigation bar background, kalau mau pakai boleh tapi Kalau transparan gak apa apa, kalau Agna seringnya transparan

Copy code ini Paling atas, semuanya, bsia juga kalian edit sendiri nama-nama navigation barnya,

<table style="font-size: 11px; color: #FF4EE8; line-height: 17px; background:transparent;border-top: 32px solid MistyRose; border-left: 8px solid MistyRose; border-right: 8px solid MistyRose; border-bottom: 32px solid MistyRose; background:#fff; border-radius:10px;" width="899" border="0" align="center" cellspacing="5">
<tbody>
<tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:120px; padding-right:0px;">
<div class="tit">
judul sidebar</div>
<br>
<center>
<img height="142" src="url image sidebar" width="230" /></center>
</div>
<br>
<center>
isi sidebar</center>
<br></div>
</div>
<br></div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<div class="tit">
judul sidebar</div>
<br>
<center>
<img height="142" src="url image sidebar" width="230" /></center>
</div>
<center>
isi sidebar<center>
<br>
<div class="tit">
big Clap</div>
<br>
<center>
Template : <a href="http://litbloggie.blogspot.com/">Jesslyn</a>.<br>
<center>
Modivication: <a href="http://nailaagnarahima.blogspot.com/">Agna</a><br>
</div>
<br>
<center>
Owner : <a href="url blog kamu">nama kamu</a><br>
</div>
<br>

Judul sidebar or widget, kalian bisa isi sendiri, enaknya gimana, mau gimana, untuk credit, kalian boleh hapus, terserah kalian enaknya gimana

<td valign="top" style="width:630px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:7px; padding-left:12px;">
<div id="entry">
<blogger><div class="tit">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">
Written by NAMA KAMU at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr>
</tbody>
</table>
<div id="about" style="display: none;">
<div class="tit">
About Owner</div>
<br>
<center>
<img src="url gambar yang kamu mau" width="330" height="320"></center>
<br>
<center>
ganti dengan biodatamu..</center>
<div id="diary" style="display: none;">
<blogger><div class="tit">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">
Written by NAMA KAMU at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> jesslyn</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
<div id="links" style="display: none;">
<div class="tit">
friends</div>
<br>
<center>
<img src="url gambar yang kamu mau" width="330" height="350"></center>
<br>
<center>
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a> |
<a class="linkies" href="http://www.blogger.com">people</a><br>
</div>
<div id="tutobies" style="display: none;">
<div class="tit">
tutorial and freebies</div>
<br>
<center>
<img src="url gambar yang kamu mau" width="330" height="280"></center>
<br>
<center style="text-align: left;">
<u>Tutorials</u></center>
<br>
<li> tutorial
<li> tutorial<br><br><br>
<center style="text-align: left;">
<u>Freebies</u></center>
<br>
<li> freebies
<li> freebies<br><br>
</div>
</body>
</html>

Copy dibawah semua code udah deh jadi! Semuanya bisa kalian edit sendirii! Gimana? Puas gak? semoga suka yaaa WATASHIWA AGNA ARIGATOU