silahkan klik

Hm..... Lama G posting coz sibuk, lagi masa-masa final nih...
Kemarin, pas ane gi bersilaturahmi ma om google dan nanya "bagaimana cara  membuat tab view????". Muncullah blog-blog yang memberikan tutorial membuat tab view, tanpa pikir panjang ane langsung praktikin tutorialnya dan... jreng.. jreng.. BERHASIL... alhamdulillah, blog ane makin keren dech...!!!! hehehe....

Tapi ada satu masalah  ( mungkin cuma ane yang masih sangat newbie sih yag nganggap itu masalah), tab viewnya cuma 3 in 1. Gimana caranya biar tab viewnya 4 in 1, 5 in 1 ya...???(tanya budi).

Tanpa pikir panjang, langsug nanya aja ma om google, searching and searching sampe mancing kok G dapat2 nich. Hm, demi tab view 4 in 1 nya,kodenya ane utak atik dan hasilnya .. jreng.. jreng.. (lagi).. BERHASIL (lagi)..!!! alhamdulillah ya...

Sekedar berbagi untuk sobat blogger yang belum tahu, caranya seperti di bawah ini:

1. Log in to blog (tentunya);
2. Di dashboard, pilih template;
3. Pilih edit;
4. Cari ]]></b:skin> (untuk mempermudah : ctrl +f dan paste ]]></b:skin>), kemudian tempatka kode di bawah ini, tepat di atas ]]></b:skin>;
   

   /* Menu Tab View
   ----------------------------------------------- */
   div.TabView div.Tabs {widht:100%;
   padding-top: 0px;
   height: 24px;
   overflow: hidden;
   }
   /* Menu Utama */
   div.TabView div.Tabs a {
   float: left;
   display: block;
   width: 110px; /* ukuran lebar menu */
   text-align: center;
   height: 30px; /* ukuran tinggi menu */
   padding-top: 7px;
   margin-right:4px; /* jarak antarmenu */
   vertical-align: middle;
   border: 1px solid #ccc; /* warna border menu */
   border-bottom-width: 0;
   margin:0px;
   padding: 5px 0;
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   font-weight:bold; /* besar hurup menu */
   background-color: #6666FF; /* warna latar menu */
   color: #FFFFFF; /* warna hurup menu */
   -moz-border-radius-topleft:15px;
   -moz-border-radius-topright:15px;
   -webkit-border-top-left-radius:15px;
   -webkit-border-top-right-radius:15px;
   }
   div.TabView div.Tabs a.Active {
   background-color: #FFFFFF; /* warna background menu aktif */
   color: #000000;
   }
   div.TabView div.Tabs a:hover {
   background-color: #999999; /* warna background menu hover */
   color: #FFFFCC;
   font-weight: bold;
   }
   /* Kotak Utama */
   div.TabView div.Pages {
   clear: both;
   border: 1px solid #CCC; /* warna border kotak utama */
   overflow: hidden;
   background:#FFFFFF; /* background kotak utama */
   }
   div.TabView div.Pages div.Page {
   height: 100%;
   padding: 7px;
   overflow: hidden;
   }
   div.TabView div.Pages div.Page div.Pad {
   padding: 5px 0px;
   font-size: 12px; /* besar hurup kotak utama */
   }
   /* tabview css end */

5. Cari kode </head>, dan paste kode di bawah ini tepat di atas kode </head>;
   

   <script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/tabview.js' type='text/javascript'/>

6. Kemudian kembali ke dashboard dan pilih tata letak;
7. Pilih tambah Gadget;
8. Pilih HTML/JavaScript;
9. Kemudian copy kode di bawah ini dan pastekan pada gadget yang telah anda tambahkan tadi;
   

   <form action="tabview.html" method="get">
   <div class="TabView" id="TabView">
   <div class="Tabs" style="width: 950px;">
   
   

   <a>Judul 1</a>

   <a>Judul ke 2</a>

   <a>Judul ke 3</a>

   <a>Judul ke 4</a>

   
   </div>
   <div class="Pages" style="width: 950px; height: 270px;">
   <div class="Page">
   <div class="Pad">
   
   Isi tab view pertama
   
   
   </div></div>
   
   
   <div class="Page">
   <div class="Pad">
   
   Isi tab view ke 2
   
   </div></div>
   
   <div class="Page">
   <div class="Pad">
   
   Isi tab View ke 3
   
   </div></div>
   
   
   <div class="Page">
   <div class="Pad">
   
   Isi Tab view ke 4
   
   </div></div>
   
   
   
   </div></div>
   </form>
   <script type="text/javascript">
   tabview_initialize('TabView');
   </script>

10. Selesai.
    

Keterangan:

