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

Tuesday, November 06, 2007

Layanan Microblogging

Sesuai dengan namanya, microblogging merupakan layanan blog secara micro. Maksudnya, jika biasanya kita posting dalam hitungan paragraf, nah dengan microblogging ini kita cukup posting dalam hitungan seperti SMS (150an karakter). Memang jadinya beda sama blogging biasa. Layanan microblogger ini biasa hanya untuk shoutout atau posting yang pendek2 saja, seperti ada kabar apa, sedang dimana, sedang apa, dan hal-hal kecil lain.

Asiknya, satu sama lain bisa saling mengomentari. Dan disitulah letak serunya, interaksi antarmember! :) Selain itu, sebagian layanan microblogging juga menyediakan fitur notifikasi via SMS. Jadi jika ada yang mengomentari postingan kita, atau jika teman dalam contact list kita sedang posting, otomatis kita akan menerima SMS notifikasi. Dan kalau hanya menerima sms saja: GRATIS!

Saat ini ada beberapa layanan microblogging yang cukup dikenal di Indonesia, diantaranya ada: Twitter, Jaiku, dan Kronologger.

Twitter hadir lebih dulu, tapi sekarang sejak Jaiku sudah dibeli Google sepertinya Jaiku-lah yang lebih populer. :) Tapi untuk Jaiku, saat ini baru bisa join lewat invitation. Dan Kronologger, ini merupakan karya anak bangsa kita sendiri lho, Indonesia. Saya sendiri hanya aktif menggunakan Jaiku (bisa terima SMS notifikasi) dan Kronologger (banyak blogger juga di sini) saja.
[Cek: faniez@jaiku - faniez@kronologger].

Tentunya ini diharapkan bukan hanya jadi tren sesaat saja, terlebih Google saja sudah berani membeli sebuah layanan microblogging.
Jadi, silakan dicoba. :D Untuk Jaiku, coba minta diinvite oleh teman yang sudah pakai. Minta saya invite? Boleh, tapi untuk 3 peminta pertama saja yah (krn ada maksimalnya). :) *kontak via email*

Oh iya, untuk ketiga layanan microblogging di atas ada widgetnya lho yg bisa dipasang di web atau blog kita.
Ini contohnya:



Selamat mencoba. :D

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

Saturday, August 11, 2007

Lomba Blog se-Jawa Tengah 2007

Sebenarnya kata panitia, lomba ini tidak khusus Jawa Tengah saja sih, tapi karena pengambilan hadiah buat yang menang nanti itu di Semarang (dan biaya transport tidak ditanggung panitia), dan hadiah harus diambil langsung, makanya dikasi 'title' Jawa Tengah. Jadi, walaupun kamu bukan orang Jawa Tengah tapi bersedia datang (KALAU menang :p) ke Semarang 4 September 2007 nanti, ya coba ikut aja :D Saya juga kemungkinan datang lho hari itu.. *halah gak penting!* :P

Syarat blog, syarat pendaftaran, informasi, dan pendaftaran:
http://www.ikom.web.id

NOTE: saya bukan panitia, jadi kalo ada pertanyaan langsung aja ke panitianya (sementara: mail2ridwan[at]gmx.net) OK.
Baca selengkapnya....

Tuesday, July 31, 2007

Tukeran Link Saja Tidak Cukup

Maaf baru sempat update :D Lagi bingung juga mo bahas apa, jadi kalo mo request bahasan silakan komen2 aja ya :D (tentunya hal2 di luar yg sudah dibahas di buku-buku saya :p)

Ini sedikit cerita dan tips (mungkin), buat yang merasa peringkat blognya gak naik2 :)

Sudah tidak asing lagi kan dengan istilah 'tukeran link? Ya, intinya ngajak saling me-link blog satu sama lain.

Tujuannya? Ada yang karena pengen mempermudah silaturahmi (biar gampang tinggal klik kalo mo berkunjung lagi), tapi ada juga yang hanya biar peringkat blognya naik karena banyak di link oleh blog lain, dsb.

Untuk tujuan yang kedua yaitu meningkatkan peringkat doank, saya agak prihatin. Kenapa?

Sebenarnya -menurut pengalaman dan pengamatan saya- tukeran link saja tidak cukup untuk meningkatkan peringkat (seperti pagerank google) di mata mesin pencari. Memang tukeran link adalah salah satu pendukungnya.
Tapi yang pertama dan lebih penting adalah content dari blog itu sendiri. Content yang unik (original) bukan copy-paste, bisa jg yang bermanfaat dan banyak dicari orang (informatif).

Kalo soal content yang informatif (misal situs berita, situs tutorial), ini biasa pengunjungnya memang banyak, orang yang berkunjung pasti mencari info terbaru. Selain itu, blog2 lain juga akan dengan sukarela melink ke situ.

Soal content yang original, ini nih yang banyak terjadi belakangan. Banyak sekali blogger yang ngajak tukeran link, setelah saya liat isi blognya hanya copy-paste dari blog lain meskipun sudah mencantumkan link sumbernya. Ya tidak salah sih kalo sudah mencantumkan link, tapi itu berarti isi blognya kan gak unik, gak original. Biasanya yang melakukan itu adalah blogger2 yang blognya bertujuan buat ditarohin iklan. Niat hatinya pasti donk biar blognya dapet peringkat bagus karena di link, tapi kenyataannya berbulan2 pagerank-nya tetap 0 (nol) kan? :)

Coba perhatikan blog teman2 blogger yang isi blognya biasa aja, hanya seputar keseharian mereka, tapi kok ada yang pagerank nya bisa 3-4??
Ya itu tadi, karena isi blog mereka original. Mereka menulis pemikiran dan cerita mereka sendiri. Ada juga sih yang hanya pagerank 1-2, tapi setidaknya bukan 0 atau unranked kan, dan itu masih bisa naik jika blog mereka sudah populer :)

Blog ini, pageranknya langsung 3 setelah kurang dari 4 bulan dibuat. Isinya mungkin gak jauh beda sama blog tutorial lain, tapi original, mikir dan nyoba sendiri, bikin capture2 sendiri, trus gak ikut2an blog sejenis lain (misal blog tutorial A lagi bahas ttg X, blog ini gak langsung ikut2an bahas X juga).
Karena blog ini pembacanya sudah ditargetkan (pemula), jadi isinya juga gak akan saya bahas istilah2 yang tingkat tinggi, cukup dengan cerita seperti ini untuk pemahaman awal.

OK, coba deh, buat yang blognya masih baru dan langsung dipasangin iklan serta isinya copy-paste, apa sudah ada yang bisa menghasilkan banyak dolar??
Kalo cara2 yang dilakukan 'legal', saya bisa jamin jawabannya: tidak bisa.
Hehe saya sendiri sudah pernah mencoba, dan selama 6 bulan (bahkan sampe skrg) pagerank-nya: unranked :)

Jadi, cobalah bikin content sendiri. Ide boleh sama, tapi kemasan harus beda donk..

So, apa yang harus dilakukan??

Kembalikan dulu ke tujuan ngeblog. Kalo pengen langsung dapet dolar dalam waktu singkat, ya silakan bermimpi dulu :) Hehehe becanda..
Tulis saja hal-hal yang benar2 kamu mengerti. Kuliah di jurusan bahasa? Tulis ttg bahasa, bikin cerpen2. Kuliah di jurusan kedokteran? Bisa menulis tentang kesehatan. Kerja di bidang IT? Tulis sharing pengalaman kerjaan kamu. Suka masak dan kuliner? Coba aja share resep2 yang kamu tahu, atau cerita tempat2 makan yang pernah kamu coba.
Banyaaak banget tulisan original yang seharusnya bisa dibuat dari masing2 blogger, jadi kenapa harus copy-paste dan hanya tuker2an link doank untuk mendatangkan pengunjung?!

Tukeran link? Tetep dibutuhkan, tapi bukan yang utama dan satu2nya. Coba deh bikin blog copy-paste dan dapetin banyak link balik, bandingkan sama blog yg original tapi link-nya lebih sedikit. Pasti akan lebih cepat terindex yang original.

Dan kalo pengen blognya dikunjungi, jangan hanya cuap2 atau ngabsen di shoutbox saja. Rasanya kurang personal dan sambil lewat saja. Cobalah untuk lebih saling mengenal, dengan saling berkomentar. Gak harus selalu sih, karena komentar itu juga gak sembarangan, kalo gak tau apa yang ditulis saya juga gak komentar biasanya :D Trus, cobalah menulis dengan gaya 'berkomunikasi'. Jangan jadikan seperti situs berita, tapi gimana caranya pembaca bisa ikut berkomentar di blog kamu.

