Cara menampilkan Hidden File Dan Folder

Pernah file dan/atau folder-folder kamu hilang karena komputer terserang virus? Tenang…! Tidak perlu panik dulu. Tulisan kali ini akan membahas tutorial bagaimana mengembalikan file dan folder yang “hilang” (sebenarnya hanya ter-hidden alias disembunyikan) oleh virus pada windows. Meski kasus ini sudah lama ada, virus-virus baru masih saja hobi mengulangi kasus meng-hidden file seperti ini.

Perlu ditekankan bahwa file dan folder yang bisa dikembalikan menjadi normal adalah file atau folder yang “hanya” disembunyikan oleh virus. File dan folder yang benar-benar hilang atau terhapus tidak bisa dikembalikan lagi, kecuali menggunakan sistem restore.

Okeh, kita mulai tutorial bagaimana menampilkan kembali file dan folder yang di-hidden oleh virus:

1. Start > Run > Notepad
Copy Paste-kan :

Code:

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced]
“ServerAdminUI”=dword:00000000
“Hidden”=dword:00000001
“ShowCompColor”=dword:00000001
“HideFileExt”=dword:00000001
“DontPrettyPath”=dword:00000000
“ShowInfoTip”=dword:00000001
“HideIcons”=dword:00000000
“MapNetDrvBtn”=dword:00000000
“WebView”=dword:00000001
“Filter”=dword:00000000
“SuperHidden”=dword:00000001
“SeparateProcess”=dword:00000000
“ListviewAlphaSelect”=dword:00000001
“ListviewShadow”=dword:00000001
“ListviewWatermark”=dword:00000001
“TaskbarAnimations”=dword:00000001
“StartMenuInit”=dword:00000002
“StartButtonBalloonTip”=dword:00000002
“TaskbarSizeMove”=dword:00000000
“TaskbarGlomming”=dword:00000000
“NoNetCrawling”=dword:00000000
“FolderContentsInfoTip”=dword:00000001
“FriendlyTree”=dword:00000001
“WebViewBarricade”=dword:00000000
“DisableThumbnailCache”=dword:00000000
“ShowSuperHidden”=dword:00000001
“ClassicViewState”=dword:00000000
“PersistBrowsers”=dword:00000000
“Start_LargeMFUIcons”=dword:00000001
“Start_MinMFU”=dword:00000006

Save file dgn nama : showhiddenfiles.reg ( save dimana saja )

2. Start > Run > Notepad
Copy Paste-kan :

Code:

Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Advanced\Folder\Hidden\NOHIDDEN]
“RegPath”=”Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\Advanced”
“Text”=”@shell32.dll,-30501″
“Type”=”radio”
“CheckedValue”=dword:00000002
“ValueName”=”Hidden”
“DefaultValue”=dword:00000000
“HKeyRoot”=dword:80000001
“HelpID”=”shell.hlp#51104″

Save file dgn nama : nohidden.reg ( terserah mo di save dimana saja lg…heheh )

3. Start > Run > Notepad
Copy Paste-kan :

Code:

Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Advanced\Folder\Hidden\SHOWALL]
“RegPath”=”Software\\Microsoft\\Windows\\CurrentVersion\\Explorer\\Advanced”
“Text”=”@shell32.dll,-30500″
“Type”=”radio”
“CheckedValue”=dword:00000001
“ValueName”=”Hidden”
“DefaultValue”=dword:00000002
“HKeyRoot”=dword:80000001
“HelpID”=”shell.hlp#51105″

Save file dgn nama : showall.reg ( terserah mo di save dimana sj lg….wkwkwk )

Setelah 3 file tersebut diatas jadi, klik satu persatu mulai dr no. 1 s/d 3 ( Pilih “Yes” )


sumber: http://www.binushacker.net/tampilkan-hidden-file-folder.html

Membuat judul blog berganti

Seperti pada Judul diatas, kali ini kita akan membahas cara membuat judul Bl09...
langsung aja ke TKP bro....


1. Buka dan Loggin Blogger
2. Masuk Ke Rancangan
3. Elemen Halaman
4. Tambah Gadget --> HTML/Java Script
5. Copaz Code saya ini.

<script language="JavaScript">
<!--
/*****JUDUL BERGANTI By. ™sQuiterz community™*****/

function tb5_makeArray(n){
this.length = n;
return this.length;
}

