Saturday 11 May 2013

Somebody That I Used to Know - Walk off the Earth (Gotye - Cover)


full album D' Ubud N' Band

D' Ubud N' Band - Arak Cola

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - bali united

Powered by http://musikhstsb.blogspot.com

d' ubud n' band - adik manis sugar

Powered by http://musikhstsb.blogspot.com

d' ubud n' band - biasa 3x

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - Blues Punyah

Powered by http://musikhstsb.blogspot.com

d' ubud n' band - broken made (accoustic)

Powered by http://musikhstsb.blogspot.com

d' ubud n' band - bulan bintang

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - c.m.t (cicing megarang tulang)

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - ci jeleme iri

Powered by http://musikhstsb.blogspot.com

d' ubud n' band - gantung

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - Dekalaine

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - GOODBEY F K YOU

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - HALO CIPTA

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - i love u

Powered by http://musikhstsb.blogspot.com

d' ubud n' band - ice crime srowbery

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - Iluh oh

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - Iluh-Iluh

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - jele melah

Powered by http://musikhstsb.blogspot.com

d' ubud n' band - juni januari

Powered by http://musikhstsb.blogspot.com

D' Ubud N' Band - kija adi dibi sanja

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 - Grenade

Powered by http://musikhstsb.blogspot.com

Bruno Mars - Bruno_Mars_-_The_Lazy_Song

Powered by http://musikhstsb.blogspot.com

sheila on 7

Sheila On 7 - Sephia

Powered by http://musikhstsb.blogspot.com

Sheila On 7 - Sampai Kapan

Powered by http://musikhstsb.blogspot.com

Sheila On 7 - 02. Radio

Powered by http://musikhstsb.blogspot.com

Sheila On 7 - Sahabat Sejati

Powered by http://musikhstsb.blogspot.com

Sheila On 7 - Anugerah Terindah

Powered by http://musikhstsb.blogspot.com

Sheila On 7 - Dan

Powered by http://musikhstsb.blogspot.com

Sheila On 7 - Karena Aku Setia

Powered by http://musikhstsb.blogspot.com

Sheila On 7 - Itu Aku

Powered by musikhstsb.blogspot.com

 
Sheila On 7 - Bait Pertama

Powered by http://musikhstsb.blogspot.com

sheila on 7 - mudah saja

Powered by http://musikhstsb.blogspot.com

Friday 10 May 2013

just give me a reason pink


NEW MUSIC 2013 by : darma sabeck

Bruno Mars - When I Was Your Man

Powered by http://musikhstsb.blogspot.com

Rihanna - Diamonds (Www.4FunMusic2.com) - Rihanna - Diamonds (Www.4FunMusic2.com)

Powered by http://musikhstsb.blogspot.com

Maroon 5 - One More Night

Powered by http://musikhstsb.blogspot.com

Maroon 5 - Daylight

Powered by http://musikhstsb.blogspot.com

Justin Bieber - Beauty And A Beat feat Nicki Minaj

Powered by http://musikhstsb.blogspot.com

.:: www.FarsKids.Com ::. - Taylor Swift - I Knew You Were Trouble (Itunes Version)

Powered by http://musikhstsb.blogspot.com

Adele - Don't You Remember

Powered by http://musikhstsb.blogspot.com

fatin shidqia lubis - fatin shidqia lubis - grenade (cover)

Powered by http://musikhstsb.blogspot.com

Fatin_Shidqia_Lubis_-_Diamonds_-_X-Factor-Indonesia

Powered by http://musikhstsb.blogspot.com






Thursday 9 May 2013

cara membuat drop menu horizontal pada blogger agar kelihatan keren,
ikuti langkah2 dbawah ini :
  1. Login ke akun blog sobat.
  2. Pilih HTML
  3. Kemudian Copy  kode dibawah ini, kemudian Paste di HTML tepat d atas kode <div class='main-outer'>
  4. setelah itu save dan lihat hasilnya
<style>
/* -- 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, &quot;Times New Roman&quot;, 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 :




<a href="ymsgr:sendIM?Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=Id_yahoo_kamu&amp;m=g&amp;t=0&amp;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
selamat mencoba semoga berhasil
http://musikhstsb.blogspot.com/

Wednesday 8 May 2013

caranya cukup mudah sobat kaliat tinggal ikuti aja langkah2 dibawah ini :

  1. Login ke akun blog sobat.
  2. Pilih HTML
  3. Kemudian Copy salah satu kode yang sobat inginkani, kemudian Paste di HTML

Script yang pertama<marquee>TEXT BERJALAN</marquee>
TEXT BERJALAN

Script yang kedua : <marquee loop"5">TEXT BERJALAN AKAN BERULANG 5X</marquee>, jika text suda berotasi 5x maka akan hilang dari tampilannya dilayar. TEXT BERJALAN AKAN BERULANG 5X

Script yang ketiga : <marquee bgcolor="red">TEXT BERJALAN LATAR MERAH</marquee>
TEXT BERJALAN LATAR MERAH

Script yang keempat : <marquee width="50%>TEXT BERJALAN DALAM 50% MEDIA</marquee>
TEXT BERJALAN DALAM 50 % MEDIA

Script yang kelima : <marquee scrollamount="10">TEXT BERJALAN DENGAN KECEPATAN 10</marquee>
TEXT BERJALAN DENGAN KECEPATAN 10

Script yang keenam : <marquee direction="right">TEXT BERJALAN KE KANAN</marquee>
TEXT BERJALAN KE KANAN

Script yang ketujuh : <marquee behavior="alternate">TEXT BERJALAN BOLAK BALI</marquee>
TEXT BERJALAN BOLAK BALIK

Script yang kedelapan: <marquee direction="down" height="75">TEXT BERJALAN KE BAWAH</marquee>
TEXT BERJALAN KE BAWAH

Script yang kesembilan : <marquee behavior"alternate" onMouseOver="this.stop()" onMouseOut="this.start()">TEXT BERJALAN TUNGGU MOUSE</marquee>
TEXT BERJALAN TUNGGU MOUSE

Script yang kesepuluh : <marquee scrolldelay="300">TEXT BERJALAN DELAY 0.3 DETIK</marquee>
TEXT BERJALAN DELAY 0.3 DETIK

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>
CARA MEMBUAT TULISAN BERJALAN (Marquee)

selamat mencoba semoga berhasil
http://musikhstsb.blogspot.com/
Cara Membuat Efek Gelembung Udara / Air Bubbles Pada Cursor Blog


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"
cara ganti tampilan kursor

 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>

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>

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 :
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
cara mengganti kursor blog dengan gambar atau animasi
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
cara mengganti kursor blog dengan gambar atau animasi
http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif 
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 Blogspot

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/