Cara Membuat Blog Download MP3 di Blogspot

TheMasDoyok memperkenalkan serial terbaru: BlogProject for Nuwbie. Pada serial ini saya akan menulis tutorial mengenai pembuatan suatu project blog untuk keperluan tertentu dari nol hingga jadi. Pada edisi pertama saya akan memperkenalkan pembuatan blog Download MP3 mudah di blogspot. Dann... bonus, di setiap serial blogproject akan dilengkapi dengan template gratis yang sesuai. :D Cekidot. Demonya: http://themasdoyokmp3.blogspot.com/
Fitur-fitur:
1. Tidak Usah Upload file MP3 Sendiri karena blog ini blog pencari mp3 otomatis
2. Template gratis yang sesuai kebutuhan
3. Loading cepet
4. Tambahan: Optimasi SEO dan Modifikasi Template harap dilakukan sendiri biar tambah joss hehe

Step by Step:
A. Membuat Blog Blogspot
B. Membuat Google Custom Search 2 Buah
C. Membuat Laman Download
D. Membuat Laman Search
E. Membuat Laman Chart
F. Membuat Postingan
G. Pemasangan Template dan Setting

A. Membuat Blog Blogspot
Hal yang pertama Anda butuhkan adalah membuat blog Blogspot.
Tutorial pembuatan blog blogspot: Pembuatan Blog di Blogger

B. Membuat Google Custom Search 2 Buah
Google Custom Search pertama untuk halaman download
- Buat Google CSE di http://www.google.com/cse
- Klik New Search Enginee
- Pada sites to search isikan www.4shared.com (agar pencarian link download otomatis hanya mencari di 4shared)
- Klik tombol Create
- Klik Edit Search Enginee > Look and Feel > Layout
- Pilih jenis tampilan Result Only
- Klik Save and Get Code (Akan muncul halaman kode, copy kode dan simpan ke notepad)



Google Custom Search kedua untuk halaman hasil cari
- Langkahnya sama, hanya pada point ke 2, sites to search isi dengan Alamat blog Anda.
- Langkah semua sama sampai Save and Get Code. Simpan juga kode yang ini ke notepad atau Ms Word.

C. Membuat Laman Download
- Klik Laman
- Buat Laman Baru
- Buat Laman Kosong
- Pada Judul Isikan 'Download'
- Pada kolom Isian isikan dulu satu karakter, misal 'A'
- Publish
- Coba Buka Halaman Download,
apakah URL sudah benar berformat:
http://alamatblog.blogspot.com/p/download.html
(kadang dalam pembauatan laman terjadi Eror sehinnga URl berakhiran /p/blog-page.html bukan /p/judul.html)
- Jika sudah benar, sekarang Edit halaman tadi. Masuk ke mode pengeposan Edit HTML.
- Copy Paste kode berikut:
<div style="text-align: center;">
Terima kasih atas kunjungan Anda. Silahkan pilih link download di bawah ini: (<b><a href="http://a lamatblog.blogspot.com/" target="">atau Kembali Ke Beranda</a></b>)</div>
<div style="text-align: center;">
<br /></div>

Script Google Custom Search 1 yang tadi Disimpen di Notepad, masukkan Kesini

- Publish Laman

D. Membuat Halaman Search
Sama dengan cara membuat Laman Download.
- Pada Judul isikan dulu 'search'
- Pada kolom isikan dulu satu karakter, misal 'a'
- Publish terlebih dahulu dan pastikan URL benar.
- Edit laman. Pada pengeposan mode EDIT HTML yang dimasukkan adalah Script Google CSE yang kedua.

