Langkah-Langkah membuat nya sebagai berikut :
cari kode ]]></b:skin>
copy kode di bwah letakkan di atas ]]></b:skin>
.label-size, .jump {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5EGuB8t0F6a4zqMi72ZFJ4HeFK9uDiKJkeoImZlo70sBY-kTXzq6ALKAwX1dsU07G2Vm0BLt7uurCGTZZGzZUIViEJRwZZ7IzrO-wYdTA4MGebnL2nss80t1pu2CG0-bP3HnJwMMXP5jg/h1600/sliding_button.png) no-repeat 0 0;
color:#3f3f3f;
float:left;
height:25px;
line-height:1;
position:relative;
text-decoration:none;
font-weight:700;
font-size:12px;
display:none;
margin:5px;
padding:0 5px 0 8px
}
.jump-link {
float:right
}
.label-size:hover,.jump:hover {
color:#555;
cursor:pointer;
text-decoration:none
}
.label-size .label-count,.jump .more {
display:block;
float:left
}
.label-size a,.label-size span,.jump a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5EGuB8t0F6a4zqMi72ZFJ4HeFK9uDiKJkeoImZlo70sBY-kTXzq6ALKAwX1dsU07G2Vm0BLt7uurCGTZZGzZUIViEJRwZZ7IzrO-wYdTA4MGebnL2nss80t1pu2CG0-bP3HnJwMMXP5jg/h1600/sliding_button.png)
no-repeat 100% -25px;
height:19px;
position:relative;
text-shadow:0 1px 1px #fff;
z-index:10;
display:inline-block;
padding:6px 10px 0 0
}
span.label-count,span.more {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5EGuB8t0F6a4zqMi72ZFJ4HeFK9uDiKJkeoImZlo70sBY-kTXzq6ALKAwX1dsU07G2Vm0BLt7uurCGTZZGzZUIViEJRwZZ7IzrO-wYdTA4MGebnL2nss80t1pu2CG0-bP3HnJwMMXP5jg/h1600/sliding_button.png)
no-repeat 100% -50px;
color:#fff;
height:19px;
position:absolute;
right:0;
text-shadow:0 -1px 0 #c54a0c;
top:1px;
z-index:5;
padding:5px 10px 0
{
masih di kode yang sama :
letakkan kode di bawah taruh di bawah ]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
// Label Colud
$('.label-size').each(function(i) {
setTimeout(function() {
$('.label-size:eq(' + i + ')').css({
display: 'block',
opacity: 0
}).stop().animate({
opacity: 1
}, 'easeInOutExpo');
}, 250 * (i + 1))
});
$('.label-size').hover(function() {
$(this).stop().animate({
paddingRight: ($('.label-count', this).outerWidth() - 5)
}, 'easeInOutExpo');
}, function() {
$(this).stop().animate({
paddingRight: 5
}, 'easeInOutExpo');
});
$('.blog-pager a,.jump-link a,.tip,ul.social a').tipTip();
});
//]]>
</script>
Note : Gunakan setting label di bawah ini agar cloud label muncul dengan sempurna.
Save Template !!
kackdir
Belum berminat? tak apa, bantu kami dengan membagikan link ini ke teman, siapa tahu, justru mereka sedang mencari ini!
