Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Sunday, December 16, 2007

Membuat PhotoBlog

Photoblog (fotoblog) merupakan sebuah blog layaknya blog biasa, tetapi isi posting utamanya berupa foto. Dalam setiap postingan, si blogger bisa memberi keterangan tambahan, tapi bisa juga hanya berisi foto saja. Yang jelas, tentu perbandingan antara text dan foto lebih besar fotonya.

Sekarang ini photoblogging mulai banyak dilirik juga. Ada yang membuat photoblog karena hobi, ada juga yang karena dia tidak bisa atau tidak suka menulis jadi semua digambarkan lewat foto, seperti kata pepatah, Pictures paint a thousand words. :D

Untuk membuat photoblog sama saja dengan membuat blog biasa. Bisa menggunakan blog gratisan seperti blogspot, wordpress.com, blogsome, dan sebagainya. Ada juga situs layanan khusus photoblog seperti: www.photoblog.com. (flickr.com beberapa orang juga mengkategorikannya dalam photoblog).

Kalau dilihat-lihat, tidak semua photoblogger itu hasil fotonya bagus2, karena memang tidak hanya fotografer yang bisa/boleh membuat photoblog, tapi semua orang bisa. Bagus dan jelek itu sama sekali bukan masalah.

Kamera? Pakai handphone juga bisa, kan. Asal jepret? Tidak masalah. Asalkan diposting secara konsisten, tentu hasilnya akan bagus. Apalagi kalau sebuah photoblog mengambil tema tertentu.

Yang paling penting, itu hasil jepretan sendiri. Dan lagi, kadang keindahan foto kan relatif. Kalau sudah terbentuk menjadi sebuah photoblog pastinya orang akan tertarik melihatnya. :)

Untuk lebih jelas tentang photoblog, di bawah ini ada beberapa contoh situs photoblog, semoga bisa memberi gambarannya.


Kalau setelah ini ada yang bikin, ayo silakan beritau URL nya di komentar di bawah, nanti saya pasti berkunjung ke situ. :D

Sedikit tips,
# Jika hendak memposting foto kita bisa memberi watermark atau signature penanda di foto itu, yang berupa alamat email, nama, atau alamat photoblog. Bisa di kanan/kiri bawah asal tidak mengganggu foto tersebut.
# Kita juga tidak perlu memasang foto dengan resolusi yang besar. Yang sedang saja, asalkan gambar tidak menjadi pecah.
# Rasio atau ukuran foto satu dengan lainnya diusahakan seragam, agar terlihat rapi.
# Warna background page sebaiknya netral (hitam, putih, abu2), sehingga tidak 'mengganggu' warna dari foto2 yang ditampilkan.
Selamat mencoba :D
Baca selengkapnya....

Wednesday, November 21, 2007

Membuat Link Blogroll Bergerak

Bagaimana caranya membuat link atau blogroll yang dapat bergerak (dari bawah ke atas, atau sebaliknya) seperti di kanan bawah blog ini?
Link seperti itu selain untuk variasi, juga digunakan agar menghemat tempat.

Cara membuatnya cukup mudah.
Pada bagian yang ingin digunakan untuk meletakkkan blogroll tersebut (kalau di template baru letakkan di page element 'HTML/Javascript'), letakkan kode:


<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" width="300" height="250" scrollamount="2" align="center">

xxxx
xxxx
xxxx

</marque>


Lalu,
# untuk nilai width dan height bisa diubah disesuaikan dengan keinginan.
# untuk direction, up: untuk bergerak naik, down: bergerak ke bawah.
# bagian xxxx:
isikan kode-kode link di situ.
Misalnya:

<a href="http://faniez.net">Fany's Web</a>.
<a href="http://pernakpernikblog.blogspot.com/">Tutorial</a>.
<a href="http://faniez.wordpress.com">Buku Blog</a>.
dan seterusnya.

Jika menggunakan link dari Oggix, ya letakkan kode link Oggix di situ, tapi sebelumnya di Oggix pilih dulu yang untuk horisontal.

Contoh jadi:
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" width="300" height="250" scrollamount="2" align="center">

<h2>Teman-teman:</h2>
<a href="http://faniez.net">Fany's Web</a>.
<a href="http://pernakpernikblog.blogspot.com/">Tutorial</a>.
<a href="http://faniez.wordpress.com">Buku Blog</a>.

</marque>



;)

Baca selengkapnya....

Monday, November 05, 2007

