Membahagi footer kepada 3 bahagian

Seperti mana yang diketahui kebanyakan template untuk blog mempunyai hanya satu columns pada  footer.Ia menyebabkan kita tidak boleh meletakkan lebih widgets pada ruangan tersebut.Dengan membuat ruangan footer kepada tiga bahagian,maka lebih  banyak widgets seperti Recent Posts, Recent Comments,Archives dan iklan dapat dimasukkan.Membuat footer sebegini pada blogspot adalah amat mudah dengan hanya mengikuti langkah dibawah ini:

Nota:sebelum anda mengedit template adalah disarankan supaya membuat salinan template terlebih dahulu dengan mengklik Download Full Template pada halaman Layout--- Edit HTML
Pindahkan widget yang ada pada footer pada mana mana side bar atau bahagian yang lain.

1.Pada Design pilih edit HTML
2.cari kod berikut

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

(Nota:pada sesetengah template selain dari footer-wrapper anda mungkin jumpa footer  atau footer-section)


1.Tukarkan kesemua bermula dari  <div> ke </div> dengan kod berikut:

<div id='footer'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>

2.Kemudian save template anda.

Taman yang menyeramkan untuk dilawati

Taman untuk tatapan masyarakat umum. Terletak di Thailand.

Perlawanan bola dengan 200 kanak-kanak

Pasukan Bola Spanyol, Athletic Bilbao telah membuat perlawanan dengan 200 pemain kanak-kanak sempena perlawanan amal. Pemain kanak-kanak tersebut menggunakan formasi 66-80-51 dengan 3 orang penjaga gol. Permainan dimenangi oleh pasukan Athletic Bilbao 5-3.

Mahasiswa tertua di dunia berusia 94 tahun

Seorang tua, Phyliss Turner 94 tahun yang berasal dari Australia adalah antara pemegang ijazah sarjana dalam bidang Antropologi di Adelaide University. Dalam usia lanjut itu, beliau masih gigih untuk menamatkan pelajarannya pada peringkat yang tertinggi.

Menu bar tanpa hack template

Ini adalah cara yang ringkas untuk meletak menu bar melintang pada blog.Kebanyakkan menu bar diletakkan dengan kita perlu mengubahsuai pada template dengan meletakkan kod padanya.Tapi untuk menu bar ini cukup meletakkannya pada add gadget.

Daripada paparan blog anda klik pada customize - Page Elements - Add a gadget - HTML/JAVASCRIPT

| <a href= "http://namabloganda.blogspot.com/pagename">label </a> | 

kod ini adalah sebagai mana cara anda masuk masukkan link pada blog.Tanda garis menegak yang ada
pada link tu terletak sekali dengan butang pada butang backslash(\) pada keyboard.
Tujuan nya adalah untuk meletak pembahagi antara ruang seperti: HOME | CONTACT |

setelah meletak kod tadi,jangan lupa save terlebih dahulu.selepas itu seret dan letakkan dibawah header

Cara diatas cuma teks sahaja dan tidak nampak macam butang navigasi.untuk lebih menarik sedikit kita boleh gunakan dalam bentuk table.Cara membuat table ini ada saya terangkan dalam entri sebelum ini.
contohnya seperti dibawah ini.

masukkan kod ini:

<table border="1" style="width: 300px;"><tbody>
<tr bgcolor="#e0f8e0">
<td align="center" ><a href="URL 1">tab 1</a></td>

<td align="center"><a href="URL 2">tab 2</a></td>
<td align="center"><a href="URL 3">tab 3</a></td>
 (boleh ditambah dibawah ini jika ada lagi link hendak dimasukkan)
</tr></tbody></table>

bg color #e0f8e0 adalah kod warna boleh tukar mengikut kehendak anda dan kod boleh disemak disini.
width:300px adalah lebar column--tukarkan mengikut kesesuaian anda.
URL 1 hingga  URL 3--masukkan url anda
tab1 hingga tab 3 teks yang akan dipaparkan pada jadual.

Selamat mencuba.

membuat 'auto hide' Navbar

Terdapat cara lain untuk menghilang Navbar pada blog anda selain dari menghilangkan terus.Kita juga boleh membuat Navbar tersebut menjadi Auto Hide (muncul bila diletakkan pointer  pada nya).Cara ini tidak menyalahi peraturan Blogger kerana masih terdapat navbar lagi.Jika anda berminat dengan navbar ini ikuti langkah berikut.

1.Klik pada  Dashboard,dan pilih Edit HTML.
2.Kemudian carilah kod  berikut   body {
 
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}

3.Letakkan Kod berikut di atas kod tadi.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


menjadi seperti ini:


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}


4.Kemudian klik save template

5.Lihat blog anda kembali untuk melihat tampilannya.

1 Sen Petak

Terdapat 4 keping syiling 1 sen petak ini dalam simpan.

Dua keping syiling pertama dengan wajah King George VI.

Keluar 1941 lebih besar saiznya berbanding 1945.

Dua keping syiling berikutnya dengan wajah yang berbeza.
Yang pertama dengan wajah King George VI (1940 - an) dan yang kedua dengan wajah Queen Elizabeth II (1960 - an).