Kalo pagerank-nya udah naik, punya banyak pengunjung, dapet link balik dari berbagai blog, baru deh bisa dipikirin buat migrasi ke bahasa inggris, atau nambahin iklan2nya, dll.... :)

Sebenernya banyak hal lainnya jg, tapi segini dulu deh. Kalo ada yg mo nambahin silakan aja.. :)

Tambahan: kalo kalian pake Firefox, dan pengen bisa liat pagerank suatu web dengan cepat, install aja extention search status (donwload di http://www.quirk.biz/searchstatus/). Jadi jika kita membuka suatu web, di pojok kanan bawah langsung tertera pagerank-nya.
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....

Wednesday, May 09, 2007

Template 3 (Tiga) Kolom

Karena banyak sekali yang minta template 3 kolom seperti yang di blog ini, so sekalian aja deh bagi2.
Jangan lupa revert dulu ke template classic, caranya ada di sini.
Ini bisa diutak-atik atau ditambahin/diganti dgn header sendiri, tapi aku sengaja bikin simple (sederhana) karena biar loadingnya cepet.
Maaf kalo templatenya kurang rapi codingnya, maklumlah bukan web designer :D

Template 3 (three) columns PINK:
View Sample: HERE.
Download: HERE.

Template 3 (three) columns BLACK:
View Sample: HERE.
Download: HERE.
Baca selengkapnya....

Monday, April 30, 2007

Buku Wordpress untuk Pemula

Buku saya yang kedua telah terbit. Penjelasannya ada di sini atau sini.

Buku wordpress ini menjelaskan langkah demi langkah yang harus dilakukan untuk membuat sebuah blog berbasis Wordpress, tentang cara instalasi di lokal maupun online, cara pengelolaannya, hingga penggantian template dan penambahan plugin. Juga hal-hal yang terkait, seperti domain dan web hosting. Selain itu juga disisipkan informasi-informasi singkat yang perlu untuk diperhatikan.

Buku ini ruanglingkupnya untuk pemula.
Jadi sampai penambahan plugin sederhana dan penggantian template. Gak bahas tentang modifikasi template (tapi diulas sedikit), karena kalo itu dibahas maka harus bahas juga ttg dasar HTML dan CSS, bisa bikin 1 buku sendiri tuh :) Tapi kalo memang dalam perkembangannya nanti ada pembaca yg nanya2 soal ubah2 template, bisa sampein ke emailku.

Tak ada gading yang tak retak :) Kalo di bukuku ada kekurangan silakan sampaikan aja, juga solusinya.
Mungkin ke depan banyak buku serupa yang mengklaim buku tsb lengkap. Saya tidak mengklaim buku saya ini lengkap dan bahas tuntas ttg wordpress. Tapi saya juga gak akan membanding-bandingkan dengan buku sejenis karya penulis lain. Hanya pembaca kan yg bisa menilainya ;)

Jika sudah pernah membaca buku pertama saya, gaya penulisannya gak jauh beda. Mudah cukup mudah dimengerti pemula.

OK kritik dan saran sampaikan saya via email faniez[at]gmail[dot]com .
Baca selengkapnya....

Sunday, April 15, 2007

Etika Copy-Paste

Kali ini, saya akan membahas mengenai salah satu etika dalam ber-Internet, yaitu tentang copy-paste tulisan. Maaf sedikit panjang, tapi penting juga lho disimak buat yang masih belajar :)

KASUS 1.
Beberapa waktu lalu, saya mendapati beberapa tulisan di blog ini di copy-paste di blog lain tanpa menyebutkan (melink) ke tulisan sumber (blog ini), walaupun memang ada tulisan yang di dalamnya memang sudah termuat nama/link saya. Setelah saya ingatkan, alasannya karena blog tersebut memang kumpulan dari tulisan2 blog lain yang bermanfaat, sebagai arsip dia saja. Sampai di situ, saya simpulkan bahwa dia kurang paham tentang etika yang satu ini.

Blog maupun web merupakan sebuah media online, semua orang bisa mengakses asal terhubung ke Internet dan halamannya tidak dipasang password/private. Jadi, entah blog itu hanya sebagai arsip pribadi, sebagai kumpulan tulisan2 bagus, dan sebagainya, selama dia memuat atau mengutip tulisan orang lain, maka dia juga harus mencantumkan sumber tulisan tersebut. Atau jika tidak, biasa disebut plagiat atau penjiplak.

Salah seorang blogger Indonesia bahkan berkampanye agar tidak asal copy-paste. Berikut kutipannya (dari blog ini):

Jangan Asal Copy Paste/ JACP adalah sebuah ajakan moral untuk menghargai hasil karya para blogger, karena apapun isinya, apapun wujudnya, blog adalah juga sebuah hasil karya cipta. Kampanye ini terinspirasi dari beberapa kasus penjiplakan dan pembajakan materi blog...

Saya sendiri tidak bisa menyalahkan buat yang baru mulai ber-Internet dan belum ngerti, trus merasa bahwa dia hanya mengumpulkan tulisan2 untuk arsip online-nya saja. Semoga dengan tulisan ini, dan kampanye di atas, buat yang sudah mengerti bisa ngasitau yang belum mengerti :) Jangan sampai banyak blogger (pemula khususnya) yang tujuannya sebenernya bukan menjiplak, jadi dicap menjiplak gara2 tidak paham etika tadi.

Lebih lengkap, baca di sini.

KASUS 2.
Ada blog yang SEMUA isinya copy-paste dari 1 blog lain. Intinya kayak kembaran blog, atau copy-an isi blog gitu. Memang sih saya liat di bawah setiap tulisan ada kata2 "diambil dari ...". Tapi apa itu etis???
Menurut saya, jawabannya bisa ya, bisa tidak.
Iya, alias gak masalah, KALAU si pemilik blog yang di-copy itu udah ngasi ijin. "Oke, salin aja semua isi blog gue," contohnya.
Tidak etis, jika belum ijin ke pemilik blog. Meskipun di setiap akhir postingan udah dicantumin? IYA. Mengapa?

Kayak bikin tugas aja, si A udah mikir capek2, tiba2 si B diam2 memfotocopy untuk dikumpulin ke guru. Di akhir setiap lembarnya memang ada tulisan kecil2 bahwa si A pembuatnya. Kalo si guru cermat, pasti bisa langsung menghanguskan nilai si B, si B jadi tidak bisa dipercaya lagi. Kalo gak cermat, ya justru guru itu bakalan menuduh keduanya saling curang karena hasilnya sama, dan nama keduanya buruk. Dengan analogi seperti itu, guru di dunia blog ini ibaratnya adalah para pembaca/pengunjung blog. Lambat laun memang akan kelihatan mana yang kreatif beneran, mana yang asal copy-paste.
Selain itu, kembali lagi seperti kasus 1, hargailah karya orang lain.

Mungkin nanti ada yang bertanya, lho bagaimana kalo itu blog agregator khusus? (pembeli bukuku, ada kan apa itu RSS Feed dan agregator). Itu laen soal. Di blog agregator khusus meskipun mengambil [biasanya] 10 postingan terakhir dari suatu sumber, tapi di blog tersebut memang profilnya tertulis bahwa itu blog agregator si A, atau blog agregator anggota komunitas X (misal). Bukan "ini blog gue, isinya tulisan2 gue". Ngerti kan bedanya?!

---
Ok teman2, meskipun kita bersosialisasi di Internet, tapi harga diri gak hanya ada di dunia nyata saja kan :)

Saya sendiri sampai saat ini tidak pernah copy-paste mentah2 dari blog lain. Biasanya kalo mo menyalin satu tulisan penuh, sebelumnya saya beri pengantar dulu satu paragraf (minimal), tentang apa yg dibahas di tulisan orang lain itu.

Tentang kasus 1 sih kayaknya udah jelas. Kalo kasus 2, mungkin ada yang gak sependapat, silakan komen aja :)
Baca selengkapnya....

Wednesday, April 11, 2007

Web Hosting Gratis