Memanfaatkan FeedBurner

Buat pembaca buku saya yang Pernak-pernik Blog, tulisan ini sekaligus update ya. Soalnya di buku saya kasi contoh Bloglet, dan sekarang Bloglet tidak bisa digunakan. So, sebagai gantinya kita pakai fasilitas dari FeedBurner.com.

FeedBurner ini selain digunakan untuk mempublikasikan feed, sekarang juga bisa digunakan untuk membuat notifikasi email (atau semacam newsletter), seperti yang kalian lihat di sidebar blog ini bagian 'Notifikasi Email'. Pengunjung yang mengisikan emailnya di situ, maka otomatis jika ada postingan terbaru akan menerima email pemberitahuan berupa sebagian isi tulisan baru tersebut.

Gunanya untuk apa?
Bagi yang sudah baca buku saya tentu tahu donk buat apa. Singkatnya, yaitu untuk merawat kesetiaan pengunjung. Pengunjung yang sudah mendaftarkan alamat emailnya di form notifikasi tentu saja memang pengunjung yang ingin mendapat berita postingan selanjutnya kan? :)

Bagaimana caranya?

  • Kunjungi situs feedburner.com.
  • Daftar atau sign up di sana, isi form register.
  • Langkah-langkah selanjutnya tinggal ikuti dan coba saja ya.
  • Burn a feed right this instant. Type your blog or feed address here: isikan dengan URL atom/rss feed, klik next. Selanjutnya 'Activate Feed'.
  • Pilih 'Skip directly to feed management'.
  • Pada menu-menu yg ada di atas, pilih 'Publicize'.
  • Di menu samping, pilih 'Email Subscription'.
  • Lalu 'Activate'.
  • Pilih bahasa dan platform blog kita, lalu copy-paste kode yang tersedia ke blog kita.
  • Done! :)


Screenshot

Selain untuk notifikasi email, fitur Publicize dari FeedBurner dapat digunakan untuk bermacam-macam, yang banyak digunakan adalah seperti feed count (ada di sidebar blog ini juga), headline animator, chicklet button, dsb.
Silakan mencoba. :)

Baca selengkapnya....

Saturday, September 29, 2007

(4) Menu pada Template dan Postingan Produk

Bagian 4 dari Seri "Memanfaatkan Web (Blog) Gratisan sebagai Toko Online".
Baca dulu bagian 1, bagian 2, dan bagian 3.

Menu-menu wajib pada sebuah toko online biasanya:
- Halaman Utama. Di situ bisa juga langsung terdisplay profil usaha atau layanan yang disediakan.
- Produk. Berupa seluruh produk dan kategori.
- Cara pemesanan atau pembelian.
- Halaman Kontak dan Pemesanan. Ini bisa dipisah, bisa juga sendiri-sendiri
- Menu lain sesuai kebutuhan (misal: FAQ, Testimonial, Artikel pendukung, dsb).


Halaman Utama dan Profil/Layanan.
Jelaskan bentuk usaha Anda, service atau layanan yang Anda berikan, dan produk apa saja yang Anda jual. Penjelasan selengkap mungkin, dan semeyakinkan mungkin. Kesan pertama ini sangat penting bagi pembaca.

Halaman Produk.
Anda bisa memasukkan produk-produk dalam postingan. Jangan lupa beri kategori produk untuk memudahkan pengunjung melakukan pencarian.
Dalam setiap postingan produk, gambar wajib disertakan. Anda bisa menambahkan lebih dari 1 gambar (misal tampak depan, belakang, detail bagian tertentu, dll) yang tentunya bisa memberi informasi yg lebih baik untuk calon pembeli.
Berikan pula keterangan ttg produk itu, misal bahannya terbuat dari apa, warna yang tersedia, ukuran, dll.

Cara Pemesanan atau Pembelian.
Buat sebuah halaman yang menjelaskan tentang bagaimana prosedur cara order/pesan/pembelian. Apa saja yang harus dilakukan pembeli, apakah harus melalui SMS/Telp/Email misalnya. Apakah ada minimal pemesanan, wilayah jangkauan pengiriman, ongkos kirim, No Rekening, dan segala hal yang berkaitan dengan pembelian.

Halaman Pemesanan atau Kontak.
Jika pemesanan bisa dilakukan melalui web tersebut secara langsung, sediakan 1 halam untuk pemesanan. Jika tidak, halaman tsb bisa berfungsi sebagai halaman kontak (Contact Us). Anda bisa menjadikan satu kedua halaman ini, tapi bisa juga sendiri-sendiri.
Di halaman kontak tersebut, cantumkan juga nama lengkap Anda atau bagian penjualan yang harus dihubungi, nomor telepon/HP, email, YM, dan sebaiknya alamat lokasi toko Anda juga disertakan.

Menu Lain
Anda bisa membuat menu lain seperti FAQ atau pertanyaan2 yang mungkin akan sering ditanyakan calon pembeli, Testimonial, Artikel Pendukung, Halaman Promo, dan lain-lain.


---
CATATAN:
# Pada dasarnya, semua menu tersebut isinya adalah berupa POSTINGAN. Jadi buat postingan-postingan yang isinya nanti digunakan untuk isi halaman2 di atas.
# Anda harus mengarahkan link ke postingan.
# Untuk blogspot, berikan label pada produk saja, agar yang masuk kategori produk nanti produk2nya saja.
# Sudah tahu kan bahwa kita bisa memanipulasi tanggal postingan di Post Option (Blogger), jadi setting semua postingan untuk halaman di bulan ke belakang (misal Januari). Agar produk2 lah yang akan muncul di halaman depan. Jika ingin menambahkan halaman di kemudian hari juga seperti itu, setting/buatlah di bulan Januari (misal).

Untuk lebih jelasnya tentang pengaturan layoutnya, beberapa contoh kerangka rancangan letak-letak menu ada di blog2 contoh ini.
# Contoh Toko Online 1 (menggunakan blogger).
# Contoh 2 (hanya web untuk display produk saja, dgn wordpress dan freehosting).
# Contoh Toko Online 3 (menyusul, menggunakan wordpress dan free hosting).

Bagi yg ingin menggunakan new Blogger, bisa lihat template yang rapi yg saya gunakan untuk contoh, dari sini atau sini.
Tinggal ganti saja warna dan gambar headernya sesuai toko online Anda.

Baca selengkapnya....

Saturday, September 22, 2007

(3) Memilih Template yang Sesuai

Bagian 3 dari Seri "Memanfaatkan Web (Blog) Gratisan sebagai Toko Online".
Baca dulu bagian 1 dan bagian 2.
Maaf judulnya yg ketiga ini saya ganti, biar gak monoton :D

Bagaimana memilih template atau layout atau desain yang tepat untuk toko online yang menggunakan blog gratisan?

Gunakan template yang bersih dan ringan (mudah di-load).
Jangan membebani template blog toko Anda nanti dengan berbagai pernak-pernik yang tidak diperlukan seperti jam, animasi-animasi, lagu, dan lain-lain. Soalnya yang diperlukan pengunjung bukan untuk melihat "blink-blink" di template tsb, tapi yang diperlukan adalah gambar dan informasi seputar produk yang Anda jual.
Pernak-pernik yang bisa saja ditambahkan antara lain foto random produk (dengan ukuran yg secukupnya saja), form newsletter, dan statistik.


Warna antara background, tulisan, dan link harus nyaman dibaca.
Soal warna, kebanyakan toko online besar menerapkan warna putih sebagai backgroundnya, karena netral untuk sebuah webpage. Lihat saja Amazon.com dan Bhinneka.com. Untuk warna tulisan dan link jg sebaiknya dibedakan untuk memudahkan navigasi bagi pengunjung. Lalu, diusahakan jangan menggunakan lebih dari 3 macam font style. 3 (tiga) font style itu bisa digunakan membedakan antara lain: judul artikel, judul menu, tulisan/artikel itu sendiri. Tapi tetap gunakan yg bentuknya tidak terlalu berbeda.

Tata letaknya rapi.
Tata letak kolom utama dan sidebar, nama menu, gambar, dsb harus bisa mudah dipahami pengunjung. Jangan sampai pengunjung terlalu lama mencari menu yang dia inginkan, dan akhirnya malah "kabur". Selain itu juga jangan sampai tampilannya tidak standar, misal di browser Firefox tampilannya bagus di IE jadi acak-acakan. So, gunakan CSS yg tepat.

Jika ingin menggunakan gambar header, gunakanlah yang sesuai dengan produk Anda.
Misalnya Anda menjual baju, ya jangan pasang header gambar mobil. Anda bisa memasang gambar tentang fashion, atau jika tidak mendapatkan gambar yang sesuai ya pasang saja logo atau gambar tulisan nama toko Anda saja. Tapi ukuran gambar harus secukupnya saja, jangan terlalu besar karena akan membebani loading dan malah mengganggu.

