[PART 3] Fanpage Tutorial - iFrame Fanpage | FREE Hosting & subDomain

[RembauWebSolution]

As'kum w.b.t.

[+] Ini merupakan sambungan kepada Tutorial Part 2 (klik sini)
[+] Kita juga akan belajar dimana untuk dapatkan FREE Hosting dan sub-Domain
[+] Mudahan anda telah berjaya praktikkan Tutorial Part 1 dan Tutorial Part 2 dengan jayanya
[+] Mohon maaf jika ada terkurang atau tersilap dan saya juga mohon tunjuk ajar dari kalian semua

[+] Tutorial kali ini akan memberikan anda gambaran bagaimana untuk masukkan design anda ke dalam Facebook Fanpage
[+] Fanpage membenarkan anda memasukkan content dengan bersaiz 520px menggunakan konsep iFrame
[+] Tidak kiralah jika ianya dari content Tutorial Part 2 mahupun design HTML anda sendiri
[+] Contoh iFrame adalah seperti di bawah:

[+] Kesabaran yang tinggi serta konsentrasi yang jitu
[+] Facebook Account (register sini)
[+] Facebook Fanpage (create sini)
[+] Facebook Apps Developer Account (create sini)
[+] Hosting acccount, jika tiada boleh daftar free di 1freehosting
[+] Domain account, jika tiada boleh dapatkan di 1freehosting
[+] Content untuk iFrame dan ini kita gunakan content Tutorial Part 2 untuk dijadikan contoh

[+] Pertama sekali anda harus mempunyai hosting
[+] Hosting adalah tempat dimana anda menyimpan semua files dan data
[+] Kebiasaannya ramai yang menggunakan HostGator (luar negara) atau Net KL (dalam negeri)
[+] Kali ini saya bongkarkan rahsia untuk dapatkan FREE Hosting
[+] Anda harus pergi ke 1freehosting
[+] Ini adalah FREE/PERCUMA dan anda akan mendapat 10GB Space dan 100GB Bandwidth
[+] Klik pada Get Free Hosting dan daftar

[+] Selepas mendaftar anda akan diminta untuk membuka email yang anda daftar dan verify
[+] Anda akan nampak notis seperti di bawah:

[+] Seterusnya anda harus membuka email anda dan semak email yang diterima daripada 1freehosting
[+] Cari email daripada 1freehosting dan klik pada link verify untuk meneruskan pendaftaran anda tadi

[+] Seterusnya anda akan dibawa ke page registration 1freehosting seperti di bawah
[+] Pastikan anda pilih I will choose your free sub-domain
[+] Isikan nama pilihan sub-Domain anda contohnya www.fanpagetab.hostingsiteforfree.com
[+] Pilih 1FreeHosting untuk hosting plan
[+] Isikan ruangan Password dan Password Again
[+] Isikan ruangan Enter words from picture
[+] Setelah isi semua klik pada Create

[+] Setelah berjaya account anda akan diaktifkan
[+] Anda akan nampak paparan seperti dibawah dan jika tiada anda hanya perlu klik Refresh
[+] Tahniah! sekarang anda sudah mempunya Hosting Percuma dengan 10GB Space dan 100 GB Bandwidth
[+] Klik pada Switch untuk membuka Account Hosting yang telah anda dapatkan secara Percuma tadi

[+] Anda akan dibawa ke Hosting Panel 1freehosting seperti gambar di bawah
[+] Apa yang menarik ialah hosting ini bukan sahaja boleh menyimpan file/data facebook anda tetapi anda juga ada Website Builder
[+] Ini bermakna ada boleh membuat website menggunakan website builder yang disediakan
[+] Ok seterusnya kita klik pada File Manager 1

[+] Anda akan di bawa ke page seperti di bawah
[+] Anda hanya perlu klik pada Public HTML dan anda akan masuk ke directory anda
[+] Sekarang kita klik pada New Dir dibahagian kiri sekali
[+] Kenapa perlu create New Directory? Ini supaya mudah sebab anda boleh simpan file untuk Fanpage Tab lain tanpa perlu keliru

[+] Pilih nama directory anda contohnya Fanpagetab
[+] Klik pada button tick berwarna hijau

[+] Tahniah! Sekarang folder anda telah berjaya di 'create'
[+] Sekarang klik dan masuk ke dalam folder/directory yang baru create tadi

[+] Sekarang tiba masanya untuk kita upload files untuk iframe ke facebook
[+] Ingat lagi file yang anda dapat dari Tutorial Part 2 dalam bentuk .zip
[+] Itulah file yang kita akan upload masuk dan jika anda ada file sendiri anda hanya perlu .zip kan sahaja
[+] Klik pada button Browse dan cari lokasi file anda

[+] Jika file anda telah berjaya diupload anda akan lihat seperti paparan di bawah

