Pasang tombol follow sosial media terbaru di blog

Disaat sobat mempunyai blog tidak lengkap rasanya kalo ga ada fitur klik follow sosial media di blog sobat, menurut Saya fitur ini sangat membantu, karena dengan adanya fitur ini sobat bisa merawat follower setia blog sobat, lebih banyak sosial media mungkin lebih baik karena akan berpeluang visitor lebih banyak dari pada tidak mempunyai fitur klik follower.
tombol follow terbaru
Tombol follow
Saya sendiri sudah memakai fitur ini di blog, bagi sobat yang ingin memasang fitur follow di blog bisa ikuti langkah-langkahnya dibawah ini
  • Facebook
facebook
Facebook|Wikipedia.org
Aplikasi yang pertama yaitu facebook, sobat bisa memasangnya dengan cara seperti dibawah ini
1.Copykan Url profil halaman sobat

facebook

Masuk ke situs https://developers.facebook.com/docs/reference/plugins/follow/
2.Masukan url profil halaman sobat di kolom yang dilingkari warna merah
Note : Yang lainnya kosongkan saja
3.Klik dapatkan kode

Facebook

4.Pilih IFrame

Facebook

5.Kemudian Copy kode iframe tersebut
Sekarang sobat masuk ke halaman blogger sobat

Facebook

6.Tata letak
7.Tambahkan gadget

Blogger


8.Pilih HTML/JavaScript

Blogger

9.Dikolom judul masukan judul sesuai keinginan sobat
Masukan kode iframe yang sudah dicopy ditahap no 5 tadi ke kolom konten

JavaScript

Selanjutnya simpan dan selesai!

  • Twitter

pasang tombol follow twitter terbaru
Twitter|Pixabay

Yang satu ini caranya juga gampang, copykan dulu url profil twitter sobat kemudian masuk ke https://publish.twitter.com/#
1.Scroll ke bawah kemudian pilih twitter button

twitter

2.Pilih Follow button

twitter

3.Masukan url profil twitter sobat
4.Klik review

button twitter

5.Copy code

button twitter

Setelah code dicopy tahap selanjutnya sama seperti tahap memasukan kode iframe facebook
6.Masuk ke halaman blogger
7.Tata letak
8.Tambahkan gadget
9.HTML/JavaScript
10.Masukan Judul dan Konten code yang sudah di copy ditahap lima
Simpan

  • Google Plus
Google plus
Google Plus|Wikimedia

Menurut Saya memasang tombol follow google plus yang paling gampang
Note : Sobat harus login akun Google Plus dulu karena nanti google plus akan langsung mendeteksi url profil jika sudah klik https://developers.google.com/+/web/follow/

1.Copy code

developers google

Kemudian seperti biasa setelah code dicopy tahap selanjutnya memasukan kode ke blog sama seperti tahap memasukan kode yang lainnya

2.Masuk ke halaman blogger
3.Tata letak
4.Tambahkan gadget
5.HTML/JavaScript
6.Masukan Judul dan Konten code yang sudah di copy di tahap satu
7.Simpan

Selesai

Untuk sobat yang ingin memasang semua tombol follow diatas secara bersamaan bisa masukan kode dibawah ini
<div class="metro-social">
<li><a class="fb" href="http://www.facebook.com/Carakuy.id/"></a></li>
<li><a class="gp" href="https://plus.google.com/carakuy.id"></a></li>
<li><a class="tw" href="http://www.twitter.com/carakuy.id"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
</style>

Cara memasangnya
1.Copy kode di atas
2.Masuk ke halaman blogger
3.Tata letak
4.Tambahkan gadget
5.HTML/JavaScript
6.Masukan Judul dan Konten code yang tadi di copy

Note : Semua "carakuy.id" ganti dengan profil url sosial media sobat sendiri

Cara melihat ID google plus :
Masuk google plus
Profile
Copy nomor id lihat poto dibawah ini


Cukup sekian dulu dari Saya ,jangan sungkan bertanya di kolom komentar.
Oh iya jangan lupa Share ya!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel