CARA CEPAT MEMBUAT MENU BAR

Hambatan penguasaan bahasa pemograman membuat kita bepikir kembali bagaimana membuat tampilan blog menjadi optimal seperti web site yang di buat dengan bahasa pemograman,untuk itu tips ini buat kalian yang memang belom tau dan males untuk belajar bahasa pemograman untuk mengoptimalkan tampilan blog,ya...seperti saya ini ...males...he...he...he...

oxekkehhh sekarang ikuti langkah2 ini yach....
1.buka alamat url ini http://www.accessify.com/.
2.klik pada option tool & wizard.
3.pilih list-O-Matic.

4.isikan Enter the link details in the table below

contohnya gitu lah....pada link destination kalo km bingung klik aja label blog punya kamu nanti di addresbar kan kelihatan dan tinggal copy aja masukin situ...ok..kalo udah klik next ya ..
link: nama yang akan dipakai di menu bar
Text Link Title : isi dari link /nama tag atau kategory tulisan blog kamu
Link Destination (href): alamat dari label tulisan /category

5.kamu tinggal pilih model menu bar lalu centang salah satu,di tampilan How to identify and style klik id ya.
6.hasil dari menu bar yang kita ingin kan akan kelihatan terus klik GENERATE CODE.
7.OK sekarang kita buka layout klik editHTML danjangan lupa centang Expand Template Widget.
8.cari code ]]></b:skin>
lalu letakkan code the CSS for this list: tepat di atas ]]></b:skin>
save template.
9.terus kita menuju ke ELEMEN HALAMAN.
10.buat halaman baru,Klik HTML/JavaScript dan copykan code HTML for this list:..terus save ya...
11.kalo sudah di save, pada halaman baru yang barusan di buat di tarik diatas menu postingan blog dengan cara di klik tahan terus digeser di letakan di atas menu postingan blog.
12.lihat blog terus di simpan...

untuk mengganti warna tulisan pada code CSS for this list:..kita ubah collor htmlnya..#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

tuh yang warna merah diganti aja dengan code collor HTML yang diinginkan....kalo dah terlanjur di pasang gantinya di editHTML aja ..tapi jangan lupa expand widget dulu ya....
semoga berguna buat semuanya....
download tulisan ini

Related Post