Cara Membuat Widget Social Media Blue Square di Blog
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/farespo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtRlnRO1SurNjFTf3uXKwYivwn1RsGCmy6O8lUyWKnb945SROtIgczgdOPMFD_UQdQPHYykO6bHkQt_7QOqjlB5Wy_m50RIGKxmieau5USLdbFY-KDIpHJhyphenhyphen_DkgnuHjw59cOndcX__Yub/s1600/Bloggertrix-facebook.png" /></a>
<a class="farespo-social-icons" href="https://twitter.com/farespo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh21gG7MKfHhE4Crkq7_71QrjhNz-Hb1WfiAINZDBkRX1tIhA2Rjo1TpWQGO1wikrnCw7f_xGKFHrqPODy9VPBazLU-GPbrpF7QHLYR35rJoOmSEU96J_fZfb55EsSs5mwcxrSA0XzOJCcm/s1600/bloggertrix-twitter.png" /></a>
<a class="farespo-social-icons" href="https://plus.google.com/089219879173917931"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqYT5lvw1EFWkpaOo_zy8-O0l2Gzn6_nanksYlj2NhLKGncK-7_xu7qZF92urv-6TdreKx3gTTKBTpQYzozvouK56iaziI_GfODlL4xvPH9ViqMGyP44koU8AK0H6dYnKyw362ZVnIR_dE/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="farespo-social-icons" href="http://www.feedburner.com/farespo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ5nq5Wi5ByRu8hHnR8ARsOVIl7eenXmg6hxouZ4mAVskGQOV_g0bqW9_ACClR6YlOCz_v63K5I0qlI9PRDmKsbmXRsER_El5jVqQqk6SEbr0ISsQ59zxxCl8kdMPgKsD1Jy52CZBkkrdv/s1600/Bloggertrix-Rss.png" /></a>
<a class="farespo-social-icons" href="http://pinterest.com/farespo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Cftm4B0jvImd2rYw4BQfbl2lRlKASiswuzfzkXE9BIfpocAV7oZF-i3_CkBHIqQBf-5vxeIvrFazbSs4R-S_vg1hARBD8g4_wbIm0Yfuex64FOGswwBl7e1Ng0dXfmwWrybpNJz4bR7r/s1600/Bloggertrix-pinterest.png" /></a>
Keterangan:
- Ganti kode yang berwarna biru muda dengan ID Akun / Nama Fanpage Facebook anda
- Ganti kode yang berwarna biru tua dengan Username Twitter anda
- Ganti kode yang berwarna merah dengan ID Google+ anda
- Ganti kode yang berwarna oranye dengan ID Feedburner anda
- Ganti kode yang berwarna hijau dengan ID Pinterest anda
Tidak ada komentar:
Posting Komentar