Sabtu, 30 Juni 2012

tulisan berjalan di buku tamu

Posted by Unknown 05.44, under | No comments

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

Posted by Unknown 03.56, under , | No comments

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

Posted by Unknown 03.51, under , | 1 comment

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.

Sabtu, 16 Juni 2012

Cara Membuat Label Berputar-putar Di Blog

Posted by Unknown 07.11, under | No comments

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

Posted by Unknown 07.05, under | 1 comment

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.



Jumat, 15 Juni 2012

MARYAMAH KARPOV

Posted by Unknown 04.17, under | No comments

Bukan main senangnya Ayah waktu menerima surat dari Pak Nga
Djuasin bin Djamalludin Ansori, mandor kawat Meskapai' Timah, bahwa akan
ada promosi bagi kaum kuli tukang cedok pasir di wasrai. Wasrai dimelayu-kan
dari kata Belanda wasserijk, yang artinya 'bengkel pencucian timah'. Kuli yang
akan naik pangkat salah satunya Ayah. Surat itu, pagi tadi dibaca ibuku, sebab
Kawan juga tentu sudah mafhum betapa mengharukannya pengetahuan ayahku
soal huruf-huruf Latin.
Begitu mendengarnya, Ayah yang amat pendiam, seperti biasa, tak
berucap sepatah pun. Kutatap wajahnya yang melempar senyum ke luar jendela
dan membuang pandang ke pucuk pohon kenanga, dan kubaca dengan terang di
sana: syahdu seperti aktor India baru menyatakan cinta, dan bangga.
Selebihnya, tak dapat disembunyikan kesan raut wajah Ayah: tak
percayai !
Tak percaya, bahwa akhirnya setelah membanting tulang-belulang tiga
puluh satu tahun, ada juga orang yang membicarakan soal kedudukannya.
Selama tiga puluh satu tahun itu Ayah tak pernah naik pangkat, tak pernah,
sejak ia menjadi kuli meskapai dari usia belasan.
Tak percaya, bahwa kata pangkat bisa disangkutpaut-kan dengan
pekerjaannya yang tak ada hal lain berhubungan dengannya selain mandi
keringat.
Tak percaya, bahwa ada orang lain, selain anak-anaknya yang berkirim
surat padanya. Dengan amplop cokelat Maskapai. berkilat dan kaku seperti
kopiah, plus kop surat berlambang meskapai yang gagah: sebuah gerigi besar
dan palu lambang kerja keras pagi sampai petang.
Tak percaya, surat di tangan ibuku benar diteken oleh Mandor Kawat
Djuasin yang puluhan tahun menindasnya. Berkali-kali Ayah menerawang
tanda tangan itu, benar basah tinta pena biru, dari tangan yang dipertuan
mandor sendiri, adanya.
Tak percaya, lantaran Ayah merasa dirinya biasa naik pohon nira untuk
meniti/r air legen, biasa naik pohon medang untuk menyarap madu angin, biasa
naik pohon kelapa untuk membantu tugas beruk, tapi naik pangkat? Naik
pangkat tak masuk dalam perbendaharaan kata
Ayah yang tak punya selembar pun ijazah. Kata-kata itu asing dan ganjil
di telinganya. Bagi Ayah, naik pangkat adalah kata-kata ajaib milik orang
Jakarta. Ayah memalingkan senyumnya dari bingkai jendela padaku. Amboi!
Inilah yang kutunggu-tunggu dari tadi! Surat itu mengatakan bahwa beserta
surat keputusan pengangkatan yang akan diserahkan secara massal Sabtu esok,
akan dilampirkan pula amplop rapel gaji karena naik pangkat itu harusnya telah

Download ebook

Download Buku Islami Gratis

Posted by Unknown 04.06, under | No comments

1001 SMS silaturahmi.SMS ISLAMI Download
Arab indo.Belajar Bahasa Arab Untuk Orang Indonesia. Download
52 Kiat Agar Suami Disayang Istri Download
853 nama bayi muslim Download
76 Karakter-karakter Yahudi Dalam Al-Quran.kenalilah,, Download
7 Tipu daya setan atas ummat Islam. Download
15 faktor mantapnya aqidah Download
20 FATWA PILIHAN SEPUTAR ZAKAT Download
28 fatwa seputar Puasa. Download
10 PERKARA YANG MEMBUAT MURTADNYA SEORANG MUSLIM. Download
Ajaran-ajaran Sesat Bahayanya Terhadap Agama Dan Negara. Download
Ada apa dibalik gempa tsunami ??? Download
114 Tips Murobbi Sukses Download
1001 Kisah-kisah Teladan Islam. Download
17 Kisah Penuh Hikmah Islami. Download
73 Wasiat Untuk Para Pemuda Muslim Download
9 Tipe Gadis Yang Tidak Diminati Para Pemuda. Download
Adab Pergaulan menurut Al-Quran dan As-sunnah. Download
10 Cara dan Kiat menyambut dan Optimalisasi Ramadhan. Download
Agar Puasa Lebih Bermakna by Abu Umar Basyir. Download 

ALIRAN-ALIRAN SESAT ISLAM. Download
ALKOHOL DALAM MAKANAN OBAT DAN KOSMETIK BAG 1 Download
ALKOHOL DALAM MAKANAN OBAT DAN KOSMETIK BAG 2 Download
Akibat Memakan Harta Riba. Download
Apa benar kalau Islam dikatakan hancur ??? Download
Antara Sunnah Bidah Dan Taklid Download
Akhirnya Saya Berhasil Berhenti Merokok Download
Hadits Dhaif Palsu Yang Masyhur diKalangan Masyarakat Download
Adab-Adab bertetangga. Download
4 kalimah Di Dalam AlQuran. Download 

Riwayat Hidup 6 Tokoh Islam Penghimpun Hadits Download
Riwayat Hidup 4 Imam Mazhab. Download
Riwayat Hidup Mirza Ghulam Ahmad.Pendiri Ahmadiyah Download
MENGINTIP PERJALANAN SANG IMAM AL GHAZALY. Download
Al Ghazaly.Pembebas Dari Kesesatan. Download
Biografi Ibnu Taimiyyah. Download
Alsofwah.Tokoh-tokoh besar Islam. Download 

APA YANG ANDA KETAHUI TENTANG MASJID AL-AQSA ???
BACALAH,TERNYATA KITA TELAH DI BOHONGI Download
Bagaimanakah shalat yg telah kita lakukan Download
Bahaya hizbut tahrir Download
BAHAYA GHIBAH. Download
Apakah jihad Syari itu. Download
Bagaimana memindahkan Qurban ketempat lain Download
Ayat Yang paling Ditakuti Oleh Ulama. Download
Bacaan dari Alquran.surat AlFalaq 113. Download
Bacaan dari Alquran.surat An-nas 114. Download

Kumpulan Cerpen Full colection

Posted by Unknown 04.02, under | No comments

 A u r e l ,   T i   A m o r e !

 M a r e t   1 s t ,   2 0 0 9   b y   D u n i a - u c h i 

 A k u   m e n a t a p   l e k a t - l e k a t   f o t o   g a d i s   b e r l e s u n g   p i p i t ,   A u r e l .   M a t a k u   s e a k a n   t a k   b i s a   l e p a s   m e m a n d a n g i n y a .   S a m a   s e p e r t i   o t a k k u   y a n g   t a k   p e r n a h   b i s a   m e n g h a p u s   m e m o r i   t e n t a n g n y a .   S a m a   s e p e r t i   h a t i k u   y a n g   t a k   p e r n a h   b i s a   b e r h e n t i   m e m a n g g i l   n a m a n y a .   T i g a   t a h u n   i n i   a k u   m e n g a n g g a p   A u r e l   s e b a g a i   m a s a   l a l u   y a n g   k i n i   t a k   p e r n a h   t e r g a p a i ,   w a l a u p u n   a k u   s a n g a t   m e n g h a r a p k a n n y a .   T i g a   t a h u n   i n i   a k u   d a n   A u r e l   d i p i s a h k a n   o l e h   t e m b o k - t e m b o k   r u a n g   d a n   w a k t u   y a n g   t a k   j e l a s   b a t a s a n n y a .   T i g a   t a h u n   i n i   a k u   t a k   p e r n a h   s e k a l i p u n   m e n j e n g u k   w a j a h   p u r n a m a n y a .   H u h !   s l i d e - s l i d e   f i l m   o t a k k u   k e m b a l i   m e m u t a r   p o t o n g a n - p o t o n g a n   k i s a h   t i g a   t a h u n   l a l u .

 *   *   *

  A k u   n g g a k   s e t u j u   N d r a ,   k a m u   i k u t   b a l a p a n   i t u ,    k a t a   A u r e l   k e t u s .   A k u   m e n d e n g u s   s e b a l .   I n i   y a n g   k e t i g a   k a l i n y a   A u r e l   m e l a r a n g k u   u n t u k   i k u t   b a l a p a n   b e r s a m a   t e m a n - t e m a n k u .

  N g g a k   R e l ,   a k u   a k a n   t e t a p   i k u t   b a l a p a n   i t u !   S u d a h   d u a   k a l i   R e l ,   a k u   m e n o l a k   p e r m i n t a a n   m e r e k a   u n t u k   a d u   b a l a p   d e n g a n k u .   M e r e k a   s u d a h   s a n g a t   k e c e w a   p a d a k u .

  O h   b e g i t u ,   k a u   l e b i h   s u k a   b i l a   a k u   y a n g   k e c e w a !    N a d a   b i c a r a   A u r e l   m u l a i   m e n i n g g i .   A k u   m e n c o b a   u n t u k   s a b a r .

  B u k a n   b e g i t u   R e l ,   i n i   c u m a   b a l a p a n   b i a s a .   A k u   t a k   i n g i n   t e m a n - t e m a n k u   k e c e w a .   A k u   p u n   j u g a   t a k   i n g i n   k a u   k e c e w a   p a d a k u ,   R e l .    A k u   m e n c o b a   m e n y a k i n k a n   g a d i s   y a n g   s a n g a t   k u s a y a n g i   i n i ,   t a p i   n a m p a k n y a   A u r e l   t e t a p   p a d a   k e p u t u s a n n y a .

  A k u   n g g a k   s u k a   N d r a   k a m u   i k u t   b a l a p a n .   A k u   n g g a k   m a u   s e s u a t u   t e r j a d i   p a d a m u   N d r a .   A k u   n g g a k   m a u !    A k u   m e m a n d a n g   k i l a t   d i   m a t a   A u r e l .   A k u   t a h u   g a d i s   i t u   s a n g a t   m e n c i n t a i k u .

  A k u   a k a n   b a i k - b a i k   s a j a   R e l ,   s e k a l i   l a g i   k u k a t a k a n   p a d a m u   i n i   c u m a   b a l a p a n   b i a s a !

  N g g a k   N d r a !   A k u   n g g a k   m a u   k a m u   i k u t   b a l a p a n   i t u .    A m a r a h   A u r e l   s e m a k i n   m e n j a d i - j a d i .

  O k ,   k a l a u   b e g i t u   a k u   a k a n   i k u t   k a u   b a l a p a n   N d r a .    A k u   t e r k e j u t   d e n g a n   p e r k a t a a n   A u r e l .   S e l a m a   i n i   d i a   s a n g a t   p e n a k u t ,   b a h k a n   s a m p a i   s e k a r a n g   g a d i s   p u j a a n k u   i n i   t a k u t   m e n g e n d a r a i   s e p e d a   m o t o r   s e n d i r i .

  N g g a k   R e l ,   k a u   j a n g a n   i k u t   b a l a p a n   i t u .   A k u & &    A k u   t i d a k   m e l a n j u t k a n   k a l i m a t k u

  A k u   a p a ,   N d r a ?   K a u   t a k u t   t e r j a d i   a p a - a p a   p a d a k u ?   A k u   a k a n   t e t a p   i k u t .   A k u   a k a n   s e l a l u   b e r s a m a m u ,   N d r a .    A k u   h a n y a   b i s a   p a s r a h   d a n   m e n g i j i n k a n   A u r e l   i k u t   b a l a p a n .   A k u   y a k i n   k a m i   a k a n   b a i k - b a i k   s a j a ,   s e p e r t i   b a l a p a n   y a n g   s u d a h   k u i k u t i   s e b e l u m n y a .

 M i n g g u   p a g i .   A l a n ,   D a n u ,   R e n d y ,   d a n   b e b e r a p a   t e m a n   m e r e k a   t e l a h   s i a p   u n t u k   b e r t e m p u r   d a l a m   b a l a p a n   m o t o r   i n i .   S e b e n a r n y a   j a l a n   y a n g   k a m i   g u n a k a n   b u k a n   a r e n a   b a l a p ,   j a l a n   i n i   h a n y a   j a l a n   s e p i   y a n g   j a r a n g   d i l a l u i   k e n d a r a a n .   D i   b e l a k a n g ,   A u r e l   m e m e l u k k u   d e n g a n   s a n g a t   e r a t .   A k u   m e m e g a n g   t a n g a n n y a   u n t u k   m e n e n a n g k a n .   D i n g i n !   T a k   p e r n a h   a k u   m e r a s a k a n   t a n g a n   A u r e l   y a n g   s e d i n g i n   i n i .   S e m u a   t e l a h   b e r s i a p - s i a p   d a n   m e m a n a s i   m e s i n .

  O k ,   M a n .   1 & . 2 & . . 3 & & g o ! !

 M o t o r - m o t o r   p u n   d i p a c u   d e n g a n   k e c e p a t a n   t i n g g i .   A s a p - a s a p   m e n a r i - n a r i   b e r s a m a   b i s i n g   k e n d a r a a n   y a n g   m e m e k a k k a n   g e n d a n g   t e l i n g a .   K u r a s a k a n   A u r e l   s e m a k i n   e r a t   m e m e l u k   t u b u h k u .   K u p a c u   m o t o r   d e n g a n   k e c e p a t a n   p e n u h .   D a n   s e k a r a n g   a k u   t e l a h   b e r a d a   d i   p o s i s i   t e r d e p a n .   A k u   m e m a n g   t e r k e n a l   s e b a g a i   j a g o a n   b a l a p   d i   k a l a n g a n   t e m a n - t e m a n k u .   M e m a n g   a k u l a h   y a n g   p a l i n g   h e b a t !   M e m a n g   a k u l a h   j u a r a n y a !

  B r u k k ! ! !

 T i b a - t i b a   s e b u a h   m o b i l   m e n y e b r a n g   j a l a n .   K e c e p a t a n   y a n g   t i n g g i   m e m b u a t k u   t a k   b i s a   m e n g e r e m   a t a u p u n   m e n g h i d a r i   m o b i l   h i t a m   t e r s e b u t .   S e p e d a   m o t o r k u   o l e n g   b e r s a m a   t u b u h k u   y a n g   t e r p e l a n t i n g   j a u h .   S e m p a t   k u r a s a k a n   d a r a h   m e r e m b e s i   k e n i n g k u .   T i b a - t i b a   s e m u a   g e l a p .   A k u   t a k   s a d a r k a n   d i r i .

 E n t a h   b a g a i m a n a   t a p i   a k u   s u d a h   b e r a d a   d i   r u m a h   k e t i k a   m e m b u k a   m a t a .   I b u k u   m e n g a t a k a n   k a l a u   a k u   s u d a h   t e r b a r i n g   d i   s i n i   s e l a m a   d e l a p a n   h a r i .

  A u r e l ! !   M a n a   A u r e l ,   M a ?   D i a   b a i k - b a i k   s a j a   k a n ?    A k u   l a n g s u n g   t e r i n g a t   b e l a h a n   j i w a k u   i t u   s a a t   a k u   b a r u   s a d a r   d a r i   k o m a .

  T e n a n g l a h   N d r a ,   A u r e l   a k a n   b a i k - b a i k   s a j a .   K e l u a r g a   A u r e l   t e l a h   m e m b a w a n y a   k e   r u m a h   s a k i t   d i   J a k a r t a   u n t u k   b e r o b a t .

  A p a ,   M a !   S e p a r a h   i t u k a h   k e a d a a n   A u r e l ,   M a ?   I n i   s e m u a   k a r e n a   I n d r a ,   M a ,   h a r u s n y a   I n d r a   n g g a k   i k u t   b a l a p a n   i t u .

  T e n a n g l a h   N d r a ,   A u r e l   a k a n   b a i k - b a i k   s a j a .   S e k a r a n g   k a m u   i s t i r a h a t   s a j a ,    k a t a   M a m a   m e n e n a n g k a n k u   s a m b i l   m e r a p i k a n   s e l i m u t   d a n   m e n i n g g a l k a n k u   s e n d i r i .

 A k u   s e d i h   b u k a n   m a i n .   R a s a   b e r s a l a h   m e n g h i m p i t - h i m p i t   d a n   m e n y e s a k i k u .   A u r e l   k a u   d i   m a n a ?

mau tau kelanjutan kisah nya download disini

Perjalanan Hidup

Posted by Unknown 03.54, under | No comments

  Dalam suatu perjalanan hidup, cita-cita terbesar adalah menuju kesempurnaan. Ada kalanya kita mesti berjuang, serta belajar menyingkap segala rahasia kehidupan.
Perjalanan menuju kesempurnaan adalah proses yang menentukan setiap tapak langkah kita. Setiap hembusan nafas, detik jantung, dari siang menuju malam. Semua menuju titik yang sama, kesempurnaan.
Setiap insan mempunyai hak yang sama atas waktu. Tidak ada seorangpun melebihi dari yang lain. Namun tak jarang setiap kita berbeda dalam menentukan sikapnya. Ada yang berjuang untuk melaluinya dengan membunuh waktu. Tidak pula sedikit yang merasakan sempitnya kesempatan yang dia ada.
Apa rahsia terbesar dalam hidup ini? Melewati hari ini dengan penuh makna. Makna tentang cinta, ilmu, dan iman. Dengan cinta hidup menjadi indah. Dengan ilmu hidup menjadi mudah. Dan dengan iman hidup menjadi terarah.
Jean-Francois Champollion dicatat dalam sejarah dunia sebagai orang pertama yang berhasil membaca huruf Mesir kuno yang telah dilupakan ribuan tahun. Ternyata kemampuannya ini didukung oleh pengetahuan bahasa yang telah dikembangkannya sejak kecil ketika berusia 11 tahun, Champollion telah menguasai bahasa Latin, Yunani, dan Ibrani. Dua tahun kemudian ia juga mempelajari bahasa Arab, Syria, Chaldea, dan Koptik.
Di tahun 1822, pada usia 32 tahun, Champollion selesai menterjemahkan batu Rosetta yang menjadi kunci pembacaan naskah Hieroglif Mesir kuno.
Hidup ini merupakan proses pembelajaran menuju lebih baik dan memahami akan cinta yang Allah SWT berikan buat manusia di dunia ini.
Note :
Rahasia terbesar dalam hidup: Melewati hari ini dengan penuh makna. Makna tentang cinta, ilmu, dan iman. Dengan cinta hidup menjadi indah. Dengan ilmu hidup menjadi mudah. Dan dengan iman hidup menjadi terarah.

Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

