Thursday, 6 June 2013

Freebies Blogskin : Give me a reason

Hai assalamualaikum ,

Hari ni Ina nak bagi freebies pertama Ina . Ina harap korang suka . Header , top button , button follow , semua Ina buat sendiri . Kali pertama ... Hehehe . Cuma button home , older and newer je Ina ambil dari freebies Kak Atiqah Jaidin . Gambar panda semua di Google . Gambar kiut miut tu pula dari pixel diary . Blog ini full dgn kelabu , putih and ada ungu sikit2 . Dan kecepatan blog ini 0.01 seconds per KB .



Korang suka tak ? Copy kod bawah ni ...  Comment first , before take it , baby ♥

<html> 

<script type="text/javascript"> 
document.ondragstart = function () { return false; }; </script> 
<link href="http://fonts.googleapis.com/css?family=Boring+Showers|Short+Stack" rel="stylesheet" type="text/css"> 
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'> 

<div style="position: fixed; top: 250px; right: 20px;"><a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" title="Follow !""><img src="http://i.imgur.com/7dYQUQ5.gif" border="0" /></a></div></div>

<center><img src="http://i.imgur.com/uTnR0PS.gif" /></center> 
<title>Give me a reason</title><link rel="shortcut icon" href="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/pastelfuwa/image03.gif"> 
<style type="text/css"> 
#navbar-iframe {
display: none;
}

body {
color: #e6e6e6;
background: url(http://2.bp.blogspot.com/-IvMyvZ-NsN4/T_ABMPsUAuI/AAAAAAAADvA/lqDf8lTFNE8/s320/1.png);
background-attachment:inherit;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth638.cur), progress;
font-family: arial;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}

a:link, a:visited { 
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth638.cur), progress;
font-style: normal;
color: #F5A9BC;
text-decoration: none;
-webkit-transition-duration: 0.5s;
}

a:hover{
color: #fff;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth638.cur), progress;
}

::-webkit-scrollbar {
width:10px;
height:3px;
}
::-webkit-scrollbar-track-piece  {
background-color:#fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#F8E0E6;
}

a.nav {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor:pointer;
display:inline-block;
font:8px tt;
text-align:center;
width:30px;
height:10px;
color:#888 !important;
padding:5px;
padding-top:15px;
background:#eee;
text-decoration:none;
-webkit-border-top-left-radius: 33px;
-webkit-border-top-right-radius: 33px;
-moz-border-radius-topleft: 33px;
-moz-border-radius-topright: 33px;
border-top-left-radius: 33px;
border-top-right-radius: 33px;
border:2px solid #ddd;
border-bottom:none;
}
a.nav:hover {
background: #fff;
color:#333 !important;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

.tit {
color: #000000;
margin: 2px;
padding: 3px;
font: 12px 'love ya like a sister';
line-height:17px;
text-align: center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
background:  #e6e6e6;
}

::-moz-selection {
color:#FFFFFF;
}

::selection {
color:#FFFFFF;
}


.com {
font-family: verdana;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
line-height:15px;
color: #grey;
text-align: right;
border-top: 1px solid #fff;
}

blockquote {
border: 1px solid #D2D2D2; 
padding: 7px;
}

blockquote:hover { 
border: 1px solid #FFB6EC; 
 }

.baro {
text-align:center;
margin-top: 190px;
}

a.channie {
font-size: 11px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 70px; 
color: #000;
background:#fff;
padding:3px;
margin:2px;
text-decoration: none;
border: 1px solid #e6e6e6; 
-webkit-transition-duration:1200ms;
}
a.channie:hover          {
display:inline-block;
text-align:center;
width: 70px;
color: #000;
background:#ffd2db;
-webkit-transition-duration:1200ms;
}

a img {

opacity:1;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
opacity:0.4;
}

 li { list-style-image:
url(http://media.tumblr.com/tumblr_meb720XdFt1qdlkyg.gif);
}

</style>
<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);
div.b-mobile {display:none;}
</style> 

</style>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
$(".not").hide();
$(".not-click").click(function(){
$('.not').slideToggle("1s");
return true;
});
});
</script> 
</head> 

