Cara Mudah Memasang Tombol Followers Pada Blog

Cara Mudah Memasang Tombol Followers Pada Blog- Kali ini saya akan memberikan Tutorial mengenai pemasangan tombol followes buttons. Lihat disamping kanan atas, di sana nampak ada tombol Facebook, G+, path, Instagram, Linkid, Tewitter, Youtube dan Feed.

Baca juga


Cara Mudah Memasang Tombol Followers Pada Blog

Jika kalian ingin menambah tombol button followers seperti di  atas, saya akan berbagi Scriptnya. Memang ada manfaat tersendiri jika anda memiliki share button/follow button, selain menambah pengikut, anda akan mendapatkan pelunag untuk mempromosikan konten lewat share visitor ke media sosial.

Cara Memasang Tombol Followers di Blogger.

  • Pertama, silakan login ke akun Blogger anda.
  • Pada menu Dashboard Pilih Tata Letak.
  • Klik Add a Gadget, pilih HTML/JavaScript
  • Masukkan Kode di bawah ini lalu tekan Save
<div style=”border: 1px solid #eee; height: 200px; overflow: auto; padding: 10px; width: 270px;”>

<!– Start Facebook Like Buttons–>

<center><div class=”fb-like” data-href=”ALAMAT/URL FACEBOOK ANDA” data-layout=”button_count” data-action=”like” data-show-faces=”true” data-share=”false”></div>

<!– Facebook Like Buttons END –>

<!– Start Twitter Follow–>

<a class=”twitter-follow-button”
href=”URL TEWITTER ANDA“>
Follow @USERNAME  TWITTER ANDA</a><script src=”https://apis.google.com/js/platform.js”></script>

<!– Twitter Follow END –>

<!– Place this tag in your head or just before your close body tag. –>
<script src=”https://apis.google.com/js/platform.js” async defer></script>

<!– Place this tag where you want the widget to render. –>
<div class=”g-follow” data-annotation=”bubble” data-height=”20″ data-href=”URL GOOGLE + ANDA” data-rel=”author”></div>

<!– Start Instagram Buttons–>

<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min–moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }</style>
<a href=”URL INSTAGRAM ANDA” class=”ig-b- ig-b-v-24″><img src=”//badges.instagram.com/static/images/ig-badge-view-24.png” alt=”Instagram” /></a>

<!– Instagram Buttons END –>

<!– Start Youtube Subscribe Buttons–>
<div class=”g-ytsubscribe” data-channelid=”ID YOU TUBE ANDA” data-layout=”full” data-count=”default”></div>

<!–Youtube Subscribe Buttons End–>

</center></div>
Keterangan
Silakan anda ganti ukuran panjang dan lebar yang saya beri tanda warna merah
Dan ganti URL/ID sosial media sesuai dengan akun medsos yang anda miliki.(ganti yang berwarna Hijau)

Sekian untuk tutorial kali ini tentang Cara Mudah Memasang Tombol Followers Pada Blog, jika masih ada pertanyaan silakan tinggalkan di kolom komentar. Semoga bermanfaat.
0 Comments