Mambina Tab View untuk WebPages

1. Letakkan scripts ini antara <head> dan </head> dalam HTML template anda :

&lt;style type="text/css"&gt; /*Eric Meyer's based CSS tab*/ #tablist{ padding: 3px 0; margin-left: 0; margin-bottom: 0; margin-top: 0.1em; font: bold 12px Verdana; } #tablist li{ list-style: none; display: inline; margin: 0; } #tablist li a{ text-decoration: none; padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: white; } #tablist li a:link, #tablist li a:visited{ color: navy; } #tablist li a:hover{ color: #000000; background: #C1C1FF; border-color: #227; } #tablist li a.current{ background: lightyellow; } &lt;/style&gt; &lt;script type="text/javascript"&gt; /*********************************************** * Tabbed Document Viewer script- Â© Dynamic Drive DHTML code library undefinedwww.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var selectedtablink="" var tcischecked=false function handlelinkundefinedaobject){ selectedtablink=aobject.href tcischecked=undefineddocument.tabcontrol &amp;&amp; document.tabcontrol.tabcheck.checked)? true : false if undefineddocument.getElementById &amp;&amp; !tcischecked){ var tabobj=document.getElementByIdundefined"tablist") var tabobjlinks=tabobj.getElementsByTagNameundefined"A") for undefinedi=0; i&lt;tabobjlinks.length; i++) tabobjlinks[i].className="" aobject.className="current" document.getElementByIdundefined"tabiframe").src=selectedtablink return false } else return true } function handleviewundefined){ tcischecked=document.tabcontrol.tabcheck.checked if undefineddocument.getElementById &amp;&amp; tcischecked){ if undefinedselectedtablink!="") window.location=selectedtablink } &lt;/script&gt;

2. Masukkan Scripts dibawah ini selepas kode <body>:

4. Save Template

p/s :
a . Tapi bagi aku, kau orang kopy semua scripts diatas ini dan buat satu HTML yang baru dalam Layout dan paste kan semua kat situ, (mudah nak edit)
b . Pengalaman aku yg dah buat, aku tak dapat membina tab view seperti kita bina dalam halaman kita sendiri, untuk web page, walaupun saya edit untuk lebih dari 1 web address, still x dapat digunakan dalam tab yang sama.
c . sumber ini aku tiru dari sini

Web Program Blogger

Beautiful Blog Widgets - Wowzio
FavIcon from Pics -- free favicon.ico for your website (animated, static and marquee icons)
Favicon Generator
Feedweaver - Create your own personalized RSS feeds
FilesTube.com - Every search is a direct hit - rapidshare search engine
flagcounter.com - add our free counter to your website. Hit counters are boring, you need a flag counter!
Free Banner Maker
Free domain hosting! zonestraits.com
Free Video Codes - Video Code Maker - Free Html Codes
Geek With Laptop
Get Satisfaction
Iconfinder - Icon search made easy!
JS-Kit: Comments, ratings, polls and surveys, Navigator, chat and more...
jumbra.com - Combine all your personal RSS/Atom feeds into one!
PNG Icons & Icon Packs Download | IconsPedia - Free Icons
Shareapic - The pic sharing site that gives back!
The Muslims Internet Directory: Display Hijriah Date Islamic script (remotly hosted)
w.bloggar

Tooller's Blogger (blackeD10)

..diuruskan oleh Adam Merahi (R10) untuk membackup n' memandu blog sendiri...

Mambina Tab View untuk WebPages

0 ulasan:

30 What's New

Random posts..

Categories

Blog Archive

Rangkaian blackeD 10 / reD 10

Web Program Blogger

ikut mengikut

Cool Tooller

Refer Link's (computer)

Refer Template

Refer Trik @ Tip link's