Cara Memasang Lagu MP3 Dari Dropbox di widget Blogger

Cara Memasang Lagu MP3 Dari Dropbox di widget Blogger - tampilan Blog utama kalian ingin menarik di beri widget Mp3, hal ini bertujuan untuk penggujuang blog yang sedang membaca arikel di sertai mendenganrkan musik atau lagu Mp3 yang bisa diputar pastinya tambah semangat. Bila kalian tidak ingin mendengarkan tinggal stop saja.

Hasil gambar widgate Mp3 blog

Yang harus kita persiapkan sebelum membuat 
  • Membut widget Blogger
  • Kode tampilan Mp3 pada postingan

Bila poin di atas sudah di persiapkan kita lanjut Memasang Lagu MP3 Dari Dropbox di widget Blogger.
Buka Dasbor Blogger pilih menu Tata Letak (layou) lalu Tambah Gadget (add gadget) pilih HTML/JavaScript selanjutnya Paste Kode Mp3 yang sudah di persiapkan lalu lihat hasilnya.

Kode Mp3
<div id="musik">
  <div class="avatarmusic"><img src="https://i.pinimg.com/236x/e5/f9/b1/e5f9b11222ef36a681f7453a80064ee0.jpg" alt="avatar" /></div>
  <span class="judul">Ajari Membencimu</span><br /><br/><span class="penyanyi">Happy Asmara</span>
    <audio controls preload id="audio">
  <source src="https://dl.dropbox.com/s/gljtsf1yz8j4zd9/Happy%20Asmara%20-%20Ajari%20Aku%20Membencimu%20Hanyaswara%20%28Koplo%20Version%29.mp3" type="audio/mpeg" >
  Maaf browser anda tidak mendukung audio, widget keren ini tidak akan bermain.
</audio></div>
<style type="text/css" >
/* Music Player Keren */
#musik {
  background:#069c88;  font-size: 14px;
  color: #FF69B4;
  text-align: left;
  font-family: "Arial", sans-serif;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
  width: auto;
  max-width:300px;
  padding: 10px;
}
.avatarmusic img{
  background-size: 95px;border:none !important;
  float: left;
  height: 95px;margin-bottom:10px;
  width: 95px;border-radius:10%;padding-right:4px;
}
.avatar img:hover{opacity:.5;
}
.judul{color:#f4f3f3;
  font-size:1.2em;
  font-weight:bolder;
}
.penyanyi{
  color:#f4f3f3;
  font-size:1em;
}
</style>
Keterangan
1. Ubah link gambar dengan kesukaan kalian
2. Ganti link Mp3 dari DropBox atau penyimpanan online lain

Panduan gambar Cara Memasang Lagu MP3 Dari Dropbox di widget Blogger

Dengan adanya tampilan Mp3 pada halan utama atau widget blog ini pastinya penggujung akan terasa nyaman denga fitur ini. Semoga Cara Memasang Lagu MP3 Dari Dropbox di widget Blogger bisa membatu mempercantik pada artikel kalian, Trima kasih.
Posting Komentar (0)
Lebih baru Lebih lama