Wednesday, 17 April 2013

Membuat Plugin Fans Page di Facebook

Baru buat blogg?? pasti sobat semua ingin mendesain sebagus mungkin. sekrang saya akan share tentang bagaimna memberi widget atau plugin di Blog sobat semua....

Oke langsung aja tutorialnya seperti dibawah ini...



  1. Masuk ke Blog sobat pilih Tata Letak kemudian tambahkan widget pilih yang HTML/Javascrip
  2. Biarkan terlebih dahulu pindah ke Tab lainnya untuk membuat Fans Page 
  3. Sobat buat Fans Page terlebih dahulu, kalau belum tau cara buat Fans page klik disini
  4. Setelah itu masuk ke Pengembang Facebook disini
  5. Isi sesuai dengan keinginan sobat. contohya kayak ini   
  6. Setelah itu sobat klik Get Code (tempat dibawah) 
  7. Santi sobat akan mendapat sebuah script (pilih yang XFBML) yang nantinya digunakan sebagai plugin sobat.contohnya spt ini
  8. Copykan script pertama dan kedua di widget blog anda. (udah tau kan tempatnya)
  9. Seperti dibawah ini
  10. Setelah selesai pada script no. 2 copy kan setelah < html
  11. Simpan semua perubahan sobat. Selesai
  12. Lihat Blog sobat

Tuesday, 16 April 2013

Memasang Burung Terbang (Twitter) diBlogger


bagaimana cara memasang burung twitter terbang atau melayang - layang atau mondar - mandir di blog sobat. Bagi sobat yang tertarik untuk memasang burung twitter terbang atau melayang - layang ini, silahkan ikut tutorial berikut .

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript

Masukkan Script berikut ke dalam kotak yang telah di sediakan.

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1sGYRJnTPxXDkpQoTuxS3lNeIXfoDMvsRERdkw4XOPe7QU9ohoIWzcK7hrv9MYi3BFnQUagDU2jiquIIMggJ6-c7-1tAP6ku5_qeikLl3LpisXiTL9m9hlC7q8XFjElrem_gdEvXumW0/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/deactivatednumi";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

3. Klik save / simpan.

Tambahan:
Ganti tulisan yang berwarna merah dengan warna icon twitter kesukaan sobat. 

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtmfHOAyNOf_OePnGmsPqh2XD7I30EqP0GBaZHRIQyhhNohRK1KClguQE__rkUXvSQwFxtIG1Xneq_PE_UJFVxOqi1cUzCeURTWj5v4ds4ceDiFZ9lA2u1d4yxGFxilY8PTGK86t14RQc/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSHfFUsPpckPmsXL7GDW24pon9sL9B3_sBaqDAs-zluSc5XOQEZ2zGxA2k_4t7Dji7_QNN1wgIelxntdLn5QjS-nsnBlrNpjG3lyhfJyQWds9BFCDJnbvmF0LNPTweyZqANJkZ5nJsUo0/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQreQTrJKhFPBxs7BRnZ2hoLVQo9Mn1snr3xnOLkDrAf8dCPOfZaFAVLhJRh9YVpjepBhKmJiEtlY6JZdmwVup-T1tPCv3ds3alTkPlZZ6xm9DjfHO2yT8B0YYXG6RXu7aS2TNOopslkw/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEispwAlg1y1LLTnQVvb9hcVHp055KODCPaoFn9DTjQGRFltbyorFl8BXkkT27ZOU5akJfjkcwnGoEbjgtzz-DLmRw_nfcVVpl6W-OTqNxxmtMWqtVOWecFRGk6KPJEB30Xs3Ef_GE8HqVs/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRH5HRacKW2CzOcVTKzV8n2rhSuNhpjg5JswxU5Y-DIxC3dKM4MYnq48lxHCOzUyP_EspZzJ2q7i-wu03BY3i56aNRgGY2IneC7tXF3oX5DcGyeKzeoMWzchF8GBmSA3K-qezT6ghXbU/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_BgJm4VHy01YVQZMeCk-5Wq5UbashUlzvSoAo4dWPJmQfZtc95fsY8kKqUi46nW4iShrOH0be-qscLH4sLzoRu527ZB8to8Nek_tjZooY85oJLP5C0-D4fF6rvw8X0fNuh_ivTGLavOk/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gY7xmJcZ6MKSq29YgoNXrgukn_0qQcyCQkFTz0wdzmUxCbqdDDwPLddZxmbFY4BHRizZDvRVAEF9YtfwgPn-XEC2NxZdQMcZeKBi6WPczTiIywAeErkyHrEtdFTV2heL4ta80QnFhH4/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikpIkfZi22GOFilaH_WEEJ2P1rsBlVr8ToLX_55Y5AA-Rml2Sngf_8V2bANlIPdQTO9TM7VAuuUzSpHttBswzExJHZBk9XVS2PASgadSYG-IbnNYn1jJeAvWTiCut3RnFD9aVjcvdRGtQ/s1600/red+bird.png

Ganti Tulisan yang berwarna biru dengan username twitter sobat. 


Semoga membantu!!