// s t a r r y t h e t i c
ENTRY ABOUT RANGKUMAN STUFFS INSTAGRAM TWITTER NEWER OLDER +FOLLOW DASH

NAVIGATION [1]


-[[ PREVIEW ]]-


  • Dashboard >>> Tata Letak >>> Tambahkan Gadget >>> HTML/Javascript
  • Copy-paste kode di bawah:
<style>
.one a{
display:inline-block;
width:130px;
text-align:center;
text-transform:none;
font:
12px georgia;
text-transform:lowercase;
text-decoration:none;
font-style:italic;
color:#111;
opacity:0.9;
margin:2px;
padding:5px;
letter-spacing:2px;
text-shadow:4px 0px transparent, -4px -0px transparent;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
.one a:hover {
text-shadow:0px 0px #000, -0px 0px #000;
}
.two {
position:fixed;
left:0px;
top:0px;
width:100%;
background:url(URL BACKGROUND
);
padding:20px 10px 20px 80px;
border-bottom:6px solid rebeccapurple;
margin-bottom:10px;
box-shadow:1px 1px 1px #aaa;
z-index:999;
}
.three {
margin-left:
120px;
margin-top:
48px;
background:transparent;
width:
760px;
opacity:0.85;
border-radius:0px 15px 15px 0px;
}
</style>
<div class="two">
<img src="
URL GAMBAR" style="width:110px; float:left; border:8px solid #fff; border-radius:100px; z-index:999;" />
<div class="three"><div class="one">
<a href="LINK">Title1</a>
<a href="LINK">Title2</a>
<a href="
LINK">Title3</a>
<a href="LINK">Title4</a>
<a href="LINK">Title5</a>
</div></div></div>
  • Simpan, kemudian ke Template >>> Edit HTML
  • Cari kode (menggunakan CTRL + F) :
.content-outer {
  • Copy kode di bawah ini, lalu paste di bawah kode .content-outer {
margin-top:110px;


Ket:
-- : Font
-- : URL gambar/background
-- : Link/URL yang dituju
-- : Title/judul
-- : Kode warna




 

Labels: ,


Written by me at 2/14/2015 | 0 Star{s}

Post a Comment