Friday, November 17, 2017

√ Cara Menciptakan Widget Social Media Blue Square Di Blog

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, sekarang nampaknya perkembangan social media semakin mumpuni, bagaimana tidak, hampir setiap orang yang memakai internet mempunyai akun social medianya masing-masing, entah itu Twitter, Facebook, ataupun Google+. Makara tak dapat dipungkiri lagi bergotong-royong sekarang ada 2 elemen yang sangat dekat berafiliasi dengan faktor marketing blog, yaitu SEO dan Social Media, alasannya yaitu dua-duanya mempunyai tugas yang besar, tinggal kembali lagi dengan pemilik blog tersebut ingin menentukan yang mana.

Search engine optimization memang suatu hal yang sangat menguntungkan apabila kita dapat menggunakanya secara optimal, akan tetapi, untuk menemukan sebuah formula atau dosis 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, alasannya yaitu faktor utamanya yaitu user expirience :)

Nah, bila anda merasa tidak cocok atau bahkan kurang maksimal dengan memakai sumber daya trafik yang dihasilkan oleh SEO, maka salah satu jalan keluarnya yaitu Social Media ini, memang agak sulit untuk mendapat fans atau followers, namun kita dapat mengoptimalkanya dengan cara memperkenalkan akun tersebut ke para pengunjung blog, biar mereka mengetahui keberadaan akun tersebut, bagaimana caranya? dapat 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 isyarat 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/AVvXsEjl90CIN1sAhyphenhyphenzy4mJC3r9jMBgZWS6c9rPjBFs6NQnxSS8w4Cgq4AG1rkbr2Swjywvm0PRf07eFdywjqizIfORxXcky8A9HRi6S34uOcnOpZ7JLd1ZKyghviMxSRrFV0aJOnVPYa-nbeEjI/s1600/Bloggertrix-facebook.png" /></a>
<a class="farespo-social-icons" href="https://twitter.com/farespo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSNPLdgbyD-srhRLE29ZVk63dxWS9K-ldvP3eMrL1Ro8sYMpYXzAtLpSOfwBowTlGqxpuUHc23JLjjr0cr95w65YvF3_o92yFKFyg8Vf1Lk3IJe1OXnSM3uTcS7w_UDJ3cM5_XDSUFBdp/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/AVvXsEjpp6LfH2IaTRXVc4ZsV4Y-Yxv6PeV42uS9YNVwL7aTpjRJ7mlrVqF1Z2pgQnZXecWQOYfLRRWEw9FTlHBPj7I1f_qfBkwhqdUkql-I3Nqtf2kejHASYCdLPchUFXwt4n5Lwm9cIHeQky6J/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/AVvXsEgmVQ0Do1YQegJ1XcN7kIzijOejnxsl7q48BHPksOgBhTKav-myEf1rwJnSBmAjXRy0FGLR9h-8OMvqQQXz0SSrV5daLhV9j_k8lco9q1S7gKu4KidppeeYHYfSc21BkRqluNoW-HJMsfoy/s1600/Bloggertrix-Rss.png" /></a>
<a class="farespo-social-icons" href="http://pinterest.com/farespo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYedCJuerSsW0Dq1fWv9s4sNNYkJL-4hHLcZnmKDNY8zhrKmmcI62ktGM-ZqLTgqvyb8wrYiJtY9imEGDEddKw8V11DgY7Adv3oNTRH8xtwdgPFvIZjBeuOfHywW4Cn9XPkUslzIBqsddo/s1600/Bloggertrix-pinterest.png" /></a>

Keterangan:

  • Ganti isyarat yang berwarna biru muda dengan ID Akun / Nama Fanpage Facebook anda
  • Ganti isyarat yang berwarna biru tua dengan Username Twitter anda
  • Ganti isyarat yang berwarna merah dengan ID Google+ anda
  • Ganti isyarat yang berwarna oranye dengan ID Feedburner anda
  • Ganti isyarat yang berwarna hijau dengan ID Pinterest anda

Bagaimana? gampang sekali bukan untuk menciptakan widget social media manis di blog kita. Demikian isu terbaru seputar tutorial blog tentang Cara Membuat Widget Social Media Blue Square di Blog, semoga bermanfaat, dan selamat mencoba.

Sumber http://farespo.blogspot.com