• Pada keterangan yang berwarna merah pada kode nomor 4 di atas, sesuaikan dengan blog agan;
• Pada kode yang berwarna biru merupakan pengaturan untuk lebar dan tinggi tab wiewnya;
• Untuk menambahkan tab viewnya menjadi 5 in 1, 6 in 1, tambahkan judul pada kode yang berwarna pink di atas (misalnya judul 5);
• Kemudian Tambahkan kode dibawah ini:
  

  <div class="Page">
  <div class="Pad">
  
  Isi Tab view ke 5
  
  </div></div>

• di bawah kode
  
  

  <div class="Page">
  <div class="Pad">
  
  Isi Tab view ke 4
  
  </div></div>

Semalaman g tidur gara-gara begadang kerja tugas. Buru-buru karena dead linenya hari ini, padahal tugas ini sudah di lontarkan dan di paparkan oleh dosen kami kurang lebih 2 bulan yang lalu, tapi karena (m*la*) ya tugasnya g selesai2 deh. Malah kerjanya pas malam terakhir sebelum di kumpul (SKS) sistem kebut semalam pun berjalan.

Memang butuh perjuangan untuk menyelesaikan sebuah tugas.Bahkan begadang sampai jam 4 subuh pun tugas masih belum selesai. Tidur sampai jam 8, lanjut kerja lagi sampai jam 12.30 pun masih belum selesai padahal kuliah masuk jam 01.00 P.M. Waduh, tadi kayak kebakaran jenggot nich....  heheheheheeh.....

Hm.. buru-buru pergi mandi, dan bersegera menuju ke kampus tapi walhasil sampai di kampus dosennya malah tidak datang....

waduh,,, sudah capek2 begadang tapi ternyata dosen g masuk.....

hm... tapi g jadi masalah, dosen g masuk blogwalking jadi aktifitas alternativ,.. bingung mau posting apa, eh jadinya ya tulisan g karuan ini yang ke posting...

yang penting bukan copy punyanya orang terus paste di jadiin postingan,,, hahaha..

mending postingannya g bermutu daripada hasil jiplakan, ...

SEMANGAT....!!!

Postingan ini hanya berdasarkan pengalaman pribadi.

"semua ada ilmunya"

Begadang lagi....!!!!!!!
Meskipun besok akan ada final mata kuliah, tapi tetap curi-curi waktu untuk blogging. Hm, meskipun postingan kali ini sugguh-sungguh tidak berkualitas, tapi bingung mau posting apaan, jadinya yang kepikiran cuma ini, menyembunyikan attributioan pada blog. Hitung-hitung sebagai referensi sendiri.

Langsung saja, caranya:

1. Pertama dan utama, login ke akun blog;
2. Pada dashboard, pilih template;
3. Kemudian pilih edit HTML;
4. Cari kode ]]></b:skin> dengan menekan CTRL + F, kemudian paste kan kode ]]></b:skin> untuk mempermudah;
5. Setelah ketemu, letakkan kode di bawah ini, tepat di atas ]]></b:skin> kemudian simpan ;

 #Attribution1 {
    height:0px;
    visibility:hidden;
    display:none
    }

...:::VALID HTML:::...  Sudah terlalu sering berganti template hanya untuk valid HTML. huft.... valid...!!!! valid.... !!!! valid...  !!!!!



Untuk apa sich valid HTML...???? Buang-buang waktu..!!! buang-buang tenaga..!!! dan tentunya buang-buang isi kantong....??? hari gini kan G ada yang gratis...!!! Tapi menurut para master, valid HTM itu penting, karena jika suatu halaman web itu valid HTML maka waktu loadnya akan lebih cepat, selain itu tampilannya di setiap browser juga akan stabil. Tapi kalau saya di tanya, untuk apa saya memvalidasi HTML blog saya??? Jawaban saya bukan berdasar pada jawaban para master tersebut, tapi saya hanya ingin mengetahui cara penulisan HTML yang baik dan benar. Selain itu, blog yang errornya sedikit kan juga terlihat keren..(hehehe);...

Validasi template HTML blogspot memang bukan suatu pekerjaan yang mudah, bukan hanya butuh waktu berjam-jam tapi bahkan bisa memakan waktu sampai berhari-hari, itupun kalau sudah bisa valid. Menurut para master, validasi HTML adalah pekerjaan yang susah-susah gampang, tapi saya sebagai seorang newbie mengatakan bahwa validasi HTML itu adalah pekerjaan yang susah. Sudah beberapa hari ini saya berusaha untuk mengutak atik kode HTML blog CATATANKU ini, tapi hasilnya masih belum mencapai hasil yang maksimal. Meskipun bila di bandingkan dengan hasil-hasil yang saya peroleh pada blog ane yang lain, hasil pada blog ini lumayan memuaskan "6 errors 2 warning". Itulah hasil yang ane dapatkan selama berhari-hari berjuang untuk mendapatkan warna hijau pada validator.w3.org.Hasil yang ane rasa sudah cukup untuk saat ini, mungkin jika ada waktu luang lagi baru akan mencoba untuk bertarung lagi dengan kode-kode nenek moyang tersebut.


