Wednesday, January 12, 2011

Tutorial : Cara paling mudah pasang horizontal tab menu bar

Setelah berhari2 mencuba, akhirnya berjaya juga ana pasang horizontal tab menu bar di blog ana.  Ana in the process makeover blog It’s all about life ……. dan begitu teruja nak pasang menubar hingga tak update blog sebab asyik sangat nak cari skrip html yang menepati menubar yang Ana inginkan.

Apa dia menubar?

menubar

Menubar adalah sebaris tajuk yang biasanya diletakkan di bawah header blog.  Tujuan pasang menu bar ini adalah untuk highlight n3 tertentu berdasarkan kepada label. 

Ramai blogger yang telah buat tutorial cara untuk pasang menubar ini, tapi kebanyakannya menggunakan kaedah yang sukar difahami kerana melibatkan banyak langkah dan skrip html yang panjang. Ada juga bila dipasang di blog tak menjadi sebagaimana yang diharapkan. (ana tak ada background IT sbb itulah susah nak faham)

Setelah buat rujukan pada beberapa blog tutorial utk menubar, ana dapati cara yang dibuat oleh Neo In Blog adalah yang paling mudah.  Tapi ana ada buat sedikit pindaan secara try and error pada skrip html oleh Neo In Blog

Berikut adalah cara yang ana gunakan untuk pasang menubar :

Langkah 1
Log in blog => Dashboard => Design < Page Element, klik Add Gadget

Langkah 2

Berikut adalah skrip html yang ana gunakan.

<ul id='menubar'>
<li><a href='http://kecikkenot.blogspot.com'>Home</a></li>    
<li><a href='http://kecikkenotbloglist.blogspot.com'>Bloglist</a></li>
<li><a href="http://kecikkenot.blogspot.com/search/label/Felt">Felt
<li><a href="http://kecikkenot.blogspot.com/search/label/Perth">Perth
<li><a href='http://www.facebook.com/profile.php?id=masukkan id fb anda'>Facebook</a></li>
<li><a href='http://draft.blogger.com'>Log In</a></li></a></li></a></li></ul>

Langkah 3

Copy skrip html dan paste pada kotak Add Gadget. Lakukan pindaan pada link blog dan tajuk link mengikut kesesuaian blog anda.  Klik save than view

menubar1

 

TQ Neo In blog sudi berkongsi cara yang paling mudah untuk pasang horizontal tab menu bar pada blog

416860msbhhg1zjm (1) ana ayesha

3 comments:

  1. oklah tu..trial and error...tapi, u mmg nak buat jarak eh..antara tutorial dengan felt??

    ReplyDelete
  2. benda ni tak boleh center ker ?

    ReplyDelete
  3. nak buat ni memang kena guna blog template yang da ada tab menu atau yang takde tab menu pon bole?

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...