Wednesday, 8 May 2013

Blogskin Part II

Assalamualaikum !

Hello Peppss ! Okayy , actually esok Shaz exam TAPI tetap juga ada mood untuk membuat BLOGSKIN . HAHAHAHAHA xD bosan baa tuh pasal la Shaz tetiba datang sod dot untuk buat blogskin ;D jeng jeng jengg~ mau tengok ? 

tadaaa~ apa macam ? :p buruk ? itsokey :(

NOTA KAKI : copy and paste di template anda ;) okayy ! muahh :* bye


<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'></link>

<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://i.imgur.com/qoDUe.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:"Let's Fly High !"})
.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>

<div style="position: fixed; top: 5px; right: 85px;"><a href="http://www.blogger.com/follow-blog.g?blogID=4584722184625488154" title="Follow !""><img src=" http://4.bp.blogspot.com/-MXGlL65Y5zE/Tx_r54eUKhI/AAAAAAAAAxg/oBgeen0X6IE/s1600/FOLLOW.png" border="0" /></a><div style="position: fixed; top: 5px; right: 2px;"><a  href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src=" http://2.bp.blogspot.com/-pcF_1yKl-Mg/Tx_r5dEQZXI/AAAAAAAAAxc/N7GwU_CCfNc/s1600/DASHBOARD.png" border="0" /></a></div></div>
<script language=JavaScript>
<!--//Disable right mouse click Script
//By Dynamicdrive (renigade@nsimail.com)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE4(){
if (event.button==2){return false;}}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("return false")// -->
</script>
<base target='_blank'/>
<center><img src="http://2.bp.blogspot.com/--4q62H7ANq8/UA1HGrF4cLI/AAAAAAAAB8s/gguVqUh09qA/s1600/AWESOME.png" /></center>
<title>Momy Monster</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
letter-spacing: 1px;
cursor: url(http://2.bp.blogspot.com/-BWVLeelZdHk/TtmH-hMJ5XI/AAAAAAAAENo/CS5CT3jT3fE/s1600/04.gif), auto;
background: url(http://i.imgur.com/5zgyd.png);
background-attachment:fixed;
font-family: verdana;
font-size: 10px;
}
a:link, a:visited {
color:#ffa1c2;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}


a:hover {
-webkit-background-clip: text;
color: white;
-webkit-text-fill-color: transparent;
background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
}
cursor: url(http://2.bp.blogspot.com/-BWVLeelZdHk/TtmH-hMJ5XI/AAAAAAAAENo/CS5CT3jT3fE/s1600/04.gif), auto;
-webkit-transition-duration: 0.5s;
color: #000;
}
.mainblog {
background:#ffffff;font-size: 11px;
color:#000;
padding:14px;
width:600px;
border-radius:13px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;font-size: 11px;
color: #000;
padding: 8px;
width: 240px;
border-radius: 13px;
text-align: justify;
}
.title {
letter-spacing: 2px;
color:#FF9FCC;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #a9a9a9;
}
.title2 {
color:#a9a9a9; letter-spacing: 2px;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #ffa1c2;
}
.date {
font-style:italic; font-family: trebuchet ms; letter-spacing: 2px;
font-size:10px;
margin-bottom:2em;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #6c5656;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #fff;
}
blockquote {
-webkit-transition:2s;
color:#111;
background: url(http://2.bp.blogspot.com/-iTrQyY381AM/T6yHyTCsl9I/AAAAAAAAGag/mOkGl8Y3ejc/s1600/sparkles.png);
border-left:9px solid #ffa1c2; border-right:9px solid #eee; border-top: 1px dashed #ffcaca; border-bottom: 1px dashed #ffcaca;
padding:8px;
border-radius:8px;
}
blockquote:hover {
box-shadow:0px 0px 25px #ffa1c2;
color:#000000;
border-right:9px solid #ffa1c2; border-left:9px solid #eee;
padding:8px;
border-radius:10px;
}

img {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;
}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
}

#ck{
background:#f0eeeb;
color:#000;
width:230px;
height:142px;
margin-top:-147px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:.1;
-webkit-transition:all .5s ease-in-out; }
#ck:hover
li {
list-style-image:
url(http://1.bp.blogspot.com/-MHcPJW1NWb8/Th2xf1nZNKI/AAAAAAAABLo/XMjDrD6GFxM/s1600/wanaseobyroundpurplepixel.png);
}
li:hover {
list-style-image:
url(http://2.bp.blogspot.com/-PKBjTxhZ_xc/Th2xfGyokhI/AAAAAAAABLk/iQiMymanX4c/s1600/wanaseobyroundpinkpixel.png);
}

.newer {
width:50px;
padding:4px;
margin:2px;
background:#fff;
font:16px tutano;
text-align:center;
Text-decoration:none;
color:#888;
border:3px solid #E3F5FF;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}
.newer:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
background:#fff;
}
@font-face{
font-family:tutano;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}
.older {
width:50px;
padding:4px;
margin:2px;
background:#fff;
font:16px tutano;
text-align:center;
Text-decoration:none;
color:#888;
border:3px solid #E3F5FF;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}
.older:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
background:#fff;
}
</style>
<body><br>
<table style="
border-top: 5px solid #FFDEEB;
border-left: 5px solid #FFDEEB;
border-right: 5px solid #FFDEEB;
border-bottom: 5px solid #FFDEEB;
background: #FFFFFF;
border-radius:10px;line-height: 17px;" width="880"  border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" width:550px;">
<div class="mainblog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$>
 <center><img src="http://i.imgur.com/HLxHL.gif "/></center></blogger><div style="float:left"><a class="newer" href=<$NewerPosts$>>NEWER </a></div><div style="float:right"><a class="older" href=<$OlderPosts$>>OLDER </a>
</div><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="250px">
<div class="sidebarblog">
<div class="title2">Welcome here</div>
<center><img height="142" src="http://24.media.tumblr.com/tumblr_macw3tPCYh1qbc0uoo1_500.jpg" width="230" /><br>
<div id="ck"><br>
</div><br>
<center> Hello ! My name is Monster Buing Buing and bla bla bla . change with yours!<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="#ffffff" />
    <param name="FlashVars" value="mp3=http%3A//media.irondj.net/mix/file/34560/________One_Direction__Little_Things.mp3&amp;autoplay=1&amp;bgcolor=ffffff&amp;loadingcolor=ff6bff&amp;buttoncolor=ff75ff&amp;slidercolor=ff8aff" />
</object>


<br>
<div class="sidebarblog">
<div class="title2">Le'Cbox</div>
<center><img src="http://data.whicdn.com/images/14407389/cute-kawaii-rilakkuma-san-x-starbucks-Favim.com-139248_large.jpg" width="195" height="auto"/></center>

<center> <!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="230" height="0" src="http://www4.cbox.ws/box/?boxid=4134492&amp;boxtag=41jbvg&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4134492" style="border:#EDDEDB 1px solid;" id="cboxmain4-4134492"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4134492&amp;boxtag=41jbvg&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4134492" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform4-4134492"></iframe></div>
</div>
<!-- END CBOX --></center></div>
<br>
<div class="sidebarblog">
<div class="title2">Credit's</div>
<center><img src="http://i.imgur.com/1wTAh.gif" width="195" height="auto"/></center>

<center><div class="h3ll0c0d3r" style='background:#fff;'>
<div style="height: 50%;" class="BL0g3R">
<div class="BL0g3R">
<span style="font-family:inherit;"><img src="http://1.bp.blogspot.com/-lXYznygT_tY/UB8-FYft2EI/AAAAAAAAEJ8/hf1aU0Ppp5g/s1600/1.png" style="color: grey; letter-spacing: 1px; line-height: 16px;" /><span style=" letter-spacing: 1px; line-height: 16px;color:grey;"> Owner : </span><span style=" letter-spacing: 1px; line-height: 16px;color:grey;"><a href="http://nhyshazh0niee.blogspot.com/">Your name here </a> </span><br style="color: grey; letter-spacing: 1px; line-height: 16px;" /><img src="http://2.bp.blogspot.com/-trHNzBzuEpU/UB9Gd6I1KtI/AAAAAAAAEOw/vdl27kw2Upw/s1600/2.png" style="color: grey; letter-spacing: 1px; line-height: 16px;" /><span style=" letter-spacing: 1px; line-height: 16px;color:grey;"> Editor : <a href="http://wanyyminho.blogspot.com/">Nur Shazryena</a></span><br style="color: grey; letter-spacing: 1px; line-height: 16px;" /><img src="http://1.bp.blogspot.com/-tRW8XZ5L18U/UB9Aa547wbI/AAAAAAAAELU/9RvMuCNyuIg/s1600/32.png" style="color: grey; letter-spacing: 1px; line-height: 16px;" /><span style=" letter-spacing: 1px; line-height: 16px;color:grey;"> Helping : <a href="http://aitohana.deviantart.com/">▲</a><a href="http://www.izyanstory.blogspot.com/">▲</a><a href="http://duniaimpianfatin.blogspot.com/">▲</a><a href="http://html-color-codes.info/">▲</a><a href="http://fatinhalid.blogspot.com/">▲</a><a href="http://nurulatiqahjaidin.blogspot.com/">▲</a></span></span> </center></div>
<br>
</td>
</table></body>
<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp092/bp092.js"></script><p><a href="http://www.hapinemu.net/blogparts/"></p></head></html>

4 comments:

Nana Liena said...

oh.buat blogskin sndiri..hehe..rajinnya la.. goodluck exam

anys said...

Jom join! =)
http://myartcrafting.blogspot.com/2013/05/may-giveaway.html

SHazH0NIee said...

@Nana Liena kikiki :D eya . bohsan . buat blogskin sendiri la . btw thanks :*

SHazH0NIee said...

@anys insyaallah shaz join ;)