Menu Tab Bergantung Sebelah Blog


ASSALAMUALAIKUM WBT ...

Ok .. Kirah ada request daripada
 ♥ Cik Amelia ♥



Amelia request cam mana Kirah buat tab menu bergantung cam ni.


Hah !! Yang tu lah .. 
Jom try buat ..

1 - Dashboard > Layout > Add a gadget > HTML JavaScript

2- Copy kod HTML bawah ni :

<style>
.raejun{
width:100px;
padding:2px;
margin-top:5px;
box-shadow:2px 2px 4px #F6358A;
background:#7FFFD4;
font:12px tt;
text-align:center;
Text-decoration:none;
color:#FFFF00;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #FFFF00;
}
.raejun:hover{
width:66px;
border-left:30px solid #FFFF00;
}
@font-face {
font-family:times new romen !important;
src: url('http://i1375.photobucket.com/albums/ag461/kieyrah1/output_KxtznZ_zpsa09vl0xt.gif') !important;
}
</style>
<div style="background:#FFFF00;color:#FFFF00; position:fixed; top:0px;left:35px;width:10px;height:100px; box-shadow:2px 2px 6px #7FFFD4; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="background:#FFFF00;color:#FFFF00; position:fixed; top:0px;left:90px;width:10px;height:100px; box-shadow:2px 2px 6px #7FFFD4; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="position:fixed; top:100px;left:20px;width:100px; color:#FFBBBB;">
<div style="background:#FFFF00;color:#000000;width:100px; box-shadow:2px 2px 4px #FCDFFF;text-align:center; font-size:16px; text-transform:lowerrcase;">
aRounD My BloG</div>
<img src="http://i1375.photobucket.com/albums/ag461/kieyrah1/output_KxtznZ_zpsa09vl0xt.gif" style="width:80px;border:10px solid #FFFF00;margin-top:5px;box-shadow:2px 2px 4px #7FFFD4;" />
<a class="raejun" href="URL LINK">NAMA TAB</a>
<a class="raejun" href="URL LINK">NAMA TAB</a>
<a class="raejun" href="URL LINK">NAMA TAB</a>
<a class="raejun" href="URL LINK">NAMA TAB</a>
</div>
4 - Edit dulu 

3 - Save and preview ♥ ♥  



BIRU - URL image korang
MERAH - Kod warna yang perlu diubahsuai. Boleh ambil kat sini atau sini
UNGU - Saiz font
MAROON - Nama tajuk korang

2 ulasan: