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> </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 == "http://mp3.blogspot.com/p/download.html"'>
<style>
#header-wrapper, #searchbox{display:none;}
body {background:#000}
#main-wrapper, #outer-wrapper {
width: 600px;
}
</style></b:if>
<b:if cond='data:blog.url == "http://mp3.blogspot.com/p/chart.html"'>
<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.
0 komentar:
Posting Komentar