Posted by Unknown 02.52, under | No comments

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

Posted by Unknown 02.19, under | No comments


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

<data:blog.pageName/> ~ <data:blog.title/>




Selasa, 12 Juni 2012

Download game point blank thailand

Posted by Unknown 02.45, under | No comments

apakah lo pada bosan dengan PB indo yang kerjaannya update melulu???

gw aja neg,.., kwkwkwkw

adressnya berantakan,. trus

masalah DC2 automatis,.. GM aja gak tau solusinya,..

kwkwkkww

jelas cacad tuh,.,.

kasih jari tengah kiri bwt GM PB indo

COz,.,. skILL GM HAnya ADA dibawah jari jempol kaki kiri lu bro

yg bisa saja kita INJAK2 setiap waktu

kwkkw

COZ OF THIS,.. lets try PB THAILAND,.,.

UNTUK DOWNLOAD PATCH,..

KOMPUTER LU Harus berkoneksi cepat,.,.

kalo pas PLAY,. koneksi standar bisa kok ^_^

*client*

Via torent

Download torent  


**buka dengan flash get atau yang laen**


via media fire
1.part 1
2.part 2
3. part 3
4.part 4 

[Game Guard]
Download
Game guard 

[activex]
Download 

[manual patch]
 Download



 ► Registration ◄
*
* Client *

Install PointBlank TH di Direktori C:/Program Files/HitsPlay/PointBlank


                                                       Daftar disini kk
► Trik Untuk Mendapatkan Char Cewe Permanen:
- Waktu pertama daftar pilih di bagian gender yg Female ( yang sebelah kanan ) pasti dapat char Tarantula & Keen Eyes permanen
- Kalau udah dapat char cewe nya, jangan pernah main di server public dulu,
main aja di server newbie sampai pangkat strip4..
- Jangan juga di Klik char cowok nya, ntar terganti.
- Kalau maksa main di server public bisa ilang tuh char cewe nya, jadi normal lagi.

