Feb 11, 2011

Tab Menu Template Ethereal Blogger

Bagi sesiapa yang menggunakan template baru blogger Ethereal, Awesome Inc, Watermark, Travel, Simple atau Picture Window memang tidak terdapat fungsi Edit Pages seperti dalam template lama yang lain.

Ruang untuk tab menu dalam template baru ini telah sedia ada.

Kita ambil satu template Ethereal sebagai contoh. Contoh tab menu yang dimaksudkan adalah seperti berikut:


Katalah anda akan menyediakan tab dalam menu seperti contoh di atas untuk:

  • Utama
  • Produk
  • Galeri Gambar
  • Borang Pesanan
  • Hubungi Kami
  • Pautan

PASTIKAN pos-pos untuk setiap satu tab di atas telah disedikan terlebih dahulu kerana setiap satu tab akan dipautan kepada pos berkaitan. Pos untuk tab Utama tidak perlu disediakan, gunakan alamat URL utama blog sendiri. Pinda dan kebelakangkan tarikh pos supaya pos-pos untuk tab ini tidak muncul dalam muka utama blog. Gunakan "Post Option" di bahagian bawah post editor untuk meminda tarikh pos.

Jika pos belum disediakan cipta pos baru kosong tanpa isi pun boleh dengan tajuk pos yang sama dengan nama tab disediakan, kemudian nanti boleh diedit semula untuk mengisi maklumat pos.

Ok, bawah pilihan Design | Page elements untuk template Ethereal:


Di bawahnya klik pilih Add a Gadget yang panjang sebelah atas di bawah bahagian Header blog:


kemudian berikutnya dalam tetingkap Configure Add a Gadget pilih HTML/JavaScript:


Taip masukkan kod HTML untuk Tab Menu dalam ruangan Content yang disediakan - contoh dan cara menyediakan kod HTML lihat di bawah - Kosongkan ruangan Title. Klik SAVE bila telah selesai:


Salin Kod HTML tab menu yang perlu dimasuk ke dalam Content di atas adalah seperti berikut:

<ul>

<li><a href="http://Alamat-URL-Blog.blogspot.com/" style="text-decoration: none;">Utama</a></li>

<li><a href="http://Alamat-URL-Pos-Produk.blogspot.com/2011/02/produk.html" style="text-decoration: none;">Produk</a></li>

<li><a href="http://Alamat-URL-Pos-Galeri-Gambar.blogspot.com/2011/02/galeri-gambar.html" style="text-decoration: none;">Galeri Gambar</a></li>

<li><a href="http://Alamat-URL-Pos-Borang-Pesanan.blogspot.com/2011/02/borang-pesanan.html" style="text-decoration: none;">Borang Pesanan</a></li>

<li><a href="http://Alamat-URL-Pos-Hubungi-Kami.blogspot.com/2011/02/hubungi-kami.html" style="text-decoration: none;">Hubungi Kami</a></li>

<li><a href="http://Alamat-URL-Pos-Pautan.blogspot.com/2011/02/pautan.html" style="text-decoration: none;">Pautan</a></li>

</ul>

Gantikan alamat URL warna biru dengan alamat URL pautan pada pos sendiri. Warna merah adalah nama tab.

Bagaimana mendapatkan alamat URL Pos? Dalam dashboard blogger pilih Posting | Edit Post:


Dalam senarai pos klik View pada pos untuk tab menu:


Setiap satu View yang diklik, pos berkenaan akan dibuka oleh Blogger. Bila pos dibuka di bahagian atas dalam Address Bar pelayar internet yang kita guna alamat URL pos ditunjukkan. Highlight dan salin alamat URL pautan pos ini dan masukkan ke dalam kod HTML di atas:


Sekian, selamat mencuba dan selamat berjaya.

Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL http://calipso-tutorialblogger.blogspot.com/.

Salam hormat dari

14 comments:

yana said... [Balas komen ini]

tq2 best2

✿ SISFEL ✿ said... [Balas komen ini]