(Di tulisan selanjutnya ada contoh tata letak layout).
Baca selengkapnya....

Saturday, September 08, 2007

(2) Memanfaatkan Web (Blog) Gratisan sebagai Toko Online (2)

Baca dulu:
Bagian 1 (Pendahuluan, Apa saja yang Harus Dipersiapkan).

Bagian 2: memilih layanan blog hosting gratisan yang tepat, yang dapat digunakan untuk display toko online.

Ok, langsung aja.
Ada banyak sekali web hosting gratisan, juga blog hosting gratisan (seperti Blogspot ini). Tapi sebelum memilihnya untuk dijadikan hosting toko online, ada baiknya kita teliti/pelajari dulu. Beberapa web/blog hosting hanya memperbolehkan layanannya digunakan sebagai web/blog personal+komunitas saja, non-commercial. Memang sih, kita bisa tetap membuat toko online atau web bisnis di situ, tapi kalau lagi ada 'sweeping' dari adminnya, bisa saja web kita langsung didelete tanpa pemberitahuan.

Saya sendiri pernah mengalami akun blog coba2 saya (kebetulan eksperimen buat bisnis online) di blogsome, dan beberapa bulan kemudian hilang deh, didelete tanpa pemberitahuan. Sedangkan akun blogsome saya yang noncommercial masih aman2 aja. Jadi, tidak disarankan pakai blogsome. :)

Lalu, apa saja layanan web/blog hosting gratisan yang bisa dipakai? Apa kelebihan dan kekurangan masing2nya? (sekali lagi diingat, bukan blog for adsense ya bahasan kita!).


1. Blogger/Blogspot.
Tidak sedikit blogger Indonesia yang membuat bisnis online dengan Blogspot ini. Blogspot memang salah satu layanan blog yang fleksibel.
* Bisa digunakan untuk personal, grup, bisa juga untuk jualan.
* Selain produk sendiri, bisa juga ditambah jualan produk affiliasi (misal: Amazon). Ataupun advertisement lain.
* Di Blogspot, pengkategorian produk bisa dilakukan melalui LABEL. Sayangnya, tidak bisa membuat sub-label (sub-kategori). Tapi kalo udah sesuai kebutuhan ya gak masalah.
* Tidak bisa membuat page (halaman), yang ada hanya postingan saja. Jadi kalau mau membuat halaman FAQ, Cara Pesan, dll semua masuknya ke postingan baru nanti diatur link2-nya di template.
* Servernya cukup stabil, apalagi sejak dibeli Google tentunya.
* Jika nantinya ingin upgrade/migrasi ke Wordpress atau engine lain, cukup mudah prosedurnya.
* Jika punya domain sendiri bisa digunakan. Jika tidak, alamatnya xxxxx.blogspot.com

2. Wordpress.com
Wordpress.com ini adalah layanan blog gratis yang menggunakan software (blog engine) dari Wordpress.org.
* Saya belum baca penuh TOS-nya WP, apakah boleh digunakan untuk bisnis. Setau saya, kalau untuk adsense, affiliate amazon, dan sejenisnya, gak boleh. Tapi kalau hanya untuk display produk sendiri, kontak, dan profil usaha saja sih sepertinya gak masalah. Tapi, silakan dicek lagi. :D
* Tidak bisa pasang script-script, dan tidak bisa mengoprek themesnya (hanya bisa milih). Tapi themes2nya banyak yang cukup simple dan rapi kok.
* Bisa membuat halaman2, misal halaman profil usaha, "hubungi kami", "cara pembelian", dan lain2 dengan sangat mudah.
* Ada pengkategorian, dan bisa membuat sub-kategori untuk produk2 nanti.
* Alamatnya misal jadi xxxxx.wordpress.com

