Calipso Test Blog: Tab Menu Pages Untuk Template Ethereal

Tab Menu Pages Untuk Template Ethereal

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 kedalam 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 berkenaan:

Bila pos dibuka oleh Blogger di bahagian atas dalam Address Bar pelayar internet yang anda guna alamat URL pos ditunjukkan. Salin alamat URL 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

Tutorial Blogger Blospot