Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts

Wednesday, June 17, 2009

Menyingkat URL Dapat Duit

Tools untuk menyingkat URL kadang sangat kita perlukan terutama untuk berbagi alamat web/blog yang bagus tapi memiliki URL yang panjang. Buat yang suka mencari duit dengan cara mengumpulkan refferal juga memerlukan tools untuk menyingkat URL refferal yang panjang dan penuh liku. Nah, ternyata sekarang ada tools yang dapat menyingkat URL dan kita bisa dapat duit dari sana.

Tools untuk tersebut adala ADF LY. Sama seperti tinyurl dan usercash, ADF LY bisa digunakan untuk menyingkat URL. Namun, kelebihan ADF LY adalah kita bisa mendapatkan duit jika link tersebut diklik oleh pengunjung web/blog kita. Bahkan, saat mendaftar pun kita akan langsung mendapat duit $5. Lebih detailnya seperti berikut:
1. Kita mendapatkan $5 setiap mendaftar
2. Kita mendapatkan $0,001 setiap link yang diklik
3. Pembayaran akan dikirim menggunakan paypal jika pendapatan kita sudah mencapai $20


Untuk mendaftar ADF LY, kawan-kawan bisa masuk ke sini (reff). Pada kotak Link Shrinkers, pilih Get Started. Kemudian, masukkan email dan password. Pendaftaran udah beres.

Untuk menyingkat URL, masuk ke home. Masukkan URL yang ingin Anda singkat ke kolom yang disediakan. Kemudian klik tombol Shrink!. URL baru untuk Anda akan muncul.

Selamat mencoba,kawan!

Wednesday, May 20, 2009

Ebook Belajar Adsense

Beberapa hari ini saya jalan-jalan buat nyari tempat belajar adsense. Selain nemu forum ini, saya juga nemu ebook belajar adsense dari blogduit.com. Awalnya sih saya lagi jalan-jalan buat belajar cari duit lewat review. Tapi, nggak sengaja malah nemu tutorial google adsense.

Ebook gratis buat belajar adsense ini bener-bener gratis, bukan "ebook gratis" yang disebar melalui reseller (buat yang berminat reseller, nggak ada salahnya kalo baca review ebook obralplatinum ini). Ebook belajar adsense yang berjudul Panduan idiot bikin blog dan daftar google adsense ini ditulis oleh kang kombor. Meski judulnya panduan idiot google adsense, ebook ini berisi cara cerdas dalam menjalankan bisnis adsense.

Cara belajar adsense yang dibagikan dalam ebook ini ditulis dalam bahasa yang santai dan enak dibaca. Ebook panduan idiot ini dijamin nggak ngasih cara idiot dapet ratusan dolar dari adsense dengan instan. Dalam buku panduan tersebut, pembaca disuguhi tulisan yang benar-benar step by step. Mulai dari background mengapa bikin duit di internet dan berbagai jenis bisnis internet. Tapi, sesuai dengan judulnya, ebook ini hanya akan mengulas cara dapet duit dari adsense.

Buat yang belum punya blog, ebook panduan adsense ini juga memberikan panduan membuat blog dari awal. Mulai dari cara daftar blog hingga tips mencari topik buat blog penghasil adsense kita. Setelah memandu kita dalam membuat blog, ebook panduan adsense ini juga memandu kita dalam mempromosikan blog agar dikunjungi banyak orang, mulai dari mendaftarkan blog ke search engine, blog direktori, social bookmarking, hingga blogwalking.

Panduan belajar adsense juga disajikan dengan lengkap oleh ebook gratis ini. Mulai dari tips mendaftar google adsense, trik memilih template, trik menaruh iklan, hingga cara meraup dolar dari google adsense.

Salah satu keunggulan ebook gratis ini adalah ebook ini juga memberi kita semangat dalam belajar adsense. Bisnis adsense bukanlah bisnis instan yang dalam hitungan menit langsung dapet ratusan dolar. Bahkan kadang butuh berhari-hari hingga berbulan-bulan untuk meraup dolar dari adsense. Dalam ebook ini juga dipaparkan pengalaman penulis dalam mengais dolar dari google adsense. Udah pernah baca ebook ini? Kalo belum baca, silakan download dulu di sini. Gimana pendapat kawan-kawan tentang ebook gratis buatan kang kombor ini?

Thursday, March 26, 2009

Bagaimana Cara Meningkatkan Karma Plurk?

Lama nggak ngeplurk, pas ngebuka plurk tiba-tiba dikejutkan karma plurk yang terbabat habis. Kalo nggak salah sih sebelum tahun 2009, karma pernah nyampe 60an,tiba-tiba aja kemarin karma tinggal 20an. Ternyata berbulan-bulan nggak update plurk berakibat terkena pembabatan karma.

Januari 2009 jarang ngupdate plurk karena ikutan kompetisi website kompas muda - im3. Februari 2009 nimbrung belajar SEO di kampanye damai pemilu indonesia 2009. Maret 2009 ketagihan main mafia wars di facebook. Ya sudah deh jarang buka plurk.

Berhubung karma plurk sudah terlanjur turun, kini yang menjadi pertanyaan dalam benakku adalah Bagaimana Cara Meningkatkan Karma Plurk? Iseng-iseng googling nyari info tentang karma plurk, nemu deh tips meningkatkan karma plurk dari mas darmawan.

Ada beberapa hal yang bisa meningkatkan karma plurk. Dari penjelasan resminya plurk didapatkan 4 Hal yang bisa meningkatkan karma adalah:
1. Mengupdate profil plurk. Dengan mengupdate foto, lokasi, tanggal ultah,dll ternyata bisa meningkatkan karma.
2. Merespon plurk dari teman-teman.
3. Posting plurk yang berkualitas setiap hari. Konon katanya, jadwal update plurk itu setiap 4 jam sekali dalam sehari, yaitu pukul 3, 7, 11, 15, 19, 23 Waktu Indonesia Barat. So, biar posting plurknya berkualitas, postinglah plurk minimal sekali setiap selang karma diupdate, misalnya antara jam 3 - 7 (sebelum berangkat kuliah atau sekolah), antara jam 7-11 (pas istirahat), antara jam 11-15 (pas pulang kuliah atau sekolah), antara pukul 15-19 (habis mandi sore), antara pukul 19-23 (sebelum tidur). Tapi jangan posting plurk kebanyakan, nanti malah dikira spam. Konon katanya sih jangan sampai lebih dari 30 plurk perhari.
4. Mengajak teman bergabung plurk.

Ya sudahlah biarlah karma mengalir begitu saja. Moga-moga karma plurk bisa meningkat kembali. Karena plurk untuk menjalin persahabatan, biarlah karma mengikuti..

Tuesday, March 3, 2009

Penalti Damai Piala Carling 2009 vs Kampanye Pemilu

Penalti secara damai memenangkan Manchester United dalam Piala Carling 2009, senin 2/3/2009 dini hari kemarin. Manchester dan Tottenham harus rela berdamai dengan skor 0-0 hingga akhirnya penalti pun harus dilakukan untuk menentukan siapa pemenang Piala Carling 2009, bukan pemenang pemilu indonesia 2009. Kemenangan MU melalui penalti ini dicapai saat dua pemain Tottenham gagal mendamaikan bola agar mau bersarang di gawang MU. Sebagai algojo penalti keempat MU, Anderson menjadi penentu kemenangan MU setelah mampu menyarangkan bola ke gawang Tottenham dengan damai. Kemenangan MU di piala carling 2009 ini memang penuh kedamaian, bukan karena kampanye damai, tapi juga bukan karena liga indonesia yang semakin damai. Lalu kenapa?

Saya bukan ingin membahas kemenangan MU di piala carling 2009. Mungkin kemenangan MU di piala carling ini merupakan kunci pembuka bagi MU untuk memperoleh lima gelar di musim kompetisi 2009 ini. Menurut Sir Alex Ferguson, skuad MU tahun 2009 ini merupakan salah satu skuad terbaik yang pernah dimiliki Manchester United. Sejujurnya,saya tidak ingin membahas tentang Manchester United. Mendengar kata penalti, saya teringat pada penalti yang tante girang google berikan karena duplicate contents. Konon katanya, duplicate contents bukan hanya akibat dari artikel hasil kopas, tapi juga bisa saja berasal dari diri kita sendiri, bagai penyakit autoimmune. Penyakit yang timbul karena sistem pertahanan tubuh yang malah menyerang tubuh kita sendiri. Mungkin seperti itulah yang tidak disukai oleh tante google. Penyakit autoimmune memang lebih senang pada gadis cantik dan wanita seksi, bukan pada kaum lelaki buaya darat. Jelas lah tante seksi google tidak senang pada segala yang dapat menyebabkan penyakit ini, termasuk duplicate contents.

Ternyata oh ternyata, halaman komentar pada blogspot bisa menjadi penyakit yang menggerogoti dari dalam. Konon katanya, halaman komentar ini akan menjadi pemicu terjadinya duplicate contents. Nah, duplicate contents dari halaman komentar inilah yang dapat menyebabkan penyakit autoimmune yang tidak disukai tante seksi google. Karena itulah, barang siapa memiliki duplicate contents dari halaman komentar blogger, bisa mendapat hadiah penalti dari tante girang google. Nah, kalau MU bisa menang piala carling 2009 karena penalti, kontestan piala damai pemilu 2009 dapat terdepak karena penalti dari tante manis google.
Duplicate contents karena halaman komentar ini tak sadar kusadari saat nyoba iseng tanya sama tante cantik google tentang "site:http://takadakatakata.blogspot.com/2009/02/kampanye-damai-pemilu-indonesia-2009.html". Hasilnya adalah:
duplicate contents halaman komentar blogspot

Udah lama nggak ngintip-ngintip rumah tante bugil google, saya iseng ngintip kamar pengantin webmastertoolsnya tante google. Nyobain berebahan di ranjang "contents analysis". Ternyata oh ternyata memang benar adanya kalau blog kampanye damai ini tertangkap basah selingkuh dan poligami. Blog yang ikut kampanye damai 2009 ini tertangkap basah mempunyai wanita simpanan duplicate title tags dan wanita idaman lain duplicate meta description. Ternyata memang benar adanya bahwa postingan yang mempunyai komentar tersebut dianggap selingkuh oleh tante google dan mendapat peringatan agar terhindar dari penyakit menular seksual.Wayaaa,,bingung deh harus gimana. Coba-coba konsultasi seks langsung sama tante google, katanya sih bisa langsung minta "remove URLs". Kucoba deh saran dari tante google. Kutunggu satu hari, ternyata tante bilang "denied". Wayaa bingung lagi deh harus gimana. Takut kena tendangan penalti dari tante google niih..wayaaaa...

Saat hampir frustasi karena terancam penalti dari tante google, aku pun iseng-iseng liat sirkuit kampanye damai pemilu indonesia 2009. Mampir deh ke rumah sang pimpinan klasemen kampanye damai 2009, belajarseo.com. Nemu deh artikel Penggunaan rel=”canonical”. Kupraktekkan deh tips dari sang maestro SEO pemilu indonesia 2009 tersebut. Moga aja bisa menghadang penalti dari tante google. Moga aja bisa bikin bahagia tante google.

Menurut kawan-kawan, apa aja sih yang perlu kita lakukan untuk membahagiakan tante cantik google?

Sunday, February 1, 2009

Tutorial Memasang Widget Top Commentator Blogger

Widget Top Commentator ini terpasang sebagai ucapan terimakasih untuk kawan-kawan yang telah memberikan komentar, saran, dan kritik untuk NoMoreWords. Widget Top Commentator ini dapat terpasang atas tips dari mas anang. Widget ini menampilkan nama kawan-kawan kita yang paling banyak meninggalkan komentar. Bagaimana cara memasang widget top commentator?

Cara memasang widget top commentator tidak jauh beda dengan pemasangan widget random post. Caranya adalah:
1. Buka blogger bagian Layout>>Page Elements
2. tambahkan page element HTML/JavaScript
4. Salin dan masukkan kode di bawah ini:

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ul>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ul>");
}
</script>
<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=33e2eb4dc25c7c21b9c586e11d2bc904&url=http%3A%2F%2FBLOGNAME.blogspot.com&num=10" type="text/javascript"></script>
<small>Widget edited by <a href="http://takadakatakata.blogspot.com/2009/02/tutorial-memasang-widget-top.html">NoMoreWords </a></small>


*angka 10 menunjukkan jumlah random post yang ditampilkan. Sikakan ganti angka tersebut sesuai dengan jumlah random post
*ganti BLOGNAME dengan nama blog kamu.


5. Simpan

Selamat mencoba memasang widget top commentator ;)

Cara Memasang Widget Random Post di Blogspot (Blogger)

Kini Widget Random Post sudah terpasang mengisi widget tabview yang sebelumnya dipakai buat naruh blogroll. Terpasangnya widget random post ini berhasil atas tips dari mas anang. Sesuai dengan namanya, Widget Random Post berguna untuk menampilkan beberapa artikel secara acak pada blog kita. Tujuannya adalah agar posting-posting terdahulu yang sudah tersimpan di arsip tetap dapat disimak oleh para pengunjung blog. Bagaimana cara memasang Widget Random post di blogger?

