Facebook Fan Page Tutorial

Oleh : Rangga Aradea

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

DAFTAR ISI
1. Tutorial dasar cara membuat fanpage 2. Tutorial menambahkan Tabs menu dengan Aplikasi 3. Membuat Landing Page pada Fan Page 4. Memberikan Konten Pada menu Baru 5. Daftar aplikasi untuk Fan Page anda 6. Menambahkan Social Plugins pada Fan Page anda 7. Cara membuat Aplikasi 8. Template HTML siap pakai untuk Fanpage 9. Cara manambahkan multimedia di Fanpage

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

1. Tutorial dasar cara membuat fanpage

Tanpa basa-basi mari kita mulai tutorialnya. Langkah 1 : Silahkan Login ke akun facebook anda masing-masing (gk usah dikasih tau kan caranya :p) Setelah masuk, scroll kebagian paling bawah dan klik tulisan Buat Halaman Klo gak ketemu buka link berikut : http://www.facebook.com/pages/create.php Langkah 2 : Tentukan jenis halaman / Fan Page yang ingin anda buat :

Setelah jenis halaman anda pilih, anda akan diminta untuk menuliskan nama Fan page yg akan anda buat, pada beberapa kategori tertentu anda jg mungkin diminta untuk mengisi keterangan lainnya seperti alamat dll. Centang kotak persetujuan ketentuan & klik mulai sampai disini Fanpage anda telah selesai, silahkan edit seperti anda mengedit akun FB pribadi dengan menambahkan foto profil, keterangan info dll. SELESAI..!!
Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

2. Menambahkan Tabs menu dengan Aplikasi

Oke sampai disini Fan Page anda sudah selesai, tapi tunggu.. apa bedanya fan page yang anda buat dengan fanpage-fanpage yang lain.. fan pagenya sama aja tuh.. huh Gak seru.. hehehe.. nah disinilah fungsi aplikasi, digunakan untuk membuat menu baru di Fan Page sesuai dengan kebutuhan kita sehingga bisa menjadi pembeda dan nilai lebih untuk Fan Page yang akan kita buat ini. Apa itu aplikasi ? Aplikasi adalah penerapan bahasa program sehingga dapat menjalankan suatu perintah tertentu.. %@%^#*^(*%%&%$^%$ GAK MUDENG.. Hehehe.. bahasa gampangnya pokoknya kita mau nambahin menu khusus di Fanpage sesuai kebutuhan, misalkan menu Polling, TV online, Radio streaming, gambar dll.. Bagaimana Caranya? Disini saya akan memberikan contoh dengan menggunakan aplikasi iFrameWrapper: best FBML alternative. Kenapa? Karena menurut saya aplikasi ini memiliki banyak kelebihan dibandingkan aplikasi lain yang sejenis. Langkah 1: buka halaman iFrameWrapper: best FBML alternative dengan membuka link berikut : http://www.facebook.com/iFrameWrapper . Setelah terbuka Lihat bagian kiri bawah halaman dan klik tulisan Tambahkan ke Halaman Saya

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

Langkah 2 : Kembali ke Fan Page yang telah anda buat, klik di pojok kanan atas Lalu pilih menu Aplikasi di kiri, kemudian scroll kebawah sampai anda menemukan menu iFrameWrapper: best FBML alternative kemudian klik sunting pengaturan

BRAVO.. Pada tahap ini anda telah menambahkan menu baru di Fan Page, eiits jangan pindah halaman dulu, lakukan tahap diatas sekali lagi untuk merubah nama menu yg telah anda tambahkan, caranya tinggal klik Sunting Pengaturan sekali lagi, kemudian masukan nama menu, klik simpan kemudian klik oke

Selamat.. sampai disini menu baru kita sudah selesai, tapi belum ada isinya lho.. karena fungsi dari aplikasi itu memang hanya untuk menambah menu baru saja, bukan menambah isinya.. untuk itu mari kita isi tab baru kita..

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

3. Membuat Landing Page pada Fan Page

Sebelum kita mulai membuat content untuk menu baru kita, ada baiknya kita untuk setting landing page terlebih dahulu. APA ITU LANDING PAGE?? Landing page adalah menu atau halaman yang pertama ditampilkan kepada facebook user yang berkunjung untuk pertama kalinya di fan page anda. Kenapa kita perlu Landing Page? Bayangkan jika ada user yg pertama kali berkunjung, dan yg dia lihat adalah halaman info yg cuma memuat beberapa baris kalimat saja, pasti tidak tertarik, atau yg pertama kali dia lihat adalah halaman dinding dan yg dia baca adalah komentar yg kurang appresiasi terhadap page kita.. user tersebut pasti langsung kabur.. Tapi jika yg pertama dilihat adalah landing page, kita bisa mengisi landing page tersebut dengan gambar dan lain-lain yang membuat pengunjung tersebut terdorong untuk klik like dan bergabung dengan fan page yg kita buat.. Bagus bukan.. Oke sekarang cara settingnya, sangat mudah.. Klik kembali tombol sunting Halaman dikanan atas, lalu setting seperti gambar berikut dan klik simpan perubahan:

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

4. Memberikan Konten Pada menu Baru

Nah akhirnya sampai pada Tutorial yang dinanti-nanti, yaitu memberikan konten pada menu baru kita.. berikut langkah-langkahnya Langkah 1: Klik menu baru yang sudah kita buat tadi, tunggu hingga loading selesai, kemudian klik pada tulisan setting dibagian kiri bawah menu :

Setelah kita klik maka menu baru akan terbuka, tunggu hingga loading selesai dan menu baru terbuka seperti dibawah ini :

Langkah 2 : Pada langkah selanjutnya, ada tiga 3 cara yang dapat kita gunakan untuk membuat konten/isi pada menu yg sudah kita buat tadi. Yaitu dengan HTML, Iframe dan CMS (dapat anda lihat pada gambar diatas). Pilih salah satu saja tidak perlu semuanya. nah sekarang mari kita uraikan satu per satu A. HTML Pada tab HTML anda dituntut untuk memiliki pengetahuan yg cukup tentang bahasa HTML untuk membuat sebuah tampilan pada menu. Nah trs yg gak bisa bagaimana? Tenang.. dalam tutorial ini saya telah melampirkan script HTML siap pakai, anda hanya tinggal mengganti link dan gambarnya saja sesuai keinginan nanti. Berikut adalah cara meletakan script HTML pada menu aplikasi :
Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

Keterangan : 1. Kolom ini adalah Tempat anda menempatkan kode HTML baik itu berupa gambar ataupun tulisan yg nantinya hanya dapat dilihat oleh user yg BELUM mengklik tombol LIKE dihalaman anda. 2. Kolom ini adalah Tempat anda menempatkan kode HTML baik itu berupa gambar ataupun tulisan yg nantinya hanya dapat dilihat oleh user yg SUDAH mengklik tombol LIKE dihalaman anda (setelah selesai jangan lupa klik tombol save ya) B. IFrame IFrame adalah bagian HTML yang digunakan untuk memasukan bagian HTML yg lain, bahasa gampangnya, klo anda punya web, atau blog diluar facebook bisa dimasukan kedalam Fan Page anda, sehingga seolah-olah web tersebut adalah bagian dari fanpage. Berikut cara melakukannya :

Keterangan : masukan alamat URL web/blog anda dikolom target URL, Height: adalah tinggi menu yg ditampilkan(sesuaikan dengan web).Scroling : jika terlalu tinggi anda dapat mengaktikan fitur ini untuk menambah scrolling disamping kanan menu. (setelah selesai jangan lupa klik tombol save oke..)

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

C. CMS CMS = Content Management System atau system menejemen konten, ini adalah fitur termudah untuk anda yang kurang paham bahasa HTML atau IFrame, akan tetapi paling efektif dan efisien. CMS memiliki halaman navigasi seperti halnya blog ataupun web : Langkah 1 : pada CMS, pengeditan dilakukan di Fan Page anda masing-masing, klik pada menu CMS kemudian klik save. Sekarang kembali ke fan page anda dan klik menu baru yg anda buat tadi, tunggu hingga loading selesai.

Langkah 2 : setelah menu/tab terbuka akan ada beberapa menu baru yang dapat kita gunakan untung melakukan pengeditan, untuk melakukan pengeditan klik pada tulisan Edit mode dikanan atas.

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

Keterangan Gambar : 1 .Tombol save atau simpan, untuk menyimpan hasil editan jika sudah selesai 2. Tombol add content : untuk menambahkan isi menu, didalam add content ini terdapat menu lain yang dapat digunakan untuk pengeditan, didalamnya terdapat fitur yang sangat lengkap, hamper mirip dengan ms office atau setidaknya anda tidak perlu repot lagi memikirkan kode HTML untuk memasukan gambar, karena disini terdapat tombol untuk memasukan gambar, sama seperti hal nya anda mengunggah photo ke facebook, mudah bukan ^_^ Ini dia penampakan fitur tersebut :

