Sabtu, 15 Februari 2014

Cara Membuat Menu Versi Dark Kage V.2

Assalam'ualaikum, kali ini postingannya adalah "Cara Membuat Menu Versi Dark Kage V.2" .
Demo Lihat Dibawah



Tertarik?????
jika tertarik langsung dicoba....

1. Buka Dashboard, Klik Template, Lalu Klik Edit Html, Cari ]]><b:skin/>
2. Sudah Ketemu???? Jika Sudah Taruh Kode Dibawah ini, diatas ]]><b:skin/>

.scrollmenu {
margin-left: -185px;
opacity: 1;
z-index: 9999;
background: #ffffff;
color: #d7d7d7;
height: 40px;
line-height: 30px;
letter-spacing: 1px;
width: 100%;
position: fixed;
top: 0;
border-bottom: 5px solid #0048ff;
display: block;
box-shadow: 0px 1px 4px #141414;
}
#scrollmenu_box {
width: 1000px;
margin: 0px auto;
text-align: left;
padding-top: 2px;
}
a {
font-family: verdana;
font-size: 11pt;
text-decoration: none;
color: #EDEDED;
}img[Attributes Style] {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}a {
font-family: verdana;
font-size: 11pt;
text-decoration: none;
color: #EDEDED;
}.scrollmenu_entry {
float: left;
margin: 3px 20px 15px 15px;
font-family: verdana;
font-size: 16px;
color: #d7d7d7;

3. Cari Kode <div id='header-wrapper' > , jika tidak ada cari kode yg berhubungan dengan 'header-wrapper'
4. Taruh Kode Dibawah ini, diatas 'header-wrapper'

<div class='placer scrollmenu' style='display: block;'>
<div id='scrollmenu_box'>
      <div class='scrollmenu_entry'><a href='http://darkkage10.blogspot.com'>Menu 1</a></div>
<div class='scrollmenu_entry'><a href='http://darkkage10.blogspot.com'>Menu 2</a></div>
<div class='scrollmenu_entry'><a href='http://darkkage10.blogspot.com'>Menu 3</a></div>
<div class='scrollmenu_entry'><a href='http://darkkage10.blogspot.com'>Menu 4</a></div>
<div class='scrollmenu_entry'><a href='http://darkkage10.blogspot.com'>Menu 5</a></div>
<div class='scrollmenu_entry'><a href='http://darkkage10.blogspot.com'>Menu 6</a></div>
<div class='scrollmenu_entry'><a href='http://darkkage10.blogspot.com'>Menu 7</a></div>
</div>
</div>

Selesai....

Semoga Bermanfaat, Jika Ada Pertanyaan Tanyakan Dikomentar!!!

Label:

2 Komentar:

Pada 29 Maret 2014 pukul 06.59 , Anonymous poetra shuffle mengatakan...

cara re-design template gimana bro

 
Pada 29 Maret 2014 pukul 17.37 , Anonymous Latu Alam Saputra mengatakan...

gampang kok cuma edit template aja, mau nambahkan css atau mau ganti warna terserah

 

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda