cara memasang lagu di blog

Cara Memasang Lagu Di Blog - Saya yakin, pasti sobat blogger pernah blogwalking ke beberapa blog dan ketika berada di blog tersebut ternyata kita disambut oleh musik atau lagu. Yup, kali ini saya ingin berbagi tips tentang cara memasang lagu di blog, khususnya buat sobat yang newbie seperti saya ini :D

Setelah melakukan pencarian di mbah google saya menemukan beberapa macam cara untuk memasang lagu di blog, mulai dari yang sederhana, sampai yang rada rumit. Jika sobat tertarik untuk memasang musik atau lagu di blog mungkin tips atau cara memasang lagu di blog ini bisa membantu sobat.

Sebelum memasang lagu di blog, ada baiknya kita berkenalan dulu dengan situs yang menyediakan musik atau lagu yang akan kita gunakan untuk memasang lagu yang diinginkan. Ada beberapa situs penyedia lagu, diantaranya adalah musik-live.net, esnips.com, fullmusik.co.cc, , song2play.com, atau scmplayer.net.

Semuanya memiliki kelebihan dan kekurangan masing-masing (sobat coba ajah sendiri ya) seperti ada yang menyediakan banyak lagu tapi kita tidak bisa mengupload lagu sendiri, ada juga yang lagunya sedikit tapi ada fitur untuk mengupload lagu sendiri, atau sobat ingin yang mempunyai tampilan skin menarik? Silahkan sobat coba sendiri hehehe...

Memasang Lagu Di Blog (eSnips)

1. Kunjungi situsnya, http://www.esnips.com/. Sign Up dulu untuk mendapatkan akses full.
2. Klik Upload Files dan kemudian Select Files sesuai 

   lagu yang ingin di pasang di blog

   .
3. Pilih lagu yang akan dipasang di blog dan pilih folder untuk menyimpan lagu tersebut. Pastikan foldernya bersifat Public, karena kalau Private maka lagu tersebut tidak bisa ditambahkan ke playlist.
4. Langkah terakhir adalah memasang lagu di blog. Pilih atau klik Add to quicklist.
   
5. Jika sudah, scroll ke bagian atas halaman, dan kemudian pilih Create playlist widgets.
   
6. Pilih skin yang diinginkan kemudian copy kode yang ada di kotak.
   
7. Buka blogger, tambahkan gadget HTML/Javascipt dan paste kode tersebut disana. Save dan lihat hasilnya.

Cara Menambahkan Favicon Di Blogger

Dalam posting ini saya akan menunjukkan dua cara bagaimana Anda dapat menambahkan favicon ke blog Blogger Anda. Jika anda tidak tahu apa itu favicon, di sini definisi singkatnya adalah: "favicon adalah ikon kecil (image) yang ditampilkan pada awal address bar browser. ini juga dikenal sebagai Ikon Favorit, Pageicon, dan URLicon".
Keuntungan utama dari membuat dan menggunakan favicon adalah membuat lebih mudah untuk menemukan blog atau situs ketika seseorang menambahkan blog / situs ke favorit mereka atau bookmarked di antara seluruh banyak situs lain.
Kebanyakan orang menggunakan Favicons pixel 16x16 (Anda juga dapat menggunakanFavicons pixel 32x32) dalam format "ico.". Tapi Anda juga bisa menggunakan gif,. Atau. Format gambar png juga.

Cara Membuat dan Menambahkan Favicon di Blog Blogger

1. Buat Favicon SendiriJelas, langkah pertama menambahkan FavIcon ini adalah membuat file favicon unik Anda sendiri. Sebagaimana dinyatakan di atas, favicon adalah file icon yang sangat kecil dengan ekstensi 'ico.'. Anda dapat melihat salah satunya(gratis) layanan online untuk membuat favicon Anda:
   http://www.favicon.cc/~~V
   hffp://www.rw-designer.com/online_icon_maker.php
   http://www.html-kit.com/favicon/~~V
   http://tools.dynamicdrive.com/favicon/~~V
   http://www.degraeve.com/favicon/~~V (Mereka memiliki antarmuka kuas yang keren)
   Anda dapat meng-upload file gambar (dalam format JPG, PNG, atau GIF) untuk dikonversi ke favicon atau desain favicon sendiri.
   
2. 2. Upload File IconSetelah Anda membuat favicon Anda, Anda perlu meng-upload ke lokasi web dari tempat yang dapat diakses oleh Blogger. Ingat, file ikon adalah file gambar kecil dengan menunjukkan '. Ico' ekstensi.
   Tidak dapat di-upload ke Flickr, Photobucket, dll sebagai gambar. Hal ini tidak layak untuk diupload di Rapidshare atau sistem file sharing lainnya. Anda dapat menciptakan halaman web gratis dengan Google Sites dan upload file Anda di sana. Untuk melakukan itu, Anda harus mendaftar di Google Sites dan membuat website gratis. Di sana Anda dapat meng-upload file apapun seperti halnya dengan blog self-host.