Jangan lupa untuk menekan tombol save setiap selesai melakukan pengeditan 3. Tombol edit setting : fungsinya adalah untuk menentukan nama tab dan tinggi menu yg kita buat

4. Tombol Add Tab : fungsinya adalah untuk menambahkan menu navigasi baru pada halaman, contohnya menu beranda, profil, kontak dll :

5.Tombol Edit CSS : fungsinya adalah untuk merubah pewarnaan pada bilah navigasi seperti pada gambar diatas. Berikut adalah contoh menu edit CSS

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

5. Daftar aplikasi untuk Fan Page anda

Nah sampai disini anda sudah bisa membuat Custom fan Page sendiri menggunakan aplikasi iFrameWrapper: best FBML alternative, lalu bagaimana dengan aplikasi lainnya?? Pada dasarnya semua aplikasi di fan page menggunakan metode yg sama yaitu menggunakan IFrame dan HTML akan tetapi untuk advance user dapat juga dipadukan dengan bahasa CSS, Javascript dll. Tapi sebagai permulaan saya pikir aplikasi ini yg paling tepat untuk pemula.. untuk teman-teman yang lebih advance bisa memberikan masukan dan ilmu kepada temanteman yg lain difanpage Rangga Aradea link : http://www.facebook.com/rangga19.web.id Berikut adalah daftar aplikasi lain yg dapat digunakan untuk fanpage : 1. http://www.facebook.com/iFrameWrapper 2. http://www.facebook.com/iframe.apps 3. http://www.facebook.com/apps/application.php?id=195611817141370&sk=info 4. http://www.facebook.com/contact.form 5. http://www.facebook.com/add.a.link 6. http://www.facebook.com/revealtab 7. http://www.facebook.com/revealtab 8. http://www.facebook.com/apps/application.php?id=190322544333196 9. http://www.facebook.com/apps/application.php?id=190322544333196 10. http://www.facebook.com/TabSite 11. http://www.facebook.com/apps/application.php?id=167969729896883&ref=ts 12. http://www.facebook.com/welcometab Anda dapat memilih tab diatas dan mencobanya sendiri, jika ada yang ingin ditanyakan dan update-update terbaru seputar tab IFrame untuk FanPage, teman-teman bisa mengunjungi Fanpage saya di : http://www.facebook.com/rangga19.web.id

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

6. Menambahkan Social Plugins pada Fan Page anda

Ada yang tau apa itu social plugin? Social plugin adalah fitur tambahan pada facebook yg diperuntukan kepada para developer aplikasi, para blogger, dan para web developer yang fungsinya adalah agar situs/blog/aplikasi mereka dapat terhubung dengan para pengguna facebook. Fitur ini sangat ampuh untuk melakukan promosi.. Pada fan page fitur ini juga sangat berguna, selain dapat mempercantik fanpage juga menjadi media promosi untuk fan page kita, saya tidak akan menuliskan semuanya, tapi hanya fitur-fitur yg bisa digunakan di fan page saja: 1. Tombol Suka/like button Fungsinya adalah ketika pengunjung menekan tombol suka pada konten, maka akan ada pemberitahuan di profil pengunjung tersebut bahwa dia menyukai konten pada fanpage kita. Untuk pemasangannya dapat dikombinasikan dengan Html ataupun Iframe. Ikuti petunjuk pembuatannya pada link berikut : http://developers.facebook.com/docs/reference/plugins/like/ 2. Tombol kirim/send button Fungsinya hampir sama dengan Tombol suka, bedanya dengan tombol ini pengunjung dapat mengirimkan informasi fanpage ke dinding teman mereka http://developers.facebook.com/docs/reference/plugins/send/ 3. Komentar/Comments Adalah social plugins yg berfungsi sebagai kotak komentar di fanpage. Selain pengunjung bisa memberikan komentar, komentar mereka juga akan terkirim ke dinding profil mereka http://developers.facebook.com/docs/reference/plugins/comments/ 4. Live Stream Anda pernah melihat seseorang meng-update status dan dibagian bawahnya ada tulisan melalui Blackbarry dll, lengkap dengan iconnya. Habat bukan.. kita akan membuatnya menggunakan plugin ini, akan tetapi anda harus membuat aplikasi terlebih dahulu agar plugin ini bisa berjalan (jangan takut akan saya terangkan di bab berikutnya). http://developers.facebook.com/docs/reference/plugins/live-stream/
Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

7. Cara membuat Aplikasi

Berikut ini akan saya terangkan bagaimana membuat aplikasi status update via terserah anda dengan menggunakan social plugin untuk fanpage. Berikut langkah-langkahnya : Langkah 1: Daftar aplikasi baru dengan menggunakan link berikut :
http://www.facebook.com/developers/createapp.php

jika ini adalah pertama kalinya anda membuat aplikasi,kemungkinan anda akan diminta untuk verifikasi no telpon oleh facebook, tidak perlu kuatir ikuti saja perintahnya, nanti facebook akan mengirimkan kode verifikasi ke nomor anda GRATIS. Setelah akun terverifikasi silahkan gunakan link diatas lagi untuk mulai membuat aplikasi, ikuti sesuai gambar :

Langkah 2 : Langkah kedua adalah memberikan nama, keterangan, menambahkan icon dan menambahkan logo pada aplikasi anda. Ikuti pengaturan dibawah ini :

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

Catat App ID anda karena kita akan membutuhkannya nanti untuk membuat social plugin status update. Langkah 3: Buka kembali link social plugin Live Stream : http://developers.facebook.com/docs/reference/plugins/live-stream/ Setelah terbuka lakukan pengaturan seperti gambar dibawah ini :

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

Penampakan pada fan page :

Penampakan pada dinding profil:

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

8. Template HTML siap pakai untuk Fanpage

Template HTML sederhana telah saya sertakan dalam folder zip yang anda download, didalamnya terdapat beberapa bentuk menu HTML yg bisa anda terapkan di fanpage. Untuk mengganti gambar desain dengan gambar sendiri, pertama-tama yang harus anda lakukan adalah meng-upload gambar anda ke situs hosting seperti http://photobucket.com dan sejenisnya. kemudian copy link gambar tersebut. setelah itu anda cari kode seperti ini pada script HTML yg saya berikan: <img scr=http://domain.com/background.jpg> Ganti tulisan berwarna merah dengan link gambar yg telah anda upload.

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

9. Cara manambahkan multimedia di Fanpage

Apa itu multimedia? Multimedia adalah file berbentuk suara atau pun video. Formatnya bisa berupa mp3, Avi, 3gp, Flash, Game dll.. Caranya bagaimana? Yg pasti kita harus memiliki hosting terlebih dahulu untuk menyimpan file2 tersebut.. Kalo gk punya hosting gmn? Jangan takut, anda bisa menggunakan layanan gratis seperti youtube.com, 4shared.com, dan lain-lain.. Baiklah mari kita bahas satu per satu : 1. Menampilkan video dari youtube di fanpage a. Buka youtube.com bikin akun baru dan upload video anda, atau jika video itu memang sudah ada di youtube, lanjut step berikutnya b. Buka video tersebut dan klik tombol >> Share >> Embed >> Copy Kode

c. Paste di tab menu yang kita buat tadi. Selesai. 2. Menampilkan Video dan suara/mp3 dari 4shared.com a. Buka 4shared.com bikin akun baru dan upload video atau mp3 anda, atau jika file tersebut memang sudah ada di 4shared, lanjut step berikutnya

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

b. klik video/mp3 tersebut dan klik tombol >> Embed >> Copy Kode

Pada dasarnya semua layanan hosting video, suara dan lain-lain yang menyertakan fitur <embed> pada filenya adalah sama, kita dapat mengambil (copy-paste) file tersebut dan ditempatkan pada fanpage yang kita buat.

BAGAIMANA.. ANDA SIAP MEMBUAT FANPAGE SENDIRI DENGAN TAMPILAN YANG LEBIH PERSONAL DAN BERBEDA!!??

Copyright 2011 Rangga Aradea| jurnalkreatif.com

Facebook Fan Page Tutorial

Tentang Penulis
Siapa saya?? Saya adalah seseorang yang tergila-gila dengan teknologi. Saya seorang Designer , Penulis, Blogger, pecinta lingkungan, dan Penumpas kejahatan.. hehehe.. nama saya rangga, saya seorang kreatif desainer, pendiri Jurnalkreatif.com. sebuah blog tentang internet marketing dan social media. Jika anda tertarik untuk mendapatkan artikel saya yang lainnya silahkan kunjungi blog saya di http://jurnalkreatif.com atau Fan Page resmi saya di http://facebook.com/rangga19.web.id

ATTENTION..!!!
EBook ini Bebas untuk disebarluaskan dan di distribusikan kepada orang lain selama tidak merubah isi dan copyright penulis. Anda tidak diperkenankan untuk memperjualbelikan EBook ini dengan alasan apapun Ebook Facebook Fan Page Tutorial Copyright 2011 Rangga Aradea| jurnalkreatif.com

Copyright 2011 Rangga Aradea| jurnalkreatif.com