Cara Membuat Like This Facebook

Membuat Kotak Facebook Fan di Blogspot. Hallo Sobat Informasi Maya, 1 minggu libur ngeblog banyak komentar dan pertanyaan yang masuk ke mail kang salman mulai dari kenalan sampai beberapa pertanyaan seputar blog, hari ini kang salman mau mengulas cara membuat like this box facebook. dan pada posting kali ini adalah pesanan tutorial dari seorang sahabat blog "agung" yang ingin di buatkan tutorialnya seperti di sidebar www.klik-kanan.com

Jika anda ingin memiliki sidebar seperti itu syarat yang pertama harus punya akun facebook jika belum punya silakan daftar disiniwww.facebook.com

1.   Setelah mimiliki akun FB silakan anda login terlebih dahulu ke facebook.
2.   Bukalah halaman ini : http://www.facebook.com/pages/create.php jika anda belum punya community page
3.   atau Pilih "create a page" atau klik disini
4.   Akan muncul seperti gambar di bawah ini, dan isi sesuai nama komunity anda

Terbaru

Pilih zona apa yang hendak kamu buat, apa perusahaan, bisnis, merk ds, agang, artis, huburan, atau community. (nah klo di merk/produk saat di klik dan di scrool ke bawah ada catagori situs web)
 akan ada ada form yang harus di isi lengkapilah.

Zaman Dulu (UDAH GA BERLAKU LAGI) hiraukan saja!

setelah itu klik create community page.

Baiklah sekarang kamu sudah memiliki halaman fans untuk blog kamu,..

Berikutnya adalah Cara Membuat like This Box Facebook di Blog


1. Silakan Klik http://developers.facebook.com/plugins/?footer=1

klik gambar untuk memperbesar

Tampilan nya nanti akan seperti di atas... yang kang salman ber tanda merah di atas adalah widget yang paling banyak di pake di blog.

Zaman Dulu (Lewat Saya jgn di perhatiin)

 (itu adalah ID community page anda)

Sekarang yang di copy url pagenya

Sebelumnya saya ingatkan Anda harus mengcopy URL page Fans Facebook Anda, jadi klau belum silakan kembali lagi.


1. Pilih Like Box
Perhatikan gambar di bawah ini :

Dahulu

klik untuk memperjelas (Lewat Aja)

Sekarang yang perlu kamu masukan bukan ID community, tetapi masukan url pagenya.. tepat di kolom "facebook page url"

Gambar oleh : www.kucoba.com

Keterangan :
-  Width : lebar widget
-  Height : ketinggan dari widget
-  Connections : jumlah max penggemar yang di munculkan
-  Stream : menampilkan komentar di community page anda
-  Header : menampilkan kata "find us on facebook

7.  Setelah selesai silakan klik Get Code, dan copy kode yang anda dapatkan seperti gambar di bawah ini

8.   Login ke Blogger
9.   Pilih Edit Tampale / Tata Letak
10.  Lalu Tambah Widget / Gedget
11.  Pilih HTML / Javascript
12.  (paste) salin kode tadi disini
13.  Simpan 

Ok, sekarang anda bisa melihat hasilnya.
semoga bermanfaat ya ^_^

Membuat sendiri Avatar Text Animasi dengan Ulead Gif Animator 5

Bagi yang belum punya Software nya Silahkan download di SINI 

Berikut Tutorial membuat Text animasi nya

• Pertama buat gambar baru [klik File > New] ukuran 100x100pixel .

(untuk ukuran sebenarnya terserah kalian ,tapi di sini saya akan membuat text untuk Avatar jadi disarankan ukurannya tidak melebihi 100x100pixel )

• Pilih Frame kemudian Add Banner Text .

Akan muncul kotak dialog seperti ini

Tuliskan text yang akan kalian jadikan Animasi ,kalian juga dapat merubah jenis Font ,warna Font ,dan ukuran Font seperti yang kalian inginkan .

• Atur Effect text [di sini saya menggunakan Effect Zoom out(rotate) untuk Enter Scene dan Effect Fade untuk Exit Scene]