E. Membuat Laman Chart
- Pada Judul isikan dulu 'chart'
- Pada kolom isikan dulu satu karakter, misal 'a'
- Publish terlebih dahulu dan pastikan URL benar.
- Edit laman. Pada pengeposan mode EDIT HTML yang dimasukkan adalah:
<div style="text-align: center;">
<b><span style="font-family: Verdana,sans-serif;"><span style="font-size: large;">Tangga Lagu Indonesia Terbaru Juni 2013</span></span></b>&nbsp;</div>
<br />
<br />
<div id="charthot">
<a href="#">Judul Lagu1</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:
1. Setelah URL Laman terbentuk, Anda boleh gonta-ganti judul Laman dan tidak akan merubah URL
2. Cara Mengedit Chart:
- # isi dengan URL Lagu
- Judul Lagu silahkan ubah sesuai judul lagu di posisi tersebut
- pada id, ganti sesuai kebutuhan. charthot otomatis di bagian kiri judul lagu muncul gambar api yang berarti baru muncul/ngehits. chartup mengalami kenaikan peringkat. chartdown penurunan peringkat dan chartstop tidak mengalami perubahan peringkat.

F. Membuat Postingan
1. Agar postingan lebih baik di index Google, sebaiknya dilengkapi dengan liryc.
2. Agar lebih menarik pengunjung bisa dilengkapi dengan foto artist atau album.
3. Tulislah judul yang menarik tapi tidak menipu.
4. Jangan Lupa tentukan Label agar gadget Rekomendasi Artikel bekerja.
5. Tambahkan kode berikut ini paling atas dari isi postingan (ditambahkan melalui pengeposan mode Edit HTML)
<div id="downloadlink"><a href="#" target="_blank">Download </a></div>
6. # ganti dengan link download, format penulisan link download:
  http://alamatlamandownload.html?q=Artist Judul Lagu
  contoh: http://themasdoyokmp3.blogspot.com/p/download.html?q=Fatin Perahu Kertas
7. Agar tidak berulang-ulang menuliskan link download, Anda bisa menambahkannya ke template postingan. (Setiap membuat postingan baru, otomatis kode tersebut sudah ada di paling atas)
- Login Blogger > Setelan > Pos dan Komentar > templat Entri
- Isikan kode seperti pada poin nomer 4
- Tekan tombol Simpan Setelan

G. Pemasangan Template dan Setting
1. Download Template di: Download Theme TheMasDoyok MP3 v1
2. Pasang Template di Blog (Baca: Cara Ganti Template Terbaru)
3. Setting NavBar
- Login Blogger > Template > Edit HTML
- Cari kode berikut ini 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>


4. Setting Search Box
- 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 yang berwarna hijau dengan URL/alamat Laman search yang telah dibuat pada langkah D.
- Ganti yang berwarna merah dengan id cx Google CSE Anda yang kedua (yang untuk halaman search)

5. Setting Halaman Download dan Halaman Chart
- 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 yang berwarna hijau dengan URL/alamat laman download seperti telah dibuat pada langkah C.
- ganti yang berwarna merah dengan URL/alamat laman chart seperti telah dibuat pada langkah E.


 Item info: Cara Membuat Blog Download MP3 di Blogspot

