Cara Membuat Like Box Facebook Di Blog

widged Like Box ini adalah sebagai media sarana untuk menjalin perkenalan atau persahabatan antara Blog tersebut dengan para Facebookers dan meminta para facebookers tersebut bersedia menjadi penggemar blog milik kita, dengan catatan para facebokers itu memang harus betul-betul menyukai isi dari blog tersebut, yang ditandai dengan di kliknya tombol " like/suka " yang ada di dalam widged Like Box itu.

kurang lebih penampak'an nya seperti di blog saya ini

Ada 2 Tahap yang harus anda lakukan yaitu : 

TAHAP 1.

Mendaftarkan halaman penggemar/Fans blog kita di Facebook

Login/masuk ke Facebook anda dan jangan Facebook milik orang lain ya..nanti berbahaya  he..he..he.

Kemudian anda buka halaman ini http://www.facebook.com/pages/create.php dan pilih/klik "Merk atau Produk "

Akan keluar beberapa pilihan, di kolom kategori pilihlah yang berkategori " Situs Web " sementara di kolom merek atau produk silahkan tulis nama tampilan halaman penggemar anda dan centang kotak kecil yang menyatakan persetujuan kemudian klik tombol "mulai " dan dihalaman berikutnya anda hanya tinggal mengatur isi dari halaman itu misalnya foto profil dan lain-lain. 

Sekarang anda sudah memiliki halaman penggemar/fans untuk blog anda, dan catat alamat URL halaman penggemar Facebook anda tersebut.

TAHAP 2
Membuat Widged Like Box Facebook untuk ditempatkan di Blog

Buka halaman http://developers.facebook.com/plugins/?footer=1  dan setelah terbuka pilih "Like Box "

Akan muncul halaman untuk mendapat kode widgednya, silahkan isi kolom Facebook Page URL dengan alamat URL halaman penggemar Facebook yang telah kita buat sebelumnya, kemudian klik " Get Code " untuk mendapatkan kode scriptnya dan kode script itulah nantinya yang akan kita tempatkan di blog kita.

Tampilannya seperti gambar di bawah ini.

Keterangan Gambar :
Facebook Page URL : alamat URL halaman penggemar facebook kita. 
Width : Lebar widged.
Height : Tinggi widged.
Color Scheme : untuk menampilkan warna latar widgednya.
Show Faces : untuk memunculkan/menyembunyikan Photo para penggemarnya.
Border Color : untuk membuat warna disisi widgednya.
Stream : Menampilkan komentar di comunity halaman facebook anda.
Header : Menampilkan kata " find us on facebook "
Get Code : kode scriptnya dari widged tersebut

Selesai deh...dan silahkan anda mencobanya. 

Semoga informasi ini bermanfaat.

»»  READMORE...

Bikin BARCODE Sendiri

Mau tauh cara bikin BARCODE sendiri seperti di Blog saya ini.
Langsung saja nih caranya:

1. Pertama masuk ke SINI atau sini >>http://www.barcodesinc.com/generator/qr/
2. masukan informasi yang agan mau ketik dlm kolom yg ada tulisan "BarcodesInc"
3. selanjut ny agan tinggal klik createt qr code
4. simpan hasil gambar yg telah agan buat

»»  READMORE...

Membuat Efek Zoom Pada Gambar Posting

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Cari kode ini ]]></b:skin>
4. Paste kode dibawah ini diatas kode ]]></b:skin>

.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); }

     5. Save Template dan Lihat Hasilnya.

»»  READMORE...

Cara Melebarkan Sidebar Pada Blog

pertama kamu harus paham apa itu Header, Outer dan Footer.

#main-wrapper -adalah tempat posting(entri)
#sidebar-wrapper-adalah widget atau gadget tempat menyimpan perhiasan Blog(acsesories Blog)
#outer-wrapper- adalah luas keseluruhan daripada blog kamu,

contoh untuk melebarkan sidebar ,

/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */   

Lebar main-wrapper 410px sedangkan lebar sidebar-wrapper 220px,
jika yang ingin di lebarkan sidebar-wrapper maka lebar main-wrapper di kurangi contoh,

sidebar wrapper  250px ( ditambah 30px ) , main wrapper di kurangi 30px , jadi nilai main wrapper = 380px, begitu juga sebaliknya,
tapi jika ingin  melebarkan main wraper  sedangkan sidebar-wrapper tetap maka kamu harus lebarkan
outer-wrapper,misalnya main-wrapper 410px+10px jadi 420px maka outer-wrapper 840px+10px jadi
850px,begitu juga sebaliknya bila yang ingin di lebarkan sidebar-wrapper tinggal tambahkan saja outer-wrapper, oke segitu dulu penjelasannya 

»»  READMORE...

Tutorial Blog Cara Membuat Related Post Blogspot

Bagaimana cara menambahkan Related post atau postingan yang mirip dalam blog? ikuti cara berikut ini: 

1. Cari menu Layout - Edit HTML di Dashboard blog anda.
2. Back up Template template anda sebelum mengubah HTML untuk menjaga agar template bisa dikembalikan jika ada kesalahan! KlikDownload Full Template
3. Jangan lupa centang (tandai) "Expand Widget Templates".
4. Carilah kode </head>
5. Tambahkan kode dibawah ini persis sebelum </head> 

