main

post

tutorlist

my blog


Simple template :
1. Layout > Add a gadget > HTML/JavaScript
2. paste into HTML/JavaScript

Blogskin / Classic template :
1. paste code after </style>

Preview: 
HOVER
HERE
HOVER
HERE


Code :
<style>
.navi,.navi2 {
display:inline-block;
width:120px;
color:#585858;font:12px courier;
text-align:center;
padding:3px;
border:1px solid #eee;}
.navi{background:turquoise;}.navi2{background:#ddd;}
.navi:hover,.navi2:hover {
border-bottom:1px solid #888;border-top:1px solid #888;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;}
</style>
<a class="navi2">HOVER</a><br>
<a class="navi">HERE</a><br>
<a class="navi2">HOVER</a><br>
<a class="navi">HERE</a>



  • Paste in JavaScript HTML (if you're using simple template)
  • Paste below the code; <head> (if you're using blogskin)
<script language="JavaScript">
//////////F12 disable code////////////////////////
    document.onkeypress = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
           //alert('No F-12');
            return false;
        }
    }
    document.onmousedown = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
            //alert('No F-keys');
            return false;
        }
    }
document.onkeydown = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
            //alert('No F-keys');
            return false;
        }
    }
/////////////////////end///////////////////////
</script>
source: http://gwebsolution.blogspot.com/