Renkli Yatay Menü

Merhabalar...
Şimdi size yatay bir menü getirdim. Uyguladığınızda aşağıda ki gibi olacak:

HTML Düzenle kısmından CTRL+F yardımıyla ]]></b:skin> kodunu bulun ve üzerine aşağıda ki kodu yapıştırın:

a.mc {
width: 100px;
height: 100px;
color:#ffffff;
background: #FFD6E3;
box-shadow: 3px 3px 3px #fee;
border-radius:5px;
font-size:12px;
text-align:center;
text-shadow: 1px 2px 3px #fff;
padding-left:5px;
padding-right:5px;
padding-top: 2px;
padding-bottom: 2px;
-webkit-transition:2s;
}
a.mc:hover {
text-decoration: none;
background: #fcc;
-webkit-transition:2s;
}
a.mc1 {
width: 100px;
height: 100px;
color:#ffffff;
background: #C1E3F2;
box-shadow: 3px 3px 3px #fee;
border-radius:5px;
font-size:12px;
text-align:center;
text-shadow: 1px 2px 3px #fff;
padding-left:5px;
padding-right:5px;
padding-top: 2px;
padding-bottom: 2px;
-webkit-transition:2s;
}
a.mc1:hover {
text-decoration: none;
background: #fcc;
-webkit-transition:2s;
}
a.mc2 {
width: 100px;
height: 100px;
color:#ffffff;
background: #E3AAD6;
box-shadow: 3px 3px 3px #fee;
border-radius:5px;
font-size:12px;
text-align:center;
text-shadow: 1px 2px 3px #fff;
padding-left:5px;
padding-right:5px;
padding-top: 2px;
padding-bottom: 2px;
-webkit-transition:2s;
}
a.mc2:hover {
text-decoration: none;
background: #fcc;
-webkit-transition:2s;
}
a.mc3 {
width: 100px;
height: 100px;
color:#ffffff;
background: #E1F5C4;
box-shadow: 3px 3px 3px #fee;
border-radius:5px;
font-size:12px;
text-align:center;
text-shadow: 1px 2px 3px #fff;
padding-left:5px;
padding-right:5px;
padding-top: 2px;
padding-bottom: 2px;
-webkit-transition:2s;
}
a.mc3:hover {
text-decoration: none;
background: #fcc;
-webkit-transition:2s;
}

Kaydedin. Daha sonra Yerleşim > Gadget Ekle > HTML/Javascript kısmına gelerek aşağıda ki kodu ekleyin:

<a class="mc" href="LİNK BURAYA">LİNK ADI</a>
<a class="mc1" href="LİNK BURAYA">LİNK ADI</a>
<a class="mc2" href="LİNK BURAYA">LİNK ADI</a>
<a class="mc3" href="LİNK BURAYA">LİNK ADI</a>

Bu kadar, umarım beğenmişsinizdir... :3