BLOG INI AKAN DI UPDATE PADA PERTENGAHAN TAHUN 2018 DIKARENAKAN ADMIN MASIH SIBUK DENGAN TUGAS SEKOLAH, SETELAH LULUS AKAN BANYAK ARTIKEL YANG BARU, TETAP STAY YA KUNJUNGI WWW.WEBTEKHNOLOGI.BLOGSPOT.COM

CARA MEMASUKKAN SOCIAL MEDIA (FACEBOOK & TWITTER) DI BLOG

 Pastinya jika anda mempunyai blog anda mempunyai fanspage & anda ingin membuat fanspage anda rame ??? oke langsung saja broo ikuti langkah langkahnya dibawah ini

LANGKAH LANGKAH :
1.Log In Di Blogger
2.Mauk Ke Menu Dashbor Blogger

3.Pilih Tata Letak
4.Pilih Tambahkan Gadget
5.Pilih HTML/JavaScript
6. Copy Script Dibawah Ini

<style>#iconizr li {font-size:18px;font-family:shaun the sheep !important;
color:#cccccc;text-shadow:0px -1px 0px #000;cursor: pointer;height:41px;position: relative;border-top:none;border-bottom:none;list-style:none;}
#iconizr .icon {background: #d91e76 url('http://codecbd.googlecode.com/files/iconizers.png') 3px 0 no-repeat;background-color: rgba(217,30,118, .42);-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;border-radius:20px;display: block;color: #141414;float: none;height: 40px;line-height: 40px;margin: 5px 0 0;position: relative;text-align: left;text-indent: 50px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 250px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;-ms-transition: width .25s ease-in-out, background-color .25s ease-in-out;-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;-webkit-box-shadow: rgba(0,0,0, .28) 0 1px 3px;-moz-box-shadow: rgba(0,0,0, .28) 0 1px 3px;-ms-box-shadow:rgba(0,0,0, .28) 0 1px 3px;-o-box-shadow: rgba(0,0,0, .28) 0 1px 3px;box-shadow: rgba(0,0,0, .28) 0 1px 3px;width:40px}
#iconizr li:after {color: #141414;content: attr(data-alt);display: block;height: 38px;line-height: 38px;position: absolute;left: 55px;top: 0;z-index: 2;}
#iconizr .icon {color: #fafafa;overflow: hidden;text-decoration: none;}
#iconizr .facebook {background-color: rgba(65,131,196, .42);background-position: 3px 0;}
#iconizr .twitter {background-color: rgba(74,191,226, .42);background-position: 3px -40px;}
#iconizr .gplus {background-color: rgba(206,26,29, .42);background-position: 3px -80px;}
#iconizr .rss {background-color: rgba(255,109, 0, .42);background-position: 3px -160px;}
#iconizr li:hover .icon {width:99%;}
#iconizr li:hover .icon {background-color: #d91e76;}
#iconizr li:hover .facebook {background-color: #2d76b9;}
#iconizr li:hover .twitter {background-color: #29b8e5;}
#iconizr li:hover .gplus {background-color:#E0181C;}
#iconizr li:hover .rss {background-color: #ff6d00;}</style>
<ul id="iconizr"><li data-alt="Twitter"><a rel="external" href="https://twitter.com/ikhwan_1933" class="icon twitter" target="_blank">Follow Saya Di Twitter </a></li>
<li data-alt="Facebook"><a rel="external" href="https://www.facebook.com/pages/Web-Tekhnologi-Muhammad-Ikhwan/600989086619399" class="icon facebook" target="_blank">Kunjungi Fanspage Kami</a></li></ul>

NB :
- Ganti Link Berwarna Merah Menjadi Link Twitter Anda
- Ganti Link Berwarna Hijau Menjadi Link Fanspage Facebook Anda

7.Berhasil & Lihat Screen Shootnya Dibawah Ini

2 komentar

Author
avatar

wah sangat bermanfaat
izin nyoba gan

Balas
Author
avatar
Balas

Silahkan Anda Berkomentar Sesuai Topic Dengan Komentar Relavan,Jika Ingin Mendapatkan Backling Bisa Berkomentar Menggunakan "Name / URL" & Komentar Spam Akan Dihapus Otomatis