3. ByetHost.com dan Phpnet.us
Dua layanan ini adalah layanan web hosting gratis yang control panel-nya sama, jadi dibahas jadi satu aja.
* Kapasitasnya sangat besar, jadi kalau mau simpan gambar2 produk yg banyak tentu sangat berguna.
* Ada banner di footer, tapi untuk Byethost yg saya coba, bannernya lama2 bisa ilang. Tapi yg phpnet.us banner-nya blm ilang2...
* Bisa diinstal berbagai engine, seperti Wordpress. Dan ada automatic installer-nya, jadi gak perlu upload software wordpress-nya. Tapi kalau untuk ganti themes ya tetap upload2, bisa pakai FTP.
* Intinya sih instalasi Wordpress gitu. Ada di buku kedua saya *promo mode :p*.
* Jika sudah diinstal wordpress, mirip no. 2, ada pengkategorian dan sub-kategori, membuat pages.
* Anda punya hak penuh untuk modifikasi templatenya, menambah plugin2 penting, pasang script2, yang kesemuanya tidak bisa dilakukan di layanan wordpress.com no 2 di atas.
* Bisa menggunakan domain sendiri agar lebih terpercaya.
* Jika Anda suka bereksperimen, atau ingin mengerti manajemen hosting sendiri, atau sudah baca buku kedua saya, tidak ada salahnya mencoba web gratisan ini :D


4. AwardSpace.com
* Hampir sama dengan no 3 di atas, tapi tidak tersedia auto installer script. Jadi kalo mau instal wordpress, joomla, dsb..harus upload dulu lewat FTP.
* Tidak ada banner sama sekali.
* Bisa menggunakan domain sendiri, sama dgn no 3 juga.
* Catatan: situs ini sepertinya anti-amazon, memblok amazon. Jadi kalo display produk2 amazon, tidak akan tampil di web/blog kita.

5. Multiply.com
* Kelebihan Multiply ini karena merupakan social networking. Begitu kita posting produk baru, tanpa susah promo semua teman dalam jaringan kita bisa mendapatkan updatenya.
* Kekurangannya, tampilannya tidak bisa 'semau gue', banyak keterbatasan dalam utak-atik.
* Karena keterbatasan itu, jadi tidak bisa ditambahkan plugin-plugin, script, dsb.
* Tidak ada pengkategorian. Kalau mau membuat kategori, bisa dimasukkan dalam album-album tersendiri.


6. Blogdrive.com
Secara default tidak ada pengkategorian. Jadi susah untuk membuat kategori2 produk nantinya. Jadi, kalo saya pribadi sih tidak menyarankan menggunakan Blogdrive.

---
Ada baiknya Anda mencoba mendaftar di beberapa layanan di atas (yg sekiranya cocok), lalu silakan menjajaki, dan menentukan mana yang paling sesuai untuk bisnis Anda. :)
Untuk masalah teknis registasi dll, silakan coba sendiri ya, salah gak masalah kok, bisa bikin lagi. Kalo gak ada noda ya gak belajar :D

Next, Bagian 3: Memilih Template.

Baca selengkapnya....

Friday, August 31, 2007

(1) Memanfaatkan Web (Blog) Gratisan sebagai Toko Online

Banyak pertanyaan mampir ke inbox saya seputar blog sebagai tempat berjualan. Jadi, kali ini tutorial sederhananya, dan bersambung (entah sampai berapa, pokoknya sampai cukup deh ;p). Oh iya, jangan tanya contoh hasilnya. Karena semua tergantung pribadi masing2. Kalau saya sendiri baru mulai, jadi gak bisa kasi hasil jadi. Saya share di sini sebenarnya sambil saya ngerjain buat eksperimen aja :)

Blog gratisan bisa kok digunakan sebagai tempat berbisnis di Internet. TAPI, di sini saya tidak membicarakan tentang program2 iklan seperti adsense lho! *catet!*.
Yang akan saya bahas, yaitu blog yang akan digunakan untuk jualan produk. Terutama sih produk sendiri, misalnya di dunia nyata punya toko atau memproduksi barang, lalu Anda pengen memperluas promosi dan pemasaran di Internet dengan media website (blog). Yah, bisa juga sih buat jualan produk amazon atau affiliate lain (yg ini gak akan dibahas detilnya saat ini, intinya sih sama kok).

Memang dibandingkan dengan web yang berbayar tentu lebih terpercaya yang berbayar. Tapi jika sekadar untuk mencoba, atau jika blom punya modal untuk bayar hostingan, cara ini tidak ada salahnya dicoba. Tergantung cara memasarkannya nanti. Kalau misalnya sudah berhasil dan nantinya ingin membuat web berbayar, kan bisa mencantumkan beritanya di web gratisan yg sudah terlanjur dikenal orang itu. Jadi gak masalah :)

Bagian 1: Apa saja yang harus dipersiapkan?