tb5_messages = new tb5_makeArray(6);
tb5_messages[0] = "pesan 1";
tb5_messages[1] = "pesan 2";
tb5_messages[2] = "pesan 3";
tb5_messages[3] = "pesan 4";
tb5_messages[4] = "pesan 5";
tb5_messages[5] = "pesan 6";
tb5_rptType = 'infinite';
tb5_rptNbr = 10;
tb5_speed = 50;
tb5_delay = 2000;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
k = Math.round(Math.random() * (arr.length - i - 1)) + i;
temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
if (tb5_currMsg == tb5_messages.length-1){
if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
clearTimeout(tb5_timerID);
return;
}
tb5_counter++;
tb5_currMsg=0;
}
else{
tb5_currMsg++;
}
n=0;
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
tb5_sp=tb5_delay;
}
else{
tb5_sp=tb5_speed;
k = tb5_arr[n];
tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
tb5_stsmsg = "";
for (var i=0; i<tb5_sts.length; i++)
tb5_stsmsg += tb5_sts[i];
document.title = tb5_stsmsg;
n++;
}
tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
tb5_init(0);
}
tb5_randomizetitle();

//-->
</script>

Keterangan Code :
Tulisan Berwarna merah: Adalah Pesan yang ingin Kita Tulis di Judul
Tulisan Berwarna hijau: Adalah Satuan Delay dari tiap tiap Pergantian Teks
Tulisan Berwarna biru: Adalah Kecepatan Pergantian Teks

sumber: dickstar

cara pasang background Matrix Di blog

                  Oke...postingan artikel kali ini cara pasang background The Matrix yang unik dan atraktif. Background The Matrix ini tersedia dalam berbagai image yang sudah saya persiapkan. Sobat blogger tinggal pilih imagenya kemudian tinggal pasang kode CSS-nya di blog sobat. Caranya gampang ga perlu ribet n pusing...

Sebelum sobat blogger mencoba trik kali ini ada baiknya membuat backup template blog sobat terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

Cara Pemasangan

• Login ke blog sobat.
• Klik "Design" kemudian klik "Edit HTML".

Cari kode </Head> kemudian copy-paste kode CSS di bawah ini diatas </Head>.

<style type="text/css">
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjGwJVO23E6R0Fb00nIa6qVH2prIFgwNwV5l0fSMyOpiNOX8pnwvJNOtnd1GDc4a6HxaLyQ6r-WHbQQzRXhsCqMR04eB-lGCcxMKPrBKdxWIEfhlw5WOuutGs7ZNQE8ZsF6zdoX-sAi-r/s800/monozcore_blogspot_com_redmatrix.gif) repeat center center fixed black;
}
</style>

• Ganti kode yang berwarna merah pada baris kode atas dengan URL gambar animasi matrix yang sobat inginkan.
• Klik "Save" dan lihat hasilnya...

0-1-1 Matrix

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIqi7f952J6t0KpsZiwMQI4LXd2eY2jdlKMS0_Wte-wRMEbCoQ0dS8Or8pyX2Vd7rDs3h2Xv2egSS8amrmaWi2J9y7MTljKMMTNe3yT0yaSnHKkXExB-VkGI87UvT4XG79PQ5KBrohaY/s1600/0_1_1.gif

Black Red Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPSL5O0SW-52_RU4wF8YL7GoR90pT4mYNAJRHVhuqWbftTTyDeL2cy5Sw9wEbBq19eKuAfmPwLjPG5QT8t_zCC82G7hJ-mH0w6hPB-hi8DJjCKJKppwS2QHfrP-ZH5eF_SWaIBRpzqSngF/s800/black_red_matrix.gif

Blue Matrix 1

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFmKQGehuIU3qEz0G1qujG-Dl5gzBj_EolJ3-8kLDHmvKg13Dp_SKVkHhujli0G45-GZINWTCFQAPnyzoXSCs6ARpn4In0Dyodav0yI2YWbmOBlFPegnDE2V0ZqbaAY1OA72mDA9fg9zGr/s800/bluematrix.gif

• Blue Matrix 2
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRNgw6y5fD5_rXonkvlA7ZVPCeI_80RYXon2wIPdp6bk2Csx3mE_6IiS41qp28HyiRZw0aq7MbBMl5-AAi6akb6LnA_ti7wzrwynxE56IlRsoucUFzGVSGkcPubpWbREvMWcV6Qus_NuHT/s800/bluematrix2.gif

tutorial bloger

cara ganti templet bloger

Desain Template dari blogspot terkadang ga bikin kamu puas dengan tampilanya .ya mungkin cara satu-satunya supaya tampilan blog kamu jadi menarik kamu harus ganti template dari situs-situs yang menyediakan template gratis.kalo kamu mau diblog saya juga ada beberapa template yang bisa didownload,pengen tau CARA GANTI TEMPLATE BLOGbdari pihak ketiga ? tenang aja karena saya akan menjelaskan bagaimana CARA GANTI TEMPLATE BLOG