GUD2.. HIHI..

izuman18 said... [Balas komen ini]

Perghh patut la belum ni susah nak buat,rupanya template aku jenis baru.Ni senang sikit x serabut dgn code macam2.Trimas

zaCk said... [Balas komen ini]

dalam byk byk aku baca yang nie je yang aku paham .... dah berpuluh puluh Tutorial Blog aku baca pasal Tab Menu Navigasi nie .... langsung tak paham ... tapi yang nie cukup jelas dan senang ... any way bro ... thx .... demo yang terbaik !

nurin_sya craft said... [Balas komen ini]

cmne plak nk buat list 2 b'ada dlm kotak mcm gmbr d atas???
yg saya jdik list pjg je ....
cmne erk???

ayza said... [Balas komen ini]

oohh...tipssss yang sangat2 diperlukan dan dicari selama ini..baru terjumpa...tq..

Anonymous said... [Balas komen ini]

The Mighty Big Bag clearly was essentially the most popular at $12 -- a lot more than 2500 bags were sold.
Similarly, chronic sinus infections and allergies can have a
similar effect -- they constantly loosen up the skin in that area, and ultimately it becomes loose.
The aim is to contact such homeowners and urge them to upgrade
to a second bin or a larger one, he was quoted saying.



Review my page ... セリーヌ 財布

Anonymous said... [Balas komen ini]

She initiated the area grocery-bag-crocheting group the 2009 March, meeting twice each month in the downtown.

The Hutu took over and between December, 1963
and January, 1964 all Tutsi politicians were murdered.
All but two from the Orange's spring practices were closed to fans along with the media as Marrone sought to help keep the team focused.

Feel free to visit my web page; chanelbagsoutletssale.com

Anonymous said... [Balas komen ini]

Cook says Jacobs knows what he's doing: "He makes 'editorial' bags how the magazines will talk about and after that he can sell a normal bags based for the hype. The river Pamba, which flows close to the foothills from the shrine, plus which devotees please take a customary bath before climbing uphill for the temple, is also under the care from the Kerala State Biodiversity Board. The aim is to contact such homeowners and urge these phones upgrade to a second bin or a more substantial one, he was quoted saying.

Feel free to visit my website; Mulberry Bags

Anonymous said... [Balas komen ini]

A trip to Ghana in west Africa by all of us of three people invoked themes that apply
to the whole continent. Similarly, chronic sinus infections and allergies
can have a similar effect -- they constantly loosen up
the skin in this area, and eventually it becomes loose.
around and see what one in the most up-to-date styles are of course, if you discover something
you want essentially probably the most, discover out who's offering it in the greatest price.

my web-site - バッグ クロエ

BCL India said... [Balas komen ini]

Brainy Provide education franchise opportunities in India along with how to start online education franchise business and investment information and complete course structure for 7-12 years kids.

braincarve said... [Balas komen ini]

nice post..Abacus Classes in chennai
vedic maths training chennai
abacus training classes in chennai
Low Cost Franchise Opportunities in chennai
education franchise opportunities
franchise opportunities in chennai

Anonymous said... [Balas komen ini]

При отсутствии сертификата портал быстро отбраковывается. Площадка обязана владеть государственное разрешение на ведение азартной работы топ игровых аппаратов онлайн, время клиент сможет подать жалобу, получить компенсацию. Одновременно детально изучаются верховодила. Некоторые виртуальные заведения Европы часто прописывают положения, дозволяющие отымать деньги у клиентов, аннулировать выигрыши на законных причинах. Проведение кропотливого обзора казино дозволяет выявить недобропорядочные фирмы. Игроки сумеют избежать издержки средств, негативного опыта.

Anonymous said... [Balas komen ini]

Отсутствие фильтров. Владельцы вебсайтов иногда делятся публичной статистикой продвижение сайта обмен ссылками, хотя сыскать наличествие наказаний возможно по резкому снижению известности, убавлению видимости и вылету страниц из индекса.

Post a Comment