Panduan Lengkap Cara Membuat Blog Download MP3 di Blogspot

Panduan Lengkap Cara Membuat Blog Download MP3 di Blogspot
Seperti yang sebelumnya telah saya singgung, bahwa blog dengan tema download MP3, lagu atau musik dari blogger sangat jarang ditemui. Sedangkan dalam platform lain, telah dijumpai blog download seperti ini, misal blog dari platform wordpress dan mywablog.

Untuk itu, kali ini saya akan berbagi informasi mengenai cara pembuatannya. Sebelum dilanjutkan, silakan simak terlebih dahulu artikel Free Blogger Template for Download MP3 untuk mengetahui informasi awal mengenai demo dan link download template nya. Selengkapnya, silakan simak step by step panduan cara pembuatannya berikut ini.

Panduan Lengkap Cara Membuat Blog Download MP3 di Blogspot

#1. Membuat blog baru

Bagi yang telah memiliki akun dan sudah pernah membuat blog, silakan langsung buka dasboard blogger, lalu klik New Blog. Sedangkan untuk yang baru pertama kali, silakan simak Cara Buat Blog Terbaru Lengkap Bergambar dari A-Z, Newbie Silakan Masuk.

#2. Membuat Google Custom Search untuk halaman download

1. Silakan msuk ke google.com/cse.
2. Klik New Search Engine.
3. Pada kolom Sites to search, silakan tulis www.4shared.com. Maksudnya adalah, halaman download ini akan menghasilkan hasil pencarian dari situs 4shared.
4. Akhiri dengan Create. Sampai disini sebenarnya halaman download sudah selesai, namun masih dalam tampilan layout default. Untuk merubahnya lanjutkan ke menu Layout.
5. Klik Look and Feel, pilih Layout. Pilih jenis tampilan Result Only.
7. Akhiri dengan Save and Get Code. Silakan copy kode yang muncul di notepad.

3#. Google Custom Search kedua untuk halaman search

Tahap pembuatannya sama seperti pada Google CSE untuk halaman download di atas. Akan tetapi pada tahap kolom Sites to search, ditulis dengan Alamat URL blog. Tahap selanjutnya sama hingga mendapatkan kode pada Save and Get Code. Lalu simpan kode yang didapat di notepad.
Artikel rekomendasi Manfaat Tukar Link untuk Menaikkan Trafik Blog.

4#. Membuat laman download

1. Klik Creat new page.
2. Silakan tulis "Download" untuk kolom judul, bukan judul yang lain, agar URL blog sesuai yang diharapkan. Yakni berinisial alamat :
http://URLBLOG.blogspot.com/p/download.html.
Pastikan alamat URL mirip seperti contoh di atas.
3. Jika alamat laman sudah benar, masuk ke mode HTML, bukan Compose, lalu copy paste kode :
<div style="text-align: center;">
Terima kasih atas kunjungannya. Silahkan pilih link download berikut ini: (<b><a href="http://URLBLOG.blogspot.com/" target="">atau kembali ke Beranda</a></b>)</div>
<div style="text-align: center;">
<br /></div>
4. Pastekan kode yang didapat pada Google Custom Search untuk halaman download tadi di bawah kode tersebut.
5. Akhiri dengan Publish.
Artikel pilihan Menambah Elemen Halaman atau Page di Bawah Header Blog.

5#. Membuat halaman search

Tahap pembuatannya sama dengan laman download. Hanya judulnya diganti "Search". Lalu pastikan memuat URL yang benar seperti contoh laman download.
Setelah benar, silakan paste kode yang didapat pada Google Costum Search untuk halaman search tadi di sini, tanpa kata-kata tambahan dan pastikan pada mode HTML.

6#. Membuat laman chart

Laman chart adalah page untuk menampilkan lagu-lagu yang menduduki peringkat teratas.
1. Buat laman baru, lalu beri judul "Chart". Pastikan alamat URL sudah benar.
2. Pada mode HTML, masukkan kode berikut :
<div style="text-align: center;">
<b><span style="font-family: Verdana,sans-serif;"><span style="font-size: large;">Top Chart Indo Januari 2016</span></span></b>&nbsp;</div>
<br />
<br />
<div id="charthot">
<a href="#">Judul Lagu 1</a></div>
<div id="chartup">
<a href="#">Judul Lagu 2</a></div>
<div id="chartdown">
<a href="#">Judul Lagu 3</a></div>
<div id="chartstop">
<a href="#">Judul Lagu 4</a></div>
Keterangan : Ganti # dengan URL postingan lagu. Lalu rubah Judul Lagu nya. Khusus untuk "id", silakan ganti sesuai naik turunnya posisi lagu tersebut dalam top chart. Charthot untuk lagu hits dengan ikon gambar api di samping kiri. Chartup jika mengalami kenaikan peringkat. Chartdown jika penurunan peringkat dan Chartstop jika tidak mengalami perubahan peringkat. Untuk menambah jumlah peringkat, silakan pastekan kode di bawahnya. Misal :
<div id="chartup">
<a href="#">Judul Lagu 5</a></div>
<div id="chartdown">
<a href="#">Judul Lagu 6</a></div>
<div id="chartstop">
<a href="#">Judul Lagu 7</a></div>
dan seterusnya.

7#. Membuat postingan

Buat postingan seperti biasa dengan klik New Post. Isi judulnya. Bisa pula dilengkapi foto artis beserta lirik lagunya agar lebih menarik pengunjung. Kemudian untuk menampilkan link downloadnya, silakan tambahkan kode ini pada mode HTML.
<div id="Link Download"><a href="#" target="_blank">Download </a></div>
Ganti Link Download dengan URL laman download yang telah dibuat sebelumnya. Kemudian ganti # dengan nama artis dan judul lagu.Contoh :
http://URL-lamandownload.html?q=Adele Some One Like You
Artikel terkait Agar Postingan Blog Secara Otomatis Dibagikan ke Google Plus.

8#. Ganti template

1. Ganti template blog menggunakan template yang sebelumnya telah didownload. Caranya silakan simak Cara Mengganti Template pada Blog.
3. Setting template. Klik Edit HTML pada menu Template, lalu cari kode berikut dan ganti sesuai kebutuhan.
<div class='topnav' id='topnav'>
    <ul id='topnav'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Lagu Pop</a></li>
<li><a href='#'>Lagu Barat</a></li>
<li><a href='#'>Lagu India</a></li>
<li><a href='#'>Tips Download</a></li>
<li><a href='http://themasdoyokmp3.blogspot.com/p/chart.html'>Chart Lagu Indonesia</a></li>
        </ul>
    </div>
Ganti # dengan URL tujuan sesuai labe. Judul Lagu diganti sesuai label. Dan ganti URL warna biru dengan URL laman chart yang telah dibuat. Untuk tulisan Chart Lagu Indonesia silakan diganti sesuai keinginan.
Rekomendasi Best 5 Simple Seo Fast Clean Responsive Blogger Template 2015.

9#. Pengaturan Search Box

Search box ini letaknya di bawah header dan menu tab. Fungsinya untuk memudahkan pengunjung untuk mencari nama artis ataupun judul lagu dengan cepat. Caranya, cari kode berikut :
<div id='searchbox'> <form action='http://themasdoyokmp3.blogspot.com/p/search.html'>
      <div>
        <input name='cx' type='hidden' value='007737737555262419625:o8skn4r0k6a'/>
        <input id='searchform2' name='cof' type='hidden' value='FORID:10'/>
        <input id='searchform2' name='ie' type='hidden' value='UTF-8'/>
        <input autocomplete='on' id='searchform2' name='q' placeholder='tulis nama artist atau lagu, tekan enter' size='33' type='text'/>
        </div>
Ganti URL warna biru dengan URL laman search yang telah dibuat. Lalu ganti kode unik warna merah dengan id Google CSE pada laman search.
Baca juga Manfaat dan Cara Penggunaan Header Tags pada Postingan Blog.

10#. Setting laman download dan chart

Fungsinya adalah menampilkan laman download dan laman chart dengan benar. Masih pada Edit HTML, silakan cari kode berikut.
<b:if cond='data:blog.url == &quot;http://themasdoyokmp3.blogspot.com/p/download.html&quot;'>
<style>
  #header-wrapper, #searchbox{display:none;}
  body {background:#000}
#main-wrapper, #outer-wrapper {
    width: 600px;
}
</style></b:if>
<b:if cond='data:blog.url == &quot;http://themasdoyokmp3.blogspot.com/p/chart.html&quot;'>
<style>
  #header-wrapper, #searchbox{display:none;}
  body {background:#000}
#main-wrapper, #outer-wrapper {
    width: 600px;
}
Ganti URL warna biru dengan URL laman download. Dan ganti pula URL warna merah dengan URL laman chart.
Akhiri dengan Save Template. Dan selesai.

Untuk perubahan dan pengaturan yang ada, silakan sahabat berkreasi sendiri. Saya yakin hasil yang dibuat akan jauh lebih baik dari blop downlod versi demo.

Demikian panduan cara membuat blog download MP3. Semoga bermanfaat dan selamat mencoba. Tidak lupa pula saya ucapkan terima kasih untuk themasdoyok yang telah mencetuskan template ini.

I am not mastah or newbie, but I am a Blogger.

Share this

Related Posts

Previous
Next Post »

19 comments

comments
Dec 11, 2015, 9:00:00 PM delete

Yg di maksud dgn id google CSE itu apa mas,dan gimana mendapatkanya?

Reply
avatar
Dec 11, 2015, 11:14:00 PM delete

@putri: ID google CSE adalah kode unik saat membuat custom search. Coba cek poin 2, lalu kembali ke Look and feel, klik save & get code, di sana akan muncul kode uniknya. Biasanya setelah kode "var cx".

Reply
avatar
Jan 31, 2016, 10:38:00 PM delete

memakai costum search dari 4shared sob. jadi link yang disediakan akan masuk ke page dulu, baru download via 4shared.

Reply
avatar
Feb 1, 2016, 1:04:00 AM delete

oh gitu...tanpa melalui 4shared lngsung gimana caranya min..newbie saya

Reply
avatar
Feb 1, 2016, 2:00:00 AM delete

file mp3-nya diupload satu persatu sob.

Reply
avatar
Feb 8, 2016, 6:24:00 PM delete

kenapa saat di klik link downloadnya, kok palah Not found(eror)
itu gimana cara ngatasinnya ya

Reply
avatar
Feb 9, 2016, 12:44:00 AM delete

saya liat, link target downloadnya salah sist. harus disesuaikan dengan page-nya. coba dicek lagi.

Reply
avatar
Feb 26, 2016, 9:13:00 AM delete

kawan tolong pencerahan no 4 dan 6 tentang masukan URLBLOG itu di link mode compose atau di html di atas code yang selanjutnya akan di paste

Reply
avatar
Feb 26, 2016, 12:56:00 PM delete

Pada no.4 poin 2, itu hanya utk melihat apakah benar URL Blog sudah sesuai yakni memakai extensi p/download. demikian pula pada poin 6 hingga berekstensi p/chart. Untuk no.4 poin 3 dimasukkan melalui mode HTML, bukan Compose. demikian pula pada cara nomor 6. demikian, moga bisa membantu.

Reply
avatar
Mar 27, 2016, 12:17:00 AM delete

pak terimakasih atas banyak tutorial yang di kaji dalam websitenya sungguh sangat membantu dalam perkembangan membangun blog untuk berbisnis walaupun masih agak susah untuk mendapatkan top di search engine, dan tak tahu karena apa tapi mungkin saya akan terus update cara caranya di website bapak, dan pak minta sarannya untuk target kata kunci celana jeans murah dan celana jeans soalnya kata kunci tersebut setelah saya riset banyak yang mencari tapi saya bidik celana jeans murah Bandung juga sulit muncul di top 1 google padahal saya sudah menggunakan kira kira 40han blog dummy tapi belum dapet muncul di halaman pertama, minta sarannya pakk

Reply
avatar
Mar 29, 2016, 7:46:00 PM delete

saya lihat blognya masih muda dan belum sepenuhnya sempurna dari sisi desain. untuk KW juga saya pikir sudah OK. hanya memang perlu update artikel secara terus menerus sesuai KW yang tertarget. bila ada yang masih perlu dijelaskan, silakan hubungi saya melalui form contact.

Reply
avatar
Apr 15, 2016, 9:08:00 PM delete

bang No 9 tuh maksud nya gimana ya gan? mohon pencerahannya bang

Reply
avatar
Apr 17, 2016, 11:48:00 AM delete

nice share gan..nitip....free mp3 download
www.savemusik.com

Reply
avatar
Apr 20, 2016, 10:36:00 PM delete

tutorial lengkap dan mantab. maaf min, ketika saya buat posting kenapa tidak langsung download, link menuju halaman 4shared. mohon bantuannya.
mp3hadroh.blogspot.com

Reply
avatar
Apr 21, 2016, 8:51:00 AM delete

oke sob. untuk nomor 9 adalah uraian untuk pembuatan search box atau kotak pencarian. jadi jika ada visitor yang mengunjungi blog dan tidak ada banyak waktu untuk mencari satu-persatu lagu atau artis yang mereka cari, maka mereka cukup mengetikkan kata kuncinya di search box tersebut. dan komponen yang harus disiapkan adalah URL halaman search yang telah dibuat, ID Google CSE dan kata-kata di dalam search box tersebut. demikian semoga membantu.

Reply
avatar
Apr 21, 2016, 8:52:00 AM delete

trims atas kunjungannya sob, oke, semoga sukses dengan blog musiknya.

Reply
avatar

Setiap komentar yang masuk akan dimoderasi. So, waspadalah.