uhbmy

Monday, 2 June 2014 - 0 COMMENTS

Live preview:

Codes:

copy & paste sebelum </style>

copy & paste
blogskins : di bahagian sidebar
template designer : di html/javascript

<div id="links">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
<a href="">Link 4</a>
<a href="">Link 5</a>
</div>
</div>

Labels: Navigation, Tutorial

- 0 COMMENTS

Live Preview:

Option 1 Option 2 Option 3 Option 4 Option 5

Codes:

copy & paste sebelum </style>

.lily{
width:70px;
text-align:center;background:#a6e7e7;
font-size:8px;height:20px;
text-transform:uppercase;
letter-spacing:2px;
}

.lily a{
display:block;
margin-bottom:4px;
padding:2px 5px;
border-bottom:1px solid transparent;
border-top:0px;
text-shadow:1px 1px 1px rgba(0,0,0,0.09);
color:#ffffff;
}
.navi3{
background:#a6e7e7;
}

copy dan paste
Blogskins : paste di bahagian sidebar
Template designer : paste di html/javascript

<div class="lily">
<a class="navi3" href="https://www.blogger.com/archive">Option 1</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 2</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 3</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 4</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 5</a></div>
</div>

Labels: Navigation, Tutorial

Monday, 3 February 2014 - 0 COMMENTS

Live preview:

Back Home
Follow
Blog
Tutorial

1. Copy & paste sebelum </style>

2. Copy & paste dibahagian yg korg suka.

Labels: Navigation, Tutorial

Tutorial : Navigation 8

Sunday, 26 January 2014 - 0 COMMENTS

Live preview:

TUTORIALS

link link link link link

1. Copy code bawah ni dan paste sebelum </style>

#oly {background:#FACFCA;
padding:7px;
width:130px;
display: inline-block;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
border-radius:5px;
text-align:center;
}
#oly:hover #lol {
opacity:3;
-webkit-transition-duration:.7s;
overflow:hidden;
z-index:966666666666666666666666666666666666666669;
height:auto;
}

#lol {
font-family: calibri; 
font-size: 12px;
margin-top:1px;
margin-left: -7px;
position:absolute;
overflow:hidden;
line-height: 20px;
padding: px;
opacity:0;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
width:150px;
}
#lol a{
background:#FAE1DE;
color: #fff;
width:144px;
text-align:center;
display:block;
line-height: 20px;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
border-top:3px solid #fff;
}

#lol a:hover{
color:#fcc;
background: #fff;
opacity:100; transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

2. Copy code bwh ni dan paste dimana korg suka

Labels: Navigation, Tutorial

Tutorial : Navigation 7

Saturday, 25 January 2014 - 0 COMMENTS

Live preview:

1. Copy & paste sebelum </style>

2. Copy & paste dibahagian yg korg suka.

Labels: Navigation, Tutorial

Tutorial : Navigation 3

Thursday, 2 January 2014 - 0 COMMENTS

Live Preview:

tuto entry link skins

Codes:

Labels: Navigation, Tutorial

Tutorial : Navigation 2

Wednesday, 1 January 2014 - 4 COMMENTS

Live preview : tuto skins entry link Codes:

a.lol{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_meb62rl9ou1qdlkyg.gif) left center;
font:11px calibri, halvetica;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
border-top:1px dashed #eee;
border-bottom:1px dashed #eee;
color:#666;text-align:left;
width:80px;background-size:15px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

a.lol:hover{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_meb61hMwqS1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:80px;background-size:15px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

</style>
<a class="lol" href="http://www.blogger.com/LINK">tutor</a>
<a class="lol" href="http://www.blogger.com/LINK">link</a>
<a class="lol" href="http://www.blogger.com/LINK">entry</a>

Notes: Width sila adjust

Labels: Navigation, Tutorial

Tutorial : Navigation 1

- 4 COMMENTS

Live Preview:

tuto skins entry link
Codes:

Labels: Navigation, Tutorial

View

Skins : Purpose

i'm back lol

Tanya saya

Tutorial : Scroll bar like me

Tutorial : Title tutorial like me

Free : Blog Basecode #1

Tutorial : Blockquote 2

Tutorial : Navigation 11

Tutorial : Navigation 10

new look for june hihi

Credit

Tutorial : Navigation 11

Monday, 2 June 2014 - 0 COMMENTS

Live preview:

Link 1 Link 2 Link 3 Link 4 Link 5

Codes:

copy & paste sebelum </style>

copy & paste
blogskins : di bahagian sidebar
template designer : di html/javascript

<div id="links">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
<a href="">Link 4</a>
<a href="">Link 5</a>
</div>
</div>

Labels: Navigation, Tutorial

Tutorial : Navigation 10

- 0 COMMENTS

Live Preview:

Option 1 Option 2 Option 3 Option 4 Option 5

Codes:

copy & paste sebelum </style>

.lily{
width:70px;
text-align:center;background:#a6e7e7;
font-size:8px;height:20px;
text-transform:uppercase;
letter-spacing:2px;
}

.lily a{
display:block;
margin-bottom:4px;
padding:2px 5px;
border-bottom:1px solid transparent;
border-top:0px;
text-shadow:1px 1px 1px rgba(0,0,0,0.09);
color:#ffffff;
}
.navi3{
background:#a6e7e7;
}

copy dan paste
Blogskins : paste di bahagian sidebar
Template designer : paste di html/javascript

<div class="lily">
<a class="navi3" href="https://www.blogger.com/archive">Option 1</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 2</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 3</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 4</a>
<a class="navi3" href="https://www.blogger.com/archive">Option 5</a></div>
</div>

Labels: Navigation, Tutorial

Tutorial : Navigation 9

Monday, 3 February 2014 - 0 COMMENTS

Live preview:

Back Home
Follow
Blog
Tutorial

1. Copy & paste sebelum </style>

2. Copy & paste dibahagian yg korg suka.

Labels: Navigation, Tutorial

Tutorial : Navigation 8

Sunday, 26 January 2014 - 0 COMMENTS

Live preview:

TUTORIALS

link link link link link

1. Copy code bawah ni dan paste sebelum </style>

#lol a:hover{
color:#fcc;
background: #fff;
opacity:100; transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

2. Copy code bwh ni dan paste dimana korg suka

Labels: Navigation, Tutorial

Tutorial : Navigation 7

Saturday, 25 January 2014 - 0 COMMENTS

Live preview:

1. Copy & paste sebelum </style>

2. Copy & paste dibahagian yg korg suka.

Labels: Navigation, Tutorial

Tutorial : Navigation 3

Thursday, 2 January 2014 - 0 COMMENTS

Live Preview:

tuto entry link skins

Codes:

Labels: Navigation, Tutorial

Tutorial : Navigation 2

Wednesday, 1 January 2014 - 4 COMMENTS

Live preview : tuto skins entry link Codes:

</style>
<a class="lol" href="http://www.blogger.com/LINK">tutor</a>
<a class="lol" href="http://www.blogger.com/LINK">link</a>
<a class="lol" href="http://www.blogger.com/LINK">entry</a>

Notes: Width sila adjust

Labels: Navigation, Tutorial

Tutorial : Navigation 1

- 4 COMMENTS

Live Preview:

tuto skins entry link
Codes:

Labels: Navigation, Tutorial