Membuat widgets drop down model buka tutup dengan klik mouse

Membuat blog dengan banyak widgets bisa membuat blog kita menjadi lebih hidup dan menarik, tapi dengan banyaknya widget yang harus ditampilkan kadang kadang membuat blog kita menjadi kelihatan penuh dan tentu saja kurang bagus untuk menarik pembaca/pengunjung.

Script untuk widgets drop down model buka tutup dengan klik mouse merupakan salah satu cara agar blog kita tetap bisa menampilkan widget yang kita inginkan tapi dengan tampilan yang lebih sederhana dan kelihatan profesional. ( atau cara lain dengan mengatur widgets yang tampil dihalaman utama dan sub halaman )

Bagi yang ingin menggunakan cara ini silahkan mengikuti langkah berikut.

Langkah pertama

1. Klik Page Element
2. Klik Add Gadget
3.  
   
4. Klik plus button (+) for HTML/JavaScript. (img)
   
   
   
5. Copy and paste kode dibawah ini

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="BUKA DISINI" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background:#424242; color:#ffffcc; border:1px dashes yellow;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP DISINI&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKA DISINI&#39;; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:Bisque;background-color:NONE; text-align: justify; padding:10px; ">

KODE HTML / NON HTML

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

Pada bagian yang diberi tanda keterangan, kamu dapat mengubahnya sesuai dengan yang diinginkan, seperti pada ukuran dan warna.

• warna merah, Teks yang tampil sebelum di buka ( silakan diganti sesuai keperluan )
• warna Orange, Teks yang tampil sesudah di buka ( silakan diganti sesuai keperluan )
• warna kuning,  kode warna backgroud widgets. ( dapatkan kode warna disini )
• warna hijau,  kode sript HTML / Non HTML yang ingin ditampilkan
• untuk lebar sudah diatur width: 100% --> menyesuaikan dengan lebar kolom secara otomatis. 

_______________________________________
Note :
untuk widget yang panjang biar tidak memakan tempat bisa ditambah.kombinasi dengan kode sript untuk kotak dengan scroll

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="BUKA DISINI" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background:#424242; color:#ffffcc; border:1px dashes yellow;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP DISINI&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKA DISINI&#39;; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:Bisque;background-color:NONE; text-align: justify; padding:10px; ">

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; background: #000000 url(#) no-repeat scroll 0 0 ; border: 1px solid rgb(204, 204, 204); height: 250px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

KODE HTML / NON HTML

</div>

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

Penambahan sript kotak scroll ini akan memunculkan tampilan scroll sehingga tidak banyak memakan tempat bagi yang ingin memasang widget yang cukup panjang.

• warna merah = script kotak scroll
• warna orange = script widget drop down buka tutup
• warna hijau = tinggi kotak scroll yang dibutuhkan, ganti angka 250 sesuai keperluan.
• untuk lebar sudah diatur width: auto --> menyesuaikan dengan lebar kolom secara otomatis. 
• text-align: left ---> posisi huruf/image ( left - center - right ) ganti sesuai keperluan  

Hasilnya bisa dilihat pada sample blog

Semoga bermanfaat...!!

Selamat mencoba..!
( biasakan untuk melakukan pra tinjau pada saat melakukan perubahan pada Script HTML sehingga bila terjadi kesalahan tidak merusak kode script yang telah ada )

Menggunakan batu alam untuk mempercantik design rumah

Ada beragam material yang dapat dipakai untuk mempercantik rumah. Batu alam salah satunya., jika kita cermat dalam memilih dan memasangnya. Batu alam membuat tampilan ruangan jadi alami. Bentuk, tekstur, dan motifnya membuat suasana ruang berubah sejuk alami. Dalam pemasangan, batu alam dapat menghasilkan beragam pola dan tampilan.

Secara umum batu alam dapat di bagi menjadi 2, yaitu batu keras dan batu lunak

Batu keras  

