Pada jaman serba modern ini perlu kita sedapat mungkin mengikuti lajunya jaman, agar kita tidak terlindas jaman. Apalagi dengan perkembangan pembuatan web sebagai sarana publikasi pribadi, media pendidikan, bagi bapak ibu guru mapun dibidang ekonomi. Nah pada kesempatan kali ini kami sampaikan cara membuat menu blog dan linknya. Untuk langkah-langkah silahkan Anda simak berikut ini;
1. Bagi yang belum memiliki memiliki web blog silahkan langkah – langkah yang harus dilakukan sbb;
- Memiliki email saya sarankan pakai emailnya pakai gmail. Caranya lihat pada http://tipspraktisbuatblog.blogspot.com
- Membuat web blog standart adapun langkah-langkah secara rinci silahkan klik di Link ini http://tipspraktisbuatblog.blogspot.com
- Setelah Anda melakukan dua ketentuan diatas sekarang silahkan ikuti tahapan berikut ini
Ini menu halaman yang saya sudah siapkan sedangkan langkah-langkah pembuatannya seperti
berikut pada no 8 di bawah ini
Dialog menu yang telah muncul silahkan formnya diisi antara lain
Page : form page di isi dengan judul menu yang Anda akan dibuat umpanya seperti tempat
saya dengan judul “Cara Mengisi Halaman Blog”
Halaman : Sedangkan untuk halaman yang masih kosong harus di isi beberapa karakter apabila
belum disiapkan artikelnya dan nanti di edit, namun bila Anda telah menyiapkan
artikelnya tinggal copy terus di pastekan pada halaman yang kosong jadi sudah hala
man itu. Sedangkan contoh diatas belum disiapkan hanya saya isi beberapa karakter
“Untuk mencoba dulu”
listingnya dibawah listing border-$startSide: 1px solid $(tabs.separator.color);
/* ----- NAVBAR MENU ----- */
#NavbarMenu {width: 100%;height: 20px;background:#000000 top;color: #000000;margin: 0 auto 0;padding: 0;font: bold 12px Arial, Tahoma, Verdana;border-top: 1px solid #000000;border-bottom: 1px solid #FFFFFF;}
#NavbarMenuleft {width: 680px;float: left;margin: 0;padding: 0;}
#nav {margin: 0;padding: 0;}
#nav ul {float: left;list-style: none;margin: 0;padding: 0;}
#nav li {list-style: none;background: transparent url('#') repeat-x top left;margin: 0;padding: 0;}
#nav li a,
#nav li a:link,
#nav li a:visited {color: #000000;display: block;text-transform: capitalize;margin: 0;padding: 9px 15px 8px;font: bold 12px VERDANA;}
#nav li a:hover,
#nav li a:active {background:#99C9FF;color: #3D81EE;margin: 0;padding: 9px 15px 8px;text-decoration: none;}
#nav li li a,
#nav li li a:link,
#nav li li a:visited {background: transparent url('#') repeat-x top;width: 150px;color: #000;text-transform: lowercase;float: none;margin: 0;padding: 7px 10px;border-bottom: 1px solid #99C9FF;border-left: 1px solid #99C9FF;border-right: 1px solid #99C9FF;font: normal 15px,;}
#nav li li a:hover,
#nav li li a:active {background: #99C9FF;color: #3D81EE;padding: 7px 10px;}
#nav li {float: left;padding: 0;}
#nav li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 170px;margin: 0;padding: 0;}
#nav li ul a {width: 140px;}
#nav li ul ul {margin: -32px 0 0 171px;}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {left: auto;}
#nav li:hover,
#nav li.sfhover {position: static;}
“<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'> dan tulisan no
silahkan ganti yes
18. Bilamana Anda telah mengedit HTML tersebut tindakan selanjutnya klik publish tunggu beberapa saat setelah proses selesai terus klik close
http://pengalamanberkomputer.blogspot.com/p/tutorial.html
<div id='navbarmenu'>
<div id='navbarmenuleft'>
<ul id='nav'>
<li><a class='indukmenu' href='home.html/' title='link'> Home</a></li>
<li><a class='indukmenu' href='http://pengalamanberkomputer.blogspot.com/p/blog-page_13.html/
title='link'> Artikel</a></li>
<li><a class='indukmenu' href=product.htmlom/p/product.html' title='link'>Tutorial</a>
<ul>
<li><a href='http://pengalamanberkomputer.blogspot.com/p/blog-page_5985.html/
target='_blank'>Cara Buat Menu Blog</a></li>
<li><a href='http://pengalamanberkomputer.blogspot.com/p/blog-page_8222.html'/
target='_blank''>Cara Mengisi Page Blog</a></li></ul>
<li><a class='http://pengalamanberkomputer.blogspot.com/p/blog-page_4362.html' title='link'>Media Pembelajaran</a><ul>
<li><a href='http://pengalamanberkomputer.blogspot.com/p/membuat-media-interaktif.html/'
target='_blank'>Membuat media Interaktif</a></li>
</ul></li>
<li><a class='indukmenu' href=http://pengalamanberkomputer.blogspot.com/p/download.html' title='link'>Download</a><ul>
<li><a href='http://pengalamanberkomputer.blogspot.com/p/blog-page_6475.html/'
target='_blank'>Internet</a></li>
<li><a href='http://pengalamanberkomputer.blogspot.com/p/blog-page_6475.html/'
target='_blank'>Grafis</a></li>
<li><a href='http://pengalamanberkomputer.blogspot.com/p/office.html/'
target='_blank'>Office</a></li> </ul></li>
<li><a class='indukmenu' href='http://pengalamanberkomputer.blogspot.com/p/kontak-kami.html/'
title='link'> Contact</a></li>
<li><a class='indukmenu' href='http://pengalamanberkomputer.blogspot.com/p/profilku.html/'
title='link'> Profilku</a></li>
</li></ul></div></div>
Tulisan warna biru yang harus diganti sesuai halaman yang Anda buat
Tulisan Warna Merah Menu yang akan ditampilkan pada dropdown Anda
~ Adapun Cara Anda mendapatkan link
yang halaman yang kamu buat caranya silahkan simak
berikut ini
a). Klik page terus pilih halaman yang akan diletakkan pada daftar menu sebagai link menu contoh berikut ini
Berubah menjadi seperti gambar dibawah ini ;
Berarti Pembuat menu web Anda telah selesai silahkan mencoba semaga bermanfaat.
No comments:
Post a Comment