Sekarang ini pengguna blog udah banyak banget ,jadi ga sedikit yang tampilan blognya sama.dan tampilan blog juga akan menpengaruhi daya tarik tersendiri kepada pengunjung blog kita.Tetapi buat kamu yang menjalankan teknik-teknik SEO tidak dianjurkan untuk sering bergabti template, Silakan ikuti tutorial Cara Ganti Template Blog berikut ini :

CARA GANTI TEMPLATE BLOG
1.Cari template dengan menggunakan mesin pencari dengan kata kunci "free blogspot template" atau bisa juga download template diblog saya ini.

CARA GANTI TEMPLATE BLOG
2.Setelah kamu download template yang kamu inginkan ekstrak file template tersebut,caranya klik kanan file template tersebut kemudian klik "ekstrak file".

CARA GANTI TEMPLATE BLOG
3.Setelah template berhasil di ekstrak file akan berubah menjadi sebuah folder,Buka folder file template tersebut nanti didalamnya ada file XML,copy File tersebut lalu paste di "my document" supaya ga ribet nanti mengunggah template nya.

CARA GANTI TEMPLATE BLOG
4.Selanjutnya LOGIN ke blogger

CARA GANTI TEMPLATE BLOG
5.Klik "Tata Letak" kemudian Klik "Edit HTML"

CARA GANTI TEMPLATE BLOG
6.kLIK "Browse" disamping kata "Upload sebuah template dari sebuah file pada hard drive Anda" lalu pilih file XML template yang tadi dipaste di my document.setelah itu klik "Unggah"

CARA GANTI TEMPLATE BLOG
7.jika ada pernyataan Klik "simpan dan lanjutkan"

CARA GANTI TEMPLATE BLOG
8.Selesai... Tinggal kamu lihat hasilnya.

cara mendapatkan ung dari blog

Zaman serba susah ,apa-apa serba susah , cari uang susah ,hehehehe Tapi jangan khawatir karena dalam postingan kali ini saya akan membahas bagaimana cara mendapatkan uang dari blog . knapa harus blog ?jawabanya iia karena blog mudah di buat dan gratis . kan zaman sekarang semuanya perlu modal, dan untuk memiliki dan menjalankan sebuah blog untuk mencari uang hanya di butuhkan komputer dengan koneksi internet,ketekunan dan ke uletan , dan yang palin penting adalah berdoa . bagaimana cara mendapatkan uang dari blog ?simak aja berikut ini ,hehehe yang dibutuhkan untuk mencari uang dari blog adalah sebuah blog berpagerank ya se_engga-ngga nya blog kamu memiliki pageRank 2 .namun Tanpa pagerank juga kamu masih bisa tetap bisa mencari uang dengan menggunakan blog . selain PageRank Trafik Pengunjung blog kamu juga harus tinggi .Karena penggeunjung blog kamu akan menentukan uang yang akan kamu hasilkan melalui blog . semakin banyak pengunjung blog kamu semakin banyak pula uang yang akan kamu dapat . Namun tanpa pagerank kamu juga masih tetap bisa mencari uang dengan menggunakan blog . Selain itu yang harus kamu miliki sebelum mencari uang dari blog adalah ketekunan,keuletan,keyakinan dan jangan lupa berdoa. silakan ikuti beberapa Cara Mendapatkan Uang Dari Blog Berikut ini :

0.Cara Paling Cepat Dapatkan Uang Dari Blog
Ini mungkin cara paling cepat untuk mendapatkan uang .Bayangkan saJa hanya nge Survey langsung dapet 27 dollar dan jika kamu ngajak orang untuk daftar juga dapet duit 1,25 dollar per orang. Daftarnya di http://www.awsurveys.com atau KLIK DISINI

1.Mendapatkan uang dari blog dengan cara mereview/Menulis
Apa itu mereview ? Review dalam dunia bisnis online adalah menulis tentang suatu produk atau sebuah website dan nanti kita akan di minta mengarahkan link ke situs merka yang produk atau websitenya kita review.dan biasanya mereview sebuah produk atau website menggunakan bahasa inggris , tapi ada juga yang menggunakan bahasa indonesia .hasil dari review ini juga cukup lumayan. jika blog kita memiliki pagerank yang tinggi job menulis bisa kita kerjakan setiap hari dan dari setiap job yang kita review kita bisa mendapatkan uang mulai dari 5 Dollar Sampai dengan 50 dollar ,Bayangkan jika anda setiap hari mengerjakan review dengan bayaran 10 dollar saja untuk setiap review, berapa uang yang akan anda dapatkan setiap bulanya ? anda akan mwndapatkan uang 300 dollar dan jiak dirupiahkan sekitar 2,9 juta . lumayankan jumlah uang tersebut da dalam kondisi krisis seperti ini. Berniat mencoba ? Silakan Klik beberapa situs paid review berikut :
http://www.reviewme.com/
http://www.sponsoredreviews.com
http://www.buyblogreviews.com

