HOMEYang sering berkujung ke blog om pasti sudah tidak asing dengan horizonal menu navigasi. Nah tutor kali ini kita mencoba membuat menu navigasi yang sebenarnya meminjam salah satu widget dari bawaan standar blogger. Dengan sedikit sentuhan pada CSS, widget Linklist yang semula banyak digunakan sebagai blogroll secara vertikal akan kita modifikasi menjadi menu navigasi secara horizontal. Ya sudah, dari pada om cuap2 gak jelas langsung ke cara pembuatan aja ya :)
Pertama masuk halaman Edit HTML, kemudian copi-paste semua kode CSS dibawah ini lalu letakan diatas kode ]]></b:skin>
/*-- (Menu/Nav) --*/
#nav{background:#222; height:32px; padding:4px 0 0; margin-bottom:0px}
#nav-left{float:left; display:inline; width:600px}
#nav-right{float:right; display:inline; width:100px}
#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0;
font:1.0em Arial,Helvetica,sans-serif}
#nav ul li{float:left; list-style:none}
#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px;
padding:5px 4px; text-decoration:none}
#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px;
padding:5px 4px}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li
a.current:hover{margin:0 8px; background-color:#fff; color:#fff; padding:5px
7px}
/*-- (Search) --*/
#search{background:#f9f9f9 url(http://oom.blog.googlepages.com/search.gif) 6px
2px no-repeat; -moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px; border:1px solid #b3b3b3; float:right;
height:25px; margin:0 0px 0 0; width:180px}
* html #search{margin-right:8px}
#search input{font-family:Verdana,Arial,Helvetica,sans-serif;
background:transparent; border:0; color:#555; float:left; font-size:12px;
margin:5px 0 0; padding:0px 2px 2px 27px; width:140px}
Masih pada halaman Edit HTML kemudian cari kode <div id='outer-wrapper'><div id='wrap2'> biasanya kode ini terletak di bawah html tag <body> kemudian copi-paste semua kode dibawah ini, dan letakan kodenya dibawah kode warna hijau diatas.
<div id='nav'>
<b:section class='header-tabs' id='header-tabs' preferred='yes'
showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Top Tabs' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title'/>
<div id='nav-left'>
<ul>
<li><a href='/'>Home</a></li>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='true' title='Search' type='HTML'>
<b:includable id='main'>
<div id='nav-right'>
<form expr:action='data:blog.homepageUrl + "search"' id='searchform'
method='get' name='searchform'>
<b:if cond='data:title'/>
<div id='search'>
<input class='s' id='s' name='q' onblur='if (this.value == '')
{this.value = 'Cari artikel disini';}' onfocus='if (this.value ==
'Cari artikel disini') {this.value = '';}' type='text'
value='Cari artikel disini'/>
<input id='searchsubmit' type='hidden' value='Search'/>
<data:content/>
</div>
</form>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
Silahkan disimpan dan lihat hasilnya. oh hampir lupa..rekan bisa menyesuaikan warna latar dan textnya sendiri ya :)
Untuk menambah menu, silahkan buka kembali "Elemen Halaman" kemudian perhatikan widget paling atas, disitu sudah terlihat witget baru dengan title "Top Tabs" silahkan klik edit dan tambahkan menu yang ingin ditampilkan. Selamat Mencoba :)
Agus Ramadhani memulai kegiatan Blogging sejak tahun 2007 hingga sekarang. Saat ini dia focus sebagai profesional Blogger dan menjadi penulis dibeberapa blog miliknya yang cukup populer diantaranya..
ini nih tutorial yang lagi dicari, thank's ya om
BalasHapuspraktek dulu deh, ntar klu ada yang gak ngerti tanya ama om ya...
wah langsung dipraktekin nih,,, soalnya blon ada horizontal menunya :D
BalasHapushallo oom, makin oke aja nich postingannya :)
BalasHapusoya oom, apa kabar disana? salam ya buat mba lulu..sukses ya oom
you best friend :)
@Project & Highcuriosity : silahkan langsung di praktekan :)
BalasHapus@yus : hallooooo yus, apa kabar sahabat..sudah lama nih gak ketemu, gimana nih kabarnya lombok?
BalasHapusom..., ada pesan error kayak gini
BalasHapusYour template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "form" must be terminated by the matching end-tag "".
Oke deh Om... seperti biasa langsung praktek, gak pake lama :D
BalasHapusOke deh Om... seperti biasa langsung praktek, gak pake lama :D
BalasHapus@Project : oh iya ada kode yang kurang lupa om masukin :D silahkan dicoba lagi.
BalasHapus@feri : ayuuu langsung dicoba feri :)
sip, ok banget om :)
BalasHapushihihi...bersatu kita teguh bercerai kita runtuh ...hidup ngeblog, thanks suhu...cool tutorial
BalasHapus:D
hallo... kereeen22 content di blog ini... saluut2... kenalan dong.. hehe. salam kenal dari tux...
BalasHapuswah,, kok ada yang beda codenya :-/ search nya tetep harus dimasukin ya om?
BalasHapustq bgt om, tipsnya bisa lgsg dipraktekin nih,
BalasHapusbtw om, om tau ga cara bikin welcome screen buat blogger, kalo tau tolong post ya om..
om, waktu masukin link untuk home kok hasilnya jadi dua home ya om?
BalasHapusweh keren, lama gak mampir skali mampir langsung tersepona, eh terpesona, emang om jago coding.,.
BalasHapussipp om..selalu ada saja yang baru..om pesan nih lain kali minta tutor supaya kita sebagai pemilik blog kasih koment bisa berwarna gitu gimana om?? ditunggu ya om tutor itu nya :)
BalasHapuspara pengguna Blogspot makin dimanjakan neh sama OM dengan tutor2nya.. hee
BalasHapusnice psting, emang deh o-om.. layak di calonkan sebagai bapak blogger indonesia.. ;)
BalasHapusom emang sip deh, semua potingan om bermutu dan berguna. salut..
BalasHapus@rohman & iwan: thanks juga buat suhu berdua :)
BalasHapus@Tux World : salam kenal juga :)
@Highcuriosity : kalo gak mau pasang bisa di hapus aja kode searchnya
@IrShandy : yup kalo sempat ta om post caranya :)
@Project : coba dihapus dulu yang salah satu home nya
@Fachia : hehehehe semoga sukses aja sobat..wisuda dan menikah bahagia :D
@Tony : caranya udah pernah om post mas toni. di search aja :)
@mymoen dan Stevanus: thanks ya :)
Emm,.. Kalo namanya Top Tab, berarti templateku ga usah di otak-otik lagi donk hehe.. Udah bawaannya begitu sich. Ayoo siapa yang mauu???
BalasHapuscoba buat blog ku ah
BalasHapusthank om
wah...ga bisa jalan om di di template ku...padahal pake empletenya py oom 8-}...muncul pesan"Lebih dari satu bagian ditemukan dengan id: header-tabs. ID Bagian haruslah unik."
BalasHapusknp ya om kira2.....
thx
mantap gan, lanjut
BalasHapuswadaw... ini tutor mantab sangadh om... seeep ;)
BalasHapusNah.. ;)
BalasHapusTanya donk om? Kemaren kan baru aja praktek in cara membuat recent post dari feed. Lalu gimana ya om, bikin recent post nya lebih dari 5 post. . ?
BalasHapussip infonya om..;))
BalasHapusAh biasa aja bos tutor gini mah cuma untuk pemula doang *kabur*
BalasHapusmakase om
BalasHapusTutorial yang dinantikan om :) Jadi ketinggalan lagi deh :)
BalasHapusEmang ni si Om juara, codingnya Blogger dibuat kelepek-kelepek :)) Btw, saya masih newbie nih, boleh tanya gak Om tentang coding-nya itu.
BalasHapus1)Moz-radius itu bwt rounded ya? Tapi kok cuma bisa di Mozilla? Kalo di IE gimana caranya?
2)Onfocus itu buat m'hilangkan default value saat di-klik ya?
O ya Oom, buatin tutorial mengenai cara buat rounded corner sama shadowed corner donk, pasti banyak yang seneng tuh.
OK, sukses bwt Oom :-*
hehe,,, mantaps om,,hehe,,, jadi nambah ilmu nih ,,,kekek,, tar ah di terapin pada template2 yang mau saya bikin,,hehe,,tapi klo mo bikin agar elemen2 nya ga tumpang tindih gmn yah om? kan di tempalte bikinan om yang elegan style itu header sama navigasi nya tumpang tindih hehe,,, (klo saya alternatif nya yah bikin nav nya langsung terintegrasi di html hehe...)
BalasHapuso iya om ada aygn lupa hehe,,
BalasHapusminta tutorial yang biar tulisan
"Dengan memasukan alamat email dibawah ini berarti anda akan mendapat kiriman artikel terbaru dari o-om.com di inbox anda:"
agar ada di semua post gmn yah? hampir sama kan ama tutorial ini. tapi kode2 nya gatau.
soalnya klo dimasukan di template posting kan hanya untuk artikel2 yang baru, ayng lama ga ngikut hehe,,, thanx (maab selalu merepotkan)
ini nieh yang kemarin tak cari2 akhirNa dibuatin juga (**PD**) :D. om klo penempatan searcNa di tab yg hitam dibawah image seperti blogQ gmana.. kmarin saya kirim email, belum dibalas..
BalasHapustereneretenreret~
BalasHapusnumpang lewat aja.. :))
pa kabar kk? ^^
mantap infonya :)
BalasHapussaya cuma mau bilang ... OK's bgt :D
BalasHapusWeh... pengen belajar neh sama oom neh.. *tapi belajar yang laen ajah*
BalasHapusshiiip dech om..
BalasHapusKyaaaa, saya coba-coba munculin di tempat lain koq gak bisa ya, Om? Kalo Om kan ngajarin di atas header, lha saya pengen masang di bawah header, tapi masih belum bisa. Mudah-mudahan kelar sebelum Magrib. hehehe, dasar sayanya oon. :D
BalasHapuswahhh oom ini dalam melakukan sebuah penemuan2 semua berhasil dengan baik dan merupakan informasi yang sangat dibutuhkan oleh para blogger indonesia oom
BalasHapusSukses untuk oom
dan selalu berkarya oom
akhirnya dimunculin juga nih OM, dah lama pengen bikin kayak gitu.
BalasHapuseh setelah pake template baru ternyata ada bawaan templatenya. jd gak repot2 lagi.
:D ... sukses deh buat OM. posting ini tetep dikopi dulu. thanks .
saya masi bingung banget sama blogspot
BalasHapustapi si om tau aja nih segala trik blogspot :D
Oom...postingan sampeyan selalu top.....
BalasHapussalut sama sampeyan nich...
makasi tutorialnya 0m.. :)
BalasHapusupdate banget dah blognya 0m,hhe..
btw,0m agus,,kenapa sih dipanggil o-om?apa karena emang biasa dipanggil om?hehehe..
wah..., ilmu baru dari sang masrter nie..., boleh dicoba kayaknya... :)
BalasHapusLangsung saya bookmark...
BalasHapusemang oom selalu terdepan...
BalasHapusTapi masih ada masalah Mas, kalo kita pasang label di menu bermasalah di google webmaster tool-nya, disitu dikatakan tidak dibolehkan..
BalasHapussip mau coba ah, soalnya yg punya saya nggak bisa pasang banyak, terus nggak ada search form-nya juga...
BalasHapushuwaaaa kereeen... om.. sayang saya sudah pindah.... huwaaa saya minta maaap....
BalasHapusngmung-ngumung, bisa diterapkan di wp nggak ya??
wah bener, banyak banget ilmunya, thank u om, salam kenal...
BalasHapusOm..kok keluar komentar kayak gini yach, padahal script sebelumnya coba dihapus masih juga muncul
BalasHapusLebih dari satu bagian ditemukan dengan id: header-tabs. ID Bagian haruslah unik.
Mantabs kali .... cuma saya mau dilink kemana ya .. :))
BalasHapusom, salam kenal ya? saya dah coba tutorialnya tapi ga berhasil, muncul tulisan "Kami tidak dapat menyimpan template Anda.
BalasHapusHarap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Lebih dari satu widget ditemukan dengan id: HTML3. ID Widget seharusnya unik"
gimana ya?
trus klo misalnya berhasil, gimana buat halaman baru yang link dengan tombol2 navigasi?
thanks tutorialnya om.... keren :D
BalasHapusWah Baru nih om... di cobain ya...
BalasHapusboleh nih dicoba om. bener² deh tiap nyasar kesini selalu aja ada ilmu baru :)
BalasHapustutorialnya mantap Oom.. ngomong2 om tau javascript search bar supaya tulisan 'cari artikel di sini' di atas ada efek menghilang setiap diklik...?
BalasHapusAssalamualaikum lagi oom...adaaa saja yg terbaru yaa...TERIMA KASIH atas ilmunya...!
BalasHapusOom mo nanya nih, blog ku di (m-is.co.cc) dah pake new template-nya Elegant itu..bagus lho but aku juga ingin pasang nav bar blogspot di atasnya, bagaimana caranya ya oom...?Kalo untuk template blog yang lain caranya sama ya...? Tolong ya Oom...via emailku saja ya...(papa.dz@gmail.com)
Sebelumnya aku ucapkan banyak-banyak terima kasih... :D :D :D
wiiii, akhirnya ada juga tutorial buat bikin navigasi horizontal, thx ! :D
BalasHapus@all : thanks ya buat semua komentarnya :)
BalasHapus@Ucha : itu karena defaultnya om menggunakan HTML3, coba ganti dengan HTML4 atau lainnya, ini berlaku juga dengan linklist jika ada pesan yang sama bisa di ganti dengan linklist yang belum digunakan
BalasHapus@manggis : apa yang kamu maksud mengaktifkan kembali navbar defult blogger?
kalau iya coba hapus CSS dibawah ini..
#navbar{height:10px; visibility:hidden; display:none}
edun si om.. manteb pisan uyy
BalasHapussiap praktek
BalasHapusTips yg sangat bermanfaat. Thanks ya utk tutorialnya.
BalasHapusseperti biasa, mantap om tips nya!
BalasHapusOom...nongol lagi nih...terima kasih yaa...navbar nya dah nongol...! ;)
BalasHapusbinun om...
BalasHapuskolom URL situs baru nya diisi pake URl mana om...???
lam knal om...!!
aku suka template nya, bagus om...
BalasHapusThank's!
BalasHapusO'om emang huwebat!
keren euy.... dicoba ah.....
BalasHapusom mau nanya nih gimana caranya kalau kita mau ngasih elemen halaman pada bagian footer, seperti di blog ini, makasih atas infonya
BalasHapuskok keluar ini seh om
BalasHapusKami tidak dapat menyimpan template Anda.
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Lebih dari satu widget ditemukan dengan id: HTML3. ID Widget seharusnya unik
Koo ga bisa yaaa??? .xml nya ga bisa ke save.. Katanya blom ditutup dg baikk... knp yaahh????
BalasHapusIlmu baru ni
BalasHapus@klik : coba diganti HTML3 denga HTML4 atau yang lain.
BalasHapus@vie : pasti ada kodenya yang ketinggalan cuba di cek ulang atau copas ulang :)
masih belum bisa om :((
BalasHapusAda cara yang lebih praktis lagi om, saya menemukan web yang menyediakan toot gratis untuk menghasilkan kode css dan html secara instan untuk membuat menu horizonta dan vertikal. Tool ini juga mempunyai banyak fungsi seperti untuk membuat check box, input tex, dsb.
BalasHapusSalam
Om gimana caranya agar link menunya bisa langsung search, seperti punya om dengan hyperlink http://www.o-om.com/search/label/Tutorial%20Blogger?max-results=100
BalasHapusapa lagsung copy hyperlink atau dibuat halaman tersendiri buat hasil pencarian search
hoammmmmmmmmmmmm
BalasHapusOom, Tolong bikin tutorial navigasi yang menunya bisa diexpand Dong. Pernah nyoba, tapi gagal.Tolong ya Oom, soalnya masih miskin ilmu nih.
BalasHapusOm saya mw nanya nie...saya kan pake template punya Om yang terbaru (New Launching - Blog Template For You ) Trus gmana caranya ngasi tab menu horizontalnya?? biar sama seperti punyanya om!!! ditunggu segera jawabanya..
BalasHapusmakasi...:)
@All : thanks buat semua komentarnya..maaf belum bisa balas pertanyaannya satu persatu :(
BalasHapussalam kenal om......
BalasHapusoya tutor-a udah saya coba tapi menu dan alamat-a gk muncul...(hitam) cuma ada search engine-a doank gimana ne om.??
oom koq punya saya malah jadi vertikal ya???
BalasHapusoom koq punya saya malah jadi vertikal ya???
BalasHapusWah, ini yang selama ini saya cari caranya. Yes!
BalasHapusLangsung praktek!
BalasHapusMet knal o-om. eh o-om aq mo tnya: More than one section was found with id: header-tabs. Section IDs should be unique. Horisontal menunya gbsa. tu apa yh hrus dribah zz. mf aq msih nol bsar ttg blog. hee:((
BalasHapusMet knal o-om. eh o-om aq mo tnya: More than one section was found with id: header-tabs. Section IDs should be unique. Horisontal menunya gbsa. tu apa yh hrus dribah zz. mf aq msih nol bsar ttg blog. hee:((
BalasHapussaya newbie, jadi awam banget mslah utak-atik coding. pas saya praktekkan kok keluar kata2" More than one widget was found with id: LinkList1. Widget IDs should be unique" minta saran om
BalasHapus@Arif Luqman dan prasadja : coba linklist1 di ubah ke linklist2..kalo belum bisa silahkan tanya lagi :)
BalasHapuswah om ada yang eror nih pesanya
BalasHapushtml 3 unique-unique gitu dech kenapa yach??
http://directorybloggunegan.blogspot.com/
salam kenal om dari newbies ni
thankyu om... aku sudah menerapkannya di blogspotku...
BalasHapusbtw, 000webhostku rusak... makanya kembali ke belogsepot..
bingung mau diisi apa, lawong postinganku yang di 000webhost ilang semua ee...
huehuehue...
okee ini artikel yang sangat menarik buat gw..............
BalasHapusbener bener K E Y E N
BalasHapusom dapet doa dari semua hihihihi atas smw posteng nyang bermangfaat
berhasil om...
BalasHapusInformasi Pendidikan, Informasi Sekolah, Informasi Kuliah, Informasi Studi, Informasi Beasiswa, Cari Artikel, Info Pendidikan, Info Sekolah, Info Kuliah, Info Studi, Info Beasiswa, Pendidikan, Sekolah, Kuliah, Studi, Informasi Beasiswa, Artikel
BalasHapusKUNJUNGI : www.kliksekolah.com
om, kalau mau ganti warna backgroun-nya gimana ?????
BalasHapusini dia nih tutorial yang lagi dicari, Makasihh yahhhh
BalasHapuspraktek dulu deh, ntar klu ada yang gak ngerti boleh dunk tanya2,,
hehehehe
agak dudul neyh ma yang beginian
Semangat!!
oo-m kok menu gw gk kluar ya..cuma search-a doank yang kluar.???
BalasHapuskanpa ya.???
Salah kenal Om, koq yang muncul tabnya vertikal, kenapa ya?
BalasHapusThks oom. bagus tutorialnya n sangat berguna. tapiiiii, saya ga ngerti gimana nyambungin dari "top tabs" ke menu2 nya?? bingung :P
BalasHapusMaaf, mas, saya mau nanya, kalau sudah berhasil membuat menu, cara "menyambungkan" konten dgn menu tsb bgmn ? Setahu saya, misalnya kita memposting sebuah konten, lalu kita beri label, kan label itu adanya di sidebar (trmsk elemen blogger), jadi dgn mudah kita bisa mengelompokkan postingan kita tsb di label, nah kalau di menu bagaimana ? Mudah2an mas ngerti dgn maksud saya, maklum masih newbie sih :)
BalasHapusass...."Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
BalasHapusPesan error XML: The element type "form" must be terminated by the matching end-tag "".--ada pesan ketika saya ingin menerapkan HORIZONTAL MENU NAVIGASI..Mohon panduannya om.tq
@nugraha : tinggal kopy aja kode labelnya kedala menu.
BalasHapus@tataplah masa depan mu : coba di cek ulang, biasanya kurang kopy paste pada kodenya.
wah Om hebat yac.....tipsnya kren -kren :D loh....Om slm kenal dari aku...BTW kalo SEO itu apaan yah?
BalasHapusbagus o-om...tak coba y...makasih...:D
BalasHapusOm, kenapa setiap saya coba, menu (Home, Arsip, Tutorial, dst) gak muncul ya? Cuman muncul Kotak menu, kotak pencarian aja. Terus ada list untuk kode warna tulisan gak om? Terima kasih. Semoga Sukses Selalu. Amin
BalasHapusAlhamdulillah,aku udah dapat jawabannya ;)
BalasHapusgak bisa mulu om saratnya xmlnya versi berapa
BalasHapusOm...
BalasHapusKoq gw ga bisa ya...
muncul message ini terus
[Lebih dari satu widget ditemukan dengan id: LinkList1. ID Widget seharusnya unik.]
padahal gw dah ikutin persis yg bos tulis diatas...
bisa dikirim via email aja ga bos OOM..
om.. makasih buat navigasinya..
BalasHapuskeren..
berhasil... walau ada kata
[Lebih dari satu widget ditemukan dengan id: LinkList1. ID Widget seharusnya unik.]
om... saya masih baru bgt dlm bloger...
saya baru kelaz 2 sma..
saya mau nanya koq adsense for contentnya gag keluar-keluar...
????
saya tetep ga bisa om..html3, html4 tetep ga bisa..linklis1 jadi 2 put tetep ga bisa..
BalasHapuslaporanya slalu..
"More than one widget was found with id: HTML3. Widget IDs should be unique."
mohon petunjuknya..
Salam kenal Om...thanx buat navigasinya. it works..
BalasHapusMakasih Om hidangannya. Ijin pakai ya om?. Setelah menimbang2, ini hidangan yg pantas dipakai di blog sya. Sederhana $ ga ribet sih. Awalnya ada kesulitan tp stelah dikorek2 ktemu jga mutiaranya. HTMl saya sampai 15 jd pas diganti HTML16 baru bisa dilahap tu hidangan.Bravo :D :D
BalasHapuskok ga mau sih om?
BalasHapusPerkenalkan saya dari Lebanon
BalasHapusMakasih OM dah saya coba dan berhasil nih contohnya blog punya gue :
http://isu-terpanas.blogspot.com
Bagi rekan2 yg masih kesulitan krn muncul pesan : "Lebih dari satu widget ditemukan dengan id: LinkList1. ID Widget seharusnya unik"
atau
"Lebih dari satu widget ditemukan dengan id: HTML3. ID Widget seharusnya unik"
coba ganti angkanya dgn nilai lebih tinggi misal 4 sd 10
krn dah saya praktekkan dan berhasil.;))
oom, saya dah coba buat menu pake cara ini,tp kok belum bisa, psn error nya "Lebih dari satu widget ditemukan dengan id: LinkList1. ID Widget seharusnya unik.", kenapa ya.., mohon pencerahannya. thanks b4
BalasHapusom, saya baru sekarang ngerti ( dikit ) ;))tentang navigasi horizontal yang sudah om kasih di template yang om buat dan saya juga pake templatenya. saya mau tanya gimana cara pasang halaman tempat letakin link exchange dan di pasang di navigasi horizontal ?
BalasHapusTerima kasih
( moga moga om ngerti apa yang saya maksud );))
Saya sudah lama membaca tips membuat menu seperti di atas, baik dari buku maupun dari oom. Cuma yang saya belum mengerti, bagaimana caranya "menempatkan" isi dari masing2 menu ? Misalnya di blog saya ada 3 menu : download,blogroll dan ebook. Nah, jika saya punya freeware yg ingin saya tempatkan di menu download, caranya bagaimana oom ? Terima kasih sebelumnya. Oh ya, saya menggunakan template buatan oom untuk blog ini. Trim's.
BalasHapusmenurut q blog anda sngt yahuuds. Dari blog ini sya dpt beljr trik untk mengubh blog sya jdi bgs. tolog yaa komentari blog sya dan umumkan ke semuanya bgi pcnta perguruan cimande di(http://bocah-cimande.blogspot.com):D
BalasHapusma ap om, ada ga alternative selain di bawah kode
BalasHapus<div id='outer-wrapper'><div id='wrap2'> ?
soalnya di template blogerized adsensnya mas isnaini ga ada code yg diebutin diatas :((
om gimana cara pindahkan top tabs ke bawah header
BalasHapusthanks ya om
agar tab nya bisa ngeling ke halaman yang kita tuju gimana caranya?
BalasHapusbos tolong saya di bantu dalam mempercntik blog kunjungi blog ku dan beri masukan. oke matur suwun!!!!ennug.blogspot.com
BalasHapusOm ko kalo ditambain link utk home,malah jd 2.
BalasHapusom kok gak bisa di simpan??
BalasHapusmuncul seperti ini
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Lebih dari satu widget ditemukan dengan id: HTML3. ID Widget seharusnya unik.
di mana kesalahan saya??
Terima kasih tips nya Om, tapi kok muncul pesan ini;
BalasHapusLebih dari satu widget ditemukan dengan id: LinkList1. ID Widget seharusnya unik.
Apanya yang salah ya OM?
om sya tidak bisa bisa menampilkan horizontal di bog saya , padahal saya udah lakukan tahap demi tahap untuk mendapatkan menu tersebut .atas perhatianya sy ucapakan banyak trima kasih ,salm sukses dan ttp smagat ooommm..
BalasHapussory om mampir aku coba kok ngga bisa kenapa ?
BalasHapusdari tegar-cheluz.blogspot.com
ass....
BalasHapuspunten, Om..untuk pertama kalinya saya masuk bloger Om...
saya sudah mencoba beberapa kali Css di atas tapi berkali2 juga ga mau di Save...sama kaya teman2 yg lain,,,linglist1 dan sebagainya,,,wigr harusnya unik.
saya juga sudah mengganti HTML3 menjadi HTML4 Dan yg lain seperti Om bilang di Comment...sudah saya copy beberapa kali takut sy salah ngopy,tetap aja..:-0
kelihatan ya NDESONYA......he he he he...:D.!!!! maaf om baru mau belajar ngeblog...
klo ada teman2 yg tahu bantuin dunk....???
Salam kenal to OOm.. thanks a lot, ini yang aku cari2.. tutorialnya berguna sekali .. dipakai nih di blogku http://investasigo.blogspot.com ( :D underconstruction )
BalasHapusHalo..............kang OOM
BalasHapusKuq setelah saya coba g bisa?????
Kang O-om, sebelumnya lam kenal aja dari saya.
BalasHapusSaya udah lakukan urut2-annya, dah dah muncul di blog saya.
Selanjutnya dah saya edit menjadi 3 bagian Home, Arsip, About..
Tapi masalahnya sekarang, bagaimana untuk mengisi bagian2 tersebut? Dan gimana caranya saat posting, bisa ditempatkan di Arsip atau di-About?
Makasih banget ya Kang O-om bantunnya...makasih buanget jika balesannya cepat..he2..sukses selalu buat Kang O-om
gimana cara ganti html3 ke html 4...bingung
BalasHapusOm tlg diliat blog saya di http://barumaning.blogspot.com.Kalo cara memindhkan menu headernya jadi keatas bgm ?TK.Tlg jwbnya di cc ke dherdiansyah@gmail.com.Minta alamat emailnya Mas.
BalasHapusthx banget o-om, sangat berguna lho bagi saya coz saya kemrin ganti template so gak ada menu diatasnya
BalasHapusanyway, saya mw tukeren link sama o-om boleh gak??tolong jawab di blog saya aj, coz ntar saya langsung tw,thx
biar posisinya ad dibawah header gmn om? tutorial ini udah berulang kali say utak-atik posisinya selalu diatas header, jelasin ya om!thanks
BalasHapusweleh kok aku ga bisa ya
BalasHapusTemplate Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
BalasHapusPesan error XML: The element type "div" must be terminated by the matching end-tag "
waduh masih bingung :((
makasih ya ommm
BalasHapusdicobain dulu yaaa ooommm....
BalasHapusooom kalo mindahin kebawah header gimana yaaa?
BalasHapusMakasih o-om tipnya ya.. moga makin ok dan bermanfaat buat kita semua..
BalasHapusngak bisa om ni, tp udah ada kiannya menu horizonntaku
BalasHapustruseror kalu di isi linknya
kekmana om caranya ini biar ngak eoror
Tengkiyu Oom..:X :X Salam Kenal..
BalasHapusSalam kenal...mo ty nih..kalau udah jadi menu navigasinya OOM..terus gimana caranya ngisi artikelnya.misal saya buat menu "cerita saya" untuk memposting cerita2 yang saya tulis supaya masuk ke halaman tsb gimana caranya.terimakasih atas jawabannya.
BalasHapusom kalo buat navigasi kayak punya om gmna?
BalasHapusjadi kalau salah satu menunya di klik muncul judul postingan yang berhubungan dengan menu tersebut.
mohon bantuannya. n thankiu buat tutor yang ni.
Trims om sebelumnya, but seperti kata dom, aldine dsb...
BalasHapussetelah menunya dibuat untuk link ke web/blog lain mungkin no problem, but untuk browsing internal blog gmn oom???? ya mirip2 punya oom gitu, setelah di klik tutorial pada menu bar yg muncul hanya yg berkaitan dg menu tutorial doank, n tampilan sidebar maupun headernya tetap...
trims oom
Thx om infonya...^^
BalasHapus:D
om kok aneh gara2 html3 itu jd ga bisa dibuka blognya? gmn y?
BalasHapuskode2 nya gag ad oom gmna duntz????~x(
BalasHapusSENANG SEKALI menemukan blognya OOM nih. thanks atas petunjuknya. tolong kunjungin blog saya dong, dan minta saran dan kritik untuk perbaikannya.
BalasHapusom tolong dong, saya dah coba tapi pas di minta konfirmasi dan simpan template malah muncul pesan TAK DAPAT DISELESAIKAN. kenapa ya
BalasHapusMakasih OM postingannya OK Banget :)
BalasHapusmas aku da buat, tapi mas postingan yang aq kasih mau ke menu(linkx) nampak juga di halaman depan(home)x gmn tu mas??/
BalasHapusom punyaku pake cellarheat, kalo mau taruh kode kedua gimana ya? aku cari kode yang om maksud, dibawah tag body gak ketemu tuh...!
BalasHapusmungkin ada kode semisal, tapi apa ya?
Om,
BalasHapussaya masih newbie eui.. mohon panduannya
saya dah coba copy paste & pas klik pratinjau keliar tulisan
Kami tidak dapat meninjau template Anda
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Lebih dari satu widget ditemukan dengan id: HTML3. ID Widget seharusnya unik.
oh iya Expand Template Widget harus diklik dulu gak..??
Om..
BalasHapussaya penasaran.. sekarang dah bisa eui.. ternyata ga bisa langsung copy paste, ada yang mesti dirubah manual yaitu HTML dan LINKLIST
Mesti diurutin manual om
tolong dicek ya om di www.pundiduit.blogspot.com
thx yaaa
@Ferdian Karambut
BalasHapusemang bener kata kamu, aku juga bermasalah dengan 2 kode itu.
akhirnya aku urutin juga. Intinya gunakan yang blum terpakai.
tinggal di Find aja, masukin deh Linklist1, sampe Linklist3 udah kepake, pas masukin linklist4.. cocok deh. Sama juga dengan kode HTML1 atao berapa. Gue dapat akhir nya di HTML13.
mudah2an ini bisa mbantu buat teman2..
buat o'om .. makasih yah.
di coba duyu om
BalasHapusOm, bisa gak menambah menu tapi berupa gambar?
BalasHapusterima kasih banget tutorialnya ya om
Thanx banget ya om, tapi koq munculnya diatas header ya. bisa gak dipindah ke bawah header
BalasHapusmuncul tulisan warna merah gmn donk??thnks om
BalasHapusGimana cara nampilin postingan beberapa di tab baru dengan daftar tab baru. Contoh :tab (Relegi) ada beberapa postingan yang kita tentukan sendiri.
BalasHapushaloo om...
BalasHapusaku newbie lagi buat blog yang ada menu horizontal dropdownya di blogspot, aku praktkin cara om diatas pada ads theme bloger template, tapi kok ga muncul ya meu2nya ?
gimana dunk om...
makacih,..
sukses dipraktekkan, akhirnya hehe. makasi om tutorialnya.
BalasHapusmantap banget om.... tapi aq da sedikit kendala apakah ada yang bisa bantuin saya.... muncul kata seperti ini """"Lebih dari satu widget ditemukan dengan id: HTML3. ID Widget seharusnya unik"""". apakah yang harus saya lakukan... trims sebelumnya om... sukses trus ya .... salam....
BalasHapuswww.gerakan-membaca.blogspot.com
makasih mas buat tutorialnya
BalasHapuskebetulan saya pake template buatan mas
templatenya keren!
two thums up for you ;)
seBelumnya lam kenal.. dewi mau tanya kalau mau memuat MP3 di blog qt gmn txs..;))
BalasHapusom,kok HTML nya udah di ganti tp tetep aja ada tulisan Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
BalasHapusLebih dari satu widget ditemukan dengan id: HTML4. ID Widget seharusnya unik.
??
itu gimana?
trima kasih om sebelumnya..
o'om bagaimana jika Lebih dari satu widget ditemukan di dalam tag HTML ???
BalasHapuso'om boleh minta alamat email tidak ... saya mau tanya tanya .. nih...
BalasHapuskeren abizzzzzzzzzzzzzz........... bossssssssss......
BalasHapusini yang gw cari dari tadi.........
susah bgt!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
BalasHapus:(
OM MINTA alamat email dunks biar bisa chat dan tanya jawab soal blog
BalasHapusBoss oom..makasih infonya nih....udh saya terapkan dan hasilnya top markotop...tinggal ubah2 warna,text,dll...mksh oom
BalasHapusmakasih buat tipsnya om...
BalasHapusbaru blajar bikin blog nich!!!!
masih bingung...kalo masukin linknya gimana ya????8-}
mau d klik d tittle manapun halaman yg keluar..slalu sama
trus cara posting d tip halaman bagaimana???
trimakasih sebelumnya
waduh ommmm...udah aku coba tapi kok bacaan yg keluar " template anda tidak dapat di parse" kira2 begicu om...untung aku udah bac up dulu...gimana donk o-om chayang...hihihiiiii
BalasHapusIni keren Om. Tapi ada 2 pertanyaan :
BalasHapus1. Kalau mau set ketinggian, script mana yang harus diubah ya ? Ini punyaku ketinggian : http://free-easy-download.blogspot.com/
2. Kalau ingin mengganti kata-kata "Cari artikel di sini" bagaimana ya ?
Thks Om !
waduh....Om,,
BalasHapuskeren bgt smw infonya,,,
saya anak bru blajar ngBlog ne,,
mhon kunjunganNya ya...
http://musicblogku.blogspot.com
Muncul tulisan bgini Om.....
BalasHapus"Kami tidak dapat menyimpan template Anda.
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Lebih dari satu widget ditemukan dengan id: LinkList1. ID Widget seharusnya unik."
Gmna dunk??????
om , cara ngisi ke menu about me nya gimana , aku gak ngerti nih , udah jadi , baru aku praktekan td tips di atas, tapi ngisi link nya bingung . .
BalasHapusom, seperti biasa partamaaaxxxxxxxxx......
BalasHapuslangsung ke TKP ya!
om..... kok nongolnya di atas header ya? apa emang gitu? kalo mau biar nongol di bawah header gimana caranya? sebelumnya thx om.
BalasHapusPas banget om untuk sy yg pemula...
BalasHapusgak berhasil:p
BalasHapusgak ada perubahan apapun......
Mas, makasih ya kode html-nya, dah ku praktekin ke Blog-ku. salam kenal
BalasHapusMakasih om :)
BalasHapusRegards,
Ghustie Samosir
www.hanyainfo.blogspot.com
Iya om, saya setuju dengan kalimat berikut:
BalasHapus"jangan permalukan diri sendiri dengan komentar spam ya".
Habisnya terkadang masih banyak orang yang melakukan SPAM untuk mendapatkan pengunjung dan traffic lebih tinggi dari komentar... :D
Wah saya sudah mencobanya, bagus! Namun saya mengalami sedikit kesulitan pada search yang mencuat keluat dari tab dan beberapa widget yang berpindah dari tempatnya. Namun saya suka setelah melakukan beberapa editing. GREAT!
BalasHapusgw rancu sama kalimat ini
BalasHapusmohon diperjelas lg
"kemudian copi-paste semua kode dibawah ini, dan letakan kodenya dibawah kode warna hijau diatas.
tak lama kemudian muncul perintah seperti ini
BalasHapus"Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Lebih dari satu widget ditemukan dengan id: LinkList1. ID Widget seharusnya unik."
Udah dipraktekin om...tapi menunya ngak muncul...apa ada yang kurang ya om....thanks
BalasHapusthank you om atas tutorialnya.biar aku paraktekin dulu om,ntar lw ada kesulitan aku minta bantuan om
BalasHapusbuaguss tutor nya thanks bangetzzz
BalasHapus