Memasang Facebook Like Button di Blog

Tombol like ini memungkinkan pengguna berbagi konten pada dengan teman-teman di facebook.
Ketika user meng-click tombol like ini pada blog antum sekalian, maka di News Feed account teman-teman user (yang nge-click) tersebut akan muncul yang link tersebut mengarah ke blog antum sekalian.

Nah trus gimana cara memeperoleh code like button?

Inilah langkah-langkahnya:

1. Ketik ja url ini di addres browser kamu http://developers.facebook.com/plugins
2. Pilih link LIKE BUTTON,nanti akan tampil gambar seperti di bawah ini

3. Kamu bisa langsung click GET CODE ato di costumize terlebih dulu dan masukkan alamat    
    blog kamu,dan di sebelah kanan configurator tersebut ada preview hasil konfigurasi.
4. Setelah kamiu click tombol GET CODE, maka akan tampil gambar seperti di bawah

5. Copy-lah code tersebut untuk dipasang di blog ato website kamu.

    Dapet dech code like button-nya.

Eit....don't go anywhere, belum selese.

Trus gimana cara pasang di blognya bro?

inilah langkah-langkahnya:

1. Login ke Account blogger kamu
2. Click rancangan ato design
3. Click Elemen Halaman/page elements
4. Click Tambah Widget
5. Click tanda "+" pada HTML/JavaScript. Lihat gambar di bawah ini

6. Click tombol simpan
7. Selese...

Cara memasang LIKE BUTTON pada postingan sich gimana?

Sebenarnya untuk postingan yang ada di blogger itu berada di code

Jadi untuk penempatan TOMBOL LIKE bisa di atas postingan atau ditempatkan di bawah

postingan. Silakan ikuti langkahnya.....

Caranya tinggal ikuti langkah di atas (cara pasang tombol like di blog). ikuti sampe langkah

no.2, trus ikuti langkah di bawah ini :-)

1. Click Edit HTML
2. Untuk cari aman,back up lah template kamu dulu sebelum melakukan peng-editan dengan meng
   -click Download Template Lengkap > trus simpan template blog kamu

3. Beri tanda check pada check box Expand Template Widget

4. Carilah code ini di template blog kamu. Gunakan tombol CTRL+F untuk   
    mempercepat pencarian
5. Setelah ketemu codenya, paste-lah code yang kamu dapat dari plugin facebook like yang   

   sebelumnya sudah dibuat. Nech liat contoh di bawah

6. gantilah code alamat blogger kamu dengan kode ini (apabila pas dalam pembuatan code like button kamu memasukkan url blog kamu)

   " + data:post.url + "

7. Simpanlah template kamu
8. Selese....

   Ada beberapa opsi penempatan tombol LIKE pada postingan blog kamu.

1. Penempatan LIKE BUTTON di atas postingan

< facebook like  button code here >

<data:post.body/>

2. Penempatan LIKE BUTTON di akhir postingan

<data:post.body/>

< facebook like  button code here >

Jika ga mau repot membuat code facebook like button untuk postingan blogger kamu, copy paste saja code siap pakai ini
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=true&width=450&action=like&font=segoe+ui&colorscheme=light&height=80' style='border:none; overflow:hidden; width:450px; height:80px;'/></iframe><br />

Untuk lebih lanjutnya silakan click sini

Read more »

MEMBUAT TEXT BERJALAN PADA STATUS BAR

Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebut pun akan berbeda. Dan inilah langkah-langkahnya:

Untuk template klasik silahkan ikuti langkah-langkah berikut ini :

1.    Sign in di blogger dengan id sobat
2.     Klik menu Template
3.     klik menu Edit HTML
4.     Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi     kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula
5.    Copy kode berikut ini lalu paste di atas kode
   

6.     Klik tombol Save Template Changes
7.     Selesai.



Untuk template baru silahkan ikuti langkah-langkah berikut ini :

1.     Sign in di blogger dengan id blogger kamu
2.     Klik menu Layout
3.     Klik menu Edit HTML
4.     Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template
5.    Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang. Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates
6.     Tunggu beberapa saat sampai proses selesai
7.     Simpan kode berikut di bawah kode , kode ini letaknya berada paling bawah sebelum kode

  

8.     Klik tombol SAVE TEMPLATE
9.     Selesai

Pada kode diatas ada tulisan yang saya buat merah, nah tulisan tersebut harus diganti dengan tulisan yang kamu inginkan.
 Contoh diatas adalah memuat pesan atau text sebanyak empat tulisan, jika ingin lebih banyak dari itu bisa dilakukan dengan menambah baris tulisan seperti kode sebelumnya.Untuk kode --> scrollSpeed = 130 . angka "130" merupakan kecepatan dari text berjalan, semakin kecil nilainya semakin cepat textnya berjalan, dan semakin besar nilainya maka text akan semakin lambat. Silahkan sesuaikan dengan keinginan kamu.


Saya dapat tutorial ini dari sini

Read more »