Cara Memasang Lagu Ringan Tidak Terlihat Di Blog

Oke, kali ini saya akan mengshare sebuah tutorial tentang cara memasang widget lagu atau musik di blog. Kalian pasti sudah tahukan apa widget musik itu? Saya anggap semuanya sudah tahu. Contohnya kalian bisa mendengarkannya sewaktu membuka blog ini. Kalian akan mendengar sebuah lagu. Bagaimana cara memasangnya? Oke langsung saja, berikut ini adalah caranya : Pertama, upload lagu kalian dulu (Saya sarankan berformat Swf agar lancar) di Site Google. Jika sudah, kalian ambil link lagunya. Setelah itu buka dasboard blog kalian. Masuk ke Template, pilih Edit HTML. Masukkan kode di bawah ini tepat di atas kode (Jika tidak ada, kalian cari yang mirip).

Terakhir tinggal disimpan. Keterangan : Ganti kode yang berwarna KUNING dengan url/alamat lagu yang sudah kalian upload tadi. Berikut ini adalah url lagu yang pernah saya pakai di blog ini, kalian bisa memakainya jika kalian mau. 1. Ost. Bakegyamon - Mobius : https://sites.google.com/site/bakarbakaba/Bakegyamon%20Opening%201%20-%20Mebius%20-%20YouTube%2000_00_00-00_01_30.swf?attredirects=0 2. Ost. Persona 4 - Key Plus Word : https://sites.google.com/site/bakarbakaba/Hirata%20Shihoko%20feat.%20Kawamura%20Yumi%20-%20Key%20Plus%20Words.swf?attredirects=0 3. Ost. Devil Survivor 2 T A - Take Your Way : https://sites.google.com/site/bakarbakaba/Fourth.swf?attredirects=0 4. Ost. To Aru Kagaku No Railgun S - Sister's Noise : https://sites.google.com/site/bakarbakaba/Five.swf?attredirects=0 5. Ost. Fate Zero - MEMORIA https://sites.google.com/site/yondamusicneo/Fate%20Zero%20ED%20-%20MEMORIA.swf?attredirects=0 6. Ost. Accel World - Burst The Gravity https://sites.google.com/site/yondamusicneo/Yondarkness.swf?attredirects=0 Ya itulah ada empat lagu yang saya sediakan. Semua adalah Ost. serial Anime. Jika kalian ingin lagu lain, kalian bisa upload sendiri. Oke, sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas silakan tanyakan di komentar.

Read More..

slide to unlock

slide to unlock

Login Ke blogger

masuk ke template > edit html

cari kode ]]<>/b:skin> dan masukan kode di bawah ini di atas kode 

]]<>/b:skin>

#well h2 {

background: -moz-linear-gradient(left, #8B836F, 0.4, #8B836F, 0.5, #52CFD2, 0.6, #8B836F, #8B836F); 

background: -webkit-gradient(linear,left top,right top,color-stop(0, #8B836F),color-stop(0.4, #8B836F),color-stop(0.5, #52CFD2),color-stop(0.6, #8B836F),color-stop(1, #8B836F)); 

-moz-background-clip: text;

-webkit-background-clip: text;

border-radius: 15px; 

-moz-text-fill-color: transparent;

-webkit-text-fill-color: transparent;

-webkit-animation: slidetounlock 5s infinite;

border: 1px solid #FEA21D; 

font-size: 80px; 

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

font-weight: 300;

margin-top: 130px; 

padding: 0;

width: 720px;

-webkit-text-size-adjust: none;

}

#well { 

padding: 140px 20px 20px 300px;

background:#000;

overflow: hidden; 

width:100%;height:100%;

position:fixed;

z-index:9999999999999999;

-webkit-user-select: none;

font-family: 'Open Sans', sans-serif;

}

#well h2 { 

background: -moz-linear-gradient(left, #8B836F, 0.4, #8B836F, 0.5, #52CFD2, 0.6, #8B836F, #8B836F); 

background: -webkit-gradient(linear,left top,right top,color-stop(0, #8B836F),color-stop(0.4, #8B836F),color-stop(0.5, #52CFD2),color-stop(0.6, #8B836F),color-stop(1, #8B836F)); 

-moz-background-clip: text;

-webkit-background-clip: text;

border-radius: 15px;

-moz-text-fill-color: transparent;

-webkit-text-fill-color: transparent;

-webkit-animation: slidetounlock 5s infinite;

border: 1px solid #FEA21D;

font-size: 80px;

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

font-weight: 300;

margin-top: 130px;

padding: 0;

width: 720px;

-webkit-text-size-adjust: none;

}

#slider {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwnJgU_eNhNuttMp7BgQx-ck4HW2QbUtq7irLw4cdCArUcGCXVDzx4DDxZJQvWqMS3yd1sEkdfC9MJIxafP4wNIrVtpW76agXfapUCPDJTi2x3xgGSTq3hFGTsIvmjQ3ooxDQt3DmjIac/s1600/arrow.png) no-repeat;

width: 146px;

height: 98px;

display: inline-block;

vertical-align: middle;

line-height: 1;

opacity:0.8;

}

#slider:hover {opacity:1;}

@-webkit-keyframes slidetounlock { 

0% {

background-position: -720px 0;

}

100%{

background-position: 720px 0;

}

}

.bgslide {background:#000;width: 722px;

border-radius: 15px;}

Kemudian cari kode </body> kemudian paste kode di bawah ini di atas kode </body> : 

<div id='well'>

<div class='bgslide'><h2><strong id='slider'/> <span>slide to unlock</span></h2></div></div>

peringatan : yang warna hijau bisa di ubah sesuai anda ,,, tapi jangan terlalu panjang cukup hingga 12 kata saja.

kemudian cari kode </head> copy kode di bawah ini di atas kode </head> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'/>

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'/>

<script src='http://css-tricks.com/examples/SlideToUnlock/js/slidetounlock.js'/>

Dan klick Simpan Template ,,, dan kemudian liat hasilnya ,,, blog anda menggunakan slide to unclock seperti pada Tablet atau iphone anda ... !! 

Jangan Lupa komentar nya dan follow nya !!

Read More..

Cerita Lucu Paling Humor Sedunia

Cerita Lucu Paling Humor Sedunia

• alkisah pada jaman dahulu, di arab ada seorang koboi. jjika sang koboi berteriak “alhamdullilah” kudanya segera berlari dengan cepat. bila sang koboi berteriak “insyaallah” kudanya segera berhenti. pada satu hari koboi tersebut mengejar penjahat. sang koboi pun berteriak alhamdullilah kudanya pun segera berlari dengan cepat. di perjalanan ada jurang, penjahat tersebut segera berbelok. namun, koboi tersebut segera berteriak insyaallah. kudanya pun berhenti pas di ujung jurang sesudah berhenti. koboi tersebut segera berkata “alhamdullilah” dengan lega. sang koboi pun kaget dikarenakan kudanya segera berlari….

Read More..