2.Cara Mendapatkan uang dari blog dengan cara memasang iklan PPC(Pay Per Click)
Apa itu iklan PPc ? Iklan PPC adalah sebuah program priklanan yang memberikan kesempatan kepada kita (blogger) untuk memasang iklan program mereka di blog kita . Dan akan menghasilkan uang jika iklan tersebut di klik . rata-rata bayaran dari setiap klik tersebut memang cukup kecil yaitu sekitar 200-600 rupiah namun jangan remehkan angka tersebut jika blog kita memiliki trafik yang tinggi. berikut ini adalah beberapa situsPPC lokal yang bisa kamu coba ?
http://www.kumpulblogger.com
http://www.adsensecamp.com
http://www.kliksaya.com
Selain program PPC lokal ada situs PPC yang terkenal di dunia yaitu google adsense jika ingin mendaftar silakan klik http://www.google.com/adsense Sya sarankan untuk mendaftar dengan menggunakan blog berhasa inggris agar mudah di terima.

3.Mendapatkan uang dari afliansi
Apa itu afliansi ? afliansi adalah program untuk membantu sebuah situs untuk menjualkan produk mereka atau mengajak seseorang untuk join ke situs yang mengadakan program afliansi . nanti kita akan mendapatkan komisi dari mulai dari 5% sampai dengan 30% . berikut ini adalah beberapa situs yang mengadakan program afliansi :
http://www.amazon.com
http://www.ziddu.com
http://www.paypal.com
http://www.co.cc

Tukar link yuk

Bagi sobat yang udah memasang baner saya insya alah saya akan segera memasang Link/Banner sobat,,!

Terima kasih



<a href="http://squiterzx.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF6BSJivM8qRAgAxBQ7qzjw1e_gUgI09CMH9EAXgC5EBJ6iBHc52TGRy2yzTy5wGoqb8IrW1YNqy2ZZJpe3E_DNngHnzs5fajDDuRsDvlXjcrl1zTM6VM2a4PMwgKu2kEWR6qUy001q86M/s1600/squiterz.png" width="90" height="17" border="0" /></a>








Baner Sahabat sQuiterz

Klik show untuk melihat

☆Dunia ♥ T-Wekz Lib☆

Link Sahabat sQuiterz

Klik show untuk melihat

™billix-multimedia™

™Rudy Hartono™

Sahabat Blog

Buka Abiz Blog's

Saeful13 blog

teman2 juga bsa memasang baner secara otomatis di sini,,,,...

cara membuat Gadget jam di bloger

tutorialnya

Login ke blogspot anda

klik “Tata Letak” atau “Layout”

Klik Tambah Gadget di sebelah kiri atau kanan Layout

Pilih HTML/Java Script

Kemudian paste (ctrl+v) kode berikut ke dalam gadget HTML/Java Script

<embed src="http://www.clocklink.com/clocks/panda001-blue.swf?TimeZone=JOG&"  width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">

<embed src="http://www.clocklink.com/clocks/0056-black.swf?TimeZone=JOG&"  width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">

<embed src="http://www.clocklink.com/clocks/free002-black.swf?TimeZone=JOG&"  width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">

<embed src="http://www.clocklink.com/clocks/0006-purple.swf?TimeZone=JOG&"  width="125" height="150" wmode="transparent" type="application/x-shockwave-flash">

<embed src="http://www.clocklink.com/clocks/0007-green.swf?TimeZone=JOG&"  width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">

untuk model laenya loe kunjungi aja:www.clocklink.com

tulisan berjalan di buku tamu

Sedikit berbagi pengalaman pribadi lagi nih sob,, heheheheee,,,

pada saat melihat teman-teman blogger menulis di biku tamu CBOX saya kok bisa bergerak-gerak,, sedikit rasa penasaran dan mencoba dengan kode HTML,, tapi ternyata salah,, hehehe,, jadi malu nih sob,, maklumlah masih pemula,, dan akhirnya saya cari di mbah google dan akhinya ketemu juga nih,, setelah saya coba ternyata berhasil juga,, belajar dari kesalahan memang sangat bermanfaat walaupun agak malu juga ya sob,,

Nah bagi sobat yang belum tahu bagaimana caranya biar tidak salah kayak saya disini saya berbagi sedikit ilmu. Diantaranya membuat tulisan berjalan, Berwarna, bergaris bawah, tebal dan lain sebagainya.

Nah langsung saja kita bahas, untuk membuat tulisan pada CBOX lebih terlihat menarik silahkan ikuti langkah langkah berikut :

