Ok sobat pada saat ini seocips.com akan membagikan widget pemutar musik di blog ala seocips. Jadi seperti ini setelah jalan-jalan di google mencari artikel tentang pemutar music yang bagus tapi hingga berjam-jam belum juga mendapatkan hasil yang memuaskan.

Bermaksud ingin memutar lagu di blog dengan lagu pilihan sendiri tapi tidak ketemu artikel yang cocok akhirnya saya memutuskan mencoba membuat widget pemutar music sendiri dan jadilah widget pemutar music yang sederhana ini.

Ok berikut ini adalah penampakan widget ini :


Baiklah saya akan membagikan widget ini dalam dua versi yang tidak autoplay dan yang auto play. Ok dan berikut ini adalah widget musicnya dan cara memasangnya :

1. Widget Musik Tidak AutoPlay

1. Sediakan link music anda. Anda dapat mencoba menguploadnya di file host atau tempat upload file music lainya. atau silahkan upload file music anda ke Goolge site ( baca ; cara upload file music ke google site ) Intinya anda harus memiliki link music anda.
2. Login ke blogger.com
3. Pilih Tataletak, pilih gadget, pilih HTML/Javascript
4. Copy code script lagu sesuai keinginan anda yang saya sediakan dibawah ini ke kolom kosong tersebut.

<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUuj3xR_NClx22Q__mbGVQ0lWoKZJnaFiZBE8tfq3up90bu8BpvO0HUxUl8Sr7Yvf-FY6iMhgbEuxJNg9sr0L2HzQj7nIEmQHugmCC5EKdBk-X0f1S5_kAxySHaEcJxv_KgXyVdnSPHrly/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/AVvXsEhpBg5Ojm8XtlCcgt9tTlOp9o5AYe_dUy151eaiAsFoNZCW2Ib7IX_usA3YbQfj6TeUzP2lSBJxfUAWvVyWb4HnKIh7QCGCdBNK3-q37jiMQ8Z_qPZGfE_7DOuGHCbeFhMx_2H0af7eCwQ1/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/AVvXsEj1rpdL1wz3NikJ7-np7Z-MGMgollPlSpK8w6GZBV2sAzEBvxINexDIiAVDpVpINZz-RkTRbW4ESnbfYOuwicO59iOoiCdGriZvd_a1iasga1Esle3bDH5pcUttdX-gAHlWwGZ1pVeWIox8/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>
<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>

Kode berwarnah merah silahkan ganti sesuai keinginan dan Kode berwarna biru di atas ganti dengan link music milik sobat.

Pada tutorial kali ini tim bisikan.com akan membisikan bagaimana cara membuat tulisan berjalan pada blog. Tutorial kali ini merupakan panduan mendasar  bagi para pemula dalam memberikan atribut bagi sebuah blog. Teks atau tulisan berjalan pada umumnya, banyak digunakan untuk memberikan tampilan berbeda pada sebuah teks atau tulisan bahkan hingga artikel yang dibuat pun dapat dimodifikasi agar tulisannya nampak berjalan-jalan. Dalam bahasa HTML sendiri teks tulisan berjalan ini kerap disebut dengan Marquee. Namun apabila diartikan kata Marquee sendiri  tidak sama sekali memiliki keterkaitan dengan teks berjalan, malah kata Marquee ini berarti Tenda Besar dan bukan tulisan berjalan. Marquee mungkin merupakan bahasa pemograman yang memiliki arti teks yang berjalan. Namun hingga saat ini dikalangan para pengelola blog dan HTML marquee dikenal memiliki fungsi untuk dapat membuat tulisan dapat berjalan.
Teks tulisan berjalan atau marquee ini pada umumnya banyak ditempatkan pada bagian atas atau bagian bawah halaman blog, dan sedikit sekali yang memasangnya dibagian sidebar. Lalu bagaimana cara membuat tulisan berjalan di blog.

Berikut ini kami bisikan langkah-langkahnya

1. Langkah yang pertama, buka browser pada komputer, sementara tunggu hingga halaman browser dimunculkan.
   
2. Selanjutnya log in ke blogger dengan cara masuk pada link “Blogger.com” kemudian log in dengan menggunakan akun gmail dan masukan password.
   
3. Selanjutnya, jika sudah masuk pada halaman dashboard, silahkan klik tombol anak panah kecil yang berada tepat disamping tombol Lihat Blog, kemudian pilih menu Template.
   
4. Anda bisa mencari kode HTML yang lebih bervariasi di internet untuk dapat membuat teks tulisan berjalan. Caranya tinggalkan sebentar halaman ini. Kemudian buka tab baru.
   
5. Pada tab baru anda bisa mencari kode HTML untuk dapat membuat teks tulisan berjalan. Jika sudah didapat kembali ke halaman template HTML blog. Dan berikut ini kami berikan salah satu kode HTML untuk dapat membuat tulisan berjalan.  <marquee direction='left' scrollamount='5'><font color='black' size='3'>Tuliskan Deskripsi Yang Akan Anda Tampilkan</font></marquee>
   
6. Kemudian pada kolom HTML silahkan cari kode </head>, untuk mempermudah anda menemukan kode ini, silahkan tekan CTRL+F dan ketikan kode tadi pada kolom pencarian.
   
7. Setelah didapat, silahkan letakan kode HTML diatas tepat dibawah kode Head tadi. Jikas sudah selesai, simpan template dengan menekan tombol Simpan.
   

Keterangan :
Left : arah teks berjalan dari kiri menuju ke kanan. Namun jika anda ingin merubah arahnya secara terbalik, maka rubah tulisan menjadi Right.
5 : Kecepatan Teks berjalan, semakin tinggi angak yang dipasang maka akan semakin cepat tulisan berjalan.
3 : ukuran huruf (Font Size). Ukuran ini juga bisa anda sesuaikan, jika huruf atau font dirasa kurang cukup.