HowTo: Create Menu in Your Blog

Tajuk, omputeh saja tapi content dalam BM :P

To be frank, saya follow tutorial dari page ni.. tapi saya tak ikut sume sbb blog saya nampak tak hensem apabila menggunakan tutorial tersebut sepenuhnya.. cakap macam la blog ni dah hensem sangat kannn..

Cukup² la merapu.. OK, here goes..

1. Masuk ke Dashboard > Layout > Edit HTML.. Cari word /* Header */


2. Paste code kat bawah ni

#menu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#menu li a{
color:#5588aa;
font-weight:bold;
text-decoration:underline;
}

#menu li a:visited {
color: #5588aa;
font-weight:bold;
text-decoration:underline;
}

#menu li a:hover {
color: #F88017;
background: #ffffff;
font-weight:bold;
text-decoration:underline;
}


3. Pi kat Page Element. Add Gadget. Amik HTML/Javascript. Paste code ni
   
   
   <div id='menu'>
   <ul>
   <li><a href="Your URL">Home</a></li>
   <li><a href="Your URL">Advertise</a></li>
   <li><a href="Your URL">About Me</a></li>
   <li><a href="mailto:YOUR EMAIL ADDRESS">Contact</a></li>
   </ul></div>
   
   


4. Yang kaler merah² dalam Step #2 tu boleh adjust ikut kesesuaian kaler yg anda inginkan. Kat Step #3 tu, harus la tukar URL based on link kat blog anda.

Selamat bermenu-menu :D

HowTo: StrikeThrough (Kensel Perkataan/Ayat)

Bagaimanakah untuk membuatkan ayat ini dikerat-kerat sebegini seperti di bawah

ayat ini dikerat-kerat sebegini

Mudah saja ya murid²..

cuma letakkan <s> di depan ayat/perkataan, dan diakhiri dengan </s> pada penghujungnya..

Sebagai contoh,

<s>ayat ini dikerat-kerat sebegini</s>

Tapi dalam ruangan komen ni tak boleh try test ye.. diorang accept <a>, <b> dan <i> je kalau tak silap..

Sekian dahulu :)

Tutorial: Drop Down Menu for Labels

Ada 4 step saja sebenarnya.. actually 3.. step 1 bley je skip kalau confident :D

1. Backup template. Weee.. bunyi macam serius je kan.. ha ha ha..
   
   
2. Make sure dah add gadget Labels dalam Page Elements.
   
   
3. Pi kat Layout > Edit HTML. Cari
   
   
   <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
   
   Padam line tu dan paste dengan yang ada kat bawah ni.. (part ni yg orang seriau.. pasal ada padam² la plak kannn..)
   
   <b:widget id='Label1' locked='false' title='Labels' type='Label'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   
   <br />
   <select onchange='location=this.options[this.selectedIndex].value;'>
   <option>Select a label</option>
   <b:loop values='data:labels' var='label'>
   <option expr:value='data:label.url'><data:label.name/>
   (<data:label.count/>)
   </option>
   </b:loop>
   </select>
   
   <b:include name='quickedit'/>
   </div>
   </b:includable>
   </b:widget>
   
   
4. Save dan silalah tengok blog anda :)

Siap!

Nota kaki: Kalau taknak ada nombor² kat tepi label macam ApaApaJe™, sila buangkan part ni >> (<data:label.count/>)

Cara nak display your tweets (twitter) di blog.

Apa itu tweets?

- tweets ni adalah benda yang anda taip/bebel secara ringkas dalam twitter.

Macammana saya boleh post tweets?

- Anda Wajib ada account Twitter.

Saya dah ada account Twitter. Macammana nak tweets?

- Taip tweets anda seperti dibox bawah didalam Twitter page anda.

Macammana nak display tweets kat blog macam orang lain buat tu?

- Senang je!

- Login account blogspot.

- Pergi ke Layout

- Klik Add a Gadget

- Klik Featured. Dibawah Basics.

- Pilih Twitter Updates by Blogger Buster.

- Masukkan username Twitter dan berapa banyak tweets yang nak display kat blog.

- Klik Save

- Refresh blog anda.

Sekian..