Memasang Tombol Follower Di Blogger

Memasang Tombol Follower Di Blogger-Ada teman saya yang tanya gimana cara buat tombol like, follower, subscribe youtube kaya punya saya? dari pertanyaan itu langsung saya jawab dan tidak terlintas dalam fikiran saya buat bikin artikel ini. Namun tidak lama kemudian saya buka email dan ada yang bertanya seperti teman saya dan minta saya buat panduannya.

Nah sebenarnya saya sudah pernah bahas ini pada artikel terdahulu satu per satu mula dari membuat like buttons, follower twitter, tombol button Instagram sampai dengan tombol subbscribe dan histats. Nah jika jika males cari artikel saya satu per satu maka saya gabungin aja deh panduannya disini biar cepat ya hehe

Sebenarnya saya bingung mau kasih judul apa tapi intinya saya hanya ingin kasih cara buat memasang tombol follower twitter, subscribe youtube, tombol button Instagram dan like button Facebook seperti yang terlihat pada sidebar blog saya ini. Baca Juga: Cara Mudah Membuat Social Icon Keren Spesial

Memasang Tombol Follower Di Blogger

  • Login ke akun blogger sobat
  • Pada dashboard pilih Layout
  • Pilih Add a Gadget
  • Pilih HTML/JavaScript
  • Copy dan paste kode dibawah ini pada HTML/JavaScript
Klik Untuk Membuka
<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=”https://facebook.com/giribigdotcom” 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=”https://twitter.com/kudil_kadil“>
Follow @kudil_kadil</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=”https://plus.google.com/117721121763496167927” 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=”https://www.instagram.com/driadi7/?ref=badge” 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=”UCncfas3xCnAGbth8aRVqh5Q” data-layout=”full” data-count=”default”></div>

<!–Youtube Subscribe Buttons End–>

</center></div>

  • Terakhir Simpan

Keterangan:

Pada kode yang saya tandai warna adalah kode yang bisa kalian ganti yang diantaranya sebagai berikut:

  • Warna Biru adalah tinggi scroll
  • Warna Pink adalah Lebar scroll
  • Warna Hijau silahkan ganti dengan alamat URL social media Facebook, Twitter, Google+, dan Instagram
  • Warna Merah silahkan ganti dengan ID Twitter dan Youtube

Khusus youtube silahkan kunjungi artikel saya sebelumnya: Cara Jitu Meningkatkan Pelanggan Youtube

Memasang Tombol Follower Di WordPress

  • Masuk ke Wp admin
  • Pada dashboar arahkan kursor mouse ke Tampilan
  • Pilih Widget
  • Pilih Text
  • Copy dan paste kode diatas lalu simpan

Untuk menambah widget lain seperti Histats tinggal masukin script histat sebelum kode </center>, jika masih bingung cara daftar histats silahkan baca panduan Cara daftar Histats. Sekian untuk artikel kali ini tentang Memasang Tombol Follower Di Blogger, semoga artikel kali ini dapat bermanfaat. Untuk pertanyaan silahkan kiri pada kotak komentar atau bisa langsung mengirim ke email kami melalui menu Contact.

Baca Juga Cara Membuat toko online dengan mudah | CARA DAN KUMPULAN KERAJINAN UNIK DAN KEREN

6 thoughts on “Memasang Tombol Follower Di Blogger

Leave a Reply

Your email address will not be published. Required fields are marked *

Read previous post:
Cara Mudah Membuat Widget Translator Di Blogger

Cara Mudah Membuat Widget Translator Di Blogger-Blog sobat kebanjiran pengunjung?...

Close