------------------------------------------------------------------------------------------------------------







► Login ◄


1. Setelah para juragan habis nginstall. Klik Icon PBTHAInya & pastikan browser defaultnya pake Internet Explorer. Lalu masukkan ID & Passnya yang udah didaftarin ke PBTHAI sebelumnya.


2. Setelah Log In. Klik tanda merah seperti dibawah ini.

3. Lalu akan muncul gambar seperti dibawah ini. Klik gambar yang kanan


4. Terus masukin ID & PASSnya lagi dikotak dibawah ini.
 5. Nah terus bakal muncul kaya loading flash gitu. Diemin ajah sampe muncul toolbar Install-x..... terus klik install

6. karena ga ada respon. maen aja dulu PB flashnya sampe selesai (cepet kok). Habis itu bakal pindah page

7. Terus klik "PLAY GAME" lagi. habis itu bakal keluar tulisan "connecting to Server....." Tungguin ajah sampe keluar Installan Launchernya.


8. Oke waktunya install Launchernya. pilih "I AGREE" dan setelah sukses Install akan keluar Launchernya.


9. Nah ini dia tampilan Launchernya. Kalo Launchernya ga loading-loading juga,dikotak launchernya Klik tombol pojok kanan bawah (yang atasnya (tombol gede))


Nah setelah selesai patching, klik tombol masuknya (yang tadi di klik untuk patching). Akan muncul kotak Nprotectionnya.. Selesai deh.. SELAMAT BERMAIN

sumber:http://tomyrambozha.blogspot.com/2010/08/pindah-ke-pb-thailand-yukk-game-nya.html

Minggu, 10 Juni 2012

Download Game Android Need for Speed shift & hot pursuit

Posted by Unknown 00.26, under | No comments

Siapa yang tidak kenal dengan game yang satu ini. Saya sendiri sangat menyukai game balapan Need for Speed ini. Game balap yang sangat terkenal ini kini hadir di hanphone android Anda. Cara memainkannya cukup mudah, Anda hanya perlu memiringkan layar untuk belok. Nikmati sensasinya dan buat mobil anda sendiri sesuai selera.

Sedikit tambahan, game ini adalah pemenang penghargaan game balap otentik yang menggabungkan pengalaman pengemudi sejati dengan dunia nyata, model mobil dengan pixel-sempurna, dan berbagai trek balap otentik. Need for Speed ​​Shift mengambil pemain ke arah yang berbeda untuk menciptakan pengalaman simulasi yang meniru rasa sejati mengemudi mobil berkinerja tinggi.


  • FEED YOUR NEED: Drive 20 cars, including the BMW M3 GT2, Lamborghini Gallardo, and Pagani Zonda.
  • EVERY PRO CIRCUIT DETAIL: Experience the sweeping skylines of 18 tracks in inspiring international locations (Chicago, London, Tokyo) through day and night driving. See and feel roaring engines, squealing tires, and crunching collisions. Above all, get speed, speed, and more speed!
  • UPGRADE, CUSTOMIZE, AND COMPETE: Fine tune performance with Top Speed, Acceleration, Tires, Suspension, and Nitrous upgrades. Add custom details like spoilers, rims, specialized paint jobs, and body kits.
  • HOW DO YOU RACE? Jump into Quick Race or dominate the circuit in Career Mode. Select 3 Difficulty Settings (Rookie, Pro or Veteran). Track your evolution with DRIVER PROFILE.
  • Type: Sports games
  • Language: English
  • Provides: EA
  • Price: Free




Download Need for Speed Shift v1.04 for Android (.apk) |Direct Link
download



Download Need for Speed​​ Hot Pursuit v1.0.18 for Android (.apk) | Direct Link
download



Sabtu, 09 Juni 2012

download vidoe simona

Posted by Unknown 04.53, under | No comments







-->simona tubruxthegankz<--

Jumat, 08 Juni 2012

Cara Membuat Tab View

Posted by Unknown 03.46, under | No comments

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




<data:blog.pageName/> ~ <data:blog.title/>