Inilah cara yang saya gunakan selama ini dalam mencoba memvalidasi HTML dari CATATANKU ini, meskipun masih belum berhasil:

1. Selalu menghapus imageanchor="0" pada saat posting gambar;
2. Menambahkan tag alt setiap posting gambar, contoh: <img src="image/dante.png" alt="yusrandante">
3. Hapus "<b:include name='quickedit'/>" pada setiapanda menambahkan widget baru maka <b:include name='quickedit'/>. Cara menghapusnya: Log in blog >> dashboard >> template >> edit html (centang Expand widget template) >> C + F (paste <b:include name='quickedit'/> ) kemudian hapus. 
   

Meskipun belum berhasil, tapi sudah bisa di katakan hampir berhasil. Misi selanjutnya, valid css...

...::  Google custom search engine (CSE), bukan merupakan widget yang baru. Widget ini sebenarnya merupakan widget bawaan dari kang blogspot, yang bisa di tambahkan pada blog melalui:

Dashboard >> Tata Letak >> Tambah Gadget >> Kotak Penelusuran

Hasilnya seperti di bawah ini:



Tapi widget bawaan blogger ini memiliki beberapa kekurangan, diantaranya:

1. Widgetnya tidak bisa di modifikasi, karena tidak berbentuk kode HTML;
2. Widget ini tidak bisa di pasang pada halaman statis;
3. Tampilannya default.

Jika ada yang ingin memasang widget ini dan sesuai dengan tampilan blog anda, ikuti langkah berikut ini:

1. Daftar untuk membuat widget, klik disini. Akan tampil halaman seperti di bawah ini.
2. 
   
   
3. Pada pilihan name, isi sesuai keinginan anda, contoh: yusran search, Pada description isi dengan : untuk mencari konten blog catatanku, atau sembarang terserah anda, pada Sites to search: isikan url situs yang akan masuk dalam pencarian oleh google custom search engine,jika situs/ blog yang anda masukkan lebih dari satu maka masukkan urlnya per baris. Pada editions, pilih standar editions jika anda menginginkan yang gratis. Kemudian centang pada  I have read and agree to the Terms of Service.
4. Next, dan tampil seperti di bawah:
5. 
   
   
6. Anda bisa memilih CSE yang sesuai dengan warna template blog anda, atau anda bisa memilih cuztomize dan atur sesuai keinginan anda.
7. Next, muncul halaman seperti di bawah ini:
8. 
   
   
9. Copy kode HTML yang anda dapatkan ke blog anda,  Dashboard >> Tata Letak >> Tambah Gadget >> Kotak Penelusuran

Waktu itu, sore hari dan waktu menunjukkan jam sekitar 6.30 PM. Berdasarkan ajakan seorang teman, yang mengajak saya untuk pergi ke rumah teman yang lain. Tujuannya katanya untuk makan-makan.

10 menit perjalanan, akhirnya sampai juga. Meskipun jaraknya lumayan dekat, tapi rasa lelah tak bisa tertahankan untuk hinggap meskipun hanya sedikit. Saya pun langsung duduk dan kebetulan teman saya yang kostnya saya datangi sedang mengerjakan sesuatu tugas. selang beberapa waktu, tugas teman saya itu pun selesai dan laptopnya pun dia tinggalkan sendiri menyendiri di lantai dekat kasur. Karena emang dasar hoby pegang-pegang yang berbau elektronik, sayapun langsung menghampiri laptop itu karena ada sesuatu yang terlihat berbeda dari laptop teman saya itu.

Setelah memperhatikan dengan seksama, ternyata tampilan yang saya lihat berbeda itu adalah sebuah OS yang baru keluar dari bang microsoft, windows 8 kakak kandung dari windows 7. Maklum saya herankarena pada waktu kejadian ini, windows 8 baru-baru keluar dan di antara teman saya yang lain, teman saya yang saya datangi itulah yang paling pertama menginstall windows 8. Tidak lama mengutak-atik laptopnya, yang empunya langsung datang menhghampiri dan dengan lantang berkata "ITULAH HEBATNYA WINDOWS 8, TIDAK BISA DI SERANG VIRUS" sambil menunjuk icon bendera yang berada di tryicon. Dengan suara yang lebih lantang lagi, keluarlah penjelasan yang lebih lanjut pula "jika di benderanya terdapat tanda silang, berarti ada virus yang masuk, tapi windows 8 akan langsung menghapusnya" ujar nya.

