Cara Membuat Widget Social Media Blue Square di Blog

Cara Membuat Widget Social Media Blue Square di Blog
Membuat Widget Social Media Blue Square - Jika kita perhatikan, kini nampaknya perkembangan social media semakin mumpuni, bagaimana tidak, hampir setiap orang yang menggunakan internet memiliki akun social medianya masing-masing, entah itu Twitter, Facebook, ataupun Google+. Jadi tak bisa dipungkiri lagi bahwasanya kini ada 2 elemen yang sangat erat berhubungan dengan faktor marketing blog, yaitu SEO dan Social Media, karena dua-duanya mempunyai peran yang besar, tinggal kembali lagi dengan pemilik blog tersebut ingin memilih yang mana.

Search engine optimization memang suatu hal yang sangat menguntungkan apabila kita bisa menggunakanya secara optimal, akan tetapi, untuk menemukan sebuah formula atau takaran SEO yang komposisinya ideal tidaklah mudah, kita membutuhkan banyak pengalaman melalui trial & error yang kita alami selama bereksperimen, jadi dalam seo jangan takut untuk mencoba dahulu sebelum kita mengetahui hasilnya, karena faktor utamanya adalah user expirience :)

Nah, jika anda merasa tidak cocok atau bahkan kurang maksimal dengan menggunakan sumber daya trafik yang dihasilkan oleh SEO, maka salah satu jalan keluarnya adalah Social Media ini, memang agak sulit untuk mendapatkan fans atau followers, namun kita bisa mengoptimalkanya dengan cara memperkenalkan akun tersebut ke para pengunjung blog, agar mereka mengetahui keberadaan akun tersebut, bagaimana caranya? bisa dengan memasang widget social media di blog.

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="http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/Bloggertrix-facebook.png" /></a>
<a class="farespo-social-icons" href="https://twitter.com/farespo"><img src="http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/bloggertrix-twitter.png" /></a>
<a class="farespo-social-icons" href="https://plus.google.com/089219879173917931"><img src="http://3.bp.blogspot.com/--KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="farespo-social-icons" href="http://www.feedburner.com/farespo"><img src="http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/s1600/Bloggertrix-Rss.png" /></a>
<a class="farespo-social-icons" href="http://pinterest.com/farespo"><img src="http://1.bp.blogspot.com/-iv1pKDx2qxg/USDjwH6dBHI/AAAAAAAAAZU/6aBgMmf8RgY/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

Bagaimana? mudah sekali bukan untuk membuat widget social media cantik di blog kita. Demikian informasi terbaru seputar tutorial blog tentang Cara Membuat Widget Social Media Blue Square di Blog, semoga bermanfaat, dan selamat mencoba.

10 Responses to "Cara Membuat Widget Social Media Blue Square di Blog"