HomeArchives for 06/27/17

Tabel Menu

Memasang kode Tabel Menu
Login ke akun blog klik tombol blog baru, buat satubuah link baru  
kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut, 
hapus semua kode template, ganti dengan kode blank template,  yang tersedia pada sumber  berikut ini   :   Blank Template  edit background warna sesuai keinginan dan klik simpan selesai
Kemudian klik entri halaman baru HTML pada link tersebut
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<style class="Mys2010-styles">
body {);color:red;height:10%;overflow:hidden;}
<link rel='stylesheet' id='bootstrap-style-css'  href='https://oneengine.enginethemes.com/wp-content/themes/oneengine/css/bootstrap.css?ver=4.5.7' type='text/css' media='all' />
<style class="Mys2010-styles">
body {);color:blue;height:10%;overflow:hidden;} 
 body {  
  background-color: rgba(82, 66, 135, 0.9); 
}
header {
  -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding:  0px 0;
  position: fixed;
  top:-2px;
  width: 100%;
text-align: center;
font-size:  6px;
background: linear-gradient(270deg,rgba(82, 66, 135, 0.9), #660099, rgba(255, 0, 0, 0.60), #660099,#660, #B20000, #660, #660099, rgba(255, 0, 0, 0.60), #660099, rgba(82, 66, 135, 0.9));
  border-bottom: 3px solid #333;  
-webkit-animation: shadow 6s ease-in-out infinite;
          animation: shadow 6s ease-in-out infinite;
}
.ap {
position: fixed;
right: 0;
bottom: -14px;
left: 0;
height: 60px;
margin: auto;
font-family: Arial, sans-serif;
font-size: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center; 
font-size:  11px;
background: linear-gradient(270deg,rgba(82, 66, 135, 0.9), #660099, rgba(255, 0, 0, 0.60), #660099,#660, #B20000, #660, #660099, rgba(255, 0, 0, 0.60), #660099, rgba(82, 66, 135, 0.9));
  border-bottom: 3px solid #333;  
-webkit-animation: shadow 6s ease-in-out infinite;
          animation: shadow 6s ease-in-out infinite;
}
h4 {
padding:5px; 
} 
#M-2010, #teks, #posisi, #dibawah  {
    position: absolute;
    font-size: 11px;
    margin: 2px
}
#M-2010, #teks div {
    text-decoration: underline;
    cursor: pointer
}
#teks, #posisi {
    text-align: right;
    right:  50px;
}
#teks, #dibawah {
    text-align: left;
    left:  50px;
}
 #dibawah, #posisi {
    bottom: 23px;
}  
 body {  
  background-color: rgba(82, 66, 135, 0.9); 
}  
.tg  {border-collapse:collapse;border-spacing:0;margin:110px auto;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
</style> 

<table class="tg" border=10> 
  <tr>
    <td class="tg-031e" colspan="3">
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJUTDnsQbHpDVmHA41Fh8fr_Q-VlvSvLs5k02oxLutxZYOvYHSdLs9Vav_V-UCXUjtq-e1x5TRyf8Upmiyl86FYZJ5hYx6sxwS-88Fb5v6sxGaFe1qs7kEGBpE3eh51T2Ovp64Oz49EH5E/s1600/Menu-M2010.png"width="250" height="120"></a></center></td>
  </tr>
  <tr>
    <td class="tg-031e"><img src="https://sites.google.com/site/sule30708/foto/1Html-M2010.png"></a></td>
    <td class="tg-031e" rowspan="4"><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgavW0mbl2Kb63sD7OpaWv706GFB00NmIncrQhytdstkoZ92VSktS-mU0LJK6MIq0T2nRtl_q4vsPU36x1VG5HzwyrYoYOZoN24feSGBxeVObd97HH4p2JIGiuPM_0LbCLH43HjorgJB1Qc/s1600/Lingkar-M2010.jpg" border="0" alt="M2010"></a></center><p><center>
 <a href="https://Link Judul"style="text-decoration:none"target="_blank"title="M-2010"class="btn btn-large btn-block btn-info">teks anda</a>
</td>
    <td class="tg-031e"><img src="https://sites.google.com/site/sule30708/foto/1Html-M2010.png"></a></td>
  </tr>
    <tr>
    <td class="tg-031e"> <a href="https://Link Judul"style="text-decoration:none"target="_blank"title="M-2010"class="btn btn-large btn-block btn-info">teks anda</a> </td>
    <td class="tg-031e"> <a href="https://Link Judul"style="text-decoration:none"target="_blank"title="M-2010"class="btn btn-large btn-block btn-info">teks anda</a> </td>
  </tr>
   <tr>
    <td class="tg-031e"> <a href="https://Link Judul"style="text-decoration:none"target="_blank"title="M-2010"class="btn btn-large btn-block btn-info">teks anda</a> </td>
    <td class="tg-031e"> <a href="https://Link Judul"style="text-decoration:none"target="_blank"title="M-2010"class="btn btn-large btn-block btn-info">teks anda</a> </td>
  </tr>
  <tr>
    <td class="tg-031e"> <a href="https://Link Judul"style="text-decoration:none"target="_blank"title="M-2010"class="btn btn-large btn-block btn-info">teks anda</a> </td>
    <td class="tg-031e"> <a href="https://Link Judul"style="text-decoration:none"target="_blank"title="M-2010"class="btn btn-large btn-block btn-info">teks anda</a> </td>
  </tr>
</table>
   </div>
      </div>

<header>
<a href="http://Link Judul"title="Mari Belajar">
<h2>
<span style="color:orange;font-size:10pt">M-2010</a>  </h2>
</a>  
</div>
</header>
<div class="ap" id="ap">
<div align="center">
<div id="dibawah">
<span style="font-family:arial;font-size:12px;color:#fff;"> EDITED BY. <a href="https://Link Download"title="Download Full Code"><span style="color: #FFFF00; font-size: 14px;">&nbsp; M - 2010 </a>&nbsp; DOWNLOAD </a> 
</div>
<div id="posisi">
<span style="font-family: arial ; font-size: 12px; color:#fff;"> COPYRIGHT <a href="http://www.lakako.com/photos/myscript2010"target="_blank"title="www.lakako.com"><span style="color: #FFFF00; font-size: 14px;">&nbsp; &copy; - 2017 </a>&nbsp; INSLAKAKO </a> 
</div>
<h4>
<div align="center">
<a href="http://sample-mys2010.blogspot.co.id/p/statis-home.html" target="_blank" title="Visit Website"><img class="expando" border="0" src="https://sites.google.com/site/code6916/file/M-2010.png" width="140"height="10"></h4>
</a></div>
</div>

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        window.alert = function(){};
        var defaultCSS = document.getElementById('bootstrap-css');
        function changeCSS(css){
            if(css) $('head > link').filter(':first').replaceWith('<link rel="stylesheet" href="'+ css +'" type="text/css" />'); 
            else $('head > link').filter(':first').replaceWith(defaultCSS); 
        }
        $( document ).ready(function() {
          var iframe_height = parseInt($('html').height()); 
          window.parent.postMessage( iframe_height, 'https://bootsnipp.com');
        });
    </script>
</body>
</html>
Code by. Bootstrap/snipp
Design Code is Edited by. M-2010
DEMOSHOW
* If you want to directly copy and paste you canDownload  Tabel Menu

Category:
Subscribe to: Posts (Atom)