(1.1) Konsep. Konsep bisnis masing2 orang berbeda. Persiapkan dulu kira2 strateginya gimana? Tujuan web/blognya untuk apa? Apa hanya untuk display produk saja, atau langsung melayani pemesanan via web, dan sebagainya. Atau, Anda malah tidak punya toko offline, ingin langsung jualan online? Lalu, target pasarnya?
Mengapa harus ditentukan dari awal? Ini secara langsung dan tidak langsung terkait dengan langkah-langkah pembuatan weblog selanjutnya.

(1.2) Produk.
Produk apa saja yang akan dipasarkan. Jika jenis produknya banyak, buatlah pengkategoriannya, yang kira2 memudahkan orang untuk mengetahui dengan cepat di kategori mana harus menemukan produk X (misal). Dan yang tak kalah penting, foto-foto produk (wajib!).

(1.3) Web/Blog.
Sesuai judulnya, ini bagian yang wajib juga. Buatlah web/blog di layanan blog gratisan yang Anda tahu. Yang sudah pernah saya coba bisa di wordpress.com, blogger.com, awardspace.com, dan phpnet.us . Semua akan dibahas tentang kelebihan dan kelemahannya kalau untuk toko online, di bagian selanjutnya. :)

Karena saya nulis ini tanpa draft, jadi sering2 aja dicek lagi kali2 ada tambahan :D Dan biar saya gak lupa, ini poin-poin yang akan dibahas di bagian2 selanjutnya:

  • memilih layanan blog hosting gratisan yang tepat.
  • memilih template atau themes yang sesuai.
  • mengatur template dan postingan produk.
  • membuat halaman kontak dan pemesanan.
  • Promosi, menjaga hubungan dengan pelanggan, dan lain-lain (menyusul).
:)

Baca selengkapnya....

Wednesday, July 04, 2007

Memasang Musik/Lagu di Blog

Tanya:
Bagaimana sih cara memasang musik atau lagu di web atau blog kita?

Jawab:
Memasang musik atau lagu di web/blog mudah kok. Tapi sebelum saya jelaskan bagaimana caranya, ada baiknya saya sharing info tentang hal-hal tersebut yang berkaitan dengan pemasangan musik di blog.

Sebenarnya apa tujuan kamu pengen pasang musik di blog? Agar lebih menarik? Agar membuat pengunjung lebih betah?
Tapi sepertinya memasang musik di blog justru bisa jadi hal yang bikin pengunjung 'kabur' lho dari blog kita, jika pemilihannya tidak tepat. Coba kalian perhatikan blog para blogger yang terkenal, blog yang sering jadi 'top blog', apa ada di antara mereka yang masang musik background di blognya? Tidak, kan...

Memasang musik di blog memang tidak sepenuhnya buruk. Tapi juga jarang dianjurkan.

Memasang lagu sebagai background (jika halaman dibuka otomatis lagu akan dimainkan) tidak dianjurkan jika file merupakan MP3 (atau WAV, WMA, dsb) yang ukurannya besar seperti satu lagu penuh. Hal ini akan 'memberatkan' pengunjung dalam mengakses halaman blog kita, apalagi kalau pengunjungnya dari Indonesia. Seperti yang kita tahu di Indonesia koneksi internetnya blom sepenuhnya bagus.
Untuk halaman blog teman kita yang tanpa background musik yang rata2 besarnya kurang dari 100KB saja masih ada yang mengeluh karena lelet jika dibuka di warnet, apalagi kalau halaman tersebut dipasang musik yang besarnya lebih dari 1 MB, kan.

Jadi, daripada pengunjung 'kabur' gara2 gak bisa nge-load blog kita, mendingan gak usah dipasang. Lagipula, belum tentu lagu kesukaan kita itu juga disukai oleh pengunjung blog kita :) Dan juga, jika lagu itu milik artis legal, malah bisa kesandung hak cipta.

Kalau file musik itu ukurannya hanya beberapa KB saja, ya tidak menjadi masalah dalam hal loading. Misalnya file suara ciap-ciap ayam yang besarnya kurang dari 10 KB, suara angin, dll. Yang jadi masalah, justru kalau si pengunjung merasa terganggu. Bisa saja kan, si pengunjung lagi dengerin musik di komputernya saat buka blog kita, lalu terganggu dengan suara background blog itu dan malah menutup blog kita.

