TUTORIAL : TAB MENU SIMPLE & TAB MENU COMEL ( Design Sendiri )

Assalamualaikum wbt , nak buat tuto menu tabb comel :) dan menu tab simple :) Selamat berpuasa ~~~
Firstly , CikWanda bagi tuto tab menu simple tapi comel dan takmenyusahkan diri.
 

1. Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

2. copy code bawah ni dan paste kat HTML/JavaScript.

<br/>
<span style="background-color: #D5BEBE; border-radius: 5px 5px 5px 5px; padding: 3px 10px;"><a href="URL SITE">About Me</a></span>
<span style="background-color: #D5BEBE; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="URL SITE">Tutorial</a></span>
<span style="background-color: #D5BEBE; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="URL SITE">Tips</a></span>
<br />
<br />
<span style="background-color: #D5BEBE; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="URL SITE">Contact</a></span>


<span style="background-color: #D5BEBE; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="URL SITE">facebook</a></span>

- #d5bebe boleh tukar warna, cari kat SINI .

- URL SITE tu , korang punya link lah . 

- About Me,Tuto & etc tu nama benda yang korang nak letak.

Contoh : 

<span style="background-color: #d5bebe; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="http://inlove-wanda.blogspot.com/p/tips.html">Tips</a></span>

 

Dan second , menu tab come yang penting design sendiri. :) Macam Cik Wanda


1. Dashboard > Design > Page Element > Add Gadget > HTML/JAVASCRIPT

2. copy code bawah ni dan paste kat HTML/JavaScript

Sama macam tadi :) Tapi ada sedikit kelainan.

<center><a href="URLSITE/" target="_blank">
<img style="width: 98px; height: 54px;" src="URL GAMBAR" border="0" /></a>

 Contoh :
<center><a href="http://inlove-wanda.blogspot.com/" target="_blank">
<img style="width: 98px; height: 54px;" src="http://imgur.com/c5FTBXe.png" border="0" /></a>

Kalau nak letak dua tiga lagi dibawah seperti tuto,tips semua korang paste je code yang sama kat bawah dia. Okay?

Macam Ni.

<center><a href="http://inlove-wanda.blogspot.com/" target="_blank">
<img style="width: 98px; height: 54px;" src="http://imgur.com/c5FTBXe.png" border="0" /></a>

<a href="http://inlove-wanda.blogspot.com/p/tentang-saya.html" target="_blank">
<img style="width:150px; height: 45px;" src="http://imgur.com/16f5HDy.png" border="0" /></a>

Faham ?