Senin, 31 Mei 2010

Sambungan kayu type melebar lidah dan alur

Type sambungan kayu melebar jenis LIDAH DAN ALUR ini biasa digunakan pada jenis kayu melebar untuk konstruksi lantai dan konstruksi dinding. Untuk detailnya silakah lihat gambat berikut.



Sambungan kayu melebar jenis lidah dan alur 2d


 Sambungan kayu melebar jenis lidah dan alur 3d
Semoga Bermanfaat..!
Terima kasih...!

Minggu, 30 Mei 2010

Mengenal mutu beton dan beton bertulang serta penggunaannya

Mutu Beton dan beton bertulang serta penggunaannya


Mutu tinggi
____________________________________________
fc'35 – fc'65 MPa setara K400 – K800 kg/cm2
Umumnya digunakan untuk beton prategang seperti tiang pancang beton prategang, gelagar beton prategang, pelat beton prategang dan sejenisnya.
 
Mutu sedang
____________________________________________
fc'20 – fc'35 MPa setara K250 – K400 ( kg/cm2 )
Umumnya digunakan untuk beton bertulang seperti pelat lantai jembatan, gelagar beton bertulang, diafragma, kerb beton pracetak, gorong-gorong beton bertulang, bangunan bawah jembatan.
 
Mutu rendah
____________________________________________
fc'15 – fc'20 MPa setara K175 – K250 kg/cm2

Umumya digunakan untuk struktur beton tanpa tulangan seperti beton siklop, trotoar dan pasangan batu kosong yang diisi adukan, pasangan batu.
 
Mutu rendah
____________________________________________
fc'10 – fc'15 MPa setara K125 – K175 kg/cm2

Di gunakan sebagai lantai kerja, penimbunan kembali dengan beton


Semoga Bermanfaat..!
terima kasih..!

Kamis, 27 Mei 2010

Variasi Single Menu horizontal type automatically rotated and displayed

Jenis Menu horizontal ini sebenarnya bisa juga dikatakan sebagai teks bar ( pesan singkat ) yang akan muncul secara otomatis dengan navigasi kiri dan kanan.Variasi menu / teks bar ini bisa dipakai untuk menampilkan head line dari website/blog dengan berbagai variasi teks dan background.



Bagi yang ingin menggunakan cara ini silahkan mengikuti langkah berikut.


Langkah pertama
  1. Klik Page Element
  2. Klik Add Gadget
  3.   AddGadget
  4. Klik plus button (+) for HTML/JavaScript. (img)

    HTML
  5. Copy and paste kode dibawah ini


<style>
<!--
.scrollerstyle{
font-family:arial;background:#088A85;border:1px solid #000000;cursor:pointer;
}
-->
</style>

<script language="javascript">

var msgs = new Array(
"Analisa mengenai dampak lingkungan",
"Animasi",
"Dunia Arsitektur modern dan tradisional",
"Award",
"Kumpulan blog tutorial",
"Kumpulan blogger trick",
"Gallery Denah rumah",
"Dinamik widgets untuk blogger",
"Free download Mp3",
"Duit On line",
"Konsep green house",
"Info sekilas",
"Informasi dunia konstruksi",
"Konstruksi kayu",
"Menu navigasi untuk blogger",
"Monetize Blog",
"Informasi PTC gratis",
"Rencana Anggaran Biaya",
"Rumah adat sebagai kekayaan budaya dan alternatif design",
"Meningkatkan Pagerank dan traffic -S E O-",
"Perkembangan dunia teknis sipil",
"Variasi Posting untuk blogger",
"Variasi widgets untuk blogger" ); // No comma after last ticker msg

var msg_url = new Array(
"http://kibagus-homedesign.blogspot.com/search/label/Amdal",
"http://kibagus-homedesign.blogspot.com/search/label/Animasi",
"http://kibagus-homedesign.blogspot.com/search/label/Arsitektur",
"http://kibagus-homedesign.blogspot.com/search/label/Award",
"http://kibagus-homedesign.blogspot.com/search/label/Blog%20Tutorial",
"http://kibagus-homedesign.blogspot.com/search/label/Blogger%20Trick",
"http://kibagus-homedesign.blogspot.com/search/label/Denah%20Rumah",
"http://kibagus-homedesign.blogspot.com/search/label/Dinamik%20widgets",
"http://kibagus-homedesign.blogspot.com/search/label/Download%20Mp3",
"http://kibagus-homedesign.blogspot.com/search/label/Duit%20On%20line",
"http://kibagus-homedesign.blogspot.com/search/label/Green%20house",
"http://kibagus-homedesign.blogspot.com/search/label/Info%20sekilas",
"http://kibagus-homedesign.blogspot.com/search/label/Konstruksi",
"http://kibagus-homedesign.blogspot.com/search/label/Konstruksi%20kayu",
"http://kibagus-homedesign.blogspot.com/search/label/Menu%20navigasi",
"http://kibagus-homedesign.blogspot.com/search/label/Monetize%20Blog",
"http://kibagus-homedesign.blogspot.com/search/label/PTC",
"http://kibagus-homedesign.blogspot.com/search/label/rab",
"http://kibagus-homedesign.blogspot.com/search/label/Rumah%20adat",
"http://kibagus-homedesign.blogspot.com/search/label/S%20E%20O",
"http://kibagus-homedesign.blogspot.com/search/label/Sipil",
"http://kibagus-homedesign.blogspot.com/search/label/Variasi%20Posting",
"http://kibagus-homedesign.blogspot.com/search/label/Variasi%20widgets" ); // No comma after last ticker url

var barwidth='500px' //Enter main bar width in px or %
var setdelay=2000 //Enter delay between msgs, in mili-seconds
var mouseover_color='#084B8A' //Specify highlight color
var mouseout_color='transparent' //Specify default color
/////////////////////////////////////////////////////////////////////

var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||ns6){
document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)" class="scrollerstyle" style="width:80px; height:50px; border-right-width:1px;" name="prev" title="Previous News"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#ffffff;background:transparent; width:'+barwidth+'; height:30px; border-width:1; border-color:#848484; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="next" onclick="moveit(1)" class="scrollerstyle" style="width:80px; height:50px; border-left-width:1px;" name="next" title="Next News"></form>');
}
else{
document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
}

function init_news_bar(){
document.news_bar.news_bar_but.value=msgs[count];
}
//moveit function by Dynamicdrive.com
function moveit(how){
if (how==1){ //cycle foward
if (count<msgs.length-1)
count++
else
count=0
}
else{ //cycle backward
if (count==0)
count=msgs.length-1
else
count--
}
document.news_bar.news_bar_but.value=msgs[count];
}

setInterval("moveit(1)",setdelay)

function goURL(){
location.href=msg_url[count];
}

init_news_bar();

</script>


Pada bagian yang diberi tanda keterangan, kamu dapat mengubahnya sesuai dengan yang diinginkan, seperti pada ukuran dan warna.
  • warna merah, variasi huruf, warna dan border pada navigasi scroll kiri dan kanan ( ubah jenis font, kode warna dan tebal border silakan diganti sesuai keperluan )
  • var barwidth='500px', lebar menu utama ( silakan diganti sesuai keperluan )
  • var setdelay=2000 , kecepatan perputaran/pergantian teks/menu ( makin besar makin lambat -  silakan diganti sesuai keperluan )
  • var mouseover_color='#088A85' , kode warna hover menu/teks ( silakan diganti sesuai keperluan )
  • value="Previous" dan value="next" , Navigasi scroll arah kiri - kanan ( bisa diganti sesuai kebutuhan )
  • width:80px; height:50px, lebar dan tinggi Navigasi scroll arah kiri - kanan
  • Warna hijau , nama menu.teks yang dimaksud dan alamat URL menu teks secara berurutan.
  • Warna kuning, warna huruf, background dan border menu utama 
  • height:30px, tinggi menu utama
 Note :
untuk lebar menu bisa menyesuaikan sesuai dengan lebar kolom template ( ubah lebar  scroll kiri kanan dan menu/teks utama sesuai lebar kolom template )

Terima kasih..!
semoga bermanfaat .. !

Selasa, 25 Mei 2010

Standart Pemasangan Pondasi batu kali tahan gempa

Pemasangan pondasi rumah memang tampaknya sederhana, tapi dalam beberapa hal ada persyaratan teknis yang harus dipenuhi agar kekuatan struktur pondasi yang dimaksud sesuai dengan persyaratan Standart Nasional Indonesia.

Standart teknis Pekerjaan Batu kali ( untuk rumah sederhana )

Pondasi harus ditempatkan pada tanah keras, design pondasi disarankan simetris


Harus dihindarkan penempatan pondasi pada sebagian tanah keras dan sebagian tanah lunak.
Kemungkinan retak,
 
Sangat disarankan menggunakan pondasi menerus, mengikuti panjang denah bangunan

Pondasi dibuat menerus pada kedalaman yang sama, pondasi bertangga tidak diperkenankan.
 
 

Semoga Bermanfaat..!

Minggu, 23 Mei 2010

Memasang Google Search pada blogger


Membuat website/blog yang terjangkau dalam arti kontent atau artikel yang mudah diakses adalah sesuatu yang wajib dilakukan agar pengunjung terasa nyaman dan tidak pusing gara gara mau cari artikel yang dimaksud tapi cukup kerepotan, tentu ini akan sangat merugikan kita karena kita sudah posting artikel cukup banyak tapi kurang pembaca gara gara tidak ada menu/widget pendukung untuk melakukan pencarian.

Membuat menu pencari ( search ) bisa menjadi alternatif disamping pemakaian menu, label, recent post, top posting, daftar isi yang bisa dipasang sebagai pendukung.

Ada 2 cara yang akan kita bahas pada kesempatan kali ini :
  • Widget strandart blogger ( google search )
  • Membuat google search sendiri
Cara Pertama
cara ini cukup mudah dan simple :
  • login ke account blogger.com
  • masuk ke layout
  • add gadget cari Search Box (New!) Add
Cara Kedua
Cara ini bisa kita lakukan melalui fasilitas Google yang ada yaitu


Google Custom Search

Kelebihan dengan cara kedua ini :
  • Membuat menu search sesuai dengan selera dan template yang kita pakai
  • menggunakan menu search untuk memperoleh hasil tambahan selain iklan ( Melalui google adsense )
  • Adanya statistik data yang bisa kita gunakan untuk mengetahui jumlah pemakai menu search yang ada diblog.website. 
Ikuti langkah berikut

login di google custom search
nanti akan muncul form isian untuk mesin pencari, isi sesuai kebutuhan :



Form isian ______________________________________







Edit / setting search engine_______________________________
Pilih control panel untuk memperoleh kode sript yang dimaksud



Setiing bentuk seacrh engine_____________________________
Pilih "Look and feel" untuk melakukan pilihan terhadap model search engine, ada 3 macam :
  • Model Full width, Hasil search engine sesuai lebar kolom widget, hasil pencarian akan muncul dibawah menu search ( kode srcipt 1 buah )
  • Model Compact,  Hasil search engine akan muncul pada halaman luar ( kode srcipt 1 buah )
  • Model two colomn, hasil search engine akan muncul pada kolom yang dituju selain kolom gadget ( kode srcipt 2 buah, 1 untuk menu search engine 1 untuk lokasi hasil pencarian )

Untuk memilih warna dan model tampilan ada 6 jenis yang merupakan standart yang ada dan kesemuanya bisa diubah untuk jenis dan huruf warna, untuk lebih jelasnya lihat contoh dibawah ini :


Type Bubblegum - klik customize akan muncul tampilan dibawah ini, silakah diubah sesuai kebutuhan ( warna dan huruf )
 
Setelah selesai simpan dan ambil kode yang ada, copas pada blog ditempat yang dimaksud



Selamat mencoba ..
semoga bermanfaat...!!
terima kasih..!

Jumat, 21 Mei 2010

Award akhir pekan si bulan Mei

Sungguh hal yang mengembirakan diakhir pekan ini aka tidak disangka sangka mendapat- Award dari sobat Alfadilla Trishana,, mendapatkan award adalah suatu hal yang istimewa sekali bagi-ku ini merupakan bukti bahwa blog-ku yang sederhana ini mendapat tempat dihati pembaca sekalian..( amien...! ).

Perlu diketahui bahwa sobatku yang satu ini memang salah satu blogger yang cukup kreatif dan inovatif ( itu nurut aku lho ya..!! ) dengan blog yang sederhana tapi dengan gaya bahasa dan isi kontent yang menarik layak untuk dijadikan referensi bagi kamu yang hobby masak ( diutamakan.! terutama yang hobby makan..! ) he he . termasuk aku..). dan di daftar MY BEST FRIEND bannernya paling mencolok, karena paling bongsor sendiri.

Sekali lagi terima kasih sahabat, ku doakan sukses selalu buat kamu..! 


Untuk terus menjaga persatuan dan kesatuan serta kebersamaan para blogger - bagi kamu sekalian yang comment di blog-ku ini kalau berkenan silakan ambil Award sebagai tanda terima kasih-ku atas support yang telah diberikan untuk blog-ku yang sederhana ini.

  
MAJU TERUS BLOGGER INDONESIA...!!!

Sambungan kayu type Takikan Lurus Mulut Ikan

Type sambungan TAKIKAN LURUS MULUT IKAN ini biasa digunakan pada balok kayu dengan arah memanjang. Untuk detailnya silakah lihat gambat berikut.



Sambungan takikan lurus mulut ikan berkait 2D





Sambungan takikan lurus mulut ikan berkait 3D

Semoga Bermanfaat..!
Terima kasih...!

Reef.
Ebook Samb. kayu (DRS. H. SOEMARDJO, M.Pd.)
Tim Teknis Universitas Negeri Yogyakarta

Sambungan kayu type Takikan Lurus

Type sambungan TAKIKAN LURUS ini biasa digunakan pada balok kayu dengan arah memanjang. Untuk detailnya silakah lihat gambat berikut.


 Sambungan takikan lurus berkait 2D

Sambungan takikan lurus berkait 3D

Semoga Bermanfaat..!
Terima kasih...!

Reef. 
Ebook Samb. kayu (DRS. H. SOEMARDJO, M.Pd.)
Tim Teknis Universitas Negeri Yogyakarta

Sambungan kayu type Bibir Miring Berkait

Type sambungan BIBIR MIRING BERKAIT ini biasa digunakan pada balok kayu dengan arah memanjang. Untuk detailnya silakah lihat gambat berikut.
 

 Sambungan bibir miring berkait 3D



Sambungan bibir miring berkait 2D


Semoga Bermanfaat..!

Terima kasih...!
Reef. 
Ebook Samb. kayu (DRS. H. SOEMARDJO, M.Pd.)
Tim Teknis Universitas Negeri Yogyakarta

Kamis, 20 Mei 2010

Sambungan kayu type Bibir Miring

Type sambungan BIBIR MIRING ini biasa digunakan pada balok kayu dengan arah memanjang.
Untuk detailnya silakah lihat gambat berikut.



Sambungan bibir miring 3D



 Sambungan bibir miring 2D


Semoga Bermanfaat..!
Terima kasih...!
Reef. 
Ebook Samb. kayu (DRS. H. SOEMARDJO, M.Pd.)

Tim Teknis Universitas Negeri Yogyakarta

Sambungan kayu type Bibir Lurus Berkait

Type sambungan BIBIR LURUS BERKAIT ini biasa digunakan pada balok kayu dengan arah memanjang.
Untuk detailnya silakah lihat gambat berikut.



Sambungan bibir lurus berkait 3D



Sambungan bibir lurus berkait 2D
Semoga Bermanfaat..!
Terima kasih..!
Reef. 
Ebook Samb. kayu (DRS. H. SOEMARDJO, M.Pd.)

Tim Teknis Universitas Negeri Yogyakarta

Sambungan kayu type Bibir Lurus