Berikut ini cara memasang widget random post:
1. Buka blogger bagian Layout>>Page Elements
2. tambahkan page element HTML/JavaScript
4. Salin dan masukkan kode di bawah ini:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=022620be5e6f6a66359d63edb5055e66&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript"></script>
<small>Widget edited by <a href="http://takadakatakata.blogspot.com/2009/02/cara-memasang-widget-random-post-di.html">NoMoreWords </a></small>

*angka 10 menunjukkan jumlah random post yang ditampilkan. Sikakan ganti angka tersebut sesuai dengan jumlah random post
*ganti namablog dengan nama blog kamu

5. Simpan

Selamat mencoba memasang widget random post ;)

Stripe-Ad Pengganti Navbar Blogger

Stripe-ad ini bukan saudaranya Stripe-tease. Aku awalnya juga kaget ketike melihat artikel berjudul "Pasang Stripe-Ad" di O-om.com. Ternyata Stripe-ad ini jauh dari stripe-tease yang sering nongol di cerita-cerita panas. Lalu apa gerangan stripe-ad itu?

Menurut o-om:
Stripe-Ad terlihat hampir serupa dengan standar Navigation Bar (Navbar) Blogger. Pengunjungpun dapat melihat langsung batang navigasi ini ketika pertama kali mereka mengunjungi halaman blog anda. Iklan ini akan tetap tampil walaupun pembaca melakukan Mouse Scroll pada halaman. Jika tertarik kemungkinan besar pembaca akan mengkliknya, jika dirasa mengganggu mereka dapat dengan mudah menutupnya dengan mengklik tombol X pada pojok kanan atas.


Nah, berhubung NoMoreWords nggak punya iklan, stripe-ad di NoMoreWords cuma berisi ucapan selamat datang. :)

Gimana cara memasang Stripe-Ad di Blogger?

Sebelum memasang Stripe-Ad, sembunyikan dulu Navigator Blogger.

Kemudian, langkah-langkah kita dalam memasang stripe-ad pun dimulai:
1. Buka Notepad
2. Kopi-paste kode di bawah ini ke notepad, kemudian save file tersebut menjadi file javascript. Caranya adalah smpan file tersebut dengan akhiran .js , misalnya stripe-ad.js
3. Upload file javascript tersebut ke file hosting. Kalo belum punya tempat hosting, bisa bikin hostingan gratis di geocities.yahoo.com
4. Masuk ke blogger bagian LAYOUT>>EDIT HTML, kemudian copi-Paste kode CSS dibawah, letakan diatas kode ]]></b:skin>

#mta_bar { background: #ffff66; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #00ffFF; text-decoration: none;}
#left_bar a { text-decoration: none; color: #0000FF; }
#left_bar a:hover { text-decoration: underline; color: #00ffFF; }


*Kode yang berwarna merah jambu merupakan warna background Stripe-Ad.
Kode yang berwarna biru tua merupakan warna untuk teks.
Kode yang berwarna biru muda merupakan warna untuk teks ketika dilewati mouse.
Silakan ganti kode warna tersebut sesuai warna selera kamu.



5. Masukan kode pemanggilan javascript dibawah ini, letakan diatas kode </head>, jangan lupa sesuaikan dengan alamat lokasi URL dimana anda meyimpan file JS-nya.

<script src='alamatjavascript' type='text/javascript'/>

6. Letakan kode dibawah ini dibawah kode <body<, Silahkan sesuaikan setingan dibawah dengan link dan deskripsi anda sendiri.

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/ooms-logs' target='_blank'>Kurang lebih 3200 pembaca Rss Feed sudah bergabung, Sudahkah anda?</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpHBCfw-vS9IgyDXmTWnWznA791epj5k1FbOwti6Pw7jiSSlqP-GBhtJxGZ5JiYOnIeg1oV6S1hv4DDIRT2Z8oJv3iwcF0ArSUtORVyCHnoVnLDEnTX5CLZaXp_G5H3urRKwSOEMWO/s400/close.gif' style='cursor:hand;cursor:pointer;'/></span></div>

7. Simpan

Selamat mencoba mengganti Navbar dengan memasang Stripe-Ad..

Friday, January 23, 2009

Mengubah favicon pada blogger/blogspot

