|CheckList WalimatuUrus|

Asssalamualaikum, Hello, Bonjour, Annyeonghaseo, & Konnichiwa! . And follow Me if you like My blog. Leave your footprint on My chatbox ^^ & Hate My blog? Please, click H E R E


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 ?




2 comments:

Unknown said...

kak mcm mana nak drag dia bawah header? nak buat dia melintang

Unknown said...

mcm mana nak add benda dalam tab menu ni ?

Blog Archive

Copyright © 2011 AddaAbdullah - All Rights Reserved - Template by Adda Abdullah