• pilih Frame Control untuk mengatur delay / kecepatan Efek Animasi

• Tambahkan Efek Neon / Glow untuk mempercantik tulisan 

Selesai !Simpan file sebagai (*.gif) images ,[File > Save As > GIF File]

Hasil dari tutor di atas :

Cara MEMBUAT HEADER BLOG BERGERAK DENGAN U.G.A (ULEAD GIF ANIMATOR)

Untuk membuat Header Blog yang bisa bergerak, biasanya kita menggunakan Animasi Flash atau Gif. dan saya mau sharing cara membuat animasi Gif, selain lebih simpel Gif juga tidak perlu plugin khusus untuk melihatnya di web. sedangkan Flash diperlukan plugin Flash Playeruntuk membukanya, jika komputer kita belum terinstal Flash plugin-nya maka gambar tidak akan ditampilkan sampai kita mendownload dan menginstalnya dulu ...

itulah sebabnya hampir semua gambar/teks bergerak di blog ini menggunakan animasi Gif, meskipun ada juga animasi Flash-nya.

untuk membuat header blog buatan sendiri, yang pertama harus diketahui yaitu ukuran panjang x lebar header blognya itu sendiri anda bisa melihatnya dari kode template html-nya.

Html	Artinya
#header-wrapper {	halaman header
width:800px;	lebarnya 800 pixels
height:120px;	tingginya 120 pixels

setelah kita mengetahui ukuran headernya, buatlah sebuah gambar dengan ukuran yang sama untuk backgroundnya. anda bisa menggunakan Photoshop atau coreldraw atau software gambar apa saja boleh, dan simpan dalam format Jpg. ada baiknya juga anda tulisDeskripsi Blog dan Url Address-nya sekalian, sebenarnya hal ini bisa dilakukan di UGA, tapi biar pemahaman lebih cepat dan tidak terlalu rumit juga untuk menghemat Frame. karena dengan frame yang banyak maka gambar akan menjadi lebih berat sedangkan hasilnya sama (kecuali jika anda ingin membuat Deskripsi Blog & Url Address-nya juga bergerak).

setelah background kita siapkan, selanjutnya kita cari gambar Gif yang bergerak, saya ambil contoh yang ini saja 'gambar cowboy'

buka Ulead Gif Animator (UGA) jika belum punya silahkan download dulu di sini.
dengan UGA buka gambar Gif-nya 'Open Image' (Ctrl+O) ...

rubah ukuran canvas, samakan dengan ukuran header anda.
Menu Bar Edit > Canvas size... (Ctrl+G) klik OK

buka Menu Bar File > Add Image (Ins), pilih gambar Background yang sudah di siapkan.

klik Open, maka gambar yang Background akan menutupi gambar lainnya.
pada Layer Option seret Background ke paling bawah

Klik Frame 2, maka gambar background hilang kan?
pada Layer Option nyalakan gambar mata, gambar background akan kembali muncul!

klik Frame 3, lalu nyalakan gambar mata pada Layer Background
begitu seterusnya sampai gambar Frame dan Layer habis terpilih ...

sekarang coba klik tombol 'Play' di bawah Frame, gambar cowboynyabergerak mengunyah sementara Backgroundnya diam.

sekarang saatnya memberikan text effect,
klik icon Text di bawah Frame (Add Banner Text)

pada dialog Add Banner Text, pilih Font sesuai selera anda, warna dan ukuran juga bisa anda gunakan efek Shadow

pada tab Effect pilih animasi yang akan ditampilkan, semuanya keren, bro !
pada tab Frame Control dan Neon lewati saja dulu ...

Klik Start Preview untuk melihat hasilnya, sampai anda menemukan efek yang pas, kalau sudah klik lagi Start Preview, lalu klik OK > Create As Banner Text (recommmended)

klik Save As ... simpan dalam format Gif
atau simpan dalam format Uga kalau mau diedit lagi nantinya ...
inilah hasilnya :

selamat mencoba, buatlah header atau banner sesuai selera anda !