Jumat, 31 Desember 2010

memasang musik player pada blog

Bagi anda yang penggemar musik. Memutar lagu melalui HP, Mp3 player ataupun komputer mungkin sudah biasa. Tetapi bagaimana jika memutar musik melalui blog?

Dengan memasang musik player di blog maka tidak hanya anda tetapi pengunjung blog anda juga bisa menikmati lagu kesayangan anda. Sehingga cara ini sangat cocok bagi anda yang blognya berisi tentang musik atau bagi anda yang ingin mempromosikan lagu pribadi.

Ada banyak layanan seperti ini yang tersedia di internet. Dari sekian banyak layanan yang ada. Menurut saya ada 2 musik player yang cukup bagus. Yaitu Musik-live dan eSnips. Mengapa saya merekomendasikan 2 musik player? Karena kedua ini memiliki kelebihan dan kekurangannya masing2. Sehingga silahkan anda tentukan sendiri mana yang lebih bagus.

1. Musik-Live
musik live



Kelebihan:
- Lagu sudah tersedia, tinggal pasang
- Banyak model skin yang bisa anda pilih

Kelemahan:
- Tidak bisa upload lagu sendiri


2. eSnips
esnips



Kelebihan:
- Bisa upload lagu dari komputer
- Tersedia lagu yang bisa anda putar

Kelemahan:
- Hanya 2 model skin yang bisa dipilih
- Tampilannya kurang menarik

Nah itulah kelebihan dan kelemahannya masing-masing. Silahkan anda tentukan mana yang lebih cocok dengan kebutuhan anda. Agar lebih jelas anda bisa lihat demonya disini.

Ok kalau sudah berikut adalah langkah-langkah pemasangannya:

A. Musik-Livet.Net

1. Kunjungi http://musik-live.net/ lalu klik Skin Mp3 Player
2. Pilih tampilan player yang anda inginkan. Untuk melihat tampilannya klik Preview Skin
3. Copy kodenya lalu buka blogger. Klik menu Layout -> Page Elements
4. Pastekan ke menu HTML/ Javascript
5. Selesai.

Diatas adalah cara memasang musik player dengan lagu yang telah disediakan. Jika anda ingin memilih sendiri lagunya. Berikut caranya:

1. Pada halaman Musik-Live, cari lagu favorit anda dengan kotak pencari.
2. Lalu klik Play & Embed code untuk menampilkan kodenya
3. Copy kodenya lalu paste ke menu HTML/ Javascript blogger anda. Selesai

Catatan:
Cara ini hanya bisa untuk memutar 1 lagu saja. Jika anda ingin memutar banyak lagu maka gunakan eSnips.


B. eSnips

1. Kunjugi http://www.esnips.com/. Untuk bisa memanfaatkan fasilitasnya anda harus signup terlebih dahulu. Jika sudah, sign-in ke akunnya.

2. Klik Upload Files lalu klik Select Files

3. Pilih lagu yang mau anda putar lalu pilih folder dimana anda mau memyimpan lagunya. Pastikan folder yang anda pilih adalah bersifat Public. Karena kalau Private anda tidak bisa menambahkan lagunya kedalam playlist.

4. Jika sudah klik Upload Now

5. Tunggu hingga proses upload selesai.

6. Jika sudah klik menu Folder. Pilih folder dimana anda menyimpan menyimpan lagunya

7. Pilih lagu-lagu yang ingin anda pasang dengan cara klik Add to quicklist
esnips add to quicklist



8. Jika sudah, scroll ke bagian atas halaman lalu klik Create playlist widgets



9. Pilih skin yang anda inginkan. Lalu copy kodenya yang ada pada kotak.



10. Buka blogger. Paste kodenya pada menu HTML/ Javascript lalu klik Save

11. Selesai. Silahkan lihat hasilnya.

Jika ukurannya tidak pas anda bisa mengatur ukurannya dengan mengedit nilai width-nya pada kodenya masing-masing. Selamat mencoba..

cara membuat menu dropdown pada blog

Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal. Menu ini bisa menghemat ruang blog kita jika judul dari tulisan kita terlalu banyak

Contoh tampilannya seperti ini:



Isinya hanya akan tampil jika kita mengklik pada menu tersebut sehingga bisa menghemat ruangan di blog kita. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.

Nah untuk membuatnya, caranya sangat mudah:

1. Login ke Blogger. Klik menu Layout -> Page Elements
2. Klik Add a Gadget -> HTML/ Javascript
3. Masukkan kode dibawah ini kedalam kotak :





<select onChange="document.location.href=this.options[this.selectedIndex]. value;"> <option value="http://alamatblog.com/#" selected>Blogroll</option>
<option value="http://alamatLink.com/">Nama Link</option>
<option value="http://alamatLink.com/">Nama Link</option>
<option value="http://alamatLink.com/">Nama Link</option> </select>

Jika anda ingin menambah link baru lagi tambahkan kode

<option value="http://alamatLink.com/">Nama Link</option> diatas </select>

Ganti alamatblog dengan dengan alamat blog anda.
Ganti teks berwarna merah dengan alamat link yang ingin dipasang.
Ganti teks berwarna biru dengan nama link yang ingin ditampilkan.

4. Jika sudah klik Save. Selesai

memasang toolbox bookmark & share addthis di bawah postingan

Salah satu cara untuk memperbanyak trafik/pengunjung ke blog kita adalah dengan bantuan situs-situs sosial bookmarking seperti technorati, delicious, stumble upon dan berbagai macam situs sosial bookmarking terkenal lain nya. Karena dengan di bookmark/share nya blog dan artikel kita pada situs sosial bookmarking tersebut, maka akan peluang blog kita untuk dilihat oleh jutaan orang pun bisa terwujud dan mereka akan dengan mudah menemukan artikel kita kembali, karena mereka sudah membookmark artikel kita di account mereka.


Bagi anda yang sudah pasang addthis button dan anda bosan dengan tampilanya, anda dapat mengubahnya karena Addthis telah mengembangkan sebuah wigdet baru yang berbentuk Toolbox.

Tampilan Toolboxnya seperti ini :



Cara pasang nya sebenar nya sangat mudah, untuk yang belum tau, begini cara nya :

1. Masuk ke addthis.com.
2. Buat account baru, kemudian Login ke account anda.
3. Pilih GET YOUR BUTTON CODE pada bagian kanan atas.
4. Kemudian anda akan ditunjukkan pada setingan bentuk tampilan, pilih sesuai dengan keinginan anda, lalu pada menu WHERE, pilih BLOG, pada PLATFORM pilih BLOGGER.
5. Klik menu GET YOUR BUTTON CODE, kemudian anda akan mendapatkan kode javascript yang harus anda pasang pada blog anda. Copy kode tersebut.
6. Masuk ke account blogger anda, pilih TATA LETAK --> EDIT HTML (beri tanda centang pada expand widget).
7. Anda cari kode :

<div class='post-footer'>

8. Paste kode javascript tersebut DI BAWAH kode di atas.
9. Save dan lihat hasilnya...

Sama halnya dengan layanan sosial bookmark lainnya. Selain itu layanan Addthis juga menyediakan fasilitas one button one content yang sudah terintegrasi dengan beberapa platform.


Beberapa layanan Addthis lainnya :
1. Create custom sharing menu configurations.
2. Receive the same analytics, performance and reliability as the standard AddThis button.
3. Toolbox implementations adopt the CSS styling of your site.

Selamat mencoba ...

cara memasang alexa rank di blog







Seperti diketahui bahwa alexa rank akan membuat peringkat berdasarkan banyaknya pengunjung blog atau web, semakin banyak pengunjung terhadap suatu blog atau web maka alexa rank akan semakin baik dan ini ditandai dengan nilai Alexa Rank yang semakin sedikit . Jadi kalau semakin hari Alexa Rank kita akan terlihat seperti menurun jangan panik karena itu bagus . Darimana alexa mengetahui jumlah kunjungan terhadap suatu web atau blog? alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar. Oleh karena itu bagi pemilik blog atau web yang ingin mendapatkan data akurat tentang banyaknya pengunjung yaitu dengan memasang alexa widget pada blog atau webnya . Singkatnya dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog kita.
Bagi yang berminat memasang widget alexa rank tersebut caranya, adalah sbb. :
  1. Masuk ke situs www.alexa.com
clip_image002[6]
2. Klik menu for site Owners , Kemudian Pilih Side Widgets yg dikehendaki
3. Ketikkan URL blog anda, lalu klik Build Widget, maka akan muncul gambar sbb.:

clip_image004[7]
4. Pilih widget yang akan dipakai dari 3 pilihan yang tersedia , yaitu:
Button (120 x 95 )
Vertical Banner ( 120 x 240 )
Banner ( 468 x 60 )
clip_image006[5]
5. Copy/paste code html dari widget yang dipilih tersebut kedalam blog anda
6. Cara memasang Alexa Rank ke blog :
  • Login ke "www.blogger.com"
  • Masuk ke "Tata Letak atau Lay Out
  • Pilih "Tambah Gadget"
  • Pilih yang "HTML/JavaScript"
  • Masukkan script dari www.alexa.com tadi, kemudian klik "Simpan"

Cara Cepat Meningkatkan Traffic dan Page Rank dengan Viral Link

viral link
Viral Link JaringURL adalah media pertukaran link berfungsi untuk menghubungkan link-link website/blog yang telah terdaftar sebagai member jaringURL. Penayangan Link dilakukan secara acak dan tanpa campur tangan manusia.

Link website atau blog akan terpasang diseluruh website lain langsung setelah mengaktifkan link list, dan semuanya ini tanpa biaya sepeserpun. Yang anda lakukan hanya mendaftarkan website anda dan mengaktifkan link list.



Seluruh link list sekarang sudah terdaftar sebanyak 7667 link list. Setiap link list menayangkan 30 link sekaligus secara acak dan jumlah total penayangan link per hari mencapai 58809 kali. Jumlah link list setiap harinya terus meningkat sehingga akan memberikan beberapa peluang bagi anda:

   1. Semakin luas dan memperbanyak jumlah link ke website
   2. Meningkatkan Traffic ke website
   3. Meningkatkan Page Rank
   4. Mengurangi biaya promosi

Link anda akan terpasang dalam link list seperti contoh berikut ini

viral link
Report untuk penayangan link web tersebut disajikan di dalam kotak yang berada di atas link list :

    * Today merupakan laporan jumlah penayangan link sejak jam 00.00
    * Average Perday merupakan laporan rata-rata jumlah penayangan     link setiap harinya dan
    * Accumulation merupakan jumlah total penayangan link sejak bergabung di JaringURL


Silahkan Bagi Sobat yang ingin mencoba bisa daftar disini

Kamis, 30 Desember 2010

membuat teks berjalan di menu bar



Pernak pernik pada website/blog bagi sebagian orang mungkin diperlukan supaya terlihat unik dan menarik, meskipun terkadang pernak-pernik itu tidak memberikan manfaat terhadap perkembangan website/blog itu sendiri, namun selama itu tidak mengganggu dan/atau merusak website/blog tidak ada salahnya digunakan.

Salah satu pernak-pernik yang bisa dipasang oleh pengguna blogspot adalah berupa teks berjalan pada Menu Bar seperti yang saya pasang pada blog ini, coba tengok ke atas, bagaimana menurut Anda?

Jika tertarik juga untuk memasang teks berjalan pada blog Anda, cara membuatnya sangat mudah, cukup memasukan script pada template blog.

Cara Membuat Teks Berjalan di Menu Bar, silahkan ikuti langkah-langkahnya sebagai berikut:
  1. Login ke blogger;
  2. Pada menu Layout => Edit HTML, jangan lupa centang kotak Expand Template;
  3. Letakkan kode dibawah ini diatas kode </head>:
    <script type='text/javascript'>
    //<![CDATA[
    msg = "
    Blog Serba Tersedia";
    msg = "
    | Tutorial | Musik | Video | Software | DLL |" + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
    //]]>
    </script>

    Contoh memasangnya seperti di bawah ini:
    <script type='text/javascript'>
    //<![CDATA[
    msg = "
    Blog Serba Tersedia";
    msg = "
    | Tutorial | Musik | Video | Software | DLL |" + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
    //]]>
    </script>

    </head>
  4. Jika sudah, klik Save Template Selesai.

Keterangan :
  • Teks berwarna merah adalah teks yang akan tampil pada Menu Bar;
  • Angka 200 adalah merupakan kecepatan gerak dari teks, semakin kecil nilainya semakin cepat gerakan teksnya, boleh diganti sesuai keinginan masing-masing.

= = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

cara menambahkan animasi di cursol pada blog

Langsung saja gak usah pake basa-basi,
ini versi mudahnya, kalian hanya perlu menambahkan external script ini di atas
</head>
<!-- start cursor animasi -->
<script src="http://sites.google.com/site/indamwhy/file-java-script/cursormerah.js"></script>
<!-- end cursor animasi -->