»»  READMORE...

Cara menambahkan tombol like di setiap postingan

Manfaat Dari Tombol like di setiap postingan

Tentu saja ada manfaat nya, kalau orang klik like akan ke share di facebook yang like, tentunya bisa menambah pengunjung blog lewat facebook.

»»  READMORE...

Kode Warna HTML

KODE WARNA HTML 

Contoh:Putih =>#ffffff;

#FOF8FF Aliceblue

#FAEBD7 Antiquewhite

#00FFFF Aqua

»»  READMORE...

Cara Membuat Scroll Pada Widget Archive Blog

Cara Membuat Scrool Pada Widget Archive Blog - Seperti anda lihat pada widget sidebar blog saya pada Archive Blog saya menggunakan scroll agar tidak terlalu panjang artikel yang keluar. Apakah anda juga ingin mencoba Cara Membuat Scroll Pada widget Archive Blog anda, silahkan ikuti tutorial berikut

»»  READMORE...

Kumpulan Widget Animasi Yang Lucu dan Keren Untuk Blog ( part 1 )

Cara Memasang Widget Animasi Yang Lucu dan Keren di Blog 
Banyak hal yang dapat membuat sebuah blog dikatakan menarik, selain dari isi content atau postingan , ternyata ada hal - hal lain yang bisa membuat si blog terlihat lebih menarik dan tentunya banyak pengunjungnya. Nah selain postingan, disain dan animasi / pernak - pernik blog ternyata dapat meningkatkan performa dari suatu blog. nah dibawah ini ada beberapa contoh widget animasinya. Kalo udah cocok, berikut langkahnya :

»»  READMORE...

Cara Memasang Widget Animasi Naruto di Blog

Cara membuat animasi Naruto di blog kmu
ini dia Animasi yang di tunggu tunggu para penyuka Karakter Naruto
kmu bisa menempatkan Animasi yg kmu inginkan di blog kmu.
Selain bisa membuat Blog kmu lebih Indah Animasi juga dapat membuat Blog mu lebih hidup

»»  READMORE...

Cara membuat chat box di blog dengan aplikasi Cbox

Cbox adalah aplikasi chatting unik dan pesan yang membawa fitur terbaik dari sistem chatting ke web atau blog.

Untuk membuatnya cukup mudah silahkan ikuti panduannya di bawah ini Cara membuat chat box di blog dengan aplikasi Cbox :

1. Silahkan kunjungi  http://www.cbox.ws dilanjutkan klik ‘Sign Up’ Lihat contoh gambar di bawah ini :

»»  READMORE...

Cara Pasang Musik Di Blog

Umumnya, memasang lagu atau musik dapat memberatkan loading blog, oleh karenanya pilihlah layanan yang sekiranya tidak terlalu membebani.Saya sendiri menyarankan untuk mengupload file di google sitedan player yang digunakan adalah google reader player karena keduanya adalah

»»  READMORE...

Cara Membuat Lencana Profil Facebook Di Blog

Teman-teman dan kawan kawan saya akan posting tentang bagaimana cara memasang lencanang facebook di blog. Bagaimana sih caranya,,,,,???? gak usah panjang lebar. Berikut caranya :

Langkah-langkah memasang Lencanang Facebook :

Masuk ke Facebook anda masing-masing di sini.

Lalu pergi ke link ini.

Anda pilih Lencana Profil

Klik Blogger

Klik Menambah Widget

Terus Klik Simpan

Selesaiiiiii

»»  READMORE...

Cara Membuat Burung Twitter Terbang Di Blog

pernahkan liat icon twitter melayang-melayang di sebuah blog. Mau punya burung seprti itu, syaratnya Anda harus punya akun twitter dulu, kalau sudah punya ikuti langkah-langkahnya di bawah ini:

»»  READMORE...

Cara Membuat Widget slide Facebook Like Box

Cara Membuat Widget Melayang Facebook Like Box

1.     Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.

2.       Login ke dashboard blogger anda.

3.       Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).

4.       Copy script widget dibawah ini dan paste pada gadget.

»»  READMORE...

Cara Membuat Teks Pada Kursor :

 1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).

3.    Copy script dibawah ini dan paste pada gadget:

»»  READMORE...

Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog

Hal ini biasanya di lakukan oleh para blogger untuk tujuan mempercantik blog atau menyingkat tampilan blog, Karena jika hanya tampil judul postingan saja di halaman utama blog, Maka loading suatu blog jika di akses atau dibuka pada halaman utama (Home Page) akan terasa ringan, Intinya blog jadi ringan.

»»  READMORE...

Cara Membuat dan Ganti Judul Blog dengan Teks Animas

kreasikan judul header blog mu agar lebih menarik

buat aja teks animasimu sendiri di sini

»»  READMORE...

Cara Membuat Dan Memasang Text Berjalan Berwarna Warni

Silahkan Ikuti Langkah-langkah berikut :

»»  READMORE...

Menampilkan Emoticon di Kotak Komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus

»»  READMORE...