Cara menambahkan widget socialmedia

Posted by : utamibiran Senin, 10 Maret 2014

Hallo guys!

Sekarang, saya akan posting tentang Cara memasang widget sosial media di blog, dengan memasang widget sosial media pada blog, kalian dapat mengundang pembaca/pengunjung blog untuk terlibat dalam jejaring sosial kalian, dan tentunya dapat meningkatkan reputasi blog kalian. Namun hal itu tak akan terjadi jika pengunjung tidak mengklik tombol follow pada widget jaring sosial kalian, dan mereka hanya akan mengklik atau mengikuti update blog kalian kecuali mereka merasa atau menemukan hal yang berguna dan bermanfaat pada blog kalian. Widget ini tidak otomatis dapat meningkatkan follower blog kalian diberbagai jaring sosial tapi setidaknya kita dapat memancing mereka untuk setidaknya mengklik sekali pada tombol dengan membuat/menampilkan tombol widget ini lebih menarik dan memiliki efek hover yang meluas, mulus dan rapih .
Langsung aja yuk kita bahas caranya, checkthisout...
1. Login ke Blogger.
2 . Pilih Tata Letak / Layout.
3. Klik Add Gadget pada salah satu elemen yang ingin anda pasangkan widget.
4. Pilih gadget "HTML/JavaScript."
5. Letakkan kode script berikut ini kedalamnya.

<style>
/* Social Icons
----------------------------------------------- */
a.farespo-social-icons {
margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}
a.farespo-social-icons:hover {
opacity: .7;
filter:alpha(opacity=70); /* For IE8 and earlier */
} height:45px;
width:45px;
</style>
<a class="farespo-social-icons" href="https://facebook.com/utami.pertiwi"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjz9KZcuc1K9jGKL-soKY5e2e33Vk-DGe7pkr2hRGWJ1w1502sRyUN996x4P7qXOdXLu3koTKCQbI31pyMSR6z6Gu_npAMxFToqdMo21jWbpH5RUK98SRhPtLl2U9a0czJVazw_msr4jsW/s1600/Bloggertrix-facebook.png" /></a>
<a class="farespo-social-icons" href="https://twitter.com/tamybiran"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdXbVgbOvtCnvdlw8LhJVct-46AI4xfiMaU4PPgOtnpPFUa4Lvb-Z_XP8FNbQzxqh-pQPw1xAGOnEQInF8v5fWFa1KC_nwzRQqh1JLvtjE70XTKpHPpmEBrRlP1rOfwW_yGWXijsFAxynm/s1600/bloggertrix-twitter.png" /></a>
<a class="farespo-social-icons" href="https://plus.google.com/u/0/114601272560564182561"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHbu6vZkFa4thzbGRsHyfqvxbP1Nn5SraKVJkktXN-vvp5xpjVkQ_L-u5DlKO9FxXjdbiWsqWAbKQs-bAcmNOaweeLd_XHGx6BZ9xVUdIfKlArsJQGGBK_N0IJrY4cySPwTnMsEQPoPQZ/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="farespo-social-icons" href="http://www.feedburner.com/utamiprtw"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqAC2lEyrP8sP8ClseqeLh8S-hZL4mPOJEjHl3xhO6N1mbYngufX7icgtxGUtIh4N51eK1SupjPmYoj6P-LMsuyMLWmfNu1qF8CgMSHwHRl2OcRaxhHjXskbChcAXTrpkaaxlgJBXR-pTy/s1600/Bloggertrix-Rss.png" /></a>
<a class="farespo-social-icons" href="http://pinterest.com/utamiprtw"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHf_Mql3cMfRo31EGLDx5Qb_cqwlLQEh5e_Wax10spjRFGA5EYKpyIdEEvT7w1uNn_UxPEOPgfN8e68EYSCQbtlLn2JY-PKsI3zz2vaAT8uoGIRx3GXhmRLFXrorRA4e6aoJLrly2_7PaQ/s1600/Bloggertrix-pinterest.png" /></a>