Ini adalah bagian dari tugas akhir mata kuliah multimedia. Dimana dibuat dengan standarisasi berdasarkan dari dosen mata kuliah,pengalaman yang sangat mengesankan dan ilmu yang tak ternilai. enjoy see this blog, GBU... more about me...

Grid Tape

22-12-09

Tab Content

Posted by Ebenheizer Tuesday, December 22, 2009

Tab adalah menu dengan isi yang dapat berubah-ubah sesuai tab yang diklik..

Terletak di bawah Image Slider dan Sebelum post..

letaknya seperti ini:

CS:Source

Tab terdiri dari 3 macam tab..

Sebenarnya cara menggantinya sama seperti sebelumnya..

Masuk ke Add Page Element lalu klik edit, dan masukkan code ke box yang kosong..

Namun untuk tab ada cara yang sedikit tricky..
Jadi ketika ada nama TABDIV itu adalah untuk tab pertama, klik edit..
Jika ingin mengganti tab lain, tinggal klik di bagian atasnya yang terlihat kosong, ada 3 posisi, maka bagian bawahnya kaan berganti..
Sebagai contoh:

CS:Source


Untuk mengganti isi tab pertama, masukkan code di bawah ini:

<li> <a href="YOUR-REFERRAL-LINK-HERE" rel="bookmark" title=""><img src="ADS-IMAGE-SOURCE-HERE" alt="" /></a> </li>
<li> <a href="YOUR-REFERRAL-LINK-HERE" rel="bookmark" title=""><img src=" ADS-IMAGE-SOURCE-HERE " alt="" /></a> </li>
<li> <a href="YOUR-REFERRAL-LINK-HERE" rel="bookmark" title=""><img src=" ADS-IMAGE-SOURCE-HERE " alt="" /></a> </li>
<li> <a href="YOUR-REFERRAL-LINK-HERE" rel="bookmark" title=""><img src=" ADS-IMAGE-SOURCE-HERE" alt="" /></a> </li>

Lalu ganti isi yang dicetak biru dengan kebutuhan anda..

Seperti sebelumnya..
Link diisi dengan alamat yang ingin dituju..
Image Source diisi dengan link ke gambar yang ingin ditampilkan..


Untuk mengganti isi tab kedua sesuaikan dengan kebutuhan anda, karena tab tersebut ditujukan untuk 'About Us', jadi diisi tentang anda..


Untuk mengganti isi tab ketiga, masukkan code di bawah ini:

<div class="rblock">
<img src="YOUR-IMAGE-SOURCE-HERE" width="80" height="55" alt="" />
<h2><a href="YOUR-POST-LINK-HERE" title="HOVER-TITLE">YOUR POST TITLE</a></h2>
<div class="auth"> MM-DD-YY</div>

Lalu ganti text yang dicetak biru seperti biasa..

Image source dengan sumber gambar..
Post link dengan alamat tujuan..
Title untuk judul yang ditampilkan..
MM-DD-YY dengan tanggal pembuatan post tersebut..
Copy code di atas untuk menampilkan beberapa post sekaligus