Widget Music untuk Blogger

Widget Music Player ini mungkin akan sangat bermanfaat sekali bagi anda yang gemar mendengarkan musik. khususnya bagi para blogger mania yang pecinta musik. mungkin orang- orang sudah terbiasa mendengarkan musik melalui radio, Hp, tape dan lain sebagainya. sekarang bagaimana bila kita mendengarkan musik tersebut melalui blog kita sendiri, bisa jadi juga dengan adanya widget music player pada blog anda ini. akan membuat pengunjung blog anda menjadi betah karena merasa terhibur.Untuk anda yang berminat memasang widget music player ini pada blog anda. caranya adalah sebagai berikut.

1. Anda buka website http://musik-live.net/ Setelah itu anda klik menu skin Music player. yaitu untuk memilih terlebih dulu bentuk tampilan dari Music player tersebut. seperti pada gambar dibawah ini.

Gambar 01

Gambar 2

2. Pada gambar 01 diatas, yaitu halaman depan dari website tersebut. silahkan anda klik menu skin Mp3 player yang terdapat pada menu bar paling atas. kemudian pada gambar 02. yaitu halaman website setelah anda mengklik menu skin mp3 Player tersebut. pada halaman ini, ana bisa memilih bentuk tampilan dari Music player yang akan anda pasang nantinya. untuk melihat tampilan mp3 player tersebut anda tinggal mengklik preview skin. setelah anda klik maka akan keluar tampilan gambar dari bentuk skin Music player yang anda klik.

3. Bila anda merasa telah menemukan bentuk tampilan skin mp3 yang sesuai dengan keinginan anda. langkah selanjutnya yaitu, anda copy kode Html yang terdapat kotak, dibawah tulisan preview skin yang anda pilih.

4. Setelah anda copy kode tersebut, selanjutnya anda login ke Blogger. terus anda masuk ke menu tata letak kemudian anda tambahkan gadget baru.dengan memilih gadget Html/javascript. setelah itu anda paste semua kode Music player yang anda copy sebelumnya pada gadget Html tersebut.

5. Klik simpan/save.

6. Selesai. Untuk lebih jelasnya silahkan anda lihat blog anda untuk melihat hasilnya.

Catatan : Bila ukuran dari Music player tersebut kurang sesuai. silahkan anda ganti ukurannya sendiri. yaitu dengan merubah ukuran Width sama High nya saja, silahkan mencoba.

Alert Message

Tips dari Blog Tips and Trick kali ini yaitu tentang bagaimana caranya untuk membuat pesan sapaan kepada pengunjung blog anda, ditambah lagi pada pesan sapaan tersebut anda bisa meminta kepada pengunjung blog anda untuk memasukan namanya terlebih dulu sebelum mereka menjelajahi blog anda.seperti contoh pada gambar berikut ini :

Untuk anda yang berminat membuat pesan sapaan seperti pada contoh gambar di atas, caranya yaitu

sebagai berikut. anda login ke blogger lalu klik menu tata letak halaman kemudian anda tambah gadget baru dengan mengklik add a gadget, terus anda pilih gadget Html/java script. setelah itu anda copy dan paste semua kode dibawah ini pada gadget Html/java script tersebut.kodenya adalah :

Setelah itu anda klik simpan atau save, selesai dech. buka blog anda untuk melihat hasilnya.

Catatan : Teks yang saya beri warna biru di atas silahkan anda ganti sesuai dengan keinginan anda, misalnya pada greeting anda ganti menjadi selamat datang dan yang lainnya juga.

ok cukup sekian dulu postingan Blog Tips and Trick kali ini, semoga bermanfaat dan salam blogger mania.

Menambah opsi Readmore pada Posting Blog

Setelah blogger.com meluncurkan New Post Editor terbaru yang lebih friendly dan memudahkan para pengguna layanan blogspot, kali ini masih bagian yang sama blogger.com pun memanjakan pada pemakaianya untuk lebih mudah menambahkan Read More atau Baca Selengkapnya pada postingan.Ini dinamakan Jump Break yaitu
memisahkan bagian alinea yang akan ditampilkan pada bagian depan blog dan potongan alinea lainnya akan muncul bila kata Read More diklik.Cara ini merupakan cara terbaru dari blogger.com untuk memudahkan para pengguna blogspot dalam memakai Read More pada postingannya sehingga tidak perlu lagi menambahkan plugin atau kode javascript untuk membuatnya.
Untuk menyisipkan Jump Break tersebut berikut caranya.
1.Bagi yang belum mengaktifkan New Post Editornya sebaiknya diaktifkan dulu.Caranya dapat dilihat pada new post editor dari blogger untuk blogspot.
2.Selanjutnya bila sudah aktif, langsung menuju pada New Post dan klik Compose.
3.Buatlah satu postingan setelah itu arahkan kursor anda pada bagian yang ingin dipotong.Jadi pada alinea bagian atas potongan tersebut akan muncul pada halaman depan sedangkan potongan alinea dibawahnya akan muncul bila Read More diklik pada postingan anda.
4.Selanjutnya klik gambar yang keterangannya insert jump break.Dapat dilihat pada gambar dibawah yang saya beri kotak warna biru.Setelah itu Publish Post.

Selamat anda sudah mempunyai Read More pada postingan anda.Kalau anda ingin mengganti kalimat Read More dengan Baca Selengkapnya , berikut caranya.
1.Klik Layout >Edit Blog Post.Selanjutnya ganti kalimat Read More dengan kalimat sesuai keinginan anda.Lihat gambar dibawah.

2.Lalu Save.

Pasang Adsense di bawah kolom posting

Setelah sekian lama absen dari aktivitas blogging, akhirnya kang rohman mencoba kembali untuk posting tutorial. Entah kenapa akhir-akhir ini kang rohman sedikit kurang semangat untuk membuat tulisan, apalagi jika membuat artikel tutorial yang sudah barang tentu harus memuat kode ataupun script yang dalam menuliskannya perlu waktu banyak sehingga sangat membosankan. Apakah kang rohman sudah kehabisan bahan untuk posting? jika di bilang kehabisan bahan posting jawabannya adalah tidak, karena di antara para pengunjung banyak sekali yang mengajukan pertanyaan, dan dari pertanyaan tersebutlah sebenarnya bahan inspirasi kang rohman, namun memang dasarnya kang rohman sedang kurang semangat untuk ngeblog, jadi ya nunggu mud nya muncul dulu baru nanti satu-satu kang rohman jawabin.

Melihat dari pertanyaan-pertanyaan yang ada, yang paling sering di tanyakan adalah bagaimana cara memasang iklan Google Adsense di bawah posting? Duh fenomenal sekali ya Google Adsense, segala sesuatu yang sekiranya sedikit asing dan menarik dan belum di ketahui pasti banyak yang berburu informasi tentangnya ...ck...ck...ck...

S ebenarnya pemasangan kode di akhir postingan yang nanti akan kang rohman terangkan, tidak khusus untuk iklan Google Adsense saja namun bisa juga di ganti dengan iklan-iklan lainnya semisal iklan dari Kliksaya.com, Adbrite, Bidvertiser, dan juga iklan-iklan lainnya yang ingin di pasang di akhir postingan termasuk juga memasang banner-banner affiliasi ataupun tombol banner social bookmarking, namun itu tadi karena Google Asense yang fenomenal maka judul postingan ini lebih sfesifik untuk memasang iklan google adsense.

Yang pertama perlu di ketahui yaitu kode iklan Google Adsense tidak bisa di pasang langsung ke dalam kode template blogger. Mungkin sudah banyak di antara anda yang pernah mencoba memasukan kode iklan google adsense kedalam kode template di bagian Edit HTML, namun hasilnya selalu muncul pesan error seperti ini :

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching "[xX][mM][lL]" is not allowed.

Trus bagaimana bisa kang rohman memasang iklan GA langsung di bawah posting? agar hal itu bisa di lakukan, sebelum kode iklan GA di pasang pada kode template anda, terlebih dahulu harus di Parse. Apa yang di maksud dengan parse? yang di maksud dengan parse di sini adalah anda harus mengubah kode yang akan di tambahkan, misalkan kode iklan Goggle adsense seperti ini :






Tugas anda adalah kode di atas tadi harus di parse dulu yaitu menjadi seperti ini :


<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxx";
google_ad_slot = "0976076963";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>


Duh bingung banget ya memparse kode iklan GA? tidak usah bingung, karena ada banyak situs yang menyediakan tool yang dapat memparse kode iklan GA anda dengan sekali klik saja, salah satu contoh situs yang menyediakan tool ini adalah http://blogcrowds (sok atuh di klik biar keluar situsnya), anda tinggal masukan kode iklan Ga anda ke dalam kotak parse yang tersedia (di copy paste aja biar cepet) kemudian tinggal klik saja tombol parse dan twewewwwweeewwww... kode iklan GA anda sudah di parse dan siap untuk di pasang pada kode template anda.

Apakah boleh kita memparse kode iklan GA? kan TOS GA menyebutkan bahwa kita tidak di perbolehkan mengubah atau menambah atau mengurangi kode iklan GA yang di berikan? Nah ininih, silahkan tanyakan sendiri ke pihak google adsense, dan musti di ingat bahwa kang rohman tidak bertanggung jawab atas segala sesuatu pada account anda. Jika menurut kang rohman sendiri tidak apa-apa karena tidak mengubah struktur kode adsense, akan tetapi hanya di parse saja, dan untuk kasus ini pernah juga ada yamg mengirim email kepihak GA, silahkan baca di ini, dan jawaban dari pihak GA adalah boleh selama tidak ada penambahan kode apapun, akan tetapi walaupun demikian kang rohman sarankan untuk mengirim email sendiri ke pihak google adsense agar lebih yakin.

Setelah sedikit berbelit-belit, sekarang saatnya masuk ke bahasan utama yaitu memasang kode iklan GA di bawah postingan. Yang pertama yaitu anda di sarankan untuk memasang sistem read more yang telah kang rohman terangkan di sini, jika template anda sudah memakai sistem tersebut, silahkan ikuti langkah-langkah berikut :

1. Silahkan signin ke blogger dengan ID anda.
   
   
2. Klik layout.
   
   
3. Klik tab Adit HTML.
   
   
4. Klik tulisan Download Template Selengkapnya.
   
   
5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
   
   
6. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
   

7. Tunggu beberapa saat ketika proses sedang berlangsung
   
   
8. Silahkan anda cari kode berikut pada kode template milik anda (dengan asumsi template anda sudah terpasang sistem readmore) :
   
   
   
   
   
   
   
   
   

   
   Selengkapnya...

   
   
   
   
   
9. Tambahkan kode iklan google adsense milik anda seperti ini (kode Ga nya harus yang sudah di parse) :
   
   
   
   
   
   
   
   
   
   
   <script type="text/javascript"><!--
   google_ad_client = "pub-xxxxxxxxxxx";
   google_ad_slot = "0976076963";
   google_ad_width = 468;
   google_ad_height = 60;
   //-->
   </script>
   <script
   src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
   </script>
   
   
   
   

   
   Selengkapnya...

   
   
   
   
   
10. Klik tombol Simpan Template.
    
    
11. Selesai. Silahkan lihat hasilnya.

Keterangan tambahan, kode iklan di atas tentu saja hanya sebagai contoh saja, silahkan di ganti dengan kode iklan milik anda sendiri. Untuk kode iklan tidak harus iklan google adsense tapi bisa juga kode iklan lainnya seperti iklan bidvertiser, adbrite, kliksaya.com, kumpul blogger, atau banner-banner affiliasi lainnya.

Panduan Cara Memasang Donasi Paypal Button di Blog

Pada posting kali ini saya akan menjelaskan bagaimana caranya memasang ataupun menambah Button Donasi Paypal pada halaman Blog. Bila anda telah memiliki account paypal maka anda sudah dapat memasukan atau menambahkan Button Donasi Paypal ke halaman Blog anda. jika anda belum memiliki account paypal maka anda harus daftar terlebih dulu. untuk mendaftar dan memiliki account paypal anda bisa klik disini. cara untuk menambahkan Button Donasi Paypal adalah sebagai berikut :

1. Login ke paypal dengan memasukan Email paypal anda.

2. Setelah itu anda klik 'Merchant Services' tab Pada bagian atas halaman seperti pada gambar dibawah berikut :

3.Gerakan mouse anda dan klik "Donation" pada tampilan menu disebelah kanan

4. Setelah anda klik donation maka akan melihat menu drop down yang isinya terdapat beberapa pilihan seperti product, servis, subcription & recurring billing, donations, dan gift certificates. anda cukup pilih saja yang donations.

5. Setelah itu anda klik create Button pada bagian bawah halaman.

6. Setelah anda klik create Button maka akan tampil halaman seperti pada gambar dibawah ini. dan yang anda harus lakukan yaitu cukup mengcopy semua code HTML nya.

7. Setelah mengcopy code HTML nya anda login ke Blogger dan tambahkan elemen halaman pada Blog anda dan paste semua kode tersebut.

8. Klik simpan/save dan selesai.

Buka blog anda untuk melihat hasilnya. semoga bermanfaat dan salam blogger mania.