03/03/11

Merubah tampilan google friend connect

Posted by pamuji99 00.45, under | 3 comments


Beberapa waktu yang lalu hampir 2 minggu tampilan google friend connect  blog ini hilang saya cari dan blogging kemana mana dach saya rubah ke google friend connect dengan memasukkan kode API dan akhirnya muncul...yach akhirnya saya posting masalah tersebut "google friend coonect  Anda hilang "akan tetapi saya bosan dengan tampilan kotak begitu saja saya putuskan untuk merubah ke tampilan ke Widget Socialbar...yach biar ada perubahan ..dan kalo Anda berkunjung dan membaca postingan ini tentunya Anda bisa melihat tampilan baru GFC yang berada diatas sidebar atas dengan cara misalnya Anda follow cukup klik pada sudut kiri atas :Join or sign in dan tampilan akan muncul seperti widget GFC yang pada umumnya cuman perbedaannya tampilan lebih kreatif dan komunikatif...gitu aja alasan saya yach cuman bosan dengan tampilan GFC yang sudah umum...Jika Anda ingin memasang widget seperti itu cukup mudah caranya yach masuk ke akun Google friend connect setelah itu klik gadget muncul kemudian gadget unggulan yang terletak dibawah gadget member yaitu gadget social bar segera klik gadget socialbar setelah itu muncul 2 pilihan :
1.Opsi : pada pilihan ini muncul kolom yang harus Anda isi pada posisi bilah pilih opsi atas saja.....
2.Buat kode HTML : cukup klik buat kode tapi tampilan ini adalah default simpan dalam notepad dulu juga ngga apa apa jika Anda ingin memodofikasi warna background dan warna border juga link contoh sebagian kode dibawah (ini hanya contoh saja) Anda bisa lewati contoh ini kalau ingin tampilan default /asli dari GFC.pada point 3.
contoh kode
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['POSITION'] = 'top';
yang bertanda tebal dalam tanda petik diatas atau '#...........' bisa anda ganti kode warna untuk bisa  merubah background kode kode diatas,Anda bisa merubah warna lewat photoshop atau juga kode warna HTML

3.Anda masuk ke ID blogger anda seperti biasa  :
  •  Masuk ke Rancangan
  •  Elemen laman
  •  Tambah gadget......masukkan kode google friend connect dan simpan ,lihat hasilnya....



Silahkan copy artikel ini,dengan catatan jangan rubah sumber cukup setting rata kiri kanan text untuuntuk mendapat backlink ke blog ini

Share |

3 comments:

Informasi menarik !!

Wow keren sob, makasih ya :D

Menarik ya.. tp saya selaku gagal untuk mengubah tapilan follow dari dulu ga tau kenapa :D
salam kenal ya


Blog Archive

Blog Archive

 
LH
Select a text on the page and get translation from Google Translate!

Free translator