. blogger BIOL .: September 2008

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

Latest Gold Price

kode :

Back to Top / Kembali ke Atas

# Tambah kode ini dalam 'add HTML' yang baru di 'Layout' dan letakkan di bahagian yang paling bawah di'sidebar area'
# Anda boleh 'setting' kode ini untuk kelihatan dimana-mana bahagian paparan blook/halaman blook anda yang anda sukai.
# @ Anda masukkan / 'edit'kan kode ini didalam {Layout/edit HTML} dan letakkan di bahagian 'footer' bersama-sama dengan {design by @ editted by @ apa-apa lah yang berkaitan}
# Anda boleh juga meletakkan gambar & tukar teks yang tersedia dengan apa-apa kesukaan anda

Waktu Solat (Version 1)

Kode nye ialah:

Menambah Gadget Masa Bandar-bandar utama Dunia

Kodnya ialah :

* Anda hanya perlu add HTML di bahagian Layout dan pase kan kedalam, atau

* Anda terus ke halaman {Template/layout},{Edit Html} dan Jangan lupa tanda pada kotak (Expand Widget Template}.
+ masukkan kode ini di bahagian footer (area yang ada design by atau apa-apa lah)

* Anda boleh edit kode ini untuk setting 'with' & 'height'

Memasang butang Feed pada Label

1. Pada halaman {Template}, sila pilih {Edit Html}. Jangan lupa tanda pada kotak {Expand Widget Template}.

2. Cari kod di bawah ini:

p/s : Buat masa sekarang, sila ke BlogMenjerit untuk trick seterusnya :-)

3. Disini saya list kan image feed/rss yang cantik untuk digunakan selain yang diberi oleh BM :

+

- anda perlukan 'right clic'kan image tersebut dan 'copy image location' nya

Tab View

kod nya ialah

atau terus ke link/address google disini