Tapi,
jika kita tetap ingin menampilkan lagu di blog, cara yang bisa disarankan adalah dengan memasangnya di salah satu bagian blog, tapi bukan sebagai background (jadi tidak otomatis dimainkan saat blog dibuka). Dengan cara itu, pengunjung bisa melihat list lagu yang tersedia dan bisa memilih mau memainkannya atau tidak. Biasanya dipasang di sidebar.
Ok, cara inilah yang akan saya jelaskan.

Ada beberapa website yang menyediakan layanan free audio yang bisa ditambahkan untuk blog. Antara lain Song2Play, Odeo, Radio Blog Club, dan Last.fm. Saya akan kasi contoh untuk 2 layanan terakhir.

1. Memasang Lagu dari Radio Blog Club

  • Buka website http://radioblogclub.com/
  • Di bagian search, cari berdasarkan nama artis atau judul lagu. Tentu saja lagunya lagu barat yg tersedia di situ.
  • Misalnya saya cari Muse, akan muncul berbagai lagu yang tersedia.
  • Pilih salah satu lagu yang sesuai dengan pencarian kita.
  • Klik di bagian berwarna biru di samping tiap lagu, lalu di kolom kanan akan muncul kode yang bisa kita tambahkan. Warnanya juga bisa diatur di situ (klik di tanda + nya). Kode itu bisa ditambahkan di sidebar atau dalam postingan (kalo di blogspot masuk ke mode 'edit html' jangan 'compose').
  • Kita bisa menambahkan hingga beberapa lagu.


2. Memasang Widget Playlist dari Last.FM
Last.fm yang punya tagline The Social Music Revolution ini sedang ngetop (termasuk di Indonesia). Widget dari Last FM ini akan menampilkan playlist berupa beberapa lagu yang telah kita putar terakhir atau yang sering diputar di Winamp.
Sebenernya caranya agak panjang kalo ini, tapi saya tulis poin2nya aja, silakan coba sendiri aja yaa.. :)
  • Sebelumnya, kita harus sign up dulu di http://last.fm.
  • Trus kita juga harus download softwarenya, yang harus diinstal di komputer kita.
  • Saat kita mendengarkan lagu di Winamp, Last FM akan menyimpan datanya (tentu saja kalo last fm nya dinyalakan. bisa di-minimize ke tray icon kok).
  • Login ke situs last.fm, lalu pilih menu widget.
  • Lalu, pilih warna widget yang diinginkan. Uncek saja di bagian 'Include friends listening now'.
  • Di bagian bawah, klik di bagian 'Embed it:' yang Show me the code.
  • Tambahkan kode yang muncul, ke blog kamu.



HASILnya, yang pertama dr RadioBlogClub, yang kedua dari Last.FM:







Untuk playlist last.fm, pengunjung bisa mendengarkan dengan klik di bulatan kecil play (kanan), tapi tidak di semua lagu ada. Hanya beberapa yang tersedia di last.fm, dan hanya bisa dimainkan sekitar 30 detik per lagu.
Baca selengkapnya....

Saturday, June 09, 2007

Membuat Dropdown atau Pulldown Menu

Bagaimana caranya untuk membuat drop-down atau pull-down menu seperti salah satu bagian blog ini (bagian Tutorial/Tips)?
-lihat gambar:
Gambar: dropdown menu
Cara membuat dropdown menu seperti itu mudah sekali. Mari ikuti langkah-langkahnya.

1. Login ke blogger, pilih blog yang akan diedit.
2. Masuk ke menu Template - Edit HTML (untuk template classic), atau tambahkan page element HTML/Javascript (untuk template new blogger).
3. Cari bagian (sidebar) yang ingin ditambah dengan menu dropdown, lalu salin kode seperti di bawah. (Bisa diganti2 sendiri).

<form name="ddmenu">
<select name="menu"
onChange="document.location.href=this.options[this.selectedIndex].value;">

<option value="0" selected>Tulisan di Blog ini</option>

<option value="http://alamatlink_artikel1">Nama/Judul Artikel 1</option>
<option value="http://alamatlink_artikel2">Nama/Judul Artikel 2</option>

</select>
</form>
<br>


Nah, bagian yang warna merah itu bisa diulang-ulang untuk tiap artikel yang ingin ditambahkan dalam pilihan di dropdown menu.

Satu contoh di blog ini:
<option value="http://pernakpernikblog.blogspot.com/2007/01/publish-blog.html">
Publish ke Google</option>

Selamat mencoba :)

Baca selengkapnya....