Maklumat Terkini


Web Blog ini menyediakan dan memberi anda saluran info, tips mudah,cara-cara dan teknik serta teknologi dalam dunia internet mahupun komunikasi terkini.

Menambah butang 'like' facebook pada blogspot

Facebook telah menambah ikon ‘like’ di mana – mana kandungan web untuk memudahkan aktiviti yang mudah diposkan ke dinding pengguna. Kemudahan ini juga memudahkan pengguna berkongsi maklumat dan juga informasi yang senang kepada pengguna lain di serata dunia. Ia juga telah memberikan idea bagi sesetengah pelayar untuk menaikkan trafik untuk kandungan yang diniginkan.
Artikel yang akan diberikan memudahkan pengguna untuk menambah ikon di web yang anda suka bagi mempromosi dan memperkenalkan web anda kepada umum dan rakan sekeliling.

Cara – cara untuk menambahkan ‘like’ pada web anda.
Disini saya akan berkongsi bagaimana anda ingin menambah butang ‘like’ pada Blogspot anda….

Langkah pertama >

Sila masuk ke link yang diberikan;


Paparan diatas menunjukkan website yang perlu anda turuti;

Langkah kedua >

Pilih ‘Option’ pada paparan yang disediakan bagi langkah pemilihan. Anda juga boleh memilih butang
‘like’ ataupun ‘recommended’ . Ini akan dipaparkan kepada umum apabila siap coding nya.

Langkah ketiga >

Tinggalkan ruangan kosong di atas. Ini kerana ruangan yang kosong akan di isi kemudian apabila pemilihan ‘option’ sudah memenuhi krateria. Akan tetapi anda boleh memasukkan web link anda bagi memudahkan reference kepada anda akan dating pada blog anda.
Langkah keempat >

Di sini ada trick sedikit untuk menambahkan butang ‘like’ pada blog anda…paparan dari option akan  terpapar seperti dibawah. Selain  itu juga ;
1.       Anda boleh meletakkan code yang anda suka pada  <body> website blogspot anda
2.       Anda boleh juga meletakkan code tersebut pada gadget yang disediakan seperti <HTML> di ‘layout’
3.       Kedua – dua cara ini juga boleh digunakan.
 .contoh;

Bagi code pertama seperti diatas , anda boleh meletakkan disebarang tempat di kawasan <body> website ataupun di kawasan gadget <html> yang disediakan pada layout option pada blogspot.  




2

1
Saya meletakkan Dua kod diatas berasingan bagi memudahkan diteksi/dikesan oleh blogspot. Saya mencuba memasukkan kod kedua-duanya kedalam <html> tersebut. Tapi tidak muncul..hehe. Kod nombor 2 letakkan diatas kerana ingin memaparkan dengan lebih jelas pada kedudukan yang saya inginkan. Nombor 1 diletakkan dibawah…..mudah bukan?

Lihat hasil di bawah ini ; 



Saya meletakkan ditempat yang visitor/ pelawat senang untuk dilihat …..

Selain itu, saya terlupa, anda juga boleh memasukkan kod kedalam  CSS code di

Template  >  HTML  >  Tikkan pada Expend Widget Templates

Kemudian cari kod seperti dibawah ;

<div class='post-footer'>

Dan paste/tampal/tempelkan kod yang ingin digunakan dibawah kod yang dipapar dan terlihat.

Itu sahaja dari saya…


..terima kasih…..

K.wg









0 comments:

Post a Comment