Komentar

  1. aku save dulu mas, dah malem udah ngantuk. makasih tutornya

    BalasHapus
  2. Dulu saya bermimpi ingin membuat web mp3 seperti busalaaaaau. Karena saya tidak punya uang untuk menyewa seperangkat hosting dan domain rencana itupun gagal :( Tapi sekarang setelah saya menemukan CARA MEMBUAT BLOG DOWNLOAD MP3 DI BLOGSPOT saya bisa membuatnya secara gratis di blogger. MAKASIH MBAK DOYOK :v




    =VISITOR=

    BalasHapus
    Balasan
    1. Mas doyok maksudnya

      Hapus
    2. Mksih mas atas infonya,maksih dapat ilmu yg bermanfaat nih hehe :D

      Hapus
  3. Keren mbah,... ijin coba ea,... siip

    BalasHapus
  4. Woww mantap mbah doyok :D ,tpi itu nanti cuma cari link di 4shared ya mbh? tdk bisa lgsg download gitu? (kayak grabbing)
    thanks

    BalasHapus
  5. Makasih kang.. saya lagi cari template .mp3

    BalasHapus
  6. bookmark dulu kang siapa tau nanti saya bisa.. :D

    BalasHapus
  7. musti di coba dan jangan di lewatkan

    BalasHapus
  8. Mantap mas di coba alhamdulillah jadi :D

    BalasHapus
  9. mantab mas lama ga main disini nih tar ak coba ctrl+d dlu

    BalasHapus
  10. Mantap!!! tapi lagi males buat blog,,, :D

    BalasHapus
  11. Wih seneng banget blog ini aktif lagi, dan langsung kasih tutorial bermanfaat seabreg kayak gini :)
    Gimana kalau di kesempatan berikutnya bahas cara-cara bikin blog pake Blogger yg kayak prinsip social media. Jadi kita bisa dengan nyaman nulis singkat, sharing photo, tapi tetep punya opsi buat sekali-kali nulis panjang. Kayak di Tumblr gitu, kan kita bisa nyaman kalau pengin nge-share hal-hal yang gaperlu kalimat-kalimat panjang.

    Kenapa ga di Tumblr sekalian? Somehow ga enak aja sama tampang dasbor dan segala macemnya.

    Maaf banyak cing cong :D

    BalasHapus
    Balasan
    1. wah boleh juga, pasti pengguna blogger jd tambah banyak yaa

      Hapus
  12. Ijin nyoba tutorialnya ya bang,... makasih banyak,...

    BalasHapus
  13. Aku nyobain kok gak sama ya kang tampilannya cse/create/new sama gambar yg itu kang, bahasanya juga gak ada pilihannya, terus kotak create juga gak bisa diklik, kok aneh gitu ya kang..

    BalasHapus
  14. wah musti dicoba nih caranya..
    thanks tutorialnya ya mas :D

    BalasHapus
  15. Gw udah punya min, tpi bikinnya di idhostinger, bukan blogger,

    Kunjungin ok : http://mp3ku.bursadownload.com

    BalasHapus
  16. Untuk ukuran blogspot boleh juga..

    BalasHapus
  17. rumitt bang Q!! akuratku.blogspot.com

    BalasHapus
  18. http://joeandre78.blogspot.com/p/blog-page_2718.html
    URL waktu bikin laman download nya mas.. gk mau seperti
    http://alamatblog.blogspot.com/p/download.html
    (kadang dalam pembauatan laman terjadi Eror sehinnga URl berakhiran /p/blog-page.html bukan /p/judul.html)

    bgamana solusinya tu mas..??
    makasih sebelumnya..
    :)

    BalasHapus
    Balasan
    1. http://www.themasdoyok.com/2013/06/alamat-laman-pages-blogger-menjadi.html

      Hapus
    2. Itu Caranya sangat mudah koq, tinggal edit Laman Download nya yang beralamatkan http://joeandre78.blogspot.com/p/blog-page_2718.html lalu masuk di tab HTML >> Copy Semua Kodenya >> buat laman baru >> masuk Tab HTML >> lalu paste semua kode yang sudah mas copy tadi ke laman yang baru (dalam kodisi Tab HTML bukan Compose) >> Save.

      Hapus
    3. ya bisa jg karna koneksi lemot

      Hapus
  19. Ijin Praktek ya mas dyok, ntar tak tanya2 lagi ...

    BalasHapus
  20. bagus banget nih ,, sangat bermanfaat untuk kami para pemula ,,
    tapi untuk petunjuk yang F sampai kebawah saya kurang paham mas,, tolong pencerahannya berikut gambar,, hee
    ini email saya coiz.derex@gmail.com

    BalasHapus
  21. punya saya kesalahannya dimana mas kok tidak sempurna coba mas lihat di http://markitemband.blogspot.com mohon bantuannya pliss ...tolong ya mas amatiran ini,,,baru belajar ngeblog

    BalasHapus
    Balasan
    1. kepanjangan judul blognya aja mas

      Hapus
    2. tak coba dulu ya makasih banget mas ..........sangat berguna sekali untuk saya ...

      Hapus
    3. mas mau tanya lagi yang tab paling atas lagu barat lagu india di klik kok daftar lagunya kosong ya mas apa harus di isi sendiri

      Hapus
  22. Wah thanks Gan ini yang ane cari2 tapi ane pusing gan haha, , Stuck confiused ??

    BalasHapus
  23. wahhh keren bgt dach tuchh
    sukses dach gan

    BalasHapus
  24. Thx perloe dicoba neech ....Oh ya klu gi jalan2 sempetin mampir ke blokku dung di www.worldoflittle.com :D

    BalasHapus
  25. Thx perloe dicoba neech ....Oh ya klu gi jalan2 sempetin mampir ke blokku dung di www.worldoflittle.com :D

    BalasHapus
  26. gan, mau nanyak.. kalau URL lagu nya yang enak dmna ya ...??

    kalau di 4shred ribet kayak nya mah...
    klik judul, langsung ngdownload ... cara nya gimana gan...?

    BalasHapus
    Balasan
    1. bisa diganti dengan url url yg lain pada poin B

      Hapus
  27. Balasan
    1. mungkin njenengan bisa perhatikan demonya mass

      Hapus
  28. makasih banget atas infonya.....

    BalasHapus
  29. mantapppp brooo
    makasih atas infonya
    langsung aq coba

    BalasHapus
  30. makasie mas bro di tunggu silahturohminya

    BalasHapus
  31. buat tombol playnya gimana mas doyok kyk di mp3skull kan bisa di play tu sebelum di download

    BalasHapus
    Balasan
    1. itu lbih rumit lg belum bisa share kang :D masih belajar

      Hapus
  32. mantap banget broe, tpi ane bingung ngikutinnya karna kepanjangan banget. hehehe kunbal broe...

    BalasHapus
    Balasan
    1. ya pelan pelan, semoga saukses waee kang heehe

      Hapus
  33. mau tanya mas,selain www.4shared.com bisa gak di tambahkan link lain, seperti ziddu.com...??

    BalasHapus
    Balasan
    1. pada poin B pas pembuatan mesin pencari tambahkan saja alamat ziddu

      Hapus
    2. OK mas,, Terimakasi atas info nya.

      Hapus
  34. Mau tanya lagi nih mas, pada poin C pembuatan laman download URL nya tetap berakhiran /p/blog-page.html bukan /p/download.html

    BalasHapus
  35. itu karena koneksi lemah mungkin kang, kadang memang jd eror

    BalasHapus
  36. Thanks gan atas usulnya :)

    BalasHapus
  37. Thanks gan atas usulnya :)

    BalasHapus
  38. ini yang saya cari..... makasih bro

    BalasHapus
  39. Trimakasih mas..
    Ini sangat membantu saya sbg newbe..

    Mampir juga ya blog sderhana ku http://ir-refan.heck.in/

    BalasHapus
  40. Trimakasih mas..
    Ini sangat membantu saya sbg newbe..

    Mampir juga ya blog sderhana ku http://ir-refan.heck.in/

    BalasHapus
  41. Trims mas atas tutornya.. ini sangat membantu saya sbg newbe..

    Mampir juga di blog sderhana ku.. http://ir-refan.heck.in/

    BalasHapus
  42. mantap nih tutorialnya mas, bookmark dulu dah.., klo yang otomatis ada caranya gak mas untuk membuat blog mp3?

    BalasHapus
  43. mas saya punya blog download lagu, tapi terkena DMCA. bagaimana cara menghindarinya?

    BalasHapus
  44. keren tuh,,, lumayan puyeng juga jadinya,, hehehe

    BalasHapus
  45. Mas, kasih penjelasan donk..kalo lamannya eror, trus gimna biar gk eror?

    BalasHapus
  46. mantapz.... mampir juga gan ke FORUM PENGUNJUNG ane di www.alhidayahpesantren.blogspot.com

    BalasHapus
  47. wah... dah gak bisa lagi tu mas :(

    http://sahabatralfa.blogspot.com/

    BalasHapus
  48. Ijin Edit Template nya ya... Boleh ?
    http://jogjamusic45.blogspot.com <-- yg mau di pasang template tersebut
    http://michaelyuan.blogspot.com (blog saya lainnya (yg lama))

    BalasHapus
  49. thanxs gan tutorialnya mbah doyok??

    BalasHapus
  50. Sungguh tutorial yg bgus skali

    BalasHapus
  51. wah panjang jg ya mas ini tutorialnya....
    tapi ini link donload lagunya ita sendiri yang isi ya???
    sy kira tadi lik download n judul2 lagunya bs otomatis ada tanpa susah payah heheee
    kirain cuman modal template, langsung udah jadi blog donload lagunya

    BalasHapus
  52. aku gagal truz nih ma url nya,
    gmna yuh mas?

    BalasHapus
  53. kerren bos......thank's tutornya

    BalasHapus
  54. Mas Doyok masih ingat Ane,
    Mantap nih tutorialnya... Jempol buat Master :)

    BalasHapus
  55. Maaf gan boleh nanya !! itu template nya dari mana gan ?? atau dari scrift diatas / harus download template nya dulu ?? kalau harus download link nya error gan :(
    Maaf banyak nanya hehe .. mohon pencerahannya gan :)

    BalasHapus
  56. ane udah coba nih mas, mantab bener dah..

    BalasHapus
  57. Bookmark dulu ach, makasih uda di share ^_^

    BalasHapus
  58. Makasih gan info nya, sangat bermanfaat!!
    Min nya gk bisa di download langsung ya gan, kasihan ama yg nge-download harus bolak balik jadinya!hihihi

    Tapi info nya sangat berguna, jempol buat agan! :)

    BalasHapus
  59. uda ga bisa lagi mas.
    JAdi Sedih :'(

    BalasHapus
  60. sudah jadi nih mas :D thanks deh..

    BalasHapus
  61. ass wr wb
    saya masih bingung di code Script Google CSE yang kedua .. dimana code nya mas ? :(

    BalasHapus
  62. Belum sepenuhnya berhasil mas, sudah saya coba, laman downloadnya kosong, pada home blog saya di sisi kanan tertulis gadget blog saya error.

    BalasHapus
  63. maksih tutornya.. go action :D

    BalasHapus
  64. bagai mana mahu download thema Download Theme TheMasDoyok MP3 v1 tidak boleh download

    BalasHapus
  65. izin Cobain trick dan templatenya ya mas... Trimakasih

    BalasHapus
  66. punya saya kok seperti ini ya gan ... saranya dong... trimakasih
    http://musikvivia.blogspot.com/

    BalasHapus
  67. Mas, tolong diperbaiki link downloadnya .

    BalasHapus
  68. Apakah hasilnya hampir sama kaya mp3skull gitu gan ?

    BalasHapus
  69. Sangat membantu mas, sudah saya coba ni Alhamdu 4jjl Berhasil, cuma belum sempurna,

    Thanks ya

    BalasHapus
  70. Ane juga punya gan di http://downloadmp3.wongbanyumas.com tapi belum kelar....bisa langsung posting ke blogger jadi hasil pencarian bisa jadi postingan....

    BalasHapus
  71. Saaya buat nya bingung :''v coba ada video nya hahaha

    BalasHapus
  72. gan numpang tanya saya belum paham URL lagu itu gimana ya? mohon bantuannya gan, terima kasih

    BalasHapus
  73. mas mau tanya kalau mau upload lagu nya gmna ke blog

    BalasHapus
  74. template nya ga bisa di upload mas,mohon re upload

    BalasHapus
  75. Mas,link download nya ga berlaku,tolong di re upload ya

    BalasHapus
  76. mas,link download nya ga berlaku,mohon di re uplaod ya

    BalasHapus

Posting Komentar

Postingan Populer