Selasa, 10 Januari 2017

Panduan Lengkap Cara Membuat Blog Download MP3 di Blog

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. Chartdownjika 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 birudengan 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 warnamerah 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.

Tidak ada komentar:

Posting Komentar