Sliding Css Social Profile Widget for Blogger

bagus dan cocok untuk di terapkan blog you...

mari jo liat tutornya,..

* buka blog ente
* tata letak
* tambahkan gadget
* HTML/JAVASCRIPT
* Copy kode dibawah dan letakkan ke dalam html/javascript

<style>
#socialmenu_btrix { 
  margin:0; 
  padding:0; 
  width: 30em; 
  height: 4.5em; 
  overflow:hidden; 
  } 
#socialmenu_btrix li { 
  display:inline; 
  list-style-type:none; 
  } 
#socialmenu_btrix li a { 
  display:block; 
  float:left; 
  text-decoration:none; 
  margin:0; 
  } 
#socialmenu_btrix li a img { 
  opacity:0.7; 
  margin:0.5em; 
  border:0; 
  float:left; 
  } 
#socialmenu_btrix li a span { 
  display:none; 
  } 
#socialmenu_btrix li a:hover { 
  background:transparent; 
  } 
#socialmenu_btrix li a:hover span { 
  width:7em; 
  color:#aaa; 
  display:block; 
  cursor:pointer; 
  float:left; 
  } 
#socialmenu_btrix .h2 { 
  margin:0 5px; 
  padding:0; 
  color:#fc0; 
  font-variant:small-caps; 
  font-size:1em; 
  border:0; 
  }
  
  </style>
  <ul id="socialmenu_btrix"> 
  <li> 
    <a href="https://www.facebook.com/ivankvalentine"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl01u4ZunIdFmmG-6b4kW2H2jX1oQr_5JjfB39i1z0J4KKvL3aQz3C_NNW8LRXyQhmATAx3u5ehm3ImGFCB3vdEsjG6v4-Ku4yEGCCuTI2fMQ0EGdvPeQqvG0AXg8ptpREwvrh64OJEzQ/s1600/Facebook-icon_btrix.png" alt="facebook" width="50" height="50" title="Facebook" /> 
     <span><br /> 
      <b class="h2">Facebook</b><br /> 
      Add to facebook 
     </span> 
    </a> 
   </li> 
   <li> 
    <a href="https://plus.google.com/110561987544809067837"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjJrMdT_YUA-E8DbOmj5gVNL5yEbILnBHv8dCkRf2hFVrUywo-yYrw-J10KfNMJ1Gek1Ls_sLp7Ef0l1NgqsVAFyr4Clzl28584nGPQhyphenhyphen8sc_6DwkKdvJuZnWbd-IPXI2P8ApELrnYzl8/s1600/Google-plus-icon_btrix.png" alt="Google plus" width="50" height="50" title="=Google plus" /> 
     <span> 
      <br /> 
      <b class="h2">google plus</b><br /> 
      Add to Google plus
     </span> 
    </a> 
   </li> 
   <li> 
    <a href="http://feeds.feedburner.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0d9oyFrGu-bNGalD2HME-pOU_fyf2MaqXbC8sM0noZnMo4pQJgQaPMHS_9McWx5hgK5bvDjzfrz3j_ZNl6XKrmisp4xidGlPABiVPruOwcqchwUHlWm0bHJVoQxk7VzyWoh24HYcA41w/s1600/RSS-icon_btrix.png" alt="Rss" width="50" height="50" title="Rss" /> 
     <span><br /> 
      <b class="h2">Rss Feed</b><br /> 
        Subscribe
     </span> 
    </a> 
   </li> 
   <li> 
    <a href="http://stumbleupon.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4u2LLYNLA6SjbzZ0yix0iUXlIudCpeGaHx2cvWpCryCjvfWSRVR6P3Z_MYD2bahoGXSSvWKhyphenhyphen7j0MAltGE2oakR2CrIXpjJxVgd4zontarnfVzWr_LPJ8QfkVHzWD4ZlwipL09N7s5cY/s1600/StumbleUpon-icon_btrix.png" alt="Stumbleupon" width="50" height="50" title="Stumbleupon" /> 
     <span><br /> 
      <b class="h2">Stumbleupon </b><br /> 
      add to stumble
     </span> 
    </a> 
   </li> 
    <li> 
    <a href="https://twitter.com/ivankGribatako"> 
     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh750InX5y0mUaufXjdro29g3-XIJ4dQ1ZF53bQU-cCmB5mD7xixs4orM_4W-T-HbvN71cRfL5U-pfEDz6iQyqXH-4P_S0cZbuCwMy3wnzxb18y24Tq1hD5Ibb7RfLArXaZK3m2QwmYqbU/s1600/Twitter-icon_btrix.png" alt="twitter" width="50" height="50" title="twitter" /> 
     <span><br /> 
      <b class="h2">Twitter</b><br /> 
      add to twitter
     </span> 
    </a> 
   </li> 
  </ul>

>>> CATATAN <<<
[ Ganti warna merah dengan url sosmed anda ]
{ silahkan di save / simpan }

*** SEMOGA BERHASIL SOBAT ***

QUEEN TRICK BLOG

cara memasang Sliding Css Social media icon profil widget di blogspot

Sliding Css Social Profile Widget for Blogger

Entri Populer

Label