Banyak sekali layanan web hosting gratis yang ada di Internet. Masing-masing punya kelebihan dan kekurangan. Saya sendiri sering isenk bikin account, biar tau kekurangan dan kelebihan masing2 layanan.
Berikut ini saya akan sharing beberapa web hosting gratis yang telah saya coba dan lumayan nyaman untuk digunakan. Setidaknya buat coba-coba bagi yang ingin ngerti tentang manajemen hosting sederhana, misalnya bagaimana memanage file/folder dan database-nya.

1. www.awardspace.com
Cukup bagus, tapi kadang suka down sebentar databasenya. Support PHP-MySQL. Bahkan ada menu domain manager, jadi kalo punya domain sendiri, kita bisa pake domain itu. Kelebihan lain, gak ada banner atau pop-up! Trus dalam 1 account, kita bisa bikin sampai 5 subdomain. Untuk upload file, bisa dengan bantuan FTP atau File Manager.

2. www.byethost.com
Hampir sama seperti di atas. Support PHP-MySQL, ada domain manager, tanpa banner dan pop-up, bisa bikin beberapa subdomain. Keunggulan: ada menu autoinstall untuk wordpress dan beberapa engine lain. Jadi tidak perlu menggunakan FTP ataupun File Manager untuk upload software wordpressnya. Cocok banget untuk yang gak ngerti atau males upload2 :D

3. www.orgfree.com
Support PHP-MySQL juga, jadi bisa install wordpress. Tapi sayangnya ada banner dan pop up, jadi agak mengganggu. Sepertinya bisa dihilangkan, tapi saya blom nyoba :p

4. www.ifastnet.com
Hampir sama dengan byethost.com, ada menu autoinstall.

5. Google Pages (http://pages.google.com)
Tentu harus punya account google/gmail dulu. Tidak support PHP/MySQL, hanya bisa buat bikin web statis aja. Saya biasa pakai ini untuk upload/menyimpan file2 saja, karena fasilitas penyimpanan filenya lumayan praktis hanya dengan sekali klik (di bagian sebelah kanan setelah login). Kapasitas penyimpanannya: 100MB.


Jika anda ingin mencoba punya website yang lebih profesional (misalnya pakai wordpress seperti blog saya), biar bisa memanage seluruhnya sendiri, tapi masih ragu karena merasa belum ngerti kayak gimana hosting itu, salah satu caranya bisa coba2 di web-web di atas yg support PHP-MySQL. Trial & Error sendiri aja, namanya juga coba2, salah kan gak masalah ;)

Kalau ingin lebih dari sekadar coba2, yaitu tetap menggunakan web hosting gratis itu sebagai hosting blog wordpress anda nantinya, ya nggak masalah. TAPI jangan lupa untuk rajin melakukan back up database-nya (di wordpress ada menu Import, atau bisa pakai plugin). Karena namanya juga gratisan, bisa saja sewaktu-waktu nanti terjadi apa2 (gak aktif misalnya).

---
Masih pengen ngerti lebih jelas seputar web hosting? Apa itu domain? Bagaimana cara upload file ke server pakai file manager dan pakai FTP? Bagaimana install wordpress di web hosting pribadi?
Intinya, bagaimana cara bikin blog yang lebih profesional (karena dikelola sendiri dr awal) dan pake hosting (berbayar) sendiri? (Bukannya hosting berbayar sendiri mahal?) Sekarang ini biayanya relatif terjangkau. Rata-rata hanya menghabiskan 150-200an ribu SETAHUN. Catet: setahun untuk domain pribadi dan hosting! Jadi cukup terjangkau untuk memaksimalkan website kan? ;)

Anda bisa dapatkan buku saya selanjutnya, yang bisa menjawab pertanyaan2 di atas. Terbit sekitar April-Mei 2007 ini.
Kalau sampe akhir Mei di beberapa kota belum ada, nanti bisa hubungi saya :)
*promosi nih hehe...*
Baca selengkapnya....

Sunday, April 08, 2007

Utak-atik Template New Blogger

Hingga saat ini, saya masih banyak dapet pertanyaan soal utak-atik atau modifikasi template untuk New Blogger. Di buku saya cetakan pertama memang acuannya Old Blogger, tapi yang cetakan kedua sudah New Blogger menggunakan template classic. Jadi tulisan ini sekalian buat update yang udah beli bukuku cetakan pertama :)