Tak tahu  rasa apa yang ada di dalam hatiku, rasa geli, rasa ingin ketawa dan rasa-rasa yang lainnya pun bercampur. Dengan ekspresi yang seakan-akan sangat percaya dan mengerti akan penjelasannya tentang windows 8 tersebut, tapi sebenarnya saya dengan sekuat tenaga menahan ketawa sambil berkata dalam hati "owww... ternyata itu kelebihannya ya..????? baru tau...!!! hehehe..."

Itulah cerita dari pengalaman saya......

Saya juga tidak tahu dari mana ini berasal, tapi saya mendapatkan ini dari seorang teman yang bertanya bercerita kepada saya.

Ceritanya (tepatnya sich pertanyaan) seperti ini:

A: Bagaimana cara memasukkan gajah ke dalam kulkas????

Saya : kira-kira saya mau jawab apa yach???

A: Bagaimana cara memasukkan jerapah kedalam kulkas???

Saya : kira-kira saya mau jawab apa yach???

A lagi: Sembari bercerita, dia berkata: "jika tiba-tiba sang raja hutan
memanggil   semua hewan dan binatang dalam rangka rapat akhir mingguan, Hewan apakah yang sangat berani menentang perintah raja hutan dan tidak datang???

Saya : kira-kira saya mau jawab apa yach???

A: Melanjutkan pertanyaannya, sembari masih bercerita lagi, Karena begitu segannya para rakyatnya, maka seekor kancil yang merupakan warga hutan juga bergegas memenuhi panggilan sang raja hutan, Tapi ternyata si kancil harus melewati sebuah sungai yang meskipun tidak terlalu dalam tapi biasanya penuh dengan buaya. Trus, Gimana cara kancil menyeberang sungai dan memenuhi panggilan sang raja Hutan, padahal itu satu-satunya jalan...???

Saya : kira-kira saya mau jawab apa yach???

Bingung nich..??? Bantu donk...!!!

....:::trik dengan DOMINO :::...
Postingan kali ini, cuma ingin mengisi waktu luang di hari ke-2 bulan 1 di tahun yang baru ini.

Meskipun saya masih heran dengan sistematis cara kerjanya, tapi langsung posting saja.... pokoknya seru dech..

caranya, siapkan alat dan bahan sebagai berikut:
1. 1 buah domino yang jumlahnya 28 lembar
2. 2 atau 3 orang teman sebagai penilai pertunjukan anda

hanya itu alat dan bahannya, sangat simpe dan sederhana bukan???

langsung saja ke cara prktiknya, sebagai berikut:
pertama-tama, ambil domino sebanyak 14 lembar secara acak atau setengah dari jumlah semua domino. Kemudian hitung secara berurut domino tadi mulai dari urutan 1 sampai urutan yang ke 14 sembari menunjukkan kartunya kepada teman anda. Pada hitungan yang ke-10 atau urutan kartu yang ke-10, berhenti sejenak dan suruh teman anda untuk mengingat baik-baik kartu urutan ke-10 itu. Kemudian kartu yang berjumlah 14 lembar itu,anda simpan di tempat lain, tempat yang aman dari jangkauan orang yang tiidak bertanggung jawab.

Langkah selanjutnya, ambil sisa kartu yang tidak anda hitung yang jumlahnya juga 14 lembar, kemudian ambil 1 kartu sembarang secara acak (agar lebih seru, minta teman anda untuk mengambil kartunya).
inilah inti triknya:
saya berikan contoh:
jika kartu yang muncul adalah 6:5 maka pilihlah salah satu, 5 atau 6 yang di jadikan dasar, kalau 5 yang di jadikan dasar maka tambahkan kartu itu dengan 2 lembar kartu yang usahakan agar tertutup.
tapi jika 6 yang anda ambbil sebagai dasar, maka ambilllah 1 kartu untuk menambahkannya. intinya kita menghitung sampai 7.
jika kartunya 0:0 maka tambahkanlah kartu berjumlah 6 lembar agar genap 7 hitungannya.
Setelah selesai untuk kartu yang pertama, ambil satu kartu lagi dan ikuti prosedur yang tadi. pengambilan kartu di lakukan sebanyak 3 kali dengan berdasar pada cara kerja yang di atas.
Setelah prosedur di atas sudah selesai, dan masih ada sisa kartu maka kartu yang tersisa itu tambahkan pada kartu yang di simpan tadi, letakkan di bagian atas.

Kemudian, kan pada prosedur yang di atas tadi, terdapat 3 kartu yang di susun dimana ketiga kartu yang menjadi dasar itu terbuka. Kemudian ke-Tiga kartu yang terbuka yang di jadikan dasar tadi, hitung jumlah mata dominonya, jika jumlahnya 12 maka ambillah kartu yang disimpan tadi kemudian hitung dan urutkan sampai urutan ke 12 dan buka kartu itu. Jreng... jreng... kartu apakah yang terlihat...??? Silahkan coba sendiri...!!!!

مرحبا بكم في.2012