Dalam entri ini, aku nak kongsikan dengan korang bagaimana untuk hasilkan Facebook LikeBox yang responsive dan kacak bergaya, macam Fairlady Z di atas.

Langkahnya amat mudah.

1. Dashboard Blogger -->> Layout --> Add Widget --> HTML/Javascript Widget

2. Masukkan kod di bawah

 




   
    
   
   
 





Dan dapatkan tips dan tutorial terbaru terus ke wall FB anda!

Ada dua tempat yang korang kena gantikan https://www.facebook.com/pendekar.laut.online dengan URL Facebook page korang sendiri.

Kedua-duanya di baris 36.

Kalau susah tengok code di atas, klik sini. (Bagi perhatian pada baris 36 dan 38)

3. Save dan Preview.

Semoga berjaya :)

Facebook LikeBox Yang Bergaya dan Responsive

• , •
• Blogger CSS Media Sosial Tutorial •
• Tiada Komen •
• Unknown
  Unknown

— Teruskan Pembacaan —

Ahaaa, yang ni memang lawak.

Aku punya la dok coding sana sini untuk hasilkan badge yang responsive, dan sekali solusi dia dah wujud depan mata daaaa.

So, untuk mengelakkan korang tepuk dahi sama macam aku malam ni, baik la aku share cepat-cepat kan hihihihi.

Caranya

Untuk hasilkan Badge Google+ yang responsive adalah amat mudah.

1. Lawati laman ni: https://developers.google.com/+/web/badge/

2. Ubah setting sesedap rasa. Sama ada nak berlatar belakang hitam atau putih. Sama ada nak ada cover picture atau tidak.

3. Klik perkataan Advanced Options (Anak panah OREN)

4. Klik kotak (checkbox) Dynamic (Anak panah KUNING)

5. Copy code yang dijana oleh Google+ (Anak panah HIJAU)

6. Paste di mana-mana HTML/Javascript Widget di blog Blogger korang ataupun Text Gadget di WordPress korang.

Badge Google+ Yang Responsive

• , •
• Blogger Media Sosial Tutorial •
• Tiada Komen •
• Unknown
  Unknown

— Teruskan Pembacaan —

Korang tau tak yang blog korang akan jadi slow sikit kalau letak Facebook like button atau Facebook like page tu?

Serious!

Tak la banyak sangat. Tapi pada hantu SEO, semua benda ni dia amik kira. Sebanya, Google suka pada blog yang load cepat.

So, untuk blog PendekarLaut ni, aku cuba try test tengok. Berapa banyak dia score di Pingdom untuk:

Blog tanpa Facebook Like

Tanpa Facebook like punya code, blog aku ni dapat 87% score dan yang paling best tu, 91% lebih laju dari semua website yang pernah di uji di sini.

Ehem... bangga jap.

Well, terima kasih En. Google sebab bagi platform yang berdesup ni (WordPress aku di VPS yang pakai SSD pun semput nak atas 60% in term of relative speed walaupun skor boleh atas 93%). 

Blog dengan Facebook Like

Tapi bila aku masukkan aje kod Facebook, jeng jeng jeng...

Habis turun der.

Dari skor 87% turun ke 82%. Ouch.

Dari 91% faster dah tinggal 87% faster je. Double ouch.

So, Patut Ada Tak Facebook Like Ni?

Pada pendapat aku, kalau korang into Social Marketing jugak, memang wajib ada lah walaupun ia akan memperlahankan sikit blog korang.

Sebabnya, kalau pengunjung datang dan dia suka dengan apa yang ada kat blog korang dan dia rasa dia nak dapat notifikasi bila korang update entri blog korang... dia mesti nak like page korang.

Cuba bayangkan, dia dah nak like ni... tetiba cari Facebook like button tak dek pulak. Aduh. Jammed.

Lagipun, Facebook page Google dah bagi perhatian sekarang ni. Dan ia berkait juga dengan autoriti korang sebagai pemilik blog di mata Google.

So, memang tak rugi lah kalau penalti performance tak seteruk mana. (Macam result aku di atas, kira boleh terima lagi lah)

Tips Tambahan

Anyway, kalau korang nak tau, Facebook Facepile (ala, yang like button keluar muka banyak-banyak tu), lebih berat dari yang tak nampak muka (sebab tu aku tak show muka-muka likers di sini).

Nak Letak Plugin Facebook Ke Tak di Blog?

• , •
• Artikel Media Sosial SEO •
• Tiada Komen •
• Unknown
  Unknown

— Teruskan Pembacaan —