Kebingunganku mencari cara mengubah favicon di blogspot telah terpecahkan ketika main ke O-om. Apa itu favicon?Favicon adalah icon yang terdapat pada address bar atau tab bar pada web browser. Nah, ternyata favicon logo blogger tersebut bisa diganti sesuai selera kita. Kita bisa mengubah favicon tersebut menjadi icon yang kita sukai, misal dengan icon bergambar foto kita, logo kita, atau artis favorit kita. Awalnya sih aku pingin ngganti favicon blogspot dengan icon yang berupa foto Ayumi Hamasaki. Tapi, setelah kupikir-pikir, tak ada salahnya jika logo NoMoreWords kujadikan favicon. Nah, berikut ini cara mengganti favicon pada blogger(blogspot):
1. Siapkan file icon yang sesuai dengan selera dan keinginanmu.
2. Simpan icon tersebut di alamat penyimpanan online bisa di www.geocities.com atau sites.google.com
3. Buka blogger, masuk ke bagian Layout//Edit HTML
4. cari code kemudin paste kode dibawah ini dibawah kode <head> :

<link href='URL-icon' rel='shortcut icon'/>

Ganti URL-icon dengan alamat icon sesuai dengan nama alamat url tempat kamu menyimpan icon. Misal:

<link href='http://www.geocities.com/izd182/favicon.ico' rel='shortcut icon'/>

5. Simpan

Selamat mencoba..

Terkadang, favicon tidak langsung muncul segera setelah kita mencoba langkah-langkah di atas. Bahkan, mungkin diperlukan waktu beberapa hari agar favicon kita muncul.

Monday, December 8, 2008

Pasang Menu Tab View

No More Words
Setelah seminggu diberondong ujian blok XIV, kini ak sempat ngeblog lagi. Pas jalan-jalan pagi, nggak sengaja nemu Trik Tips Blogging. Tak sengaja kulihat sebuah menu yang sangat unik. Kurasa menu tab view ini sangat efektif dan efisien. Tanya kenapa? Dengan ukurannya yang mini dan imut ini, menu tab view bisa memuat isi yang banyak. Kupikir-pikir, menu tab view ini juga bisa digunakan untuk menyimpan link-link blog temen2ku. Kini, link blog temen-temen pun tlah mengisi menu tab view ini. Oya berhubung ak mindah linknya pake manual, mungkin ada link temen-temen yang lupa belum ak pindahin. Nah, buat temen-temen yang linknya belum ak pasang, ingetin aku buat masang link-nya yaa... ^_'v

Nah, gmn c cara memasang menu tab view ini? Berikut ini tutorial cara memasang menu tab view yang ak dapetin dari trik tips blogging:

1. Pilih menu Layout>>Edit HTML
2. Beri tanda centang pada Expand Widget Templates.
3. Kemudian masukkan kode berikut ini sebelum kode <]]></b:skin>

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 98px;/* Lebar Menu Utama Atas */
text-align: center;
height: 24px;/* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
border-top: 1px solid #333333;/* Warna Border Atas Menu Utama */
border-left: 1px solid #333333;/* Warna Border Kiri Menu Utama */
border-right: 1px solid #333333;/* Warna Border Kanan Menu Utama */
border-bottom: 1px solid #333333;/* Warna Border Bawah Menu Utama */
font-family: "verdana", Serif; /* Jenis Font Menu Utama Atas */
font-weight: 900; /* Ukuran Font Menu Utama Atas */
color: #1E62B6; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #333333; /* Warna Background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border-left: 1px solid #333333; /* Warna Border Kiri Kotak Utama */
border-right: 1px solid #333333; /* Warna Border Kanan Menu Utama */
border-bottom: 1px solid #333333; /* Warna Border Bawah Menu Utama */
overflow: hidden;
background-color: #333333; /* Warna Backgroun Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang dicetak miring, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran, warna, dll.
5. Setelah mengatur warna dll, sekarang pasang kode berikut ini dibawah kode </head>
<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>
6. Kemudian Save
7. Masuk ke bagian menu Layout>>Page elements
8. Pilih Add a Gadget >> HTML/Javascript
10. Masukkan script berikut ini:

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>

</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />

</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan:
- Kode yang berkedip-kedip Adalah text yang di Menu utama (Menu Atas).
- Kode yang ditulis miring adalah isi dari kotak tab view. Kamu bisa mengisinya dengan link, gambar, banner, script dll.

10. Kemudian SAVE. Jadilah menu tab view yang imut.