1. Membuat Teks Berjalan di CBOX
   Apit kata-kata yang ingin dibuat berjalan dengan [scroll] dan [/scroll]
   Contoh: [scroll] Salam kenal [/scroll] hasilnya

Salam kenal

2. Membuat Teks Berukuran Besar
   Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
   Contoh: [big] Salam kenal [/big] hasilnya adalah Salam kenal

3. Membuat Teks Miring
   Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]
   Contoh: [i] Salam kenal [/i] hasilnya Salam kenal

4. Membuat Teks Tebal
   Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
   Contoh: [b] Salam kenal [/b] hasilnya adalah Salam kenal

5. Membuat Teks Bergaris Bawah
   Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
   Contoh: [u ]Salam kenal [/u] hasilnya adalah Salam kenal

6. Membuat Teks Bergaris Tengah
   Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
   Contoh: [s] Salam kenal [/s] hasilnya adalah Salam kenal

7. Membuat Tulisan Berukuran Kecil
   Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
   Contoh: [small] Salam kenal [/small] dan hasilnya adalah Salam kenal

8. Cara Membuat Tulisan Rata Tengah (Center)
   Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
   Contoh: [center] Salam kenal [/center]

9. Membuat Tulisan Berwarna
   Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
   Contoh: [color=red] Salam kenal [/color]  maka hasilnya adalah Salam kenal

