Buka Rahasia No 1 Cara Membuat Menu Drop Down Tanpa Edit Html
Tutorial Cara Membuat Menu Drop Down Tanpa Edit Html sudah banyak yang membuat,namun saya ikut ikutan membuat karena ada teman saya yang memintanya,sekaligus buat arsip saja.
Bagi yang masih belum mengerti apa itu Drop Down saya akan menjelaskan sedikit mengenai Menu Drop Down
Menu Drop Down adalah Menu link yang apabila disentuh dengan Mouse nanti akan ada menu link yang jatuh kebawah.Contohnya Nanti akan saya tampilkan di bawah tulisan ini.
Membuat Menu Drop Down juga bisa menambah peningkatan SEO Friendly Blog,karena dengan adanya menu Drop Down pengunjung blog anda akan lebih gampang mencari Informasi yang dia butuhkan.
Untuk Membuat menu Drop Down silahkan anda Copy Kode di bawah ini:
Untuk mengubah warna silahkan anda berkreasi sendiri.
Sekian Cara Membuat Menu Drop Down Tanpa Edit Html Semoga Cara Membuat Menu Drop Down Tanpa Edit Html ini bermanfaat.
NB: Link http://bukarahasia-no1.blogspot.com/ ganti dengan link anda dan biarkan satu link saja buat blog Buka Rahasia No 1
itupun kalau anda tidak pelit hehehehehehe..
Contoh Menu Drop Down
Tutorial Cara Membuat Menu Drop Down Tanpa Edit Html sudah banyak yang membuat,namun saya ikut ikutan membuat karena ada teman saya yang memintanya,sekaligus buat arsip saja.
Bagi yang masih belum mengerti apa itu Drop Down saya akan menjelaskan sedikit mengenai Menu Drop Down
Menu Drop Down adalah Menu link yang apabila disentuh dengan Mouse nanti akan ada menu link yang jatuh kebawah.Contohnya Nanti akan saya tampilkan di bawah tulisan ini.
Membuat Menu Drop Down juga bisa menambah peningkatan SEO Friendly Blog,karena dengan adanya menu Drop Down pengunjung blog anda akan lebih gampang mencari Informasi yang dia butuhkan.
Untuk Membuat menu Drop Down silahkan anda Copy Kode di bawah ini:
<style>
#menu
{
width: 100%;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: #000000;
background: -moz-linear-gradient(#444, #000000);
background: -webkit-gradient(linear,left bottom,left top,color-stop(1, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 0px #9c9c9c;
-webkit-box-shadow: 0 2px 0px #9c9c9c;
box-shadow: 0 2px 0px #9c9c9c;
}
#menu li
{
float: left;
padding: 0 0 10px 0;
position: relative;
line-height: 0;
}
#menu a
{
float: left;
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#menu li:hover > a
{
color: #fafafa;
}
*html #menu li a:hover /* IE6 */
{
color: #fafafa;
}
#menu li:hover > ul
{
display: block;
}
/* Sub-menu */
#menu ul
{
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 99999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);
-moz-border-radius: 5px;
border-radius: 2px;
}
#menu ul ul
{
top: 0;
left: 150px;
}
#menu ul li
{
float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu ul a
{
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
*html #menu ul a /* IE6 */
{
height: 10px;
}
*:first-child+html #menu ul a /* IE7 */
{
height: 10px;
}
#menu ul a:hover
{
background: #0186ba;
background: -moz-linear-gradient(#04acec, #0186ba);
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background: -webkit-linear-gradient(#04acec, #0186ba);
background: -o-linear-gradient(#04acec, #0186ba);
background: -ms-linear-gradient(#04acec, #0186ba);
background: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child > a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
#menu ul ul li:first-child a:after
{
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}
#menu ul li:first-child a:hover:after
{
border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after
{
border-right-color: #04acec;
border-bottom-color: transparent;
}
#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<ul id="menu">
<li><a href='/'>Home</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='nofollow' target='_blank'>Drop menu</a>
<ul>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='nofollow' target='_blank'>Drop menu 2</a>
<ul>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3</a>
<ul>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.1</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.2</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.3</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.4</a></li>
</ul>
</li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='nofollow' target='_blank'>Drop menu 3</a>
<ul>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul></li></ul>
Setelah anda Copy silahkan anda masuk ke dasbor dan pilih >> Tata Letak dan Pilih Gadget HTML.lalu Paste Kode diatas.Lalu letakkan gadget HTML di tata letak header.Lalu simpan.#menu
{
width: 100%;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: #000000;
background: -moz-linear-gradient(#444, #000000);
background: -webkit-gradient(linear,left bottom,left top,color-stop(1, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 0px #9c9c9c;
-webkit-box-shadow: 0 2px 0px #9c9c9c;
box-shadow: 0 2px 0px #9c9c9c;
}
#menu li
{
float: left;
padding: 0 0 10px 0;
position: relative;
line-height: 0;
}
#menu a
{
float: left;
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#menu li:hover > a
{
color: #fafafa;
}
*html #menu li a:hover /* IE6 */
{
color: #fafafa;
}
#menu li:hover > ul
{
display: block;
}
/* Sub-menu */
#menu ul
{
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 99999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);
-moz-border-radius: 5px;
border-radius: 2px;
}
#menu ul ul
{
top: 0;
left: 150px;
}
#menu ul li
{
float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu ul a
{
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
*html #menu ul a /* IE6 */
{
height: 10px;
}
*:first-child+html #menu ul a /* IE7 */
{
height: 10px;
}
#menu ul a:hover
{
background: #0186ba;
background: -moz-linear-gradient(#04acec, #0186ba);
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background: -webkit-linear-gradient(#04acec, #0186ba);
background: -o-linear-gradient(#04acec, #0186ba);
background: -ms-linear-gradient(#04acec, #0186ba);
background: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child > a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
#menu ul ul li:first-child a:after
{
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}
#menu ul li:first-child a:hover:after
{
border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after
{
border-right-color: #04acec;
border-bottom-color: transparent;
}
#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<ul id="menu">
<li><a href='/'>Home</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='nofollow' target='_blank'>Drop menu</a>
<ul>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='nofollow' target='_blank'>Drop menu 2</a>
<ul>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3</a>
<ul>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.1</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.2</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.3</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3.4</a></li>
</ul>
</li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul>
</li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='nofollow' target='_blank'>Drop menu 3</a>
<ul>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 1</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 2</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 3</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 4</a></li>
<li><a href='http://bukarahasia-no1.blogspot.com/' rel='dofollow' target='_blank'>Menu 5</a></li>
</ul></li></ul>
Untuk mengubah warna silahkan anda berkreasi sendiri.
Sekian Cara Membuat Menu Drop Down Tanpa Edit Html Semoga Cara Membuat Menu Drop Down Tanpa Edit Html ini bermanfaat.
NB: Link http://bukarahasia-no1.blogspot.com/ ganti dengan link anda dan biarkan satu link saja buat blog Buka Rahasia No 1
itupun kalau anda tidak pelit hehehehehehe..
Contoh Menu Drop Down
terima kasih menu drop downnya
BalasHapusOke Sama-sama bro
HapusGood bngt bro blog gw jd tambah keliatan hidup...
Hapusbang admin, saya tidak bisa drop nih menunya gimana cara?
Hapuskucup memberi ilmu..
BalasHapushahahaha..ketimbang anak kuliah komputer yang masih baru tahu buat blog!
Hapusmendingan membagi ilmu saja,walaupun gak kuliah
belum coba, tapi kayaknya agak mudah dimengerti bagi pemula seperti saya, terima kasih curahan ilmunya sobatku...
BalasHapusmas ko saat saya coba dia ga bisa kebawah gitu sih? gimana cara nampilin nya??
BalasHapusmungkin sinyalnya kurang kenceng,atau sedikit ada gangguan.dan gadget HTMLnya jangan diberi nama,biarkan tanpa nama.
Hapuskalau masih belum bisa juga mungkin ada kesalahan dalam format HTMnya atau tidak template anda tidak mendukungnya.
sama bro punya ku jga gak mau ke bawah
Hapussaya juga gak bisa turun menunya mas,. gimana ya?
Hapustempat saya jg gx bisa bro,, gmn ni tlong bantuan nya..
Hapusmenurut pengalaman saya itu terjadi karena anda meletakan java scriptnya pada bar terlalu atas, letakkan tepat di atas teks laman saja.
HapusMantap menu drop downnya....saya termasuk blogger pemula. jadi saya minta saran untuk pakdevakeren.blogspot.com
BalasHapusTerima kasih..
Thanks ya gan MENU DROPDWON nya :D
BalasHapusijin pasang gan..moga bermanfaat..mohon di tilik balik ya...makasih
BalasHapusthanks gan..
BalasHapusMichael
michael.kosuke@yahoo.com
Terima Kasih Kang Atas Tutor nya...!
BalasHapusMantabbb...thanks, tambah keren blog saya.
BalasHapuskoq saya menunya gabisa drop ya? jd ga dropdown menu gitu
BalasHapusMantab Gan :D ijin coba
BalasHapusmau coba, mudah2 bisa. Berkunjung ke saya!
BalasHapusmau praktekkan mudah2 bisa. Berkunjung ke tempat saya ya!
BalasHapusbiar dikunjungi balik silahkan komentar memakai NAME/URL saja Mba'
HapusSaya coba aplikasiin ke blog kenapa gak muncul dropdownnya ya?
HapusThanks Bos sharingnya, ane dah paham dan dah bikin tapi kok gak bisa di drag ke menu header/link page,
BalasHapusbegitu di save (gadget gak dikasih judul)dan jadi template gadget trus di drag ke tata letak header sesuai petunjuk agan gak bisa,jadi mancep jadi gadget apa itu disebabkan sudah ada link pagenya?
Mohon pencerahan gan,
mantab Ni,,,
BalasHapusterimakasih atas info nya
Ga drop down Gan...
BalasHapusakhirnya ketemu juga disini, sebenrnya sya masih baru di dunia blog jadi masih blum paham cara edit html. maksih infonya
BalasHapusbro itu bagus banget.. thanks ya..
BalasHapusrendy jrsi@
BalasHapusTheAdit2108@
sama dengan jawaban saya pada aini puteri@
for all maksih balik ya,dan saya akan segera berkunjung balik buat anda yang berkomentar dengan NAME/URL
terima kasih menu drop downnya,
BalasHapuskeren dan sangat membantu dalam promosi blog saya,
jadi bisa pajang jenis-jenis produk,
S'mangat dan t'rus berkarya.
terima kasih gan info ...sip banget
BalasHapusThanks gan tutornya :)
BalasHapusGan caranya ganti backgroundnya gimana ya.., soalnya ga matching ama warna blog ane..,
BalasHapusMenu Dropdown Gak Tampil boss, atau yg salah HTML pd template :(
BalasHapusItu cuman nambah sub menu atau buat menu bar baru?
BalasHapusKunjungan balik :D
Wah bagus udah aku pasang, Terima kasih infonya
BalasHapusKeren sekali :)
BalasHapusMakasih mas, sangat bermanfaat, klo ingin merubah warna bagaimana caranya? #newbie
BalasHapusuntuk background,coba anda cari tulisan "background" dan rubah kode warnanya dengan warna favorit anda.
HapusMending pake laman dari pada pake menu ..
BalasHapusMantap....langsung praktek
BalasHapuskalo ingin di bawah header gimana?
BalasHapusThank's Mas atas tutorialnya..
BalasHapusTemplate yang saya gunakan sekarang tidak pake drop down menu, jadi terasa kurang maksimal apabila nanti artikel sudah cukup banyak.. Saya bookmark ya dulu Mas..
gan ko ga bisa menu down ke bawah nya ya ???
BalasHapusCara ganti warnanya gimana gan ?
BalasHapusN gaa adda menu down_nya ..
Om....! pada contoh tampilan menu drop down yang Om bua itu mantap dan cantik, tapi setelah saya coba ke blog saya, kok tampilan tidak seperti contoh itu Om, yaitu sub-sub menu tidak muncul. kenapa itu kira-kira Om ? jawab ya Om.. makasih,
BalasHapusdrop down di blog anda sudah sangat bagus kok mba'. saya sudah lihat-lihat tuh ke blog anda
Hapustrima kasih yang banyak ya Mas, yang lama kucari akhirnya ketemu.....
BalasHapuswah mantap bos, saya mau nanya, itu kan back groundnya hitam, klo saya mau ganti warna hijau gmana y? mhon jawabannya gan, maksh
BalasHapusTerima kasih mz ilmunya :)
BalasHapusmantap nE...
BalasHapusTerima kasih
Gan minta Tolong Buatkan Menu DropDown yang pas untuk blog saya donk, nanti saya kasih 1 slot untuk saya pasang RSS Feed Blog agan diblog saya. itupun klo agan berkenan. terima kasih..
BalasHapuspas dan tidaknya itu menurut selera anda bro,dan yang tahu selera anda ya hanya anda.
BalasHapuskalau ukurannya lebarnya sebenarnya sudah otomatis kok,anda hanya tinggal merubah warna dan tingginya saja yang sesuai dengan selera anda
cara merubah warnanya gimana kak??
BalasHapusrubah saja pada tulisan background: #000000; dan warna-warna yang lain menurut selera anda,dan silahkan berkreasi sendiri
Hapusgan, sya bru newbie nih, udah copas semua yg diatas, menunya udah ad, tpi kok gk muncul submenuny ya gan?
BalasHapustlg pencerahannya, ni gan alamat afajri.blogspot.com
terima kasih infony gan...
maju terus...
Ijin pake di blog ane yang newbi ini sob :-), terima kasih berat. Semoga laris manis blognya:-)
BalasHapusKeren tipsnya gan, thanks udah berbagi...
BalasHapusgan kok ga jalan ya? ga dropdown menu jadinya..hihihi.. maklum masih super bego nih.. kenapa ya kira-kira?
BalasHapusSip, dicoba
BalasHapuskalau sudah jadi, cara memindah artikel ke menu drop down yg di inginkan bagaimana ya??
BalasHapuslink http://bukarahasia-no1.blogspot.com itu diganti dengan link artikel anda atau link label artikel anda. dan tulisan "Menu" diganti dengan judul tulisan anda atau judul label anda
Hapusmantab ilmunya bro.....
BalasHapusmakasih gan
BalasHapusjikia di tambahkan sbuha icon ada gak cara nya ?
BalasHapusbiar melayang di atas gimana gan
BalasHapusGan, saya mau tanya secara pribadi
BalasHapusplis kirim email di jessenlaurentino@gmail.com
tulis kata dibawah ini sebagai password
bukarahasia-no1 memang oke
kalau sip ntar saya bayar
Secepatnya ya
Kok g bisa,, untuk drop downnya g bisa turun
BalasHapusgan, template dan menu tampilnya di tengah gimna caranya??
BalasHapusitu gimna gan biar posisi menu bisa di tengah, dan yang lain juga,,,
BalasHapuskaya di blog ini,,,
gan ko malah gagal.... tetep w gak ada menu drop downya ..... itu yg d ganti mana aja selain link nya?
BalasHapusAgan, ada yang copy - paste tanpa izin agan nih, gak ada link sumbernya lagi :
BalasHapushttp://motorz1.blogspot.com/2013/06/cara-membuat-drop-down-menu-tanpa-edit.html
gan dropdownnya malah ada di kanan bawah . kenapa gitu gan ?
BalasHapuspunya saya kenapa hanya ada menunya saja ya? submenunya tidak keluar ketika pointer diarahkan ke menu??
BalasHapusMakasih banget gan, ane sangat ucapkan makasih,
BalasHapusklo bisa cek blogku ya, andrinatasuryajaya.blogspot.com
keren gan ,,, izin praktekin,,,,,
BalasHapusbila berkenan kunjungi blog ane gan di Danny-gitaronline
sippp gan.. working..
BalasHapusthx.. ;)
gan mau tanya neh...membuat menu2 seperti itu apa agannya langsung ketik tanpa lihat panduan lagi...maksudnya sudah terpikir dalam pikiran urutan/langkah2 membuat menu seperti itu...gmn ya caranya bisa mahir seprti itu pa yg harus dipelajari awalnya. soalnya ane jg mau belajar ttg pemograman dan buat site sperti itu....trims atas jawabannya
BalasHapusMantap gan. btw, ini template kang kapuk ya?
BalasHapusthank,, sangat membantu sekali
BalasHapusmantap gan tutor nya.....
BalasHapusI love you bro, dari sekian banyak yg tak coba cuma pnya ente yg COCOK. Thank berat
BalasHapusgan izin copy. terus kalo mau posting nya di masukn ke dropdown gimana gan
BalasHapuskak gimana cara pindahin menu home,dll itu ke tengah?
BalasHapuskak cara mindahin menu" home,dropmenu1,2,dan 3 ketengah gimana ya?
BalasHapusmas bro kalu nambah menu drop down nya gimana?
BalasHapusnice drop down. tq ya
BalasHapusmas pas disave kenapa ya kok g mau disave seperti g jalan
BalasHapusthanks ya menu drop down nya sangat bermanfaat :) Salam kenal
BalasHapusTerima kasih atas infonya.
BalasHapusGan punya ane udah bisa,tpi menu 1,menu 2 ,menu 3,menu 4 dan seterusnya kok gak muncul gan??
BalasHapusbalas,pemula.hehe
Menu Dropnya ketutup oleh laman dibawahnya tuh gmn solusinya
BalasHapusMas sy udah terapin di blog sy, keren. tp warnanya, sy udah cb ganti kode warnanya tetap aja hitam. gmn caranya kl mau jd biru warnanya? tq
BalasHapusmantap mamen.. hatur nuhun..
BalasHapusmanatab gan, tp gan dari mna smpe mana yg hrus sy copy untuk mnambah dropmenu?
BalasHapusoh udah gan udh bisa nmbah dropmenu4, harus teliti jg yah, mksh gan
BalasHapusTrima kasih tutorialnya gan, sungguh sangat membantu sekali, agar web saya bisa lebih mudah menambah element tersebut
BalasHapusmakasih ya..
BalasHapusinfonya berguna banget nih.. :)
gan mau tanya nech kenapa drop down nya tidak mau kebawah yach..padahal ane ngikutin petunjuk yang agan kasih...mohon pencerahannya gan...klau harus ganti temple yang mana yang cocok buat drop down ini gan
BalasHapusthanks gan :)
gen q masih kebingungan klo sudah masuk ke edit html,menu droupdown yang sudah kita copy pastenya itu di taruh dimana tlong di jelaskan yang lebih rinci thenks.
BalasHapusbukan edit html sobat, tapi gadget HTML.
BalasHapusGadget HTML itu ada di Tata letak
punya gua udah jagi kayak contohnya tingaal ganti nama dropdownnya gimana..?
BalasHapuskok sub menu nya, maksud saya menu 2.1 tidak bisa nampak di drop down saya ya?
BalasHapuskeren mas
BalasHapusIjin untuk di praktekan di blog saya bro.
BalasHapuspunya saya kok gak bisa drop down gan :(
BalasHapusd
Hapusmakasih menu dropdownya keren :D
BalasHapuscaranya edit biar sub menu nya ndak panjang gimna ? mohon bantuan.nya
BalasHapusbro, template yang sesuai untuk dropdown ini yang mana?
BalasHapusterus dropdown menu itu kalo di klik engga open in new tab gan, jadi open nya di 1 tab itu aja, bisa gan?
Informsi Anda komplit bgt gan... makasih banyak...
BalasHapusthanks gan,,,
BalasHapusmau ganti warna dasarnya, harus ubah script yang mana ya gan?
BalasHapusmkasih
Artikel sangat bagus,sangat bermanfaat sekali untuk blogger lainnya,trim gan
BalasHapusterimakasih ya. Sudah saya praktekkan. Dari sekian cara yg sudah sy coba, ini yg saya bisa. Tapi blm sepenuhnya sukses nih. Menu dropdownnya gak kelihatan, ketutupan yang bawah. gimana caranya supaya bisa kelihatan?
BalasHapusMaklum nih, aku baru banget di blog.
Tolong ceki-ceki blogku ya
bukan edit html sobat, tapi gadget HTML.
BalasHapusGadget HTML itu ada di Tata letak
thanks gan sangat membantu
BalasHapuswah terimakasih, langsung praktek masih mujarab scriptnya, makasih admin.... salam kenal n kunbal ya dukung kita di http://dishut-kab-katingan.blogspot.com/ maklum baru dibuat n masih belajar nantinya akan membeli domain juga untuk websitenya nani.
BalasHapuswiiih keren makasih gan.... sangat bermanfaat......
BalasHapusSekali Lagi Keren :D :) (y) Hebat....
mas punya saya kog gak drop malah up, mohon arahannya
BalasHapuswow.. mantep langsung joss..
BalasHapusTrim banget....
makasih gan saya sudah coba pasang ternyata bisa, tapi saya belum butuh jadi saya lepaskan lagi..., kunjungi balik ya gan dan kasih masukan buat blog saya...
BalasHapuswah ini dia artikel yang saya cari... Terima Kasih...
BalasHapus# Bermanfaat Sekali buat Pemula
Wenak.....langsung jadi bro, thanks admin
BalasHapusThank's
BalasHapusgagal om ,, menu dropdown gak bisa
BalasHapusBro, kalo widget nya ditaruh diatas ga jalan, tapi kalo taruh dibawah bisa jalan...knp ya bro ?
BalasHapusSatu pertanyaan mas
BalasHapusBagaimana cara menambahkan submenu CHILDREN
Tolong dibantu
Saya pakai fastmag punya mas sugeng
BalasHapustolong dibantu ya
bukannya punya mas sugeng sudah drop down mas?
HapusKalo gk bisa ke bawah mesti ganti template ya gan..
BalasHapusknapa gk bisa dropdownnya?
BalasHapuspenasaran nii mau bikijn menu dropdown, ijin coba ya mas
BalasHapusMatur Thank You Bro
BalasHapusterima kasih drop downnya, makasi banget ya... uda puas pakek kode HTML dari blog2 lain tapi enggak tau cara edit isinya, tapi yang ini uda ada contohnya sekalian... langsung bisa tau yang mana tempat edit isinya... cuma masih pusing nyariin kode warnanya yang abu2... mau ditukarin...
BalasHapussusah bro belajarnya, rumit
BalasHapusmakasih infonya gan
BalasHapussippppppp
BalasHapusIni baru mantab, kerja dikit hasil maksimal
BalasHapusMakasih atas artikelnya yang sangat bermanfaat
BalasHapusTerima kasih untuk penjelasannya mas. Saya sudah coba lakukan petunjuknya tapi kok ga mau keluar dropdown menunya ya? Bisa minta tolong dilihat? Saya coba aplikasikan di blog saya di: http://englishappsindonesia.blogspot.com hanya keluar menu utamanya saja.
BalasHapusTerima kasih sekali untuk perhatiannya mas.
Mantabbb...
BalasHapusijin copas ya Artikel aslinya...
Sumber dijaga :D
Sip mantap.
BalasHapusTapi belum nyoba sih .. blognya jg masih baru
bisa gan...tapi blog q jadi lama bukanya,tak buang lagi...hehe
BalasHapussalam mwb
wahh.. keren mas udah sukses thanks ya..
BalasHapuskalau ada waktu mapir skalian klo punya pengalaman hidup tinggal ceritaiin di blog ane.. hehe
http://bagiceyu.blogspot.com/p/blog-page_26.html
Thanks Gan atas Postingannya, semoga saya bisa menerapkannya di blog saya. salam sukses
BalasHapusNice Post gan...
BalasHapusDi tunggu artikel selanjutnya...
gan kok ga bisa yak ?
BalasHapusOm admin..
BalasHapusdi blog sya kq gak bisa turun menu2 dropnya klo di taruh gadget d bwah header, gmna solusi?
klo gadget yang d samping n yg d bawah posting smua bisa turun menu2 dropnya..
mkasih
Terima kasih banyak atas informasinya, ini sangat membantu saya yang masih belajar ini..hee
BalasHapusSalam blogger..
terima kasih buat informasinya ya gan, ini sangat membantu saya yang masih belajar ngeblog ini..hee
BalasHapusgan., di blog ane menu drop downnya g keluar pas di taruh di bawah header., tapi pas di taruh di tempat laen bisa gan., minta solusinya., terima kasih
BalasHapuskok blog saya tidak bisa ya Gan :( coba aja lihat di budakaslisunda.blogspot.com
BalasHapusapanya yang salah ya mohon pertolongannya!!!
kalau cara supaya menu dropdown nya bisa diem waktu halaman di geser kebawah menu dropdown nya tetap tampil bagaimana bos... makasih bos,,,
BalasHapusthank's infonya gan. mantap.
BalasHapuskelihatannya keren gan, saya coba ya, terimakasih sharenya
BalasHapusgan thanks ilmunya. sudah jadi nih, tapi ngeditnya gimana-_- kalo ngedit lewat html nya saya kurang ngerti nih
BalasHapusSob gimana cara ganti warnanya?
BalasHapusko ga turun kebawah bro ?
BalasHapusmau tanya nie buat admin yang terhormat , kenapa menu dropdown nya kalau di isi dengan link facebook atau twiter tidak bisa terbaca/terhubung ke acount tersebut ??, terima kasih buat admin , di tunggu jawaban nya mas
BalasHapus