Cara Memasukkan Fitur Musik Pada Blog

Selamat datang di blog gue, hari ini tanggal 28 November 2015 gue akan memberikan kalian tutorial bagaimana cara memasukkan fitur musik ke dalam blog kalain.

Bagi para Blogwalker melihat widget di dalam sebuah blog bukanlah merupakan suatu yang "Wah" karena para Blogger tau bagaimana hal yang unik bisa didapatkan untuk blog mereka, contohnya widget musik ini.
baiklah kita akan langsung menuju tutorialnya

1. Sediakan link musik.
pertama kalian harus mempunyai link musik sendiri untuk menjadi playlist nya, contohnya di Google site.

2. Login ke Blogger.

3. Lalu ke Tata letak (layout), klik Gadget, dan pilih HTML/JavaScript

4. Copy code Script lagu ini

<style type="text/css">

.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXDEqj-bHO1khnXEssy9vNWEjjpyDcw4a_hoS2vOUXFfJDn8zUye1kno-vqmAaloqWHcGfaXKFo9xxYgy-zimqi1ZWIpTQNng5bvqC9W3bzfuz0g07XOxMaErGpH-AXcPZm6OEJxSKFBaT/s1600/Worship-Music-Worship-Background1.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}

.seocipsxpmusic {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClC_q7sSeQnc4w3PB8Udv1HesC-LWlWSwIeZDipX8PVm0rIAnxvWUk8kq3qyvFkD_TR6c7Fd3ucc4LeUpbmaADMRtKxFTCVy3NGQslkcu-JyRW5-zcD4bYu7afwGonV2_YT-JQzLkc-dd/s130/loading....gif") no-repeat top right;

}

</style>

<div class='seocipsmusic'>

<div class='seocipsxpmusic'>

<div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss seocips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTlU075auOOWDJ9ZU4ifd1ofYGqsz2k6p8qRpFnWSNQAqS1tKxh5RtP5eHM-NdnLTEjXuDpuxBCbYDCpw5SLZg_MtCEFKv7LYT4srI5kWn6Jy3fHQy0d-D-8TxFwNq8WK6SgiY8-4coQkW/s20/Audio-File-icon.png' title='Music'/> Music MP3</div>

<div style='font-weight:bold; padding:10px 10px;'>Ayo bro dengerin music ini !!!</div>

<audio controls autoplay>

<source src="https://sites.google.com/site/socipshotmusic/musicdjseocips/dj%20seocips.com-%20Hotmusic3.mp3" />

</source></audio>

<div style='padding-right:5px'>Widget <a href='http://www.seocips.com' target='_blank'> by seocips.com</a></div>

</div></div>

dalam code tersebut silahkan ganti tulisan warna merah sesuai keinginan, dan yang warna biru dengan URL google sitenya

Oke, itu dia Tutorial yang gue berikan hari ini, kalian bisa melihat tutorial tutorial selanjutnya disini.

See You Later