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
Tidak ada komentar:
Posting Komentar