Sambungan kayu adalah dua batang kayu atau lebih yang disambungkan satu sama lain sehingga menjadi satu batang kayu yang panjang.
Sambungan kayu secara garis besar dapat dibedakan menjadi 3 kelompok :
  • Sambungan memanjang
  • Sambungan melebar
  • Sambungan menyudut.
Jenis sambungan BIBIR LURUS ini biasanya digunakan untuk penyambungan kayu pada arah memanjang. ( biasanya digunakan untuk kayu balok pada konstruksi bangunan ).


 Jenis sambungan kayu ini digunakan untuk penyambungan kayu pada arah memanjang. ( biasanya digunakan untuk kayu balok pada konstruksi bangunan ).



Sambungan Bibir lurus 2D
Sambungan Bibir lurus 3D
Semoga Bermanfaat..!
Terima kasih .. !
Reef. 
Ebook Samb. kayu (DRS. H. SOEMARDJO, M.Pd.)

Tim Teknis Universitas Negeri Yogyakarta

Rabu, 19 Mei 2010

Membuat menu horizontal Professional dropdown

Membuat menu horizontal sebenarnya ada banyak alternatif, untuk kali ini kita akan mencoba membuat jenis menu horizontal type professional dropdown, sebagaimana namanya tentunya ini akan membuat blog/site kita menjadi lebih tampak professional.

Kita langsung ke TKP saja biar jelas

Langkah Pertama
  • Login ke akun Blogger kamu.
  • Dari halaman dashboard, pilih Edit HTML.
  • Pada halaman Edit HTML, centang "Expand Template Widget", cari kode ]]></b:skin> pada script template blog kamu. Tekan Control F atau F3 untuk mencarinya.
  • Copykan script berikut dan letakkan di atas kode ]]></b:skin> tersebut.


/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_dropdown_3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.preload1 {background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0a.gif);}
.preload2 {background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:transparent url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFD700; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_1a.gif) no-repeat right top; padding-bottom:3px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#3f96a9 url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3f96a9 url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}


Simpan dan lihat hasilnya.

Keterangan :
  • Warna Merah, Background image menu
  • Warna Hijau,  Lebar dan tinggi menu
Langkah kedua
  1. Klik Page Element
  2. Klik Add Gadget
  3.   AddGadget
  4. Klik plus button (+) for HTML/JavaScript. (img)

    HTML
  5. Copy and paste kode dibawah ini

<span class="preload1"></span>
<span class="preload2"></span>

<ul id="nav">
<li class="top"><a href="#" class="top_link"><span>Home</span></a></li>
<li class="top"><a href="#" id="Menu" class="top_link"><span class="down">Menu</span></a>
<ul class="sub">

<li><b>Judul1</b></li>
<li><a href="#" class="fly">Subjudul1</a>
<ul>
<li><a href="#" target="_blank">subitem1.1</a></li>
<li><a href="#" target="_blank">subitem2.1</a></li>
<li><a href="#" target="_blank">subitem3.1</a></li>
</ul>
</li>
<li><a href="#" class="fly">Subjudul2</a>
<ul>
<li><a href="#" target="_blank">subitem1.2</a></li>
<li><a href="#" target="_blank">subitem2.2</a></li>
<li><a href="#" target="_blank">subitem3.2</a></li>
</ul>
</li>
<li><a href="#" class="fly">Subjudul3</a>
<ul>
<li><a href="#" target="_blank">subitem1.3</a></li>
<li><a href="#" target="_blank">subitem2.3</a></li>
<li><a href="#" target="_blank">subitem3.3</a></li>

<li><b>Subjudul3.1</b></li>
<li><a href="#">item1.3.1</a></li>
<li><a href="#">item2.3.1</a></li>
<li><a href="#">item3.3.1</a></li>

<li><b>Subjudul3.2</b></li>
<li><a href="#">item1.3.2</a></li>
<li><a href="#">item2.3.2</a></li>
<li><a href="#">item3.3.2</a></li>
</ul>
</li>


<li><b>Judul2</b></li>
<li><a href="#" target="_blank">subitem1.2</a></li>
<li><a href="#" target="_blank">subitem2.2</a></li>
<li><a href="#" target="_blank">subitem3.2</a></li>
</ul>