Sebenernya udah pernah dibahas di sini, tapi mungkin mereka pada blom baca jadi nanya lagi :(

Pengen pake template2 baru yang banyak beredar gratis di Internet? Trus pengen nambah pernak-pernik atau asesori blog, seperti tutorial di buku maupun blog lain?
Saran saya sih mengubah templatenya ke template classic saja. Kecuali, kalo sudah bisa menemukan tipe template gratis New Blogger yang memang sesuai keinginan. Template classic, yaitu template yang kode-kodenya berupa HTML biasa. Beda dengan template asli New Blogger yang formatnya XML.

Menurut saya, keuntungan jika menggunakan template classic yaitu, kode-kodenya mudah dipelajari, banyak contoh-contoh website untuk belajar HTML dan CSS. Jadi kalau mau mengubah-ubahnya, kita bisa mencari berbagai referensi di Internet. Situs bagus untuk referensi: www.w3schools.com (Tutorial: HTML dan CSS).

Cara mengubah ke template classic:
1. Buka blogger.com, sign in dengan username dan password di New Blogger kita.
2. Pada halaman dashboard, klik link 'layout' pada blog yang ingin kita edit template-nya.
3. Lalu akan muncul halaman (tab) untuk mengatur template. Di menu-menu bagian atas di bawah menu Template, klik 'Edit HTML'.
4. Akan muncul halaman yang berisi box kode-kode template. Lihat di bagian paling bawah halaman tersebut (di bawah box kode). Klik 'Revert to Classic Template'.

Lalu ikuti langkah2 selanjutnya di layar. Setelah itu, template kita akan menjadi template classic. Di template classic, untuk memodifikasinya, di bawah tab menu template kita bisa menggunakan menu Edit HTML. Di situlah kita bisa utak-atik, nambahin kode2 asesori lain.

Untuk mengganti template:
Copy-paste template baru (hasil download free template) ke dalam box kode yang ada di halaman tersebut.Lalu, klik Save Template Changes.

Situs download Free Template:
Blogskins, BloggerTemplates, Simple-Blogskins, Pannasmontata, dll.

CATATAN:
Template versi New Blogger dengan template classic masing2 punya kelebihan dan kekurangan.

Kalo template asli New Blogger, kelebihannya: kita bisa menambahkan page elemen dgn mudah kalau terima apa adanya layout yang sudah tersedia (standar). Kekurangannya: ada web2 penyedia template new blogger, tapi masih jarang. Trus buat nambah2in script (kode) di bagian 'Edit HTML'-nya kadang-kadang tidak berhasil untuk script2 tertentu.

Kalo template classic, kelebihannya seperti yang sudah disebutin di atas2. Kekurangannya: tidak ada page elemen seperti buat nampilin label di sidebar (tapi di postingan tetep ada), buat nampilin news feed dr google secara otomatis.
Tapi semua kekurangan ini bisa dilakukan dengan cara manual (nambahin kode2 sendiri, dengan berbagai referensi).

So, terserah Anda pilih mana, classic atau asli New Blogger. Sesuaikan dengan kebutuhan :)
Baca selengkapnya....

Wednesday, April 04, 2007

Membuat 'Baca selengkapnya'

Tanya: Gimana sih cara memotong tulisan blog (blogger/blogspot) agar gak terlalu panjang? Biar seperti blog ini, bisa dipotong dengan 'baca selengkapnya...' atau 'Read More'?

Jawab: Sebenernya banyak blogger yang sudah membahasnya. Tapi di email masih banyak saja pertanyaan ini. Jadi, oke lah saya bahas, walaupun ini juga sumbernya dari berbagai tulisan blogger lain :) Hanya di sini saya lengkapi gambar dan bahasa sendiri.

Catatan: ini untuk template blogger versi classic. Klik aja gambar2nya untuk memperjelas.

Langkah Bagian 1.

  • Login ke Blogger, lalu pilih blog yang akan diatur.
  • Masuk ke menu Settings, pilih Archiving.
  • Pada bagian Enable Post Pages? pilih Yes, lalu Save Settings.



Langkah Bagian 2.
  • Klik kembali menu Settings, lalu pilih Formatting.
  • Pada kotak paling bawah (Post Template), isikan kode seperti di bawah:
    <span class="fullpost">



    </span>
  • Klik Save Settings.


