Cara membuat Widget Follow Us On di Blog

    Cara membuat Widget Follow Us On di Blog , Sudah banyak Orang yang menggunakan fitur ini. namun kebanyakan tampilannya berbeda - beda tergantung selera saja. kali ini saya share Follow Us On Di Blog agar kalian juga dapat menirunya.
Model Follow Us On :

Saya hanya Memakai 3 social Media Saja ya , biar terlihat simple. Facebook , Twitter , Google + sudah banyak orang yang mempunyai 3 Akun tersebut maka Dari Itu saya memakai Social Media Tersebut.

Cara Menambah Widget :
1. Buka akun Blogger Kalian
2. Pilih blog Yang mau Di Beri Widget Tersebut
3. pilih Layout / Tata letak
4. Klik Add Gadgets ( Terserah Untuk Posisinya )
5. Pilih Html / javascript
6. Masukan Kode Di Bawah ini Di Kolom Content

<style>

#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#tbisose .facebook, .googleplus,.twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZ9KhyVF11Pg1J_Cit1HnPZ1051ufs8hNJCySVOFPP4qfVh6z_HN2hZTdOBPYZhl4OrNXhDZURAlUEpkQ_SGuxPaM8tCiipE7hPtSOT58a6uRLrNn2r2LZAM7V_yrvfLK5Q_RrZy16fM/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-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; -ms-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; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}
#tbisose .icon{overflow:hidden; color:#fafafa;}
#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#tbisose li:hover .icon,
.touch #tbisose li .icon{width:210px;}
.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #tbisose li .pinterest, #tbisose li:hover
</style>
<ul id="tbisose">
<li data-alt="Facebook"><a class="icon facebook" href="https://www.facebook.com/RezaJrockStarsJombang">Follow Us On Facebook</a></li>
<li data-alt="Twitter"><a class="icon twitter" href="https://twitter.com/RezaJrsSpirit">Follow Us On Twitter</a></li>
<li data-alt="Google+"><a class="icon googleplus" href="https://plus.google.com/u/0/109363194369991979382">Follow Us On Google+</a></li>
<small><div style="font-size:80%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://aishiteru-info.blogspot.com/2014/04/cara-membuat-widget-follow-us-on-di-blog.html" target="_blank" title="Widget Follow Us"></a></div></small></ul>

Keterangan :
- Warna Merah ganti dengan nama Pengguna Facebook anda.
- Warna Biru Muda ganti dengan username Twitter anda ( Tanpa "@" )
- Warna Biru ganti Dengan Id Google Plus Kalian.

7. Lalu Klik Save.

Selesai. baca Artikel CARA MENAMBAHKAN LIKE BOX FANSPAGE MELAYANG.

Posted by MOCHAMAD REZA S

Tweet