.content-inner {
border: 3px solid #FF0099;
.post {
border: solid 4px #000000;
-moz-border-radius: 35px;
border-radius: 35px;
}
background:url(URL GAMBAR);background-attachment: fixed;background-repeat: repeat;
 |
| click untuk tumbesaran |
a:hover {Dah jumpa.copy code saya bagi ni dan pastekan kat ATAS code kita cari tadi:
::-webkit-scrollbar {Yang code merah tu boleh tukar ikut kesesuaian belog.kalau ikut code ni,kira sama lah macam saya.
height:12px;
width: 12px;
background: #C8BBBE;
}
::-webkit-scrollbar-thumb {
background-color: #FDEEF4;
-moz-border-radius: 10px;
border-radius: 10px;
}
<data:post.body/>
<div class='post-footer-line post-footer-line-3'/>Dah jumpa,copy code saya bagi ni dan paste kat BAWAH code tadi.
<center><img height='20' src='URL DIVIDER'/></center>URL DIVIDER tu ganti dengan yang kita suka.Boleh cari kat photobucket.
]]></b:skin>Dah jumpa copy code saya bagi ni:
> /* to top */Dan paste SEBELUM code ]]></b:skin>
#toTop { width:100px;background:none;border:0px solid #ccc;text-
align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-
decoration:none; }
</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<img src="LINK IMAGE"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body
/* Content
.Header img {margin-$startSide: auto;margin-$endSide: auto;}
<div style='display:scroll; position:fixed; top:70px; right:-0px;'>Code yang di highlight biru adalah URL background.Boleh tukar sendiri punya.Code merah tu ialah icon shoutbox,pun boleh tukar sendiri punya.Dan code hijau tu code shoutbox kita..
<!-- Start Ajax Popup Shoutbox by -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$(document).ready(function() {
//select all the a tag with name equal to modal
$('a[name=modal]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//Get the A tag
var id = $(this).attr('href');
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
//Set heigth and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//transition effect
$(id).fadeIn(2000);
});
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});
//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
<style>
img { border: none; }
#mask {
position:center;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#boxes .window {
position:fixed;
left:0;
top:0;
width:271px;
height:480px;
display:none;
z-index:9999;
padding:20px;
}
#boxes #wanhazelshoutbox {
background:url(http://i759.photobucket.com/albums/xx240/hanamiekame/1011.gif) no-repeat 0 0 transparent;
width:271px;
height:480px;
padding:56px 0 20px 5px;
}
#closesb {
padding:2px 0 0 0;
}
#author {
padding:8px 0 0 168px;
}
</style>
<center> <a href="#wanhazelshoutbox" name="modal"><img src="http://4.bp.blogspot.com/_ke5XBEZtQwM/TTEfOMQ_8-I/AAAAAAAAAmU/gTNrAs2q4Lc/s1600/star_by_ribbonheart-d356ga3.png" border="0" /></a> </center>
<div id="boxes">
<!-- Start Shoutbox -->
<div id="wanhazelshoutbox" class="window"><!-- Begin ShoutMix - http://www.shoutmix.com/ --><center>
Code Shoutbox anda
</center><!-- End ShoutMix -->
<div id="author">
</div><div id="closesb"><center><input type="button" value="Close" class="close" /><center>
</center></center></div></div><!-- End of Ajax Shoutbox -->
<!-- Mask to cover the whole screen -->
<div id="mask"></div></div>
<!-- End of Ajax Popup Shoutbox--></div>
/* Posts
----------------------------------------------- */
.date-header {
margin: 1.5em 0 .5em;
text-align: right;
background: white;
color: red;
line-height: 1.0em;
font-size: 16px;
font-family: verdana;
}
.post {
margin: .4em 0 2.5em;
padding-bottom: 1.5em;
border: dotted #FFAFF6 1px;
background: white;
}
.post-title {
margin-bottom: 1px;
margin-top: 4px;
font-size: 18px;
font-weight: 500;
font-family: times new roman;
line-height: 1.3em;
text-align: left;
color: black;
background : #F8B4BF;
padding: 0 3px 3px;
}
.post-body {
margin: 0 0 .75em;
line-height: 1.6em;
padding-left: 5px;
padding-right: 4px;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: black;
font-weight: bold;
}
.post-footer {
margin: -.25em 0 0;
color: #333333;
background : #F8B4BF;
font-size: 100%;
}
 |
<data:post.jumpText/>
<img src="URL READ MORE"/>
 |
<style type="text/css">
.gb_fixed{
position:fixed;
top:50px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:3px solid #f5f347;
background:#604c3a;
right:10px;
padding:10px;
padding-top:20px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
KODE SHOUTMIX ANDA
<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="URL BUTTON CLOSE"/></a></center></div>
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="URL BUTTON SHOUTBOX"/></a>
 |
<center style="text-align: right;"><span class="Apple-style-span" style="color: #FFFFFF; font-family: Verdana, 'Times New Roman', serif;"><b>Current updates:</b></span></center><div style="Background-image:url(URL BACKGROUND); repeat; padding -moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;: 5px; border:1px solid #F5A9BC;"><center><marquee>AYAT ANDA</marquee></center></div>
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
h2 {
text-align:center;
h3.post-title, .comments h4
text-align:center;
Selamat hari raya semua