10. Cara Membuat Teks yang Ber Link
   Apit kata-kata yang ingin diberi link dengan [url=alamaURL] dan [/url]
   Contoh: [url=http://zuazz.blogspot.com/] sQuiterz [/url] maka hasilnya adalah sQuiterz

Selamat mencoba ya sob,,

Sumber: http://www.thob.org

cara memasang tombol kembali ke atas

Kali ini saya sedikit share Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun yang lengkap dengan tombol kembali ke beranda / home dan muat ulang / reload yang saya dapat dari salah satu blog / website dengan alamat url www.ozanhacker.com.

Tips dan trick ini sudah saya peragakan di blog saya. singkat cerita mari kita simak saja Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun berikut ini.

Cara Memasang Tombol Back to Top

Memasang tombol kembali ke atas atau memasang tombol back to top ini mungkin bagi blog saya ini sangat diperlukan, karena untuk menyikapi blog yang terlalu memanjang kebawah, mungkin masalah ini tidak akan ditemui jika kita memasang template yang sudah menyertakan widget ini, tetapi jika belum ada kita bisa memasangnya sendiri, karena jika tidak ada tombol back to top akan membosankan pembaca blog kita, apalagi jika menggunakan mouse yang kebetulan keadaannya sudah letoy (hehe…) atau lebih parahnya lagi sudah tidak ada scroll nya lagi, itu akan membuat mereka capek untuk mengakses blog kita, maka alternatifnya adalah membuat tombol back to top atau tombol kembali ke atas.

Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:
(Sebelum memasuki penjelasan, download terlebih dahulu template anda, sebagai asuransi tamplate anda...hehe...)

Cara Pertama:
Untuk cara pertama ini sangat simple, karena tampilannya sederhana, anda hanya perlu menambahkan kode berikut sebelum kode </body>

<!-- Bact to top By squiterz -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2MJMY2Ua4v6t4aAYBHn6w_3EVR0Lxj1bGhsobXQ6GtvnABT19NVmbv0t0EICn79R0YYpu5QY_DKklfeMQ6JUo5H1tKyaSjL-TbjIg04K3EMsxDwCT3vgg-Or0ddAMEtRY2utqZhp47MAh/s1600/Untitled-2.png'/></a>



Untuk penjelasannya, anda login dulu ke blogger anda lalu Ikuti tahap-tahap berikut ini:

1.      Pilih Rancangan
2.      EDIT HTML ( Centang Expand Template Widget )
3.      Cari Kode </body> ( Untuk lebih cepat mencari gunakan Ctrl+F )
4.      Simpan kode berikut sebelum atau di atas kode </body>

<!-- Bact to top By squiterz -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2MJMY2Ua4v6t4aAYBHn6w_3EVR0Lxj1bGhsobXQ6GtvnABT19NVmbv0t0EICn79R0YYpu5QY_DKklfeMQ6JUo5H1tKyaSjL-TbjIg04K3EMsxDwCT3vgg-Or0ddAMEtRY2utqZhp47MAh/s1600/Untitled-2.png'/></a>


5.      Lalu simpan tamplate, SELESAI dan lihat hasilnya…

Keterangan:

• Kode warna kuning adalah posisi tombol berada
• Kode warna merah adalah URL gambar tombol (silahkan anda ganti dengan URL gambar anda bila ingin menyesuaikan  gambarnya dengan selera anda)

Cara Kedua:
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:

Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:

1.      Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.

    #Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
    #Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
    #Enjoy img{border:0}
    #Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

2.      Kemudian sisipkan kode berikut ini setelah atau dibawah kode </body>

    <div id='Enjoy'>
    <a href='#' onClick='window.location.reload()' title='Reload page'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
    <a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
    <a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
    <a href='#footbar' title='Ke bawah halaman'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
    </div>

3.      Lalu simpan tamplate anda, dan lihat hasilnya…

Keterangan:
=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna kuning adalah posisi tombol

apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana hijau seperti ketyerangan di bawah:

=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Jangan lupa komentarnya… Untuk artikel ini jika ada yang mau menambahkan cara yang lainnya aku tunggu…

cara mencegah copy paste pada blog

Setelah sekian lama tidak posting dikarenakan masih banyak urusan yang harus saya selesaikan, dan kali ini saya hanya sedikit share dari postingan blog sahabat yaitu tentang cara mencegah copy paste pada blog, kalau menurut saya sih hal ini tidak terlalu penting, merupakan satu keuntungan tersendiri bila artikel kita di copas (copy paste), apa lagi bila sobat yang copas mau mencantumkan sumber dari artikel tersebut, bisa menambah back link kan, merupakan keuntungan tersendirikan.

Namun bagi sobat yang merasa bahwa artikel sobat sangat penting dan tidak rela untuk di copy paste, mungkin hal ini cukup berguna untuk dilakukan. akan tetapi cara tersebut tidak melindungi content blog sobat sepenuhnya, stidaknya cukup membuat orang yang berniat copas sedikit bingung apabila dia seorang newbie, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog sekalipun sudah dilindungi dengan script anti copas.

Tanpa panjang lebar, kali ini untuk melindungi blog di blogger (blogspot) dari dari copy paste adalah dengan mendisable right click, atau lebih dikenal dengan mematikan klik kanan. Berikut tutorial cara mematikan klik kanan pada blogspot.

• Login terlebih dahulu ke Blogger.com
• Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML
•  
• Lalu cari kode <body> atau <body (dengan bantuan tekan Ctrl+F atau F3)
• Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian

<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>

Sobat juga bisa menggunakan beberapa tambahan kode saja, atau semuanya juga boleh, terserah kebutuhan anda.

Berikut penjelasan dari kode-kode diatas:

oncontextmenu='return false' (untuk mematikan klik kanan mouse)
onmousedown='return false' (untuk mematikan klik blok ke bawah)
onselectstart='return false' (untuk mematikan seleksi blok)
onkeypress='return false' (untuk mematikan tombol keyboard)

 Jika sudah, Simpan Template blog Sobat.

Cara Membuat Label Berputar-putar Di Blog

Disini saya hanya mengulas ulang, siapa tahu ada sobat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sobat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri.
Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.

Berikut ini langkah-langkah cara membuat label berputar-putar di blog:

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan

3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode berikut:

• Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>

• Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>

5. Setelah ketemu sobat copy paste code berikut ini tepat di bawah kode yang sobat cari tadi

Klik show untuk melihat

Keterangan: 

• Kode berwarna kuning adalah lebar widget, bisa sobat sesuaikan sediri.
• Kode berwarna hijau adalah tinggi widget, bisa sobat sesuaikan sendiri.

6. Klik save / simpan template

cara membuat navigasi Halaman/nex page

Cara lain untuk memudahkan pengunjung mencari artikel yang ada pada blog kita adalah memberi tombol navigasi halaman yang berada dibawah artikel. Selain memberikan nomor urut semua halaman yang ada, widget ini juga dilengkapi dengan tombol "Next" dan "Previous".
Bila anda berminat silahkan ikuti langkah - langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan dan pilih Edit HTML.
 3. Sebaiknya Download Template Lengkap (back-up Template)terlebih dulu, agar template aman, bila terjadi kesalahan.
4. Cari kode di bawah ini atau yang mirip dengan kode ini :

 ]]></b:skin>

5. Copy kode di bawah ini dan taruh tepat diatas kode ]]></b:skin> :

Klik show untuk melihat

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
border:1px solid #CCCCCC;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageNum a:hover {
background-color:#CCCCCC;
border:1px solid #CCCCCC;
}
.showpagePoint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCCCCC none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#333333;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px 0 0;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
border:1px solid #CCCCCC;
padding:3px 7px;
text-decoration:none;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link, .showpage a:link {
color:#333333;
text-decoration:none;
}

6. Simpan template.
7. Setelah template tersimpan lalu pilih Elemen Laman.
8. Tambah Gadget yang ada dibawah blog post.
9. Pilih "html/java script".
10.Copy Kode dibawah ini dan paste pada gadget tersebut:

Klik show untuk melihat

