31/12/11

Tutorial cara letak Google Friend Connect (follower) ke template Blogskin


Tutorial ni adalah request Blogger dari seberang OIYOI ...

Seperti yang anda tahu.. template classic ni tiada add a gadget.. jadi semua widget anda perlu letak terus ke dalam template..

Untuk widget Google Friend Connect.. anda tidak boleh letakkan pada navigation yang tersedia.. sebab widget tu memerlukan connection terus ke server google.. jika tiada connection secara langsung widget tu akan gagal berfungsi dengan cekap..

Dengan erti kata lain.. bila orang buka site/blog anda.. widget tu mesti muncul/tampil pada homepage anda...

Terdapat pelbagai cara untuk meletakkan widget google friend connect... dan cara yang paling senang ialah dengan menggunakan code yang aku pernah postkan iaitu cara buat floating widget

Dalam tutorial ni aku sertakan 2 code serta live demo..

Mula2 pergi ke desbot---template... kemudian cari code

<body>

Kemudian masukkan code di bawah selepas code yang dicari tadi

CODE 1


<div style='position:fixed;top:3px;left:2px;'>

GANTIKAN TULISAN INI DENGAN CODE GOOGLE FRIEND CONNECT

</div>




CODE2



<div style='position:absolute;top:3px;left:2px;'>

GANTIKAN TULISAN INI DENGAN CODE GOOGLE FRIEND CONNECT

</div>



cara edit kedua2 code

perkataan top(atas) anda boleh gantikan bottom(bawah)

perkataan right(kanan) anda boleh gantikan left(kiri)

top:3px bermakna widget tu berjarak 3px dari atas.. manakala right:3px jarak widget tu 3px dari kanan..

ubah ikut kesesuaian template blog anda

Widget google friend connect anda boleh dapatkan DISINI

Sekian





Contoh Code 1
code ni membuatkan widget google friend connect anda float/terapung






Contoh Code 2
code ni membuatkan widget google friend connect anda tidak float/terapung

5 ulasan:

Tanpa Nama berkata...

wow pandai banget sobat ini. pake template html ane belum berani sob.

Polskahackrew berkata...

@Deganshah Putra
template classic mudah saja bro.. sebab code dalam template tu simple saja..

Dayini berkata...

tak jadi punn ~ dia jadi ape ntahh .. harap bolee di perinci kan lagii :))
anyway, sudah follow :)

Polskahackrew berkata...

@DaYiNi
awak buat dia jadi apa?.. awak pakai template blogskin?

Interiors design berkata...

gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com
gmboel.com

entri ja

Related Posts Plugin for WordPress, Blogger...