Facebook Taskbar / Toolbar Widget

     Contoh Facebook Taskbar pada halaman web / blog itu seperti ini





    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


    Silahkan Copy - Paste kode dibawah. Supaya lebih mudah: klik tombol Select All lalu tekan CTRL + C atau boleh juga klik kanan lalu pilih copy





    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.

    Note:
    Bagi sobat hitsuke yang tercantum linknya diatas sebagai Top 10 Friends, silahkan Copy-Paste artikel ini dengan catatan harus mencantumkan link sumber asli artikelnya. Hal ini juga berlaku bagi para Plagiat, tolong cantumkan link sumber artikelnya, kalau tidak lo bakal malu ndiri...n reputasi blogmu bakalan hancur.

Post Title

Facebook Taskbar / Toolbar Widget


Post URL

http://guidice-galleries.blogspot.com/2009/12/facebook-taskbar-toolbar-widget.html


Visit guidice galleries for Daily Updated Wedding Dresses Collection

Popular Posts

My Blog List

Blog Archive