11.Simpan dan selesai.

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

Kemarin ada salah satu teman blogger yang bertanya kepada saya lewat komentar spam pada salah satu blog saya yang tidak tampil diposting tentang Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.

Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari hackerzpro.blogspot.com nah silakan anda ikuti cara-cara berikut ini,,







Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Masukkan tulisanmu di sini

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

Klik show untuk melihat

Masukkan tulisanmu di sini

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

 Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.

Klik show untuk melihat

hasil uji coba

Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.

Sumber : http://www.thecyber.co.cc

cara membuat menu drop down

Menu drop down dapat kita pasang di atas maupun di bawah nama blog, dengan memasang menu semacam ini tampilan blog kita semakin tampak bagus dan pastinya akan mempermudah pengunjung untuk mencari apa yang dibutuhkan dari blog kita. 

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode ]]></b:skin> dan letakkan kode berikut tepat di atas kode ]]></b:skin>

Klik show untuk melihat

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg0agKlNVNwzJwcXBHxPnOJKtit8F5yNXvzhDB_Tp_DSEhZP64EFhnBgs0DgEYI8qKDBmmfE2ERzEvMbnN2cPZq9gFaVhHO27LlbBmy3Tg0DFfxAs3WLq4MCVYJZEagi3QjBxkyqGiihs/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-HSaRScrOXbLneSkEKnkclmToJ-VKxjkcLyN_xP3vj7hKxQUOfmbd51Y24tEkVpJvUnjeAObcELDkuiDgAJAc7m6NBqQNEfLKmEFz7a6-bVPX9b8bFQBzPHLr_4bk2jgLEpgX6Qll1c0/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

Selanjutnya sobat blogger cari kode berikut:
Selanjutnya sobat blogger cari kode berikut:


Selanjutnya sobat blogger cari kode berikut:

• <header>  : untuk menempatkan menu di atas nama blog
• </header> : untuk menempatkan menu di bawah nama blog

 Copy kode di bawah ini dan letakkan tepat di atas kode <header> atau di bawah kode </header>

Klik show untuk melihat

 <div id="menuwrapperpic">
<div id="menuwrapper">
<ul id="menubar">
<li><a href="http://squiterzx.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjg9q8gm9yaYbe5M0LANFeP2P_ljtKz_g-3Ry9nKexB3gkNL6terH8FE344VxevFqqgyu7-MJhyphenhyphenw555vbxi6WHHMoYi3icFjz3RvjAMmyiR9kCLyZf8ShO-oaB6FizU3s7SmD5gUijsRg/s1600/home_white.png" style="padding:0px;" border="0" /> Home</a></li>
<li><a href="http://www.blogger.com/profile/06961337061354681028" target="new">Tentang Admin</a></li>
<li><a class="trigger">Contact Us</a>
<ul>
<li><a href="http://www.blogger.com/profile/00518424353296385344" target="new">Goggle +</a></li>
<li class="hr">
</li>
<li><a href="http://www.facebook.com/ucouxz" target="new">squiterz on Facebook</a></li>
</ul>
</li>
<li><a href="http://squiterzx.blogspot.com/2012/05/get-your-own-embeddable-forum-with.html#/" target="new">forum</a></li>
<li><a href="http://squiterzx.blogspot.com/" target="new">squiterz Creator</a></li>
<li><a class="trigger">Tips dan Trik</a>
<ul>
<li><a href="http://squiterzx.blogspot.com/search/label/tutorial%20blog#/">tutorial blog</a></li>
<li class="hr">
</li>
<li><a href="https://www.facebook.com/sQuiterzx">Facebook</a></li>
</ul>
</li>
<li><a class="trigger">Kategori</a>
<ul>
<li><a href="hhttp://squiterzx.blogspot.com/search/label/Game">Game</a></li>
<li class="hr">
</li><li><a href="http://squiterzx.blogspot.com/search/label/microsoft">Microsoft</a></li>
<li class="hr">
</li><li><a href="http://squiterzx.blogspot.com/search/label/software">Software APP</a></li>
<li class="hr">
</li><li><a href="http://squiterzx.blogspot.com/search/label/E-book">E-book</a></li>
</ul>
</li>
<li><a href="http://mandan87.mw.lt/home" target="new">Mandan87</a></li>

<div class="menusearch">
<div style="float:right;padding:8px 8px 0 0;">
<form action="http://squiterzx.blogspot.com/search" method="get" target="">
<input name="sitesearch" style="display:none;" value="http://squiterzx.blogspot.com">
<input onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" id="search-box" name="q" style="width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhchag7rS_ND9TzYZzk8rIrpuD0dvGPoUynguc_RfqgRbxtumDT0jgltvKA-kmFDGEfnSeL-I5Ur9IIsZ560Ip3rvyODBkVg9DK8EUk129jGT5IkGalaKPamjmvTU3dmqnyVsXm1IGMbdg/s1600/field-bg.gif) no-repeat;" value="Cari disini ya sob..." type="text"><input id="search-btn" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFRatbi0zyVaBebGZmwqio6bJShpND_zf0YNEmZu6kJUVh4rWl3qBq8BDqPrwo1o0LRS3Uy-mZK7aEL_ywYrH-nJmU_6m8ea3bzbdtfIlVSfieujkSfiSQFHsd1I0uNRwasoRrxPDqxhU/s1600/bg_search.gif" value="Search" align="top" type="image">
</form></div></div><br class="clearit"></ul></div><div style="clear:both;"></div></div>

dan ganti squiterzx .blogspot.com dengan alamat loe...!

 Demikianlah Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header, semoga bermanfaat bagi sobat blogger

sumber; http://zuazz.blogspot.com/2012/04/cara-membuat-menu-drop-down-di-atas.html

Cara Membuat Tab View

Untuk menghemat tempat, menu tab view sangat efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space.
Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik – baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.
Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Karena jika tidak mengerti akan jadi berantakan atau terlihat jelek.
   1. Login ke blogger sobat.       
   2. Klik Tata Letak.       
   3. Klik Edit HTML.       
   4. Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap.       
  5. Kemudian letakkan kode javascript berikut sebelum kode </head>



<script type='text/javascript'> 
//<![CDATA[ 
function tabview_aux(TabViewId, id) 
{ 
  var TabView = document.getElementById(TabViewId); 
  // ----- Tabs ----- 
  var Tabs = TabView.firstChild; 
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling; 
  var Tab = Tabs.firstChild; 
  var i   = 0; 
  do 
  { 
    if (Tab.tagName == "A") 
    { 
      i++; 
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");"; 
      Tab.className = (i == id) ? "Active" : ""; 
      Tab.blur(); 
    } 
  } 
  while (Tab = Tab.nextSibling); 
  // ----- Pages ----- 
  var Pages = TabView.firstChild; 
  while (Pages.className != 'Pages') Pages = Pages.nextSibling; 
  var Page = Pages.firstChild; 
  var i    = 0; 
  do 
  { 
    if (Page.className == 'Page') 
    { 
      i++; 
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px"; 
      Page.style.overflow = "auto"; 
      Page.style.display  = (i == id) ? 'block' : 'none'; 
    } 
  } 
  while (Page = Page.nextSibling); 
} 
// ----- Functions ------------------------------------------------------------- 
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); } 
function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); } 
//]]> 
</script>

6. Setelah itu letakkan kode berikut di atas kode ]]></b:skin>

div.TabView div.Tabs 
{ 
height: 30px; 
overflow: hidden; 
} 
div.TabView div.Tabs a 
{ 
float: left; 
display: block; 
width: 98px; /* Lebar Menu Utama Atas */ 
text-align: center; 
height: 30px; /* Tinggi Menu Utama Atas */ 
padding-top: 3px; 
vertical-align: middle; 
border: 1px solid #BDBDBD; /* Warna border Menu Atas */ 
border-bottom-width: 0; 
text-decoration: none; 
font-family: "Verdana", Serif; /* Font Menu Utama Atas */ 
font-weight: bold; 
color: #000; /* Warna Font Menu Utama Atas */ 
-moz-border-radius-topleft:10px; 
-moz-border-radius-topright:10px; 
} 
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active 
{ 
background-color: #E6E6E6; /* Warna background Menu Utama Atas */ 
} 
div.TabView div.Pages 
{ 
clear: both; 
border: 1px solid #BDBDBD; /* Warna border Kotak Utama */ 
overflow: hidden; 
background-color: #E6E6E6; /* Warna background 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;


7.  Kemudian Simpan Template.  
8. Langkah selanjutnya, silahkan sobat klik Tata Letak. 
9. Klik Elemen Halaman dan tambahkan Gadget.
10. Pilih yang HTML / Javascript, dan tambahkan kode berikut kedalamnya.


<form action="tabview.html" method="get"> 
<div class="TabView" id="TabView"> 
<div class="Tabs" style="width: 300px;"> 
<a>Tab 1</a> 
<a>Tab 2</a> 
<a>Tab 3</a> 
</div> 
<div class="Pages" style="width: 300px; 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>

11. Kemudian Simpan

Keterangan : 

• Untuk kode yang berwarna Orange adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi. 
• Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu. 
• Dan yang berwarna ungu, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll.

Oke sobat, selamat mencoba.from: http://miscah.blogspot.com  or http://www.modaltekun.com/2010/12/cara-membuat-menu-tab-view.html