<body oncontextmenu='return false;'>



<table style="font-size: 10px; border:10px solid #E6E6E6; color: #B7B7B7; line-height: 17px; background:white; border-radius:8px;" width="860" align="center" border="0" cellspacing="8"> 
<tbody><tr> 
<td valign="top" style="line-height:16px; letter-font-size:9px; width:80px; padding-right:10px;"> 

<div class="tit">Bonjour!</div> 
<br> 
<div style="text-align: center; border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-top: -16px; padding-top: 6px;padding-bottom: 6px;">
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Story</a> | 
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a> |
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('rules').innerHTML" title="">Stuff</a> |
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Linky</a>
<center><img height="158" src="http://www.gamerdna.com/uimage/vg0hQvD/full/anime-cute-panda-gif.gif" width="210" /> </div> </center>

Put your words

</div><br></div> 
</div></div> 

<div class="tit">Tagboard!</div><br> 
<div style="text-align: center;"> 
<center><img height="158" src="http://indervilla.com/home/Panda-Simple-Design-Cute-Face-HD.jpg" width="210" /> </div> </center>
<br>
</div> 
Put your cbox codes :D 
<br> 

<div class="tit">Big Claps</div><br>
<!----- DONT REMOVE THE CREDITS -------!>
<b>Template by</b> <a href="http://sabghina.blogspot.com/"target="_blank" >Sabrina SA</a>. Basecodes from <a href="http://www.blogskins.com/me/ainadouble"> Syaza </a>.
<b>Big help </b><a href="http://nurulatiqahjaidin.blogspot.com/"> ▲ </a><a href="http://wanaseoby.blogspot.com/"> ▲ </a>
<b>Best View </b><a href="https://www.google.com.my">Google</a></br>
<!----- DONT REMOVE THE CREDITS  -------!>
<br>

<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="#fff" />
    <param name="FlashVars" value="mp3=http%3A//media.irondj.net/mix/file/36051/P_nk_Just_Give_Me_A_Reason_ftNate_Ruess_piano_cove.mp3&amp;autoplay=1&amp;bgcolor=fff&amp;loadingcolor=fff&amp;buttoncolor=e6e6e6&amp;slidercolor=e6e6e6" />
</object></center>

<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:11px; padding-left:22px;"> 
<div id="entry">  

<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br> </blogger>

<div style="float: left;"><a class="leposts" href=<$OlderPosts$>>
<img src="http://1.bp.blogspot.com/-pfAutEPKX7s/UDmnBRZ7goI/AAAAAAAALTI/Zk2onv0cn58/s1600/backgrey.png" border="0" /></a></div>
<center><a href="#"><img src="http://4.bp.blogspot.com/-6jknNolnN5U/UDmnqMgM9PI/AAAAAAAALUw/7rg8sEQc5sk/s1600/homegrey1.png" border="0" />
<div style="float: right;"><a class="leposts" href=<$NewerPosts$>>
<img src="http://3.bp.blogspot.com/-O6m7eq9c7F8/UDmnTKzvamI/AAAAAAAALT4/lwTz7DHCRpk/s1600/nextgrey.png" border="0" /></a></div>

<br>
<center><OlderPosts><a  href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div> 
</td></tr></tbody> 
</table> 

<div id="link" style="display: none;"> 
<div class="tit"> Exchanged Link </div><br>
<center><a class="channie" href="URLBLOG">NAMA</a>
<a class="channie" href="URLBLOG">NAMA</a>
<a class="channie" href="URLBLOG">NAMA</a><center>
<br><br>
<blockquote>Want to exchanged Link, leave your footstep at my cbox :)</blockquote>


