Site Network: Home | Blogcrowds | Gecko and Fly | About

Autohide Followers Box

Tutorial aku kali nie aku nak ajar korang macam mana nak buat Autohide Followers Box, ataupun Kotak Followers boleh sembunyi. Kebanyakkan dari kita suka sangat lambakkan gadget dan tools-tools kita belah kanan atau kiri blog, kadang-kadang postingnya sikit, tapi gadgetnya panjang berjela-jela kebawah. kalau boleh janganlah banyak sangat letak gadget kat kiri kanan tu, kadang-kadang ada jugak blog aku tengok bubuh chatbox sampai dua, satu untuk orang komen, satu lagi untuk ping website atau produk. 

Jadi hari ini aku nak ajar korang camne nak buat Autohide Followers Box, sekurang-kurangnya dapatlah korang pendekkan sikit blog korang agar tak panjang sangat kebawah.

1. Loggin akaun Blog anda.

2. Klik Design.
















3. Page Elements.

4. Add gadget > HTML / JavaScript. Copy Html code dibawah dah pastekan dalam gadget HTML / JavaScript.



















5. Kemudian anda masuk kat www.google.com/friendconnect/ untuk copy code Followers Box. Bila dah masuk, klik pada blog anda yang mana satu yang anda mahu buat Autohide Followers Box ( Jika anda 
mempunyai banyak blog dalam satu akaun, kalau anda ada satu blog jer terus klik blog tersebut. ) Kemudian klik Add the member gadget.






















6. Seterusnya anda setting Bentuk Followers box anda dari segi saiz, warna dan text mengikut cita rasa anda, dan akhir sekali klik Generate code.
7. Copy dan  paste  kan code tersebut kedalam gadget HTML / Javascript anda tadi, tukarkan perkataan HTML CODE FOLLOWERS ANDA dengan code yang anda copy tadi.

8. Pada HTML / Javascript, anda cari perkataan URL GAMBAR ANDA, copy url gambar anda dan gantikan dengan perkataan tersebut. Gambar tersebut akan dijadikan sebagai button untuk Autohide Followers Box anda, pastikan gambar tersebut tidak terlalu besar. ataupun anda pilihlah saja sample button gambar yang telah saya sediakan dibawah ini. Klik gambar dan copy URLnya.



Peringatan, sekiranya gambar button followers anda tidak dipaparkan sepenuhnya, sila tambah nombor-nombor pada code ini. height:100px; width:30px didalam code Autohide Followers anda sampai anda mendapat paparan gambar yang penuh.

9. Akhir sekali save, dan lihatlah hasilnya.

Contoh Autohide Followers Box di blog aku.


Selamat mencuba.


Sekiranya anda tidak paham dengan tutorial aku nie, silalah ajukan soalan di Facebook Group Blogger Tutor Malaysia.

0 Comments:

Post a Comment