Trick and tips: Cara membuat blog Download MP3 di Blogspot

Ikuti langkah - langkah di bawah ini :

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

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 :

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>

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 :

<b><span style="font-family: Verdana,sans-serif;"><span style="font-size: large;">Top Chart Indo Januari 2016</span></span></b> </div>

<br />

<a href="#">Judul Lagu 1</a></div>

<a href="#">Judul Lagu 2</a></div>

<a href="#">Judul Lagu 3</a></div>

<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 :

<a href="#">Judul Lagu 5</a></div>

<a href="#">Judul Lagu 6</a></div>

<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.

<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://trick-and-tips-blog.blogspot.co.id/'>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>

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

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

Laman

Sunday, November 6, 2016

Cara membuat blog Download MP3 di Blogspot

Ikuti langkah - langkah di bawah ini :

1. Membuat blog baru

2. Membuat Google Custom Search untuk halaman download

3. Google Custom Search kedua untuk halaman search

4. Membuat laman download

5. Membuat halaman search

6. Membuat laman chart

7. Membuat postingan

8. Ganti template

9. Pengaturan Search Box

10. Setting laman download dan chart

Baca juga Trick and Tips Blog Lainya di bawah ini :

No comments:

Post a Comment

Welcome In Creating Website

Contoh Sliding Login Dengan JQuery

Tutorial Blog

Member Login

Not a member yet? Sign Up!