3. Tambahkan Script berikut ke Template Andaa.) Pergi ke Blogger dan pergi ke Layout -> Edit HTML.
   b.) Lihat/cari (Ctrl + F) untuk baris kode berikut:
   <title> <data:blog.pageTitle/> </ title>
   c.) Tambahkan kode berikut tepat di bawah baris di atas:<link href= ' ICON FILE URL ' rel='shortcut icon'/>
<link href= ' ICON FILE URL ' rel='icon'/>
   d.) Ganti 'URL FILE ICON' dengan URL sebenarnya dari file icon Anda.
   e.) Simpan template.

Itu saja! Anda telah menambahkan favicon yang indah ke blog Blogger Anda.
PEMBERITAHUAN PENTING: Jika metode di atas terlalu rumit untuk Anda, ada juga pakai cara bagaimana Anda dapat melakukannya tanpa meninggalkan Blogger Berikut adalah caranya.:

1. Pertama Anda perlu membuat kustom Anda sendiri membuat favicon. Tapi kali ini Anda tidak harus menggunakan gambar ke generator favicon, bukan gambar Anda baik harus menjadi gif atau Png.
   Dalam contoh ini kita akan menggunakan file. Png. Jika Anda tidak yakin jenis gambar untuk digunakan silahkan telusuri beberapa Favicons gratis, Anda dapat menemukan di web, mungkin Anda akan menemukan satu yang ingin Anda gunakan. Jika Anda memutuskan untuk menggunakan salah satu dari Favicons yang dapat ditemukan secara online maka jangan klik "Download favicon ini" karena yang akan memberikan file dalam format Windows ico.. Sebaliknya klik kanan pada gambar dan pilih "Save Picture As".

2. Setelah Anda download atau menciptakan gambar yang ingin Anda gunakan sebagai favicon Anda, kemudian pergi ke blog Blogger.com dan membuat posting baru. Tidak peduli apa yang Anda sebut itu karena Anda tidak perlu mempublikasikannya. Setelah Anda membuat posting baru, gunakan tombol upload gambar untuk meng-upload favicon Anda ke blog Blogger Anda.

3. 3. Setelah Anda telah meng-upload gambar, Anda akan perlu beralih ke mode Edit HTML jika Anda menggunakan"Write" mode. Dalam modus HTML Anda akan melihat sesuatu seperti ini:<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrlO9LA9HORwYXQduNPAXi3P8QAAxTLs_StoZr_q4VbqpST01LoEW8rLYJdXOVZcSNuD8ga0We1DEUU_8Jl5xgW9cMPgR5X7l6TRb7YRTzuu_Xsb5WQQnrrIXTkoxV-S2UA4fiRQuasxQ/s1600/ebl+faviconvign.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 32px; height: 32px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrlO9LA9HORwYXQduNPAXi3P8QAAxTLs_StoZr_q4VbqpST01LoEW8rLYJdXOVZcSNuD8ga0We1DEUU_8Jl5xgW9cMPgR5X7l6TRb7YRTzuu_Xsb5WQQnrrIXTkoxV-S2UA4fiRQuasxQ/s200/ebl+faviconvign.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5466855623794884562" /></a>
   Anda perlu menyorot dan salin bagian dalam tanda kutip setelah src. Dalam hal ini adalah:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrlO9LA9HORwYXQduNPAXi3P8QAAxTLs_StoZr_q4VbqpST01LoEW8rLYJdXOVZcSNuD8ga0We1DEUU_8Jl5xgW9cMPgR5X7l6TRb7YRTzuu_Xsb5WQQnrrIXTkoxV-S2UA4fiRQuasxQ/s200/ebl+faviconvign.png
   Anda harus menyisipkan bagian ini pada Notepad atau editor teks. Anda tidak ingin kehilangan ini dan Anda akan menutup jendela Blogger editing berikutnya.
4. Begitu Anda memiliki lokasi dari gambar yang Anda upload dapat disalin, Anda dapat pergi ke Layout -> Edit HTML. Lihatlah (Ctrl + F) dalam HTML untuk tag yang mengatakan </ head> dan kanan di atasnya paste:
   Jika Anda menggunakan gambar png.:
   <link href=’URL of uploaded picture’ rel=’shortcut icon’/>
<link href=’ ’URL of uploaded picture’ rel=’icon’ type=’image/png’/>
   Jika Anda menggunakan gambar .gif:<link href=’URL of uploaded picture’ rel=’shortcut icon’/>
<link href=’ ’URL of uploaded picture’ rel=’icon’ type=’image/gif’/>
   
5. Setelah Anda memiliki baris tersebut disisipkan ke dalam template, salin src gambar yang ingin Anda gunakan sebagai favicon Anda yang Anda upload sebelumnya dan paste ke dalam dua baris saja anda tambahkan di mana href = ". Dalam contoh kita akan terlihat seperti ini:<link href= ' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrlO9LA9HORwYXQduNPAXi3P8QAAxTLs_StoZr_q4VbqpST01LoEW8rLYJdXOVZcSNuD8ga0We1DEUU_8Jl5xgW9cMPgR5X7l6TRb7YRTzuu_Xsb5WQQnrrIXTkoxV-S2UA4fiRQuasxQ/s200/ebl+faviconvign.png ' rel='shortcut icon'/>
<link href= ' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrlO9LA9HORwYXQduNPAXi3P8QAAxTLs_StoZr_q4VbqpST01LoEW8rLYJdXOVZcSNuD8ga0We1DEUU_8Jl5xgW9cMPgR5X7l6TRb7YRTzuu_Xsb5WQQnrrIXTkoxV-S2UA4fiRQuasxQ/s200/ebl+faviconvign.png ' rel='icon' type='image/png'/>
6. 6. Simpan template.

Dalam posting ini saya telah menunjukkan anda dua cara bagaimana Anda dapatmenambahkan favicon ke blog Blogger Anda. Selamat mencoba!

Cara Upload File dengan ftp Filezilla

Dengan mengupload file ke server hosting menggunakan FileZilla FTP mempermudah kita ketika mengupload file ke server hosting kita tanpa perlu harus Login ke Control Panel Hosting kita. Apalagi jika file yang kita upload berukuran besar dengan FTP Filezilla ini file besarpun dapat kita upload ke server hosting kita sendiri dengan mudah, nah untuk menggunakan FTP tersebut komputer harus sudah terinstall Software FileZilla, untuk mendapatkan Software tersebut kamu bisa mendownloadnya secara gratis dengan mengunjungi filezilla-project.org untuk versi terbarunya dan kemudian install pada komputer kamu.


Jika sudah terinstall berikut langkah upload file dengan Filezilla :
1. Masukklah ke Control Panel Hosting cari dan Klik "FTP Access" untuk mengetahui detil FTP Account kamu. Atau kamu juga bisa membuat Account FTP yang baru dengan mengklik "FTP Account"
2. Jalankan Program FileZilla

- Host / Mesin : Isi dengan domain kamu tanpa www / http:// contoh : domainkamu.com
- Username / Pengguna : isi dengan username cpanel kamu
- Password / Kata kunci : isi dengan password cpanel kamu
- Port : isi dengan “21″


3. Lalu klik "Quickconnect" / "Koneksi cepat" maka akan muncul :

 Sebelah kiri adalah local komputer kamu. dan sisi sebelah kanan adalah hosting kamu


4. Masukklah ke folder public_html pada hosting kamu (File harus diunggah/diupload pada public_html)


5. Carilah file / folder Script pada komputer yang akan di upload ke hosting. Jika sudah ketemu tekan Ctrl + A (untuk memilih semua) >> klik kanan >> Upload

6. Maka proses pengunggahan akan berlangsung Tunggu proses upload sampai selesai.

Jika muncul pesan seperti dibawah ini :
- Check pada tulisan : Overwrite if different size or source newer
- Check juga : Always use this action

7. Lama dan tidaknya tergantung besar kecil file yang diupload dan juga koneksi internet kamu. pastikan semua file terupload dengan sempurna tanpa harus ada file yang gagal.


8. Jika terdapat file yang gagal diupload lakukan upload ulang pada file yang gagal tersebut. klik pada "failed transfer"untuk melihat file yang gagal diupload ke server.


Semoga dapat membantu yang sedang memerlukan informasi tentang bagaimana upload file ke server hosting dengan menggunakan FTP Filezilla.

Cara Pasang Musik Di Blog

Cara Pasang Musik Di Blog

Umumnya, memasang lagu atau musik dapat memberatkan loading blog, oleh karenanya pilihlah layanan yang sekiranya tidak terlalu membebani. Kang Rohman sendiri menyarankan untuk mengupload file di google sitedan player yang digunakan adalah google reader player karena keduanya adalah produk dari google yang tentunya dapat digunakan dengan akun gmail anda dan ini terbukti lebih cepat proses loadingnya.

Kode Google Reader Player

Untuk memasang lagu diblog perlu player yang digunakan, karena kita akan menggunakan Google reader player, maka kode yang digunakan adalah seperti berikut :

<embed type="application/x-shockwave-flash" flashvars="audioUrl=alamat_link_sumber_lagu" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="300" height="27" quality="best" wmode="transparent"></embed>

Yang harus anda ganti adalah kode alamat_link_sumber_lagu , itu adalah alamat sumber lagu. Darimana kita dapat alamat link sumber lagu? Kita upload dulu filenya ke file hosting di internet, contoh kali ini adalah akan menggunakan google site, nanti setelah musiknya diupload, alamat sumber lagunya akan kita dapatkan.

Upload File Di Google Site

Langkah pertama yang harus anda persiapkan adalah upload file lagu yang akan dipasang ke Google Site, oleh karenanya siapkan pula lagunya. Berikut adalah langkah-langkah untuk mengupload lagu ke google site :

1. Silahkan kunjungi sites.google.com/?hl=id
2. Apabila anda sudah mempunyai akun gmail, login pada form yang tersedia. Namun, bila belum mempunyai akun gmail, bacalah dulu panduan tentang cara membuat akun gmail.
   
   
   
3. Alihkan perhatiah ke sebelah kiri monitor, lalu klik tombol Create
   
   
   
4. Ada beberapa form yang harus diisi.
   
   • Name Your Site : beri nama apa saja sesuai keinginan, misal : laguku
   • Type the code shown : tulis kode yang muncul
   • Lanjutkan dengan klik tombol Create.
     
     
     
5. Setelah halaman tercipta, alihkan perhatian kesebelah kanan atas monitor, kemudian klik icon untuk membuat New Page.
   
   
   
6. Buatlah sebuah halaman baru, isi form yang diminta.
   
   • Name your page : isi dengan apa saja. Misal : kumpulan lagu
   • Select template to use : klik dulu menu nya, setelah opsinya keluar pilih File Cabinet
   • Lanjutkan dengan klik tombol Create
     
     
     
7. Klik tombol Add File. Silahkan pilih file lagu yang ingin diupload dari komputer anda.
   
   
   
8. Setelah file berhasil diupload, akan muncul link bertuliskan download. Klik kanan link tersebut lalu pilihCopy Link Location (bila anda menggunakan firefox).
   
   
   
9. Paste pada notepad atau apa saja agar alamat file tersebut bisa digunakan nantinya. Contoh alamat file (alamat sumber lagu) :
   

   https://sites.google.com/site/gallerylagu/kumpulan-lagu/02%20-%20Sherina%20-%20Jalan%20Cinta.mp3?attredirects=0&d=1
   

10. Hapuslah kode dibelakangnya, yaitu ?attredirects=0&d=1 karena kode tersebut tidak perlu digunakan. Jadi, kode sumber lagu yang akan kita gunakan adalah :
    

    https://sites.google.com/site/gallerylagu/kumpulan-lagu/02%20-%20Sherina%20-%20Jalan%20Cinta.mp3

11. Langkah upload file selesai

Karena kita sudah mendapatkan alamat sumber lagu, maka kita dapat membuat kode playernya menjadi seperti berikut ( ini hanya contoh saja, tentu kode yang sebenernya sesuai dengan lagu yang anda upload ) : 

<embed type="application/x-shockwave-flash" flashvars="audioUrl=https://sites.google.com/site/gallerylagu/kumpulan-lagu/02%20-%20Sherina%20-%20Jalan%20Cinta.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="300" height="27" quality="best" wmode="transparent"></embed>

Berikut contoh player yang nanti akan muncul (klik tombol play untuk menjalankan):



Langkah selanjutnya adalah memasang kode tersebut di blog anda, tentu bisa disidebar atau dimana saja sesuai dengan keinginan. Namun, sebagai contoh kita akan memasangnya dibagian sidebar blog.

1. Silahkan login ke blogger dengan akun anda.
2. Klik pada nama blog anda.
3. Klik menu Tata Letak
   
   
4. Klik Tambah Gadget 
   
   
   
5. Klik pada widget HTML/Javascript
   
6. Paste kode musik seperti yang telah kita persiapkan tadi
   
   
   
7. Klik tombol Simpan
8. Selesai.

Itulah contoh bagaimana cara memasang lagu dengan mengupload sendiri. Untuk lagu yang telah tersedia tampa harus upload lagunya, anda bisa menggunakan situs berikut :

http://www.singingbox.org/index2.php

Sebagai tambahan, panduan Cara Pasang Musik Di Blog ini hanya sebatas memasang lagu di blog, janganlah disalah gunakan untuk membagi-bagi file musik karena itu ilegal atau melanggar hukum yang berlaku. Segala tindakan penyalahgunaan tanggung jawab anda masing-masing