Cara Membuat Widget Contact Info di Blog

Mungkin Ini Widget Contact Info Apakah. Ini Kontak Informasi Di Blog Ini Widget. Apakah Kontak Informasi Ini Daftar Kontak Disini Facebook Page, Facebook Profile, Twitter, Google Plus, Instagram, Whaff, CashPirate, Nomor HP/Telepon, Email, Website, LINE, Kakao Talk, Wechat, Whats App, BBM, Garena, My People, BeeTalk, Referal PPC, Referal PTC, Referal PTS dan Lain-Lain Semuanya Ada. Ini Kontak Informasi Widget Di Blog Siapa Apakah Itu.

Hari Ini Daftar Kontak Facebook Page, Twiiter, Google Plus, Instagram, Whaff, Nomor HP/Telepon, Email, LINE, Kakao Talk, Wechat, Whats App, BBM.
Segera Daftar Kontak Website, CashPirate, Garena, My People, Bee Talk, Referal PPC, Referal PTC, Referal PTS dan Lain-Lain

Cara Membuat Widget Kontak Informasi Di Blog

1. Masuk Blogger
2. Klik Tata Letak
3. Lanjut Klik Tambahkan Gadget
4. Terus Klik HTML/Javascript
5. Letakkan Kode Dibawah Ini Widget Kontak Informasi

<style>
.contactinfo {background-color: #222;color: #FFF;height: 200px;overflow: auto;box-sizing: border-box;border: 4px solid #AAA;}
.contactinfo a{text-decoration: none;}
.contactinfo a:link{color: #EEE}
.contactinfo a:visited{color: #DDD}
.contactinfo a:hover{color: #FFF}
.contactinfo a:active{color: #888}
.contactinfo > div {border-bottom: 2px solid #DDD;}
.contactinfo .facebook {background-color: #3B5998;color: #FFF;padding: 7px;}
.contactinfo .twitter {background-color: #55ACEE;color: #FFF;padding: 7px;}
.contactinfo .googleplus {background-color: #EA4335;color: #FFF;padding: 7px;}
.contactinfo .instagram {background-color: #3F729B;color: #FFF;padding: 7px;}
.contactinfo .whaff {background-color: #4190f6;color: #FFF;padding: 7px;}
.contactinfo .call {background-color: #A4C639;color: #FFF;padding: 7px;}
.contactinfo .email {background-color: #006699;color: #FFF;padding: 7px;}
.contactinfo .linenaver {background-color: #3ace01;color: #FFF;padding: 7px;}
.contactinfo .kakaotalk {background-color: #ffe812;color: #000;padding: 7px;}
.contactinfo .wechat {background-color: #2dc100;color: #FFF;padding: 7px;}
.contactinfo .whatsapp {background-color: #02a75a;color: #FFF;padding: 7px;}
.contactinfo .bbm {background-color: #0075bc;color: #FFF;padding: 7px;}
</style>

<div class="contactinfo">


---- LETAKAN TAMBAH DAFTAR KONTAK ----


</div>

Perhatikan Warna Biru Ini Tambah Daftar Kontak Disini:

Facebook Page:

<div class="facebook"><i class="fa fa-facebook-official fa-fw"></i>
 Like Us <a href="http://www.facebook.com/username" target="_blank">Facebook</a></div>

Perhatikan Warna Merah Link Nama Pengguna Facebook
Perhatikan Warna Biru Judul Halaman Facebook

Twitter:

<div class="twitter"><i class="fa fa-twitter fa-fw"></i>
 Follow Us <a href="http://www.twitter.com/username" target="_blank">Twitter</a></div>

Perhatikan Warna Merah Link Nama Pengguna Twitter
Perhatikan Warna Biru Judul Profil Twitter

Google Plus:

<div class="googleplus"><i class="fa fa-google-plus fa-fw"></i>
 Circle Us <a href="https://plus.google.com/+usernameornumber" target="_blank">Google Plus</a></div>

Perhatikan Warna Merah Link Nama atau Nomor Pengguna Google Plus
Perhatikan Warna Biru Judul Halaman Google Plus

Instagram:

<div class="instagram"><i class="fa fa-instagram fa-fw"></i>
 Follow Us <a href="https://www.instagram.com/username" target="_blank">Instagram</a></div>

Perhatikan Warna Merah Link Nama Pengguna Instagram
Perhatikan Warna Biru Judul Profil Instagram

Whaff:

<div class="whaff"><i class="fa fa-user-plus fa-fw"></i>
 Invite Us AA00000
</div>

Perhatikan Warna Biru Kode Undang Whaff

Nomor HP/Telepon:

<div class="call"><i class="fa fa-phone fa-fw"></i>
 Call Us XXXX XXXX XXXX
</div>

Perhatikan Warna Biru Nomor HP atau Telepon Anda

Email:

<div class="email"><i class="fa fa-envelope fa-fw"></i>
 Email Us <a href="mailto:username@gmail.com">username@gmail.com</a>
</div>

Perhatikan Warna Merah Link Email Anda
Perhatikan Warna Biru Teks Email Anda

LINE:

<div class="linenaver"><i class="fa fa-user-plus fa-fw"></i>
 Invite Us username
</div>

Perhatikan Warna Biru Nama Pengguna LINE

Kakao Talk:

<div class="kakaotalk"><i class="fa fa-user-plus fa-fw"></i>
 Invite Us username
</div>

Perhatikan Warna Biru Nama Pengguna Kakao Talk

Wechat:

<div class="wechat"><i class="fa fa-weixin fa-fw"></i>
 Invite Us username
</div>

Perhatikan Warna Biru Nama Pengguna Wechat

Whats App:

<div class="whatsapp"><i class="fa fa-whatsapp fa-fw"></i>
 Invite Us XXXX XXXX XXXX
</div>

Perhatikan Warna Biru Nomor HP Whats App Anda

BBM:

<div class="bbm"><i class="fa fa-user-plus fa-fw"></i>
 Invite Us XXXXXXXX
</div>

Perhatikan Warna Biru Nomor PIN BBM Anda

Segera Ini Website, CashPirate, Garena, My People, Bee Talk, Referal PPC, Referal PTC, Referal PTS dan Lain-Lain

6. Selesai Klik Simpan
7. Lihat Hasil Blog

Demo