Navigation #1 ( blogskin only )

10:57:00 PTG

Blogskin Only







1.Paste di atas code </style>
2.Next, copy code bawah ni

a.navi1{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #FE85D5;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi1:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
a.navi2{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #CD85FE;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi2:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
a.navi3{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #85CBFE;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi3:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
a.navi4{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #FFB15C;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi4:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}

.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: tahoma;
line-height: 10px
font-size: 11px;
background:url(http://i.imgur.com/L8t95.png);
}

#t3 {
text-transform: ;
background:url(http://i.imgur.com/r9lmj.png);
font: 9px 'trebuchet ms';
text-transform:uppercase;
padding: 2px;  
text-align:center;
letter-spacing:5px;
font-style:bold; 
border: 1px solid #D1D1D0;
margin-top: 10px;
margin-bottom: 10px;
}
h2 {text-align: right; font: 11px 'trebuchet ms'; line-height: 120%; background-image: -webkit-linear-gradient(right, #FFF, #e2e0e0, #e2e0e0, #FFF);}
.h2{background: #fff; padding: 6px} 
</style>

<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp092/bp092.js"></script><p><a href="http://www.hapinemu.net/blogparts/"></p>

<body oncontextmenu='return false;'>
<center>

<div style="margin-top:0px;width:880px;padding:10px;border-radius:0px 0px 0px 0px;border:2px solid #efefef;background-color:#fff;background-position:center;background-image: url(http://i.imgur.com/P3g5T.png);">



<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRY</a>
<a class="navi1" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi2" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKS</a>
<a class="navi3" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="https://www.facebook.com/myung.eyl">FACEBOOK</a>
<a class="navi1" href="https://twitter.com/eyla_top">TWITTER</a>
<a class="navi2" href="<$NewerPosts$>">NEWER</a>
<a class="navi3" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">+FOLLOW</a>
<a class="navi1" href="http://www.blogger.com/home">DASH</a></div></div></div>


merah : nama link
biru : link

You Might Also Like

0 comments

Review



THEJUNNI

Like us on Facebook

Giveaway



2016


11.1.2017


2016


31.12.2016