Bikin Sendiri bar Menu di Blogspot
Di blogspot (blogger.com) kita tidak akan menemukan fasilitas untuk menambah halaman, karena semua artikel yang telah diposting masuk dalam satu halaman. Nah, bagaimana jika kita menginginkan tampilan blog Kita “terlihat” memiliki banyak halaman?
Sebenarnya..di blogspot sudah disediakan “widget” untuk menjawab kebutuhan ini, yaitu widget Label tetapi letaknya yang berada disamping (sidebar) mungkin terlalu biasa, cara sederhana agar blog di blogspot terlihat memiliki banyak halaman yaitu membuat sendiri menu bar blogspot.
Caranya sebagai berikut :
Persiapan :
Artikel blog sebaiknya dibagi dalam beberapa kategori, dimana kategori tersebut akan kita jadikan sebagai halaman samaran, misalnya kategori/label : Tips n Trick , Tutorial, News dan seterusnya..(tergantung kebutuhan blog).
Setting banyak artikel yang ditampilkan dalam satu halaman sebaiknya tidak lebih dari 2 posting per halaman.
Setelah persiapan selesai, kemudian...
Buat kode html di notepad :
Buka notepad di komputer Anda kemudian masukkan kode seperti ini :
Kemudian untuk meilhat hasilnya sebelum di upload ke blog, sebaiknya uji dulu dengan “save as” kode di notepad tadi dengan extensi “.html”, setelah itu buka file yang di”save as” menggunakan I.E jika benar hasilnya akan seperti gambar dibawah ini :
Jika tampilah diatas sudah muncul berarti kode yang dibuat sudah bisa di upload ke blogger.
Cara Upload Kode Navigasi Bar ke Blog :
Setelah masuk ke halaman dashboard blogger, pilih : layout >>> add element page/ tambah elemen halaman >>> pilih widget TEXT.
Setelah muncul jendela baru widget TEXT, pilih “edit html” dan copy kode pada notepad yang dibuat tadi dan pastekan ke dalam widget TEXT.
Simpan dengan menekan tombol save.
Selesai, simpan perubahan ini dan coba lihat hasilnya dengan menekan tombol “Preview” atau “Pratinjau” di halaman Layout.
Semoga artikel ini bermanfaat dan jika ada pertanyaan seputar artikel ini silahkan masukkan ke dalam artikel blog ini dan akan saya jawab semampu dan secepatnya kecuali saya juga tidak tahu (coz saya juga masih newbie n modal trial error sih :).
UPDATE:
Buat yang tidak paham kode diatas silahkan langsung gunakan kode dibawah ini
============== Copy paste kode html ini ===========
target"_self" >HOME</a> .
href="http://NAMABLOGANDA.blogspot.com/search/label/tips" target="_blank">
TIPS TRICK </a> .
href="http://NAMABLOGANDA.blogspot.com/search/label/image" target="_blank">
IMAGE </a> .
href="http://NAMABLOGANDA.blogspot.com/search/label/kontak" target="_blank">
KONTAK </a> .
==============================================
jika cara ini kurang asik dimata anda, silahkan ikut cara terbaru bikin navigasi bar caranya mudah dan lebih keren.
he..he..bahasanya iklan buanget :D .
Artikel menyangkut modikasi di blogspot :
Modifikasi isi mainbar dan sidebar . modifikasi template blog . bikin sendiri header untuk blog di blogspot.
Artikel blog sebaiknya dibagi dalam beberapa kategori, dimana kategori tersebut akan kita jadikan sebagai halaman samaran, misalnya kategori/label : Tips n Trick , Tutorial, News dan seterusnya..(tergantung kebutuhan blog).
Setting banyak artikel yang ditampilkan dalam satu halaman sebaiknya tidak lebih dari 2 posting per halaman.
Setelah persiapan selesai, kemudian...
Buat kode html di notepad :
Buka notepad di komputer Anda kemudian masukkan kode seperti ini :
Kemudian untuk meilhat hasilnya sebelum di upload ke blog, sebaiknya uji dulu dengan “save as” kode di notepad tadi dengan extensi “.html”, setelah itu buka file yang di”save as” menggunakan I.E jika benar hasilnya akan seperti gambar dibawah ini :
Jika tampilah diatas sudah muncul berarti kode yang dibuat sudah bisa di upload ke blogger.
Cara Upload Kode Navigasi Bar ke Blog :
Setelah masuk ke halaman dashboard blogger, pilih : layout >>> add element page/ tambah elemen halaman >>> pilih widget TEXT.
Setelah muncul jendela baru widget TEXT, pilih “edit html” dan copy kode pada notepad yang dibuat tadi dan pastekan ke dalam widget TEXT.
Simpan dengan menekan tombol save.
Selesai, simpan perubahan ini dan coba lihat hasilnya dengan menekan tombol “Preview” atau “Pratinjau” di halaman Layout.
Semoga artikel ini bermanfaat dan jika ada pertanyaan seputar artikel ini silahkan masukkan ke dalam artikel blog ini dan akan saya jawab semampu dan secepatnya kecuali saya juga tidak tahu (coz saya juga masih newbie n modal trial error sih :).
UPDATE:
Buat yang tidak paham kode diatas silahkan langsung gunakan kode dibawah ini
============== Copy paste kode html ini ===========
<hr/>
<p align="center">
<strong><font face="verdana" size="2">
. <a title="Halaman Utama" href="http://NAMABLOGANDA.blogspot.com/" <a title="Halaman Tips dan Trick"
<a title="Lihat Gambar"
<a title="Hubungi Saya"
</font></strong></p><hr/>
jika cara ini kurang asik dimata anda, silahkan ikut cara terbaru bikin navigasi bar caranya mudah dan lebih keren.
he..he..bahasanya iklan buanget :D .
Artikel menyangkut modikasi di blogspot :
Modifikasi isi mainbar dan sidebar . modifikasi template blog . bikin sendiri header untuk blog di blogspot.
68 komentar:
@ Anonim :
makasih euy..!!
@ Bogornet :
Bingung dimana mas..????
gmn yap hmmm, huwaa kemarin migrasi ke beta template gagal mulu
@ Ippank:
kok bisa ya..???
sdh iku petunjuk dari tim support blogger???
smangat Friend..!!
gimana aktifkan menu bar yang kita bikin??
agar ketika di klik bs tampil halaman yang kita maksud..
cara memisahkan posting ke dalam menu bar tersebut gimana??
baca artikel ini saja biar tambah jelas "bikin menu bar baca bagian-2"
semoga menjadi solusi and slm kenal
hebat oe..kt udah dapat kak..makasi...:)
alhamdulilah..syukurmi itu bro.. thnks infonya Bro :)
wah kok aq g' bisa mas ...
dah ikut tapi koq g' nemuin tulisan add page elementnya jadi gimna nih ..
bantuin donk
@ ikni_Smanda:
masuk di akun blogger
pilih TATA LETAK >> Elemen Halaman cari Tambah Gadget/Add Element PAge, Pasti ada deh
btw klo template yg di pake skrg kayaknya lebih cucok pake navbar versi 2 jangan yang di artikel ini OK
linknya yang ini :
http://oentoe09.blogspot.com/2009/01/bikin-sendiri-menu-navigasi-untuk.html
makasih tas infonya
mau tanya lagi mas, maklum pemula ...
udah punya menu bar nieh ceritanya, tapi gak tau cara masukin tulisan/postingan ke masing-masing kategori yang ada pada menu bar saya
mohon bantuan dan solusinya
duh koq gagal y?????? huhu malah yang keluar perintahnya!! BT
http://www.pulsabalikmodal.blogspot.com
www.profit-dashyat.com
maaf mas, law mo isi menu nya dengan postingan yang sesuai dengan katgori menunya gimana???
mohona bantuannya???
@ IKNI SMADA:
kategori itu tidak lain tidak bukan adalah "label" yang dibubuhkan saat posting artikel :D
wah,simple banget ni.thanks
@ Gudang Hikmah...
sama-sama and thnaks dah mampir ;)
HEHEHEH..........
thanks 4 info...
Bagus! Sekarang gw bisa bikin menu bar!
selamat deh ;)
Mantap...
makasih kang infonya..., langsung di coba ya... thanks....
sama sama... btw sudah main ke blognya mas siagiant and liat link yang laen blum di buat tuh..
Wahhh blognya sederhana tapi Articlenya Ruarr biasa, bermanfaat sekali...
Thanks bnyak.
nice info mas..
tak cobain ah,.
hohooh..
simple but sure neh =p
thx buat infonya yang bermanfaat ini..
lam kenal gan..
thx atas informasinya..........
mohon berkunjung ke blog saya
http://www.temmyblog.co.cc/
Thanks banget artikelnya mantaaaap!
he he boleh, akan saya coba
nah ini dia artikel yg saya cari2 selama ini.. googling sana sini malah ngrusakin template aja. thanks bro!..bgt! btw mampir ya ke http://era90.blogspot.com atau ke http://jumper99.blogspot.com
tanks wat infonya,.
mampir juga di
http://bagiinfogratis.blogspot.com klo pengen tau informasi2 gratis
tq infony,,lam kenal y..pendatang bru soalny..hm.:)..bs d link mas
artikelnya sangat membantu kami yang baru belajar bikin blog.. sukses selalu bos ....!
Mksie ats infox...
thanks..triknya gan.....:D
trims infonya gan
http://jamik76.wordpress.com/
http://ma-almaarifjpr.blogspot.com/
Klo menubar yang di blog ini, gimana cara bikinnya ? bls di blog saya notgodnotdevil.blogspot.com
kok gak bisa..........saya masih bingung.... tolong bantu saya..... ni blog saya.... http://shawty-myheart.blogspot.com/
@ Ramadhan: sepertinya url yang dimasukkan salah / broken link
@ My Heart: karena pakenya template versi terbaru sebaiknya gunakan saja navigasi bawaan blogger (Edit Laman) caranya lebih praktis kok, Selamat mencoba ;)
scrit -na g bisa di copy BODOH....!!!
mas, gmana caranya memunculkan menu lagi saat mouse berada pada salah satu di menu bar kita??
n cara ubah warna menu barnya gmana y??
thx
@ computer tips n trick
Setelah lihat blognya teryata memang Agung Wibowo orang yang cerdas, tapi kenapa kode image diatas menyusahkanmu, so skrng lihat update tulisan ini semoga tidak bikin setress Ok!
NB: lain kali lebih sopan n Wibowo OK?
@ M4444T (Ahmad Ulul Azmi)
silahkan baca cara membuat menu pulldown ini. semoga bermanfaat :)
mampir ya di my blog...
adityaharviansyah.blogspot.com
ada yg Lebih Bagus
cewe yg punya
http://yemima-selina.blogspot.com
dan http://ayodance-yeye.blogspot.com
saya mau tanya kalau mengisi menu dengan label,maka ada menu yang nggak bakal terisi bos,contoh nya bos mau bikin about masa mas mau posting tentang mas ke publik kan gak cocok mas ???
yang saya mau tuh yang kaya punya mereka kalau about maka isi nya adalah data diri seseorang itu,dan tanpa harus menggunakan search/label/about ...
kalau mas ada tahu,beritahu saya ya,masih binggung dan gundah blog masih di rehab ...
oh iya knjungan balasan nya donk mas ke http://berbagii-ilmu.blogspot.com
makasih yah
aku lgsg pkai nie
mampir ya
jonizainudin.blogspot.com
saya mau cobain tp nggak bisa, di save as ekt htmlnya gimana tolong bos.....email aja ke irvanlungaariyanto@gmail.com di tunggu thks
Makasih banyak mas....sangat membantu trik and tipsnya
thx gan infonya sangat bermanfaat..lain kali kalo ada waktu kritik yaa blog ane di http://boedakctk.blogspot.com
thank's bos ane coba
kok aku gak nemu add elemen page ya :(
makasih masbro buat info skaligus artikel ini :)
Nice post :D
Hemm... coba dulu ah..
wah good post ni bro
bisa di coba :-D
aku kan dah punya menu bar nya, tapi gan, kok waktu posting terus saya label'in terus q coba klik tu menu bar ada tulisan "No posts with label artikel. Show all posts" berarti g bisa... solusinya donk
Tolongin gan, koq setelah text dicompare ke html, hasilnya bukan berderet sejejer tapi malah kebawah jadi 4 baris.. bingung...
thanks bgt bro, gw dah hampir ptus asa bikin ni menu. udh 3hri gw konsul ama mbah google, akhirnya baru kali ini gw dpt cara yg simple.
mampir tmpt gw ya ?
blues-gaptek.blogspot.com
mas, sudah bisa, tp aktifinnya gmana ya? pada saat posting sudah saya labeli sesuai menunya, tpi kog gk muncul ya,,
mohon petunjuknya..
good.............!
thanks infoy.
Maksih banyak gan....Ampuh bgt tips nya, pdhal tips2 yg laen aq coba gk ad yg bs link k halaman yg dimaksud,tp punya agan ni lgsg bs, mkasih buanyakkk yaaaa....^_^
Ijin copas ilmunya boleh ya gan????trims
gak mudeng...babar blazzzzzzz
agak susah juga ya buat newbi seperti saya..tp akan saya coba.mks ilmunya.
THANK'S BRAY,...^0^
mantap mas brooo.. :)
Saya juga masih bingung
mkasih gan infonya .. bole di coba ne ...
Ilmu dan tips yang diberikan sangat bermanfaat.. namun kalau untuk newbie seperti saya, haru lebih giat belajarnya..
rumit banget..
:D
ok juragan,langsung dicoba yah.
puisng broo
pusing bray
Posting Komentar