How To Make Tab Menu Floating Spoiler


Now I will share with a friend how to make the Tab Menu Floating Spoiler Tab Menu Spoiler because it has its own advantages
Demonya to see  » Here
The advantages that I mean do not need to click, just point the mouse friend there will kebuka own Spoiler, Okey's go to »

How to make :
  • Login to ID fellow Blogger Account
  • In select Edit HTML Template Designer
  • Search for ]]></ b: skin>
  • Copy and paste the following css code and put it before ]]></ b: skin>
    #bmenu{
    position:fixed;
    left:5px;
    top:5px;
    background-color:#236C95;
    border-radius:10px;
    -moz-border-radius:10px;
    border:1px solid #FFF;
    width:202px;
    height:20px;
    color:#FF0;
    transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}
    #bmenu h3{
    margin:0;
    padding:0;
    text-align:center;
    cursor:pointer;}
    #bmenu ul{
    border-radius:10px;-moz-border-radius:10px;
    border:2px solid #FF0;
    background-color:#95CAFF;
    margin:15px 0;
    padding:0 15px;}
    #bmenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{
    color:#00F;
    text-decoration:none;
    font-size:14px;}
    #bmenu li a:hover{
    color:#F00;}
    #bmenu:hover{
    z-index:5;
    height:175px;
    Text in red is the viewing position, please change the red text is to move the zoom position [eg upper-left, right and down and so forth].
    Text in blue is the background color to the outside with yellow font color and so on
    • If it fits the template save comrades
    • Back in the Template Designer
    • Select the Add a Gadget [+] in JavaScript / HTML
    • Copy and paste the following HTML code into it
      <div id="bmenu"><h3>  FLOATING MENU TAB </h3>
      <ul><li><a href="http://blog-renovasi.blogspot.com/p/siapa-saya.html" title="My Profil" target="_blank">MY PROFIL</a></li>
      <li><a href="http://blog-renovasi.blogspot.com/p/kontak-kami.html" title="My Contact" target="_blank">CONTACT US</a></li>
      <li><a href="http://www.facebook.com/?ref=home/" target="_blank" title="Facebook Putu Blogbego">FACEBOOK</a></li>
      </ul></div>
      Note:
      1. Please replace the URL with the URL of my friends,
      2. Save Template friends and see the results
      3. If it looks less fit for a friend, please reset the settings on Css was stored above ]]></ b: skin> 
      4. If everything is just right do not forget to save it back Templates friend 

      Berbagi Artikel :
      Kalau ada yang kurang jelas pada Artikel
      How To Make Tab Menu Floating Spoiler
      atau seandainya ada Link yang rusak bisa disampaikan lewat Komentar
      mudah-mudahan saya bisa segera memperbaiki

      Rating: 5.0/5 (9 votes cast)

       
      Copyright © 2013. KREASI BB2 GPLUS - All Rights Reserved - Powered by Blogger
      Template Design by : Blogger Edan