Login To Facebook
Δ Selamat Datang Di Otocomputer Δ

Cara Pasang Facebook Taskbar / Toolbar Widget

Akhirnya jadi juga widget facebook taskbar yang sudah lama di nantikan kedatangannya ini. Hm..baiklah untuk tutorial kali ini tidak perlu banyak omong, kita langsung saja masuk ke cara pemasangan widget facebook taskbar/toolbar ini. Tutorial ini hanya di tujukan kepada pe-blogger level menengah ke atas jadi bagi pemula mungkin akan sedikit membingungkan.

1. Seperti biasa pastikan anda sudah login

2. Dibagian Layout, pilih tab Edit HTML jangan lupa centang tanda expand widget jika diperlukan,
kemudian cari kode </head> (gunakan CTRL + F agar lebih mudah mencarinya)

3. Kalau sudah ketemu, letakan kode dibawah ini tepat sebelum kode </head> tadi


<link href="http://sites.google.com/site/hitsukeproject/fbtoolbar-original.css" rel="stylesheet" type="text/css"/>

4. Save templatemu

5. Masih di bagian Layout, tapi kali ini pilih tab Page Element, lalu pilih Add Gadget yang
HTML/Javascript

6. Copy - Pastekan saja kode dibawah ini di dalamnya, kemudian di SAVE




Nah sekarang yang paling perlu kamu lakukan sekarang adalah mengganti kode Buku tamu, Recent Post ( Postingan terbaru dengan gambar thumbnail + penghitung komentar), dan yang lainnya yang kamu anggap perlu untuk diganti. Tapi ingat, hanya kode yang berwarna hitam dan berkedip sajalah yang boleh kamu ganti. Widget facebook Taskbar ini juga sudah dilengkapi dengan tombol share on facebooknya sekalian jadi kan gampang buat sharing ma teman-teman kita di facebook.hehe..^_^

Oh iya hitsuke ampe lupa...Widget facebook taskbar ini mempunyai dua macam style yang bisa kamu pilih dengan cara mengganti kode cssnya.

1. Original Facebook Taskbar Style







<link href="http://sites.google.com/site/hitsukeproject/fbtoolbar-original.css" rel="stylesheet" type="text/css"/>


2. Blue Facebook Taskbar 




<link href="http://sites.google.com/site/hitsukeproject/fbtoolbar-blue.css" rel="stylesheet" type="text/css"/>

cara mengganti style nya mudah saja. Cari kode <link href="http://sites.google.com/site/hitsukeproject/fbtoolbar-original.css" rel="stylesheet" type="text/css"/> yang kamu letakkan sebelum </head> tadi kemudian ganti saja link CSS-nya dengan salah satu link CSS di atas.


sumber : Diambil dari hitsuke.blogspot.com

5 comments:

hendrie k_bejo mengatakan...

Mantaf neh Gan ini yg gw cari2 !

asep canda mengatakan...

mantap infonya sob

Microsft office mengatakan...

dah aku libk back ya.. thank

Faiz Al-Mushonnif mengatakan...

thx infonya sob, nich yang ane cari... XD

Vincensius mengatakan...

MAu saya coba...tapi i-net lagi lelet

Poskan Komentar

Silahkan Komentar anda.Jangan spam ya...

"U Comment I Follow"

 
Template by: widodo dc © 2010