Cara Membuat Widget Social Media Keren di Blog

Widget social media untuk blog ini memuat like box fanpage facebook, follow twitter, tombol share dan profil google+ (plus). Widget social media ini saya bilang cukup sederhana karena tidak terlalu ramai dan tidak pula terlalu simpel, dan dari segi penampilannya cukup keren dan dengan memasang widget social media ini di blog sobat tentu akan mempercantik/memperindah tampilan blog sobat.

Widget Social Media

Berikut langkah-langkahnya:

1. Login ke Akun Blogger.
2. Masuk ke Dasbor Blog > Tata Letak > Tambahkan Gadget.
3. Pilih HTML/JavaScript lalu salin dan letakkan kode berikut ini di dalamnya.

<div style='background:#fff;margin:0;border:0px;border-bottom:none;'>
<div style='background:#fff;margin:0;'>
<div class="fb-like-box" data-href="https://www.facebook.com/PuloBlog" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div></div>
<div style="background:#fff; border:1px solid #ccc;margin:0; padding:5px 0 5px 40px">
<a href="https://twitter.com/PuloBlog" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @PuloBlog</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://puloblog.blogspot.com">
</div>
</div>

<div class="g-person" data-href="//plus.google.com/+MuhammadharishAbdurrahim" data-layout="landscape" data-rel="author">
</div>
<script type='text/javascript'>
//<![CDATA[
(function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();(function(){var tw1=document.createElement('script');tw1.type='text/javascript';tw1.async=true;tw1.src='http://platform.twitter.com/widgets.js';var tw2=document.getElementsByTagName('script')[0];tw2.parentNode.insertBefore(tw1,tw2)})();(function(){var gp1=document.createElement('script');gp1.type='text/javascript';gp1.async=true;gp1.src='https://apis.google.com/js/plusone.js';var gp2=document.getElementsByTagName('script')[0];gp2.parentNode.insertBefore(gp1,gp2)})();
//]]>
</script>

Keterangan:
  • Ganti PuloBlog dengan ID Facebook Fanpage kamu.
  • Ganti PuloBlog dengan ID atau Username Twitter kamu.
  • Ganti +MuhammadharishAbdurrahim dengan ID Google+ (plus) kamu.
4. Klik Simpan dan lihat hasilnya.

Itulah tadi postingan singkat tentang cara membuat/memasang widget social media keren di blog, semoga cara diatas dapat bermanfaat untuk sobat blogger semua.
Sekian, terima kasih.
Share this article :
+
Previous
Next Post »
59 Komentar untuk "Cara Membuat Widget Social Media Keren di Blog"

oke langsung aja di praktekin, terimakasih

Makasih gan untuk informasinya, sangat membantu :)
http://grosiracemaxstasik.com/

wah, bisa di cobain nih gan di blog ane, biar tambah keren hehe

izin coba gan, punya sayaa sudah rusak

info yang luar biasa, sangat membantu sekali artikelnya

Menarik sekali untuk disimak, sayang banget jika sampai terlewatkan...

WAH widgetnya keren mas, kumbal balik di blog ane mas

ilmu baru lagi....thanks sharingnya gan

mantapp gan....nyontek ilmunya yaa :)) :)) :))

hmm ,, jadi tau saya sekarang ,, :) terimakasih min ,,, ditunggu loh artikel terbarunya :d

wah gampang juga nih , makasih udah di share gan ^_^

wah saya simpan dulu scriptnya :)

Informasinya sangat bermnanfaat sekali teman. Terima kasih banyak. Semoga sukses terus.

makasih gan informasinya, kunbalnya ditunggu FeHow.blogspot.com

Keren banget gan bermanfaat ! :)
goo.gl/Lkq8rq
goo.gl/76ZOtO
goo.gl/Z5uzk2
goo.gl/otfH8i
goo.gl/NNyZvd
goo.gl/YYnyTO

jadi tau caranya,,,,,makasih ya.....infonya

keren artikelnya,,,terimakasih infonya.

TIPS : kalau mau pasang widget jangan terlalu banyak ,, dan yang penting sajah,, agar websitenya tidak lelet pas di muat,,

Info yang sangat bagus dan menarik

ijin coba pasang sob...
jangan lupa y...

Thank untuk infonya, sangat bermanfaat dan juga berguna. Jangan lupa kunjungi balik bloog aku yah.
SUPLEMEN MATA GLAUKOMA
SUPLEMEN HERBAL MATA SILINDER

hmm menarik juga nih infonya, di tunggu juga nih di blog aku, mampir yah.
CARA MENYEMBUHKAN MATA MINUS TANPA OPERASI

Terima kasih nih untuk infonya,

tak coba mas widget nya,
semoga ga bikin berat blog saya

great the articel thanks for share

Makasih infonya gan....
kunjungi juga gan http://www.aslisepatu.com/

Makasih infonya gan....
kunjungi juga gan http://www.aslisepatu.com/

terimakasih atas informasi yang sudah di berikan, sukses selalu ya

makasih sharingnya,, lagi nyari icon yg lucu2 juga, ada ga? hehe

keren juga...heheh...thanks info nya
http://seocipir.blogspot.co.id/

Artikel yang sangat menarik :D
http://clayton88.blogspot.com | http://kagumiterus.blogspot.com/ | http://informasiberitatop.blogspot.com | http://bit.ly/1QTpF4S | http://goo.gl/eQV9d3 | http://bit.ly/1sUU8dl | http://goo.gl/CI4bLf | http://bit.ly/1IAMpsv | http://goo.gl/lNMX3D | http://bit.ly/1NM7v7j | http://bit.ly/1VxDjyt | http://bit.ly/1IAMpsv | http://bit.ly/1QTpF4S | http://goo.gl/cAQcMp | http://goo.gl/97Yn1s | http://goo.gl/tw2ZtP | http://bit.ly/1VxDjyt | http://goo.gl/RkuB4G | http://goo.gl/8rM20b | http://goo.gl/5dAkJO | http://bit.ly/1IAMpsv | http://bit.ly/1IAMpsv

Berita Menarik
Prediksi Bola
Kumpulan Berita Menarik
Kumpulan Berita Campuran
Bandar Bola
Agen Bola
Agen Casino
Agen Bola Terpercaya
Main Dominoqq
Agen Poker
Bandar Ceme
Agen Capsa
Agen Poker Terpercaya

Terimakasih admin..
salam kenal ^_^

Silahkan berkomentar dengan sopan, dan harus:
- Tidak SPAM.
- Sesuai dengan topik yang dibahas.
- Tidak komentar yang mengandung unsur SARA.

Sekian, terima kasih