Widget Follower Blogspot Terapung

Widget follower blogspot terapung - Ada rakan blogger baru yang mohon saya sediakan tutorial ini. Walaupun blog saya tidak dipasang kekal widget ini, tetapi saya boleh katakan ia satu widget yang bagus untuk blog, terutama yang mahu blog mereka diikuti (pengunjung jadi pengikut) dan dalam masa yang sama, jimat ruang di sidebar blog.

Terima kasih kepada +IeDaa SuzieAnnA yang bertanya kepada saya dalam entri ini - Kod HTML Widget Follower Blogspot

Widget Pengikut (Follower) Blogspot Terapung

Widget yang dimaksudkan iaitu widget follower blogspot yang terapung di bahagian atas (sebenarnya boleh terapung kat mana-mana bahagian blog), seperti contoh di bawah ini.

Widget ini ambil ruangan minima dalam blog. Jadi ruang dalam blog terutama bahagian sidebar blog bolehlah digunakan untuk meletakkan widget lain yang bermanfaat untuk blog. Ok, apa yang perlu anda buat ialah salin tampal (copy paste) kod HTML di bawah ini. Kod HTML ini boleh diletakkan menerusi Add HTML/Javascript di dashboard Layout blogspot anda.

<!-- LETAK BUTANG FOLLOW BLOG --> <div style="position: fixed; top: 5px; right: 90px;"> <a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a> <!-- LETAK DASHBOARD BLOGSPOT --> <div style="display:scroll; position:fixed; top:5px; right:2px;"> <a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

Sebelum anda save kod HTML ini di sidebar blogspot anda, pastikan anda gantikan dulu ID BLOG ANDA dalam kod di atas. Untuk dapatkan id blogspot anda, cuba lihat contoh di bawah ini.

Apabila dah tukar, sila save dan lihat hasilnya pada blog anda.

Dah Letak Tapi Widget Tidak Kelihatan

Mungkin ada yang letak, tapi tak kelihatan. Ini disebabkan oleh kedudukan widget follower tersebut yang mungkin terletak di belakang widget lain. Untuk itu, anda boleh cuba ubah kedudukan widget follower blogspot anda, untuk ubah .. perhatikan kod-kod ini.

position: fixed; top: 5px; right: 90px;

Cubalah ubah nilai top dan right itu. Untuk turun atau ke tengah blog .. naikkan nilai sehingga top - 50px, untuk ubah kedudukannya untuk hampir dengan bahagian tepi, boleh kurangkan nilai 90 tu menjadi 20 atau -90 ...

Bab ni, nak cerita lebih susah sikit dalam blog. Kena one-on-one kena tunjuk baru faham lebih sikit. Tapi andai penerangan di atas buat anda faham, alhamdulillah.

Ok. Selamat mencuba.


p.s: Ada masalah, boleh PM saya menerusi facebook