</li>
<li class="top"><a href="#" id="services" class="top_link"><span class="down">menu2</span></a>
<ul class="sub">
<li><a href="#" target="_blank">submenu1.2</a></li>
<li><a href="#" target="_blank">submenu2.2</a></li>
<li><a href="#" target="_blank">submenu3.2</a></li>
</ul>
</li>

</li>
<li class="top"><a href="#" id="services" class="top_link"><span class="down">menu3</span></a>
<ul class="sub">
<li><a href="#" target="_blank">submenu1.3</a></li>
<li><a href="#" target="_blank">submenu2.3</a></li>
<li><a href="#" target="_blank">submenu3.3</a></li>
</ul>
</li>

</li>
<li class="top"><a href="#" id="services" class="top_link"><span class="down">menu4</span></a>
<ul class="sub">
<li><a href="#" target="_blank">submenu1.4</a></li>
<li><a href="#" target="_blank">submenu2.4</a></li>
<li><a href="#" target="_blank">submenu3.4</a></li>
</ul>
</li>

<li class="top"><a href="#" id="profil" class="top_link"><span>menu5</span></a></li></li></li></ul>


Simpan dan lihat hasilnya.

Keterangan :
  • Warna Merah, Alamat URL yang akan kamu tuju sesuai dengan nama menu 
  • Warna Hijau,  Nama nama menu sesuai dengan kebutuhan
________________________________________________________

Ok.. Selamat mencoba..!

Semoga bermanfaat....!!

Kamis, 13 Mei 2010

Alternatif widget google translate untuk blogger

Penggunaan widget penterjemah pada blog / website bisa menjadi alternatif untuk memperoleh tambahan traffik karena dengan cakupan pembaca yang lebih luas dari berbagai negara dengan beragam bahasa.

Ada beberapa widget yang bisa kita gunakan untuk keperluan alih bahasa ini :
  1. Google translate
  2. Yahoo Babel Fish Translation
  3. Microsoft Translator widget
Untuk lebih menarik kita juga bisa membuat widget sendiri, cukup banyak blog yang membahas mengenai hal ini caranya cukup mudah bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :
  1. Silahkan login ke blogger 
  2. Klik Tata Letak
  3. Klik tab Elemen Halaman
  4. Klik Tambah Gadget
    tambahgadget
  5. Klik tanda plus (+) untuk HTML/Javascript
    html
  6. Copy paste kode berikut :



<style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>

<div>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="22" src="http://lh6.ggpht.com/_wC8_9aR_6uE/S-sB776niUI/AAAAAAAAC1U/53KmR8w--Po/English.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="22" src="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sB8GWAHJI/AAAAAAAAC1Y/81fOTrIntO4/French.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="22" src="http://lh5.ggpht.com/_wC8_9aR_6uE/S-sCFFa5WmI/AAAAAAAAC1c/97SQ7axFB7o/German.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="22" src="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sCYzIZffI/AAAAAAAAC10/vIA6TrkepxQ/Spain.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="22" src="http://lh5.ggpht.com/_wC8_9aR_6uE/S-sCFKZFwRI/AAAAAAAAC1g/KWQ1jFf8R7Y/Italian.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="22" src="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sB7-D9dsI/AAAAAAAAC1Q/-AKXc4EYB5k/Dutch.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="22" src="http://lh5.ggpht.com/_wC8_9aR_6uE/S-sCY8sWqeI/AAAAAAAAC1w/zaeK8Jq_mrg/Russian.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="22" src="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sCFq_2QyI/AAAAAAAAC1s/eKNJL3NTdNc/Portuguese.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="22" src="http://lh6.ggpht.com/_wC8_9aR_6uE/S-sCFU6ZB2I/AAAAAAAAC1k/EKW0esnRZwM/Japanese.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="22" src="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sCFawv3ZI/AAAAAAAAC1o/5h0bMG8dAvs/Korean.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="22" src="http://lh4.ggpht.com/_wC8_9aR_6uE/S-sB7kqyAHI/AAAAAAAAC1I/P-sumP3J2fA/Arabic.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="22" src="http://lh5.ggpht.com/_wC8_9aR_6uE/S-sB7wEy9XI/AAAAAAAAC1M/uErl2x0JVGU/Chinese-Simplified.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="14" /></a>
</div>



Keterangan :
  • kode warna merah : alamat URL image bendera sebagai icon ( bisa diganti dengan image yang lain sesuai kebutuhan )
  • kode warna hijau : tinggi dan lebar image icon bendera ( ubah sesuai kebutuhan )
  • posisi widget ini akan menyesuaikan lebar kolom yang ada sehingga bisa menjadi 1 / 2 /3 baris
Selamat mencoba
semoga bermanfaat..!
Terima kasih..!

Rabu, 12 Mei 2010

Peranan taman dan hutan kota sebagai paru paru hijau

 Monumen Nasional Jakarta
 Monumen Panglima Besar Jendral Sudirman - Pacitan

Isu pemanasan global yang muncul akhir akhir ini teryata bukan isapan jempol belaka, perubahan iklim dan naiknya suhu bumi telah menjadi hal yang nyata serta dapat kita rasakan walaupun kita mungkin tidak begitu perduli.

 Monumen Panglima Besar Jendral Sudirman - Pacitan

Kondisi sehari hari terutama di kota besar seperti surabaya, jakarta, malang, bandung dll, suhu yang cukup panas baik siang atau malam sudah merupakan hal yang biasa dan wajar pada saat ini, coba kita bandingkan pada kurun waktu sekitar 15 - 20 th yang lalu akan terlihat jelas adanya perubahan suhu yang mungkin cukup membuat kita akan berpikir "apa yang akan terjadi pada 30 - 50 th yang akan datang ?".

Beberapa waktu yang lalu saya pergi ke kota malang, saya pernah tinggal di kota malang sekitar tahun 1990, kondisi pada saat itu udara dingin ( terutama pada saat malam dan pagi hari ) tapi pada saat ini saya tidak menemukan segarnya udara dingin yang pernah saya nikmati pada sekitar th 1990, semuanya berubah dan terasa sekali perbedaannya.
Dalam kurun waktu 20 th telah terjadi perubahan suhu yang cukup terasa, kemajuan adalah hal mutlak yang harus terus diupayakan tapi apakah harus merusak alam..? apakah sudah terlambat untuk memperbaiki apa yang telah terjadi..?

Konsep pembangunan yang berwawasan lingkungan adalah jawaban yang paling masuk akal pada saat ini, baik pada daerah perkotaan dan pedesaan. penerapan perencanaan yang matang dengan memperhatikan aspek lingkungan adalah hal mutlak yang harus dilakukan pada saat ini bila kita ingin kota kita tetap hijau segar dan nyaman.
Kualitas taman dan hutan kota yang luasnya minimal 20% dari wilayah kota, dengan jarak dari perumahan sebaiknya tidak melebihi 300 m, serta utilitas dan banyaknya taman merupakan tujuan pokok tata kota kontemporer. Alun-alun sebagai taman/hutan kota merupakan ruang beraneka-ragam yang sangat mempengaruhi kualitas kehidupan dalam kota. Letak dan pengaturan penghijauan dalam tata-kota menentukan ciri-khas kota tersebut. Di wilayah kota lama sering terjadi kekurangan lahan hijau seperti jaringan penghubung (biotop interconnection) dengan penghijauan berbentuk bahu jalan yang ditanami dengan pohon peneduh dan semak belukar.

Penghijauan di lingkungan kota akan meningkatkan kualitas kehidupan dalam kota dengan produksi oksigennya yang mendukung kehidupan sehat bagi manusia, mengurangi pencemaran udara, serta meningkatkan kualitas iklim mikro. Air hujan yang turun diserap oleh tanah, dan kemudian menguap kembali, dengan demikian,tanaman ikut mengelola air hujan dan melindungi lereng gunung terhadap tanah longsor.

Semoga bermanfaat.
Terima kasih...!