Batu jenis ini usianya lebih tua sehingga mempunyai tingkat kepadatan yang tinggi dan porositasnya rendah. Jenis batuan ini sangat kuat dan keras.  Batu Andesit, batu sabak, marmer dan granit termasuk dalam kelompok ini.

Batu andesit berbentuk lempengan  yang ada di pasaran tersedia dalam berbagai ukuran. Umumnya antara 5 cm x 20 cm, sampai 20 cm x 40 cm dan mempunyai ketebalan umumnya 3-4 cm.Jenis dan warnanya ada beberapa pilihan yang biasanya dinamai sesuai nama daerah asalnya. Misalnya andesit cibereum, andesit cipanca, andesit gunung haur ataupun andesit cilimus. Masing masing mempunyai karakteristik dan keunikannya sendiri.
Selain itu motif alurnya pun sekarang lebih beragam. Dari alur lurus, alur cacing, belah ketupat, diagonal dan Napoli.  Belum lagi type pemasangannya  ada yang dengan pola seperti batu bata dinding, susun sirih, kotak-kotak bujur sangkar, pemasangan maju mundur, dll sesuai kebutuhan.

Batu sabak atau slate stone di pasaran lebih sering dikenal sebagai batu kali. Selain sangat kuat untuk pondasi, jenis batuan ini juga dapat dibelah menjadi lempengan tipis untuk pelapis dinding maupun lantai. Karena bentuknya yang tidak teratur membutuhkan tukang yang ahli dalam pemasangannya.
Jenis dan warnanya juga dinamai sesuai nama asalnya. Yang popular diantaranya sabak hitam tasik, pekalongan dan garut. Batu purwakarta dan batu banjar warnanya lebih coklat.

Batu marmer dan granit juga tersedia banyak dipasaran. Jenis dan warnanya biasanya dinamai sesuai daerah asalnya. Seperti marmer kuning  tulungagung, marmer abu  bandung, marmer putih ujung pandang atau marmer merah rosso malang.
Biasanya batuan marmer ini dijual lempengan dalam 4 bentuk yaitu marmo ( permukaan gelombang), bakaran (permukaan dibakar), keprik ( bermuka gerigi) dan Napoli( geriginya lebih besar.

Batu lunak 

Jenis batu ini usianya lebih muda sehingga mempunyai tingkat kepadatan yang lebih rendah dengan porositas tinggi. Ini menyebabkan jenis batuan ini lebih lunak. Jenis sandstone, limestone dan batu candi termasuk kategori batu lunak.

Batu pasir atau sandstone berasal dari endapan butiran pasir yang mengalami perubahan selama bertahun tahun.  Karakteristiknya lunak dan mudah dipahat. Di pasaran yang paling popular adalah batu alam palimaman yang berwarna cream, putih dan gold, baligreen dan batu breksi.
Batu gamping atau limestone berasal dari kapur yang mengeras. Contoh yang paling populer adalah batu paras.

Batu candi terbentuk dari pendinginan lava yang keluar saat gunung meletus. Memiliki pori-pori yang besar dan berwarna gelap. Di pasaran dijual dalam bentuk lempengan. Sifat batu ini sangat mudah menyerap air. . Ukuran yang tersedia: 10 cm x 20 cm, 15 cm x 30 cm, dan 20 cm x 20 cm. Tersedia pula ukuran lebih besar, berkisar antara 20 cm x 30 cm, 20 cm x 40 cm, dan 40 cm x 40 cm.

Batu alam lainnya yang sering dipakai untuk aplikasi interior dan eksterior adalah batu kerikil dan batu koral.
Ada yang dijual dalam bentuk tile mozaik dan kemasan kiloan. Bentuknya unik cenderung bulat dan pipih. Jenis batuan ini sering dipakai untuk mempercantik lantai carport, teras, kolam dan tampilan taman. Bahkan ada juga yang dipakai untuk interior.

Warnanya ada beberapa macam.
Kerikil alor dan Bengkulu berwarna hitam.
Batu koral sukabumi berwarna abu abu. Kerikil  timor dan ambon berwarna putih.
Ada juga yang berwarna pink, hijau dan merah

Bagian yang terpenting dari semua itu adalah pada proses pemasangan dan perawatan.
Selain jenis batu yang ada diatas masih cukup banyak type dan motif batu alam yang ada. Semoga sedikit informasi ini bisa menambah wawasan dan pengetahuan kita tentang batu alam... selamat berkreasi.

Rehab Rumah

Rehab rumah...???

Hal ini merupakan hal yang paling sering dilakukan untuk mempercantik rumah dengan menambah atau mengurangi beberapa bagian.

Beberapa hal sebagai alasan kita untuk merehab rumah :

1. Keharusan, karena dalam konsep membangunan kita gunakan cara secara bertahap ( biasanya karena masalah biaya ) ;
2. Usia bangunan
3. Keinginan untuk Mengikuti perkembangan jaman

Ketiga hal inilah yang paling banyak menjadi alasan bagi sebagian orang untuk merehab rumah.

Bagaimana dengan anda ?

Berikut adalah sedikit TIPs dalam melakukan rehab rumah agar anda dapat mendapatkan hasil yang maksimal

KONSEP AWAL

• Konsultasikan terlebih dahulu sebelum mulai, anda bisa memperoleh dari Ahli yang ada ( konsultant ), atau anda dapat melihat berbagai informasi baik dari media cetak, elektronik dan internet untuk memperoleh gambaran apa yang akan anda lakukan terhadap rumah anda.
• Untuk anda yang sekedar ingin mengikuti perkembangan jaman cukup anda melihat berbagai informasi baik dari media cetak, elektronik dan internet untuk memperoleh gambaran apa yang akan anda lakukan terhadap rumah anda. ( dengan konsultan lebih baik )
• Rehab rumah karena Usia tentu lebih kompleks, untuk itu kami sarankan anda menemui ahlinya agar niat anda untuk merehab rumah tidak sia sia karena hasilnya bisa maksimal dengan pembiayaan yang minimal, hal ini terkait dengan kelayakan kondisi bangunan agar niat mau rehab salah salah malah bongkar total, tentu anda tidak mau ini terjadi.
• Putuskan terlebih dahulu apakah anda mau sebatas mempercantik atau merubah tata ruang sebagian / keseluruhan

REHAB KARENA USIA BANGUNAN

• ( disarankan memakai jasa tenaga ahli )
• Penggunaan material lama sangat disarankan apabila memang kondisinya masih baik.
• Bagi rumah yang masih pakai model lama ( tanpa struktur beton bertulang ) anda tidak perlu membongkar secara total bangunan yang ada, cukup dengan menambah struktur bangunkan tanpa perlu merobohkan dinding bata yang ada. ( dengan catatan kondisi Pondasi dan dinding masih layak )
• Kebanyakan rumah type lama ( tanpa struktur beton bertulang ) menggunakan dinding 1 bata , anda tidak perlu risau karena kombinasi antara model dinding lama dipadu dengan kusen jendela / pintu model baru justru akan mempercantik rumah anda. ( tentu harus dengan bentuk dan penempatan yang tepat )
• Bongkarlah bangunan anda secara bertahap agar bagian yang tidak perlu diganti tetap bisa dipakai dengan meminimalkan kerusakan akibat pembongkaran.

REHAB KARENA MENGIKUTI PERKEMBANGAN JAMAN

• Untuk bagian ini khusus untuk anda yang punya selera tinggi ( karena tidak mau ketinggalan jaman dengan tetangga, "yang penting tetap harus disesuaikan dengan kondisi keuangan anda" )
  
• Sebagian besar mereka yang merehab rumah hanya sekedar untuk agar tidak dicap KUNO hanya dilakukan pada bagian luar bangunan, misalnya : teras rumah, listplank, kusen jendela / pintu depan dan penambahan taman depan.

YANG TERPENTING ANDA HARUS PUNYA KONSEP YANG JELAS SEBELUM MELAKUKAN REHAB, HAL INI TERKAIT DENGAN KONDISI RUMAH ANDA dan KONDISI KEUANGAN ANDA.

OK ! bagi anda yang ingin merehab rumah semoga tips tersebut berguna

Tsunami Jepang 2011, Tsunami Aceh 2004

TSUNAMI ACEH 2004

Gempa bumi tektonik berkekuatan 8,5 SR berpusat di Samudra India (2,9 LU dan 95,6 BT di kedalaman 20 km (di laut berjarak sekitar 149 km selatan kota Meulaboh, Nanggroe Aceh Darussalam). Gempa itu disertai gelombang pasang (Tsunami) yang menyapu beberapa wilayah lepas pantai di Indonesia (Aceh dan Sumatera Utara), Sri Langka, India, Bangladesh, Malaysia, Maladewa dan Thailand.

TSUNAMI JEPANG 2011

Dahsyatnya gempa yang terjadi di Tokyo, Jepang sekitar 8,9 skala richter mengakibatkan gelombang tsunami setinggi enam

Bentuk konstruksi kuda kuda berdasar lebar bentang

Konstruksi kuda-kuda adalah susunan rangka batang yang berfungsi mendukung beban atap termasuk juga beratnya sendiri, sekaligus dapat memberikan bentuk pada atap.
Kuda-kuda merupakan penyangga utama pada struktur atap. Struktur ini termasuk dalam klasifikasi struktur framework (truss), secara umumnya kuda - kuda terbuat dari kayu, bambu, baja, dan beton bertulang.

• Kuda - kuda kayu digunakan sebagai pendukung atap dengan bentang maksimal sekitar 12 m. Kuda - kuda bambu pada umumnya mampu mendukung beban atap sampai dengan 10 meter
• kuda - kuda baja sebagai pendukung atap, dengan sistem frame work atau lengkung dapat mendukung beban atap sampai dengan bentang 75 meter, seperti pada hanggar pesawat, stadion olah raga, bangunan pabrik, dll.
• Kuda - kuda dari beton bertulang dapat digunakan pada atap dengan bentang sekitar 10 hingga 12 meter.
• Pada kuda - kuda dari baja atau kayu diperlukan ikatan angin untuk memperkaku struktur kuda-kuda pada arah horisontal.
  

Pada dasarnya konstruksi kuda - kuda terdiri dari rangkaian batang yang selalu membentuk segitiga. Dengan mempertimbangkan berat atap serta bahan dan bentuk penutupnya, maka konstruksi kuda - kuda satu sama lain akan berbeda, tetapi setiap susunan rangka batang harus merupakan satu kesatuan bentuk yang kokoh yang nantinya mampu memikul beban yang bekerja tanpa mengalami perubahan.

Kuda-kuda diletakkan diatas dua struktur beton/baja selaku tumpuannya. Perlu diperhatikan bahwa tembok diusahakan tidak menerima gaya horisontal maupun momen, karena tembok hanya mampu menerima beban vertikal saja ( dalam perhitungan struktur tembok tidak diperhitungkan sebagai penerima beban tapi hanya sebagai beban )

Beban-beban yang dihitung adalah :

1. Beban mati ( yaitu berat penutup atap, reng, usuk, gording, kuda - kuda, plafon termasuk instalasi listrik, air bersih/air kotor dan instalasi lain yang berada diatas plafon dengan posisi menggantung )
2. Beban hidup ( angin, air hujan, orang pada saat memasang/memperbaiki atap ).

Kuda - kuda berdasarkan bentang kuda-kuda dan jenis bahannya :
Bentang 3-4 Meter
Digunakan pada bangunan rumah bentang sekitar 3 s.d. 4 meter, bahannya dari kayu, atau beton bertulang.

Bentang 4-8 Mater
Untuk bentang sekitar 4 s.d. 8 meter, bahan dari kayu atau beton bertulang. 

 Bentang 9-16 Meter
Untuk bentang 9 s.d. 16 meter, bahan dari baja (double angle).
Bentang 20 Meter
Bentang maksimal sekitar 20 m, Bahan dari baja (double angle) dan Kuda-kuda atap sebagai loteng, Bahan dari kayu
Kuda-Kuda Baja Profil Siku
Kuda-Kuda Gabel Profil WF

Untuk bentang lebih dari 9 m disarankan menggunakan tenaga ahli dalam menentukan dimensi material yang digunakan.

setting profil pada blogger sebagai media promosi blog

Mempublikasikan blog bukan sekedar blogwalking, follow blog lain dan kasih komentar pada blog / website lain tapi yang perlu adalah identitas yang kita tinggalkan pada media tersebut.

Pada beberapa kasus ada beberapa teman blogger yang mungkin lupa, disengaja atau tidak tahu banyak yang tidak melakukan setting yang komunikatif pada profil blogger mereka, sehingga waktu melakukan follow pada blog lain dan pada saat dilihat profil-nya tidak nampak identitas blog mereka, tentu ini akan sangat merugikan karena dengan kita menampilkan identitas blog kita akan bisa menambah traffick apabila ada yang melihat profil kita lewat follower widget.

untuk melakukan setting profil blogger ikuti cara2 berikut :

1. Login blogger.com
2. Masuk ke menu edit Profil
3.  
4. Lihat tampilan berikut ; masuk ke item "select blogs to display", ini adalah item untuk memilih blog mana yang akan kita tampilkan pada profil kita.

Simpan setting dan kembali ke dasboard ----->
lihat tampilan profil kamu untuk memastikan sudah sesuai dengan harapan.
Untuk setting yang lain disesuaikan dengan kebutuhan.
Met mencoba semoga sedikit tulisan ini bisa bermanfaat.

Menampilkan daftar isi pada label tertentu

Menampilkan daftar isi sebuah blog merupakan sebuah kebutuhan agar pembaca dapat memperoleh informasi apa yang kita sajikan dengan mudah, tapi dalam beberapa hal ini juga merupakan sebuah dilema karena dengan banyaknya artikel yang kita muat akan membuat loading saat membuka blog cukup lama sehingga bisa mengganggu kenyamanan pengunjung.

Ada beberapa cara untuk menampilkan isi blog diantaranya adalah :

• Recent Post ( artikel terbaru )
• Top Posting ( artikel populer )
• Random Post ( artikel acak )
• Membuat Daftar Isi
• Related Post, etc

Sekarang kita akan mencoba membahas mengenai daftar isi dengan menampilkan hanya sebagian berdasar label posting.

untuk lebih jelasnya ikuti langkah berikut :

1. Klik Page Element
2. Klik Add Gadget
3.  
   
4. Klik plus button (+) for HTML/JavaScript. (img)
   
   
   
5. Copy and paste kode dibawah ini
   

<script style="text/javascript">
var numposts = 500;
var standardstyling = true;
</script>

<script type='text/javascript' src='http://hdesign-code.googlecode.com/files/label-post.js'></script>

<h3>Arsitektur</h3>

<ul>
<script src="http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Arsitektur?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>
</ul>
<br />

<h3>Rumah Adat</h3>

<ul>
<script src="http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Rumah%20adat?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>
</ul>

Keterangan :

• <h3>Arsitektur</h3> = judul label posting yang dimaksud ( sesuai dengan label artikel yang ingin ditampilkan )
•  http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Arsitektur = alamat URL dan label artikel yang dimaksud ( ganti dengan alamat blog dan nama label = warna hijau )
• Untuk menampilkan lebih dari 3 label tinggal tambahkan kode pada bagian bawah, sesuai dengan kebutuhan.

Tips :

• Penggunaan daftar isi jenis ini harus di ikuti dengan pengaturan jenis label yang kita gunakan jangan sampai kita menggunakan label sebuah artikel dengan lebih dari 1 label karena pada tampilan daftar isi akan muncul judul artikel yang sama pada label yang berbeda.
• Tampilkan hanya beberapa jenis label yang utama.