! ✿BLOGGER BLOG TUTORIAL✿ !: Tutorial cara letak Google Friend Connect (follower) ke template Blogskin

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