Langkah Bagian 3
  • Masuk ke menu Template -- Edit HTML.
  • Coba perhatikan di beberapa baris sebelum kode <body> atau </head>, ada kode </style> kan?
  • Sisipkan kode di bawah ini, tepat di atas baris kode </style> tersebut.

    <MainOrArchivePage>
    span.fullpost {display:none;}
    </MainOrArchivePage>

    <ItemPage>
    span.fullpost {display:inline;}
    </ItemPage>


Langkah Bagian 4.
  • Masih pada kotak template tersebut, cari kode <$BlogItemBody$>
  • Letakkan kode di bawah ini tepat di samping kanan atau di bawah baris kode <$BlogItemBody$> tersebut. Lalu klik Save Settings.

    <MainOrArchivePage>
    <a href="<$BlogItemPermalinkURL$>">
    Baca Selengkapnya...</a><br>
    </MainOrArchivePage>


Untuk yang masih menggunakan Old Blogger, jangan lupa setiap selesai melakukan SAVE, lakukan Republish.
Kata Baca Selengkapnya... di langkah 4 tadi bisa diganti dengan Read More atau lainnya.

Nah, sudah selesai pengaturan untuk template.
Selanjutnya, bagaimana caranya untuk memposting agar sebagian saja yang muncul?
  • Untuk melakukan posting, caranya seperti biasa. Pilih menu Posting lalu Create.
  • Di mode Edit HTML akan ada kode seperti yang kita tulis di langkah bagian 2.
  • Letakkan tulisan yang ingin di-hidden (tdk ditampilkan) di antara kode <span class="fullpost"> dan </span>. Sedangkan yang ingin ditampilkan bisa kita ketikkan di sebelum kode tersebut.

Untuk pengguna New Blogger dengan template versi baru (bukan classic), coba cek di sini.
Untuk pengguna New Blogger yang pengen tetep pake template classic, klik di artikel ini.

Selamat mencoba :) Baca selengkapnya....

Tuesday, March 13, 2007

Kode untuk Pasang Badge/Button

Gimana sih cara bikin kotak kode untuk pasang link, kayak di sidebar kanan blog ini? Gimana bikin badge/button/gambarnya itu?
gbr badge
Karena sering ada yang nanya, maka inilah jawabannya :)

Pertama, siapkan dulu gambar button/badge yang diinginkan. Kita bisa membuatnya sendiri dengan bantuan software Paint, Adobe Photoshop, atau yang lain. Tapi yang lebih mudah, kita bisa menggenerate secara otomatis dari web-web penyedianya.
Web untuk membuat gambar button/badge tersebut antara lain:
** Brilliant Button Maker
** Kalsey Button Maker

Kedua, simpan badge/button yang telah kita buat tersebut di image hosting kita. Bisa di imageshack.us, photobucket, atau lainnya.

Ketiga, tambahkan kode seperti di bawah ini ke template blog.

<a href="AAA"><img src="BBB" border="0"></a><br>
Copy kode di bawah ini: <br>
<form>
<textarea name="code" rows="3" cols="13">
<a href="http://AAA" target="_blank">
<img src="http://BBB" border="0">
</a>
</textarea>
</form>


AAA= ganti dengan alamat blog, di sini misalnya jadi: http://pernakpernikblog.blogspot.com/
BBB= ganti dengan alamat gambar button/badge yang telah diupload ke internet.
Misal menjadi: http://img139.imageshack.us/img139/3747/mybloguv4.png

Setelah itu, simpan atau republish template blog kita.
Done! :)
Baca selengkapnya....

Tuesday, January 30, 2007

Publish Blog

Belakangan saya sering mendapat email yang menanyakan bagaimana cara menambahkan alamat blog kita ke Google? Bagaimana agar postingan blog kita bisa dikenali Google lebih cepat?

Saya akan share sedikit yang mudah dilakukan bagi para pemula.

