Cara Membuat Blog Download MP3 di Blogspot

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.

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.

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.

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

8. Ganti template

1. Ganti template blog menggunakan template yang sebelumnya telah didownload.
2. Rubah navbar
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://mp3.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.


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://mp3.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.

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://mp3.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://mp3.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.
SHARE

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 komentar:

Posting Komentar