<div id="about" style="display: none;"> 
<div class="tit">Meet the owner here </div><br> 
<center><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTCgIOYS32J9MHwnQPJA7MQTXJgAzx4iy-GBBsmg0cd1CTxumJU1Q" width="470" height="370"></center><br>
<b>Name</b> : yours / famous as<br>
<b>Age</b> : yours<br>
<b>Adress</b> : yours<br>
<b>Fav.food</b> : yours<br>
<b>Fav.drink</b> : yours<br>
<b>Birthday</b> : yours<br>
<b>Born of place</b> : yours<br>
<b>Hobbies</b> : yours<br>
<b>Ambition</b> : yours<br>
<b>Fav.colour</b> : yours<br>
<b>Boyfriend</b> : yours<br>
<b>Fav.animal</b> : yours<br>
<b>No.tel</b> : yours<br>
<b>Friend</b> : yours<br><br>
<b>Likes</b><br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>

<br>
<b>Hates</b><br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>
blablablablablablablabla<br>

<br>
<blockquote>Replace with your own profile here</blockquote>
<br> 
<br>
<br>


<div id="diary" style="display: none;"> 

<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br> </blogger>
<div style="float: left;"><a class="leposts" href=<$OlderPosts$>>
<img src="http://1.bp.blogspot.com/-pfAutEPKX7s/UDmnBRZ7goI/AAAAAAAALTI/Zk2onv0cn58/s1600/backgrey.png" border="0" /></a></div>
<center><a href="#"><img src="http://4.bp.blogspot.com/-6jknNolnN5U/UDmnqMgM9PI/AAAAAAAALUw/7rg8sEQc5sk/s1600/homegrey1.png" border="0" />
<div style="float: right;"><a class="leposts" href=<$NewerPosts$>>
<img src="http://3.bp.blogspot.com/-O6m7eq9c7F8/UDmnTKzvamI/AAAAAAAALT4/lwTz7DHCRpk/s1600/nextgrey.png" border="0" /></a></div>
<br>

</div> 


<div id="rules" style="display: none;">
<div class="tit"><img src="http://imgur.com/fbrBr.png" /> Goodies and Tutorials</div><br> 

<u>Tutorials For Blog</u>

<br><img src="http://media.tumblr.com/277f5c36c54acc7c306c12ed127f9a23/tumblr_inline_mmznae5fug1qz4rgp.gif"> <a href="http://sabghina.blogspot.com/"> Tutorial: Coming Soon!</a>
<br><img src="http://media.tumblr.com/277f5c36c54acc7c306c12ed127f9a23/tumblr_inline_mmznae5fug1qz4rgp.gif"> <a href="http://sabghina.blogspot.com/"> Tutorial: Coming Soon!</a></br>

<u>Tutorial For Blogskin</u>

<br><img src="http://media.tumblr.com/dad0101799b666ebc4d20d087cc0eb08/tumblr_inline_mmznamUU9V1qz4rgp.gif"> <a href="http://sabghina.blogspot.com/"> Goodies: Coming Soon!</a>
<br><img src="http://media.tumblr.com/dad0101799b666ebc4d20d087cc0eb08/tumblr_inline_mmznamUU9V1qz4rgp.gif"> <a href="http://sabghina.blogspot.com/"> Goodies: Coming Soon!</a></br>

<u>Freebies</u>

<br><img src="http://media.tumblr.com/5a2496d7f6593b86d0ed160ad44b677c/tumblr_inline_mmzna8S9nI1qz4rgp.gif"> <a href="http://sabghina.blogspot.com/"> Goodies: Coming Soon!</a>
<br><img src="http://media.tumblr.com/5a2496d7f6593b86d0ed160ad44b677c/tumblr_inline_mmzna8S9nI1qz4rgp.gif"> <a href="http://sabghina.blogspot.com/"> Goodies: Coming Soon!</a></br>

<div>



</div> 

<script type="text/javascript"> 
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script> 
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=4656112672810796544&amp;blogName=Si+Gades+Sharp%E2%84%93et.&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=CLASSIC&amp;searchRoot=http://ainadoodle.blogspot.com/search&amp;blogLocale=en&amp;homepageUrl=http://ainadoodle.blogspot.com/&amp;vt=-4656112672810796544" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> 
<div></div> 

<br> 

<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://i.imgur.com/HX2Tqlk.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:'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>