sweet as revenge_hilang
Monday 20 May 2013
Saturday 11 May 2013
full album D' Ubud N' Band
d' ubud n' band - adik manis sugar
Powered by http://musikhstsb.blogspot.com
d' ubud n' band - biasa 3xPowered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
One Direction - What Makes You Beautiful _(musiclife.kz) - One Direction - What Makes You Beautiful _(musiclife.kz)
Powered by http://musikhstsb.blogspot.com/
Bruno Mars - GrenadePowered by http://musikhstsb.blogspot.com/
Powered by http://musikhstsb.blogspot.com
sheila on 7
Sheila On 7 - 02. Radio
Powered by http://musikhstsb.blogspot.com
Sheila On 7 - Sahabat SejatiPowered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Friday 10 May 2013
NEW MUSIC 2013 by : darma sabeck
Rihanna - Diamonds (Www.4FunMusic2.com) - Rihanna - Diamonds (Www.4FunMusic2.com)
Powered by http://musikhstsb.blogspot.com
Maroon 5 - One More NightPowered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Powered by http://musikhstsb.blogspot.com
Thursday 9 May 2013
cara membuat drop menu horizontal pada blogger agar kelihatan keren,
ikuti langkah2 dbawah ini :
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#0000FF;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow:#9932CC 0px 1px 0px;border-right:1px solid #000000;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li { height:30px; border-top:1px solid #fff; }
#secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>tutorial</a>
<ul id='sub-custom-nav'>
<li><a href='#'>efek pada blogger</a></li>
<li><a href='#'>cara edit foto</a></li>
<li><a href='#'>blajar buat blogger</a></li>
<li><a href='#'>warna html</a></li>
</ul>
</li>
<li><a href='#'>gambar</a>
<ul id='sub-custom-nav'>
<li><a href='#'>lucu</a></li>
<li><a href='#'>animasi</a></li>
<li><a href='#'>wallpaper</a></li>
<li><a href='#'>keren</a></li>
</ul>
</li>
<li><a href='#'>download musik</a>
<ul id='sub-custom-nav'>
<li><a href='#'>barat</a></li>
<li><a href='#'>indo</a></li>
<li><a href='#'>bali</a></li>
<li><a href='#'>indie</a></li>
</ul>
</li>
<li><a href='#'>vidio</a></li>
</ul>
</div>
ganti tanda # di atas dengan url yang anda inginkan
contoh :
<li><a href='http://musikhstsb.blogspot.com/'>gambar</a>
<ul id='sub-custom-nav'>
<li><a href='http://musikhstsb.blogspot.com/'>lucu</a></li>
<li><a href='http://musikhstsb.blogspot.com/'>animasi</a></li>
<li><a href='http://musikhstsb.blogspot.com/'>wallpaper</a></li>
<li><a href='http://musikhstsb.blogspot.com/'>keren</a></li>
selamat mencoba semoga berhasil
http://musikhstsb.blogspot.com
ikuti langkah2 dbawah ini :
- Login ke akun blog sobat.
- Pilih HTML
- Kemudian Copy kode dibawah ini, kemudian Paste di HTML tepat d atas kode <div class='main-outer'>
- setelah itu save dan lihat hasilnya
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#0000FF;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow:#9932CC 0px 1px 0px;border-right:1px solid #000000;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li { height:30px; border-top:1px solid #fff; }
#secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>tutorial</a>
<ul id='sub-custom-nav'>
<li><a href='#'>efek pada blogger</a></li>
<li><a href='#'>cara edit foto</a></li>
<li><a href='#'>blajar buat blogger</a></li>
<li><a href='#'>warna html</a></li>
</ul>
</li>
<li><a href='#'>gambar</a>
<ul id='sub-custom-nav'>
<li><a href='#'>lucu</a></li>
<li><a href='#'>animasi</a></li>
<li><a href='#'>wallpaper</a></li>
<li><a href='#'>keren</a></li>
</ul>
</li>
<li><a href='#'>download musik</a>
<ul id='sub-custom-nav'>
<li><a href='#'>barat</a></li>
<li><a href='#'>indo</a></li>
<li><a href='#'>bali</a></li>
<li><a href='#'>indie</a></li>
</ul>
</li>
<li><a href='#'>vidio</a></li>
</ul>
</div>
ganti tanda # di atas dengan url yang anda inginkan
contoh :
<li><a href='http://musikhstsb.blogspot.com/'>gambar</a>
<ul id='sub-custom-nav'>
<li><a href='http://musikhstsb.blogspot.com/'>lucu</a></li>
<li><a href='http://musikhstsb.blogspot.com/'>animasi</a></li>
<li><a href='http://musikhstsb.blogspot.com/'>wallpaper</a></li>
<li><a href='http://musikhstsb.blogspot.com/'>keren</a></li>
selamat mencoba semoga berhasil
http://musikhstsb.blogspot.com
Nah di bawah ini cara memasukan ym d blogger
caranya cukup gampang,
Silahkan buka Design terus klik Page Elements -->Add Gadget --->klik opsi HTML /Javascript
Setelah itu copas kode dibawah ini :
Untuk icon 9-16
selamat mencoba semoga berhasil
http://musikhstsb.blogspot.com/
caranya cukup gampang,
Silahkan buka Design terus klik Page Elements -->Add Gadget --->klik opsi HTML /Javascript
Setelah itu copas kode dibawah ini :
<a href="ymsgr:sendIM?
Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=Id_yahoo_kamu&m=g&t=0&l=us"/>
jika kalian ingin mengganti icon YMnya silahkan ganti kode yang berwarna merah d atas dengan kode ikon d bawah ini ;
Untuk icon 0-5
Untuk icon 6-8
Untuk icon 9-16
Untuk icon 16-24
http://musikhstsb.blogspot.com/
Wednesday 8 May 2013
caranya cukup mudah sobat kaliat tinggal ikuti aja langkah2 dibawah ini :
- Login ke akun blog sobat.
- Pilih HTML
- Kemudian Copy salah satu kode yang sobat inginkani, kemudian Paste di HTML
Script yang pertama : <marquee>TEXT BERJALAN</marquee>
Script yang kedua : <marquee loop"5">TEXT BERJALAN AKAN BERULANG 5X</marquee>, jika text suda berotasi 5x maka akan hilang dari tampilannya dilayar.
Script yang ketiga : <marquee bgcolor="red">TEXT BERJALAN LATAR MERAH</marquee>
Script yang keempat : <marquee width="50%>TEXT BERJALAN DALAM 50% MEDIA</marquee>
Script yang kelima : <marquee scrollamount="10">TEXT BERJALAN DENGAN KECEPATAN 10</marquee>
Script yang keenam : <marquee direction="right">TEXT BERJALAN KE KANAN</marquee>
Script yang ketujuh : <marquee behavior="alternate">TEXT BERJALAN BOLAK BALI</marquee>
Script yang kedelapan: <marquee direction="down" height="75">TEXT BERJALAN KE BAWAH</marquee>
Script yang kesembilan : <marquee behavior"alternate" onMouseOver="this.stop()" onMouseOut="this.start()">TEXT BERJALAN TUNGGU MOUSE</marquee>
Script yang kesepuluh : <marquee scrolldelay="300">TEXT BERJALAN DELAY 0.3 DETIK</marquee>
Script yang kesebelas : <marquee direction="up" height="100" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="5"><a href="http://blogmashanif.blogspot.com/">CARA MEMBUAT TULISAN BERJALAN (Marquee)</a></marquee>
selamat mencoba semoga berhasil
http://musikhstsb.blogspot.com/
caranya cukup mudah sobat, ikuti langkah-langkah berikut.
- Login ke akun blog sobat.
- Pilih HTML
- Kemudian Copy kode dibawah ini, kemudian Paste di HTML
<script type="text/javascript">// <![CDATA[
var colours=new Array("#0000FF", "#0BE019", ":#0A0DE6", ":#FF0000", "#66FFFF"); // Warna untuk atas, kanan, bawah dan kiri border dan background gelembung
var bubbles=120; // jumlah maksimum gelembung pada layar
var x=ox=400;
var y=oy=200;
var swide400;
var shigh=300;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
- Kode yang berwarna Biru adalah kode untuk mengganti warna Gelembung
- Kode yang berwarna Merah adalah kode jumlah maksimum gelembung yang ditampilkan pada layar.
- Simpan dan lihat hasilnya semoga berhasil
- http://musikhstsb.blogspot.com/
cara merubah atau mengganti kursor di blog yang standar menjadi elegan :
Nah, di atas itu adalah contoh kursor blog . Bagi sobat yang ingin mengubah kursor yang ada di blog sobat,caranya gampang, sobat bisa mengubahnya melalui langkah-langkah berikut:
1. Login lah ke akun blogger
2. Lalu klik "Layout"
3. Pilih "Add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:
a. Kode 1: Mengubah kursor tapi tidak mengubah kursor ketika menyorot link
<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>
b. Kode 2: Mengubah kursor serta tetap berubah walau disorot ke arah link
<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
body a:hover{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
body a:hover{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>
SILAHKAN PILIH SALAH SATU KODE YANG SOBAT INGINKAN
4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"
PENTING:
Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat.
Ada beberapa situs penyedia cursor yang lucu dan keren, sobat bisa mengunjungi situsnya untuk memilih2 kursor mana yang menurut sobat pas di hati..situsnya antara lain:
Atau link gambar kursor koleksi saya :
URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif
http://i1200.photobucket.com/albums/bb321/aNyA_zdej28/FBML%20Vocaloid/C-GUMI.png
http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png
http://i44.photobucket.com/albums/f13/LONG65/Element2.gif
http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png
http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png
selamat mencoba
http://musikhstsb.blogspot.com
Cara Membuat Efek Petir Di Blogspot
Cara Membuat Efek Petir Di Blogspot
- Dengan memasang animasi efek petir di blog tentunya tampilan blog
akan semakin menarik untuk dilihat oleh anda sendiri dan oleh pengunjung
blog. Nah bagaimana cara membuat dan meletakkan animasi efek petir di
blog?
Cara membuat efek petir di blog :
1. Pada dasboard blogger, pilih Tata Letak
2. Pilih Template
3. Pilih HTML masukkan kode ini kedalamnya
<style type="text/css">body { background-image: url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif); background-color:transparent; }</style>
4. Simpan
Selamat mencoba semoga berhasil
http://musikhstsb.blogspot.com/
Subscribe to:
Posts (Atom)