[+] Tahniah! Anda telah berjaya meng'upload'kan file yang diperlukan untuk iFrame Facebook Fanpage
[+] Sekarang anda hanya perlu unzip file tersebut dengan tekan button unzip di atas kanan
[+] Seterusnya pastikan anda ingat akan link lokasi File Tutorial_TabMenu.html anda di dalam Hosting
[+] Contohnya w w w.fanpage.hostingsiteforfree.c o m/fanpagetab/Tutorial_TabMenu.html (contoh sahaja)
[+] Link ini harus tepat dan betul kerana ia penting apabila nak iFrame ke Facebook nanti
[+] Jika link ini salah maka ia tidak akan muncul di Fanpage anda

[+] Step seterusnya pastikan anda sudah mempunyai Fanpage
[+] Jika tiada Fanpage anda perlu lihat Tutorial Part 1
[+] Di sini kita akan belajar nak create Apps untuk iFrame ke Fanpage kita
[+] Pergi ke https://developers.facebook.com/
[+] Klik pada Apps bahagian atas (dalam petak merah tu)
[+] Dan selepas itu klik pada Create New Apps

[+] Apabila anda Create New Apps anda akan nampak pop-up seperti di bawah
[+] Anda akan diminta untuk mengisi App Display Name dan App Namespace

[+] Contohnya App Display Name letak Contoh Fanpage Tab
[+] Contohnya App Namespace letak contohfanpagetab (tanpa jarak)
[+] Kemudian klik pada I agree to the Facebook Platform Policies.
[+] Dan klik pada Continue

[+] Anda akan nampak page seperti di bawah
[+] Pastikan anda ingat akan nombor App ID anda kerana ia penting nanti untuk iFrame
[+] Sekarang anda hanya perlu klik pada edit icon untuk dapatkan favicon fanpage sendiri

[+] Contoh favicon fanpage adalah seperti di bawah
[+] Anda boleh lihat di bawah profile picture fanpage anda

[+] Kemudian scroll mouse anda ke bawah sedikit dan klik pada Page Tab
[+] Isikan maklumat di dalam Page Tab ini dan ini adalah penting kerana ia akan link ke fanpage anda
[+] Antaranya Page Tab Name contohnya anda boleh letak Welcome atau Selamat Datang
[+] Page Tab URL pula adalah lokasi file Tutorial_TabMenu.html anda
[+] Secure Page Tab URL pula letakkan link yang sama tetapi cuma tambah https diawalannya
*kalau ikutkan hosting anda perlu ada SSL cert dan jika tiada boleh dapat FREE di Social-Server.com
[+] Kemudian klik pada Save Changes

[+] Sekarang tibalah masa untuk iFrame hasil kerja anda ke Fanpage anda
[+] Taip dan pergi ke URL ini http://www.facebook.com/add.php?api_key=YOURAPPID&pages
[+] Tetapi PASTIKAN anda tukar YOURAPPID kepada App ID anda sendiri
[+] Anda akan nampak pop-up seperti di bawah dan hanya perlu pilih Fanpage anda (jika ada banyak)

[+] Jika anda ada satu sahaja Fanpage anda boleh terus klik pada Add button

TAHNIAH! Sekarang anda boleh pergi ke Fanpage anda dan lihatlah hasilnya.

 

[RembauWebSolution]

Simpan Post 1

 

[RembauWebSolution]

Simpan Post 2

 

[BeritaGempak]

support thread bro..
Thanks 4 sharing

 

[n3scAf3 AIs]

Terbaik...Thanks 4 sharing

 

[RembauWebSolution]

support thread bro..
Thanks 4 sharing

Terbaik...Thanks 4 sharing

Terima Kasih.
Sama-sama kita praktikkan.
Ini juga boleh menjada pendapatan sampingan untuk semua..insyaALLAH

 

[RembauWebSolution]

Macam mana hasil Fanpage anda?
Mungkin kita boleh kongsi bersama di sini untuk tatapan rakan semua

Fanpage hasil CGrian:
1.
2.
3.
4.
5.

 

[ooz]

......................................................~X(

semua dah ok... tapi prob kat FB integration...

canvas URL dan Page Tab URL : http://orangemall.hostingsiteforfree.com/OrangeMall/
Secure Canvas URL dan Secure Page Tab URL: https://orangemall.hostingsiteforfree.com/OrangeMall/

rasanya ni je step dia yg utama.... ke sebab template tu tak sesuai? berat sangat?

link site : http://orangemall.hostingsiteforfree.com/OrangeMall/
link fanpage : https://www.facebook.com/orangemall.my

 

[ooz]

phewwww ssiap...

dah suam la pulak thread ni...

sifu siap dah... tapi saya tak guna apps tu...divert trus dengan image...
apps tu still tak menjadi..
yang ni at buleh terus link ngan fan-gate..

komen please TT dan geng lain..

https://www.facebook.com/orangemall.my

**cuma ada satu link problem dan 2 3 tab belum buleh guna sebab still nak develop.
kalu screen kecik, ada part terlindung, tak tau lagi macam mana nak buat tu**

thanks

 

[ilhamic]

akan dicuba....tq tok