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