1. Google Add Url (http://www.google.com/addurl/)
Di situ, kita bisa menambahkan alamat web/blog kita, disertai dengan komentar singkat.

2. Sitemap - Google Webmaster Tools
(http://www.google.com/webmasters/sitemaps)
Login menggunakan akun Google (gmail). Lalu ikuti saja langkah2nya.
Pertama, masukkan alamat blog. Lalu klik Verify site , choose verification code pilih Add a meta tag.
Copy kode meta tag yang muncul, lalu paste (sisipkan) ke dalam template blog kita. Sisipkan di bawah baris kode <head>, atau sisipkan sebelum kode <body>.
Jika sudah disimpan dan publish perubahan templatenya, di halaman google sitemap tadi klik tombol verify.

3. Tambahkan keyword di template.
Sisipkan kode2 seperti di bawah ini di bawah kode <head>

<meta name="keywords" content="keyword1, keyword2, keyword3">
<meta name="description" content="deksripsi blog kamu">
Ganti saja keyword² tsb dengan kata kunci yang menggambarkan blog kita. Misal blog ini: tutorial, pemula, blogger.


Tips-tips tersebut tentu tidak banyak dampaknya kalo kita tidak rajin meng-update, apalagi blog kita isinya tidak informatif. Pasti kalah dengan blog lain yang isinya lebih informatif.

INGAT! Tidak ada yang instan. Dengan melakukan hal2 di atas hanya cara kecil mempermudah pengindexan, BUKAN untuk menjamin situs kamu pasti berada di halaman pertama pencarian search engine. Menjadi yang teratas di Google dipengaruhi banyak hal.
Coba kalian cari sumber dan baca-baca tentang Pagerank dan Search Engine Optimization (SEO).

TIPS: Jadi jika memang blog kita adalah blog yg berisi hal2 pribadi, usahakan menampilkannya dari sisi yang lebih informatif, seperti menampilkan tips yg kita tahu, hal2 kecil yang bermanfaat, info tentang tempat2 yang kita pernah kunjungi, dll. *saran* :D
Baca selengkapnya....

Friday, January 05, 2007

Kode Pembantu

Selain menambahkan pernak-pernik pada blog, tentu kita ingin memberi tambahan seperti keterangan untuk pernak-pernik tersebut. Misalnya di box shoutbox, kita ingin memberi tulisan untuk judul, Kotak Pesan. Tuliskan saja Kotak Pesan, atau kata-kata lain yang kita inginkan di atas kode untuk shoutbox, lalu kita bisa mengapitnya dengan kode-kode lain sehingga menjadi:
<b>Kotak Pesan</b><br>

Kode <b> dan </b> digunakan untuk memberi format bold (cetak tebal) pada tulisan, dan kode <br> untuk breakline atau ganti baris.

Dalam kode-kode yang ada di bagian template sebenarnya kita bebas kok, menambahkan kata-kata yang kita inginkan, asal tidak mengandung tanda < dan >, karena tanda-tanda tersebut dikenali sebagai kode khusus HTML.

Beberapa kode HTML sederhana yang bisa digunakan untuk membantu tata letak halaman atau pernak-pernik di situs blog kita. Kode-kode ini bisa kita tambahkan pada bagian template blog kita yang dirasa perlu.

  • <br>, yaitu breakline, atau untuk ganti 1 baris. 2 kode (<br><br>) berarti ganti/turun 2 baris.
  • <b> dan </b>, membuat tulisan yang diapit menjadi tercetak tebal.
  • <center> dan </center>, membuat tulisan yang diapit menjadi rata tengah.
  • <h1> dan </h1>, <h2> dan </h2>, dst. Tulisan yang diapit heading 1, heading 2, dst.
  • <img src=”xxx”>, untuk menampilkan gambar, ganti xxx dengan alamat gambar yang ingin ditampilkan.
  • <a href=”xxx”>tulisan-link</a>, untuk membuat link, ganti xxx dengan alamat link yang dituju.
  • <font xxx xxx> dan </font>, untuk memformat tulisan yang diapit. xxx adalah bagian-bagian dari kode itu yang harus kita tentukan, sepert misalnya:
    • face=”Verdana”, membuat tulisan dengan font Verdana.
    • color=”#000000”, membuat tulisan warna, 000000 bisa diganti dengan kode warna lain.
    • Size=”1”, membuat tulisan dengan ukuran 1, bisa diganti dengan angka-angka lain seperti -1, -2, +1, +2, 2, 3, dst.



Baca selengkapnya....