#sidemnu { background: transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/CircleBlueKilatH77V82.png) right top no-repeat; padding: 0; position: absolute; left: 0; width: 480px; margin-left: -400px; margin-top: 150px; -o-transition: all 3s ease-in; -moz-transition: all 3s ease-in; -webkit-transition: all 3s ease-in; opacity: 0.4; } #sidemnu:hover { opacity: 1.0; -o-transform: translate(400px); -moz-transform: translate(400px); -webkit-transform: translate(400px); } .GRmouseover { font: 19px Arial Narrrow; font-weight: bold; float: right; margin: 30px 10px 0 0; color: #FF0000; text-shadow: 0.01em 0.01em 0.2em #fff; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .GRmouseover:hover { -o-transform: scale(1.5) rotate(720deg) translate(0px); -moz-transform: scale(1.5) rotate(720deg) translate(0px); -webkit-transform: scale(1.5) rotate(720deg) translate(0px); color: #0000FF; text-shadow: 1px 1px 2px #000; background: #d3020c; padding: 0 8px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #777; } #sidemnu .boxdalam { padding:10px 5px; border: 1px solid #333; background: #bbdce9; width: 380px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000; } #sidemnu .boxdalam2 { width: 355px; color: #000066; font: 12px Arial; padding: 20px 10px; } #sidemnu .boxdalam ul, #sidemnu .boxdalam li{list-style: none;margin: 0;padding: 0;} #sidemnu .boxdalam h3 { font: 18px Droid Serif; font-weight: bold; color: #914c03; text-shadow: 0 1px 1px #fff; border-bottom: 1px dotted #555; border-top: 1px dotted #555; background: #a0cbdc; text-align: center; } #sidemnu .boxdalam li { background: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Arrow/RedArrowH12V10.png) top left no-repeat; background-position: 0px 3px; border-bottom: 1px dotted #666; } #sidemnu .boxdalam li:hover { background: none; } #sidemnu .boxdalam li a{ padding-left: 20px; font: 12px Arial Narrow; color: #000; text-shadow: 0px 1px 1px #fff; text-decoration: none; } #sidemnu .boxdalam li a:hover{ color: #eee; background: #222; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0px 0px 1px red; line-height: 20px; margin:0 10px; } #sidemnu .boxdalam img { padding: 2px; border: 6px solid #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-transition: all 3s ease; -moz-transition: all 3s ease; -webkit-transition: all 3s ease; opacity: 0.5; } #sidemnu .boxdalam img:hover { opacity: 1.0; } /*– CSS Kursor Diikuti Jam –*/ .cursor_jam1{ background:transparent; position:absolute; top:0px; left:0px; width:16px; height:16px; font-family:cursive; font-size:16px; text-align:center; font-weight:bolder; } .cursor_jam2{ position:absolute; top:0px; left:0px;width:12px; height:12px; font-family:cursive; font-weight:bolder; font-size:10px; text-align:center; } /*– END CSS –*/ Dikutip dari: http://ade-tea.blogspot.com/2011/05/kursor-diikuti-jam-dan-tanggal-v2.html#ixzz1giddt57X Dikutip dari: http://ade-tea.blogspot.com/2011/04/membuat-slide-in-menu.html#ixzz1giZAvMk1 Oktober 2011 ~ munindar cuah kulon x
selamat datang di blog saya muhammad ali munindar thank you because you have filled my day today so far with something that could not be I forget until I die ..........

This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Jumat, 14 Oktober 2011

CARA MEMBUAT CONEKTOR JEMBATAN BETON


CARA MEMBUAT CONEKTOR JEMBATAN BETON
Conektor jembatan beton adalah satu bahan untuk rangkaian dasar pembuata jembatan beton yang berfungsi untuk mengapit besi beton sebelum di lapisi semen.

ALAT DAN BAHAN :
1.Alat
  1. Jangka sorong Ketelitian 0,02mm
  2. Pahat rata(jenis widia)
  3. Pahat setengah lingkaran(jenis widia)
  4. Pahat panggul(jenis Widia)
  5. Mesin bubut (3000x1000x1000mm)
  6. Bor Diameter 25 mm
  7. Bor Diameter 5 mm
  8. Tap Ukuran 5x1,75mm
2.Bahan
  1. Besi C 50 Ukuran 50x75mm untuk bagian bawah conektor
  2. Besi C 50 Ukuran 50x125mm untuk bagian atas conektor


CARA MEMBUAT CONEKTOR JEMBATAN BETON
  1. Bagian Bawah
    • Cekam benda kerja ,atur kecepatan cekam mesin bubut
    • Pasang Bor Ukuran 25mm pada kepala lepas
    • Hidupkan mesin
    • Bor benda kerja dengan kedalaman 50mm
    • Pasang pahat rata pada reovet setinggi senter
    • Ubah sudut eretan atas sehingga membentuk sudut 25 derajat
    • Pahat benda kerja dari arah senter kearah cekam dengan menggunakan eretan atas sehingga membentuk sudut 25 derajat
    • Matikan mesin
  2. Bagian Atas
    • Cekam benda kerja Ukuran 50x125 mm
    • Pasang pahat rata pada reolvet
    • Hidupkan mesin
    • Bubut benda kerja sepanjang 75mm hingga membentuk diameter 25mm
    • Pasang bor Ukuran 5mm pada kepala lepas
    • Bor benda kerja sedalam 3cm
    • Matikan mesin dan cekam benda kerja pada ujung yang sebaliknya
    • Pasang pahat panggul pada reolvet
    • Sayat benda kerja hingga membentuk diameter 25mm dengan terlebih dahulu di beri jarak pembubutan 1cm pada kedua ujungnya
    • Matikan mesin
    • Tap benda kerja dengan menggunakan tap ukuran 1,75mm sedalam 3 cm
Satukan ujung atas dan ujung bawah konektor dengan cara memasukkan ujung bagian atas di ujung bawah konektor yang sudah dib or


Senin, 10 Oktober 2011

8 Gua Yang Eksotik , Peninggalan Peradaban Tinggi Manusia

1. Petra, Jordan
Kota Petra di Yordania dikenal sebagai setting dari film, Indiana Jones dan Perang Salib Terakhir. Ini juga salah satu dari 7 keajaiban dunia yang baru, dan sangat mudah untuk melihat mengapa arsitektur termasuk yang paling canggih yang pernah dilihat. Dibangun ke dalam lereng Gunung Hor, Petra berkembang selama zaman Romawi, tetapi tidak diketahui oleh dunia barat sampai 1812 ketika ditemukan oleh penjelajah Swiss, Johann Ludwig Burckhardt. Lebih dari 800 monumen individu dapat dilihat di Petra, termasuk makam,tempat mandi, ruang pemakaman dan kuil.
2. Al-Hijr, Saudi Arabia



Di antara situs paling terkenal Arab Saudi arsitektur adalah Al Hijr, juga dikenal sebagai Madain Saleh. Bagian depan tempat tinggal di Al Hijr telah diukir di gunung batu pasir kadang-kadang di milenium kedua SM. Al Hijr - yang secara harfiah berarti 'tempat berbatu' - diyakini telah dihuni oleh Nabataeans dan Tsamud. Ini fitur sumur air, makam monumental awet, prasasti dan gambar gua.

3. Rock-Hewn Churches of Lalibela, Ethiopia


struktur paling menakjubkan diukir dari batu adalah gereja-gereja Lalibela, Ethiopia. 11 batu dipahat gereja masing-masing telah diukir dari satu blok granit dengan atap yang di permukaan tanah. Abad ke-12 Raja Lalibela ditugaskan gereja-gereja dengan tujuan menciptakan Yerusalem Baru bagi mereka yang tidak bisa membuat ziarah ke kota aslinya. Setiap gereja diciptakan oleh mengukir parit lebar di keempat sisi batu dan kemudian dengan susah payah memahat keluar interior. Yang terbesar di antara mereka berdiri setinggi 40 meter.

4. Abu Simbel Nubian Monuments, Egypt



Empat kolosal patung kuno Mesir Firaun Ramses II penjaga pintu Abu Simbel, sebuah candi dipotong dari tebing batu pasir di atas Sungai Nil. Ditugaskan oleh Ramses sendiri, candi menghadap ke timur sehingga dua kali setahun, sinar matahari mencapai ke dalam tempat kudus terdalam, menerangi patung Ptah, Amun-Re, Ramses II dan Re-Horakhty. Kompleks dipindahkan seluruhnya dari pengaturan aslinya pada tahun 1960 untuk menghindari banjir ketika Danau Nasser telah dibuat.

5. Goa Gajah, Elephant Cave Temple, Bali


Gojah goa, Goa Gajah , merupakan salah satu situs Bali yang paling historis signifikan. Gua tampaknya sebagian hancur oleh bencana alam lama, dan tidak terdeteksi selama berabad-abad sampai sebuah tim arkeolog Belanda menemukannya pada tahun 1923. Pemikiran telah dibangun pada abad ke 11, Goa Gojah fitur patung dipengaruhi oleh Hindu dan Budha dan berisi ruang meditasi rahasia bagi para imam atau pertapa. Dua kolam renang mandi tradisional di luar gua mengandung air dikatakan memiliki sifat magis.

6. Cappadocia Cave Houses, Turkey


Cappadocia adalah salah satu dari 73 provinsi saat Republik Turki, dan memiliki salah satu pemandangan paling aneh dan menarik di dunia. Tanah, batu kerdil fitur formasi batuan tufa 'vulkanik aneh disebut sebagai' Fairy Chimneys 'serta kota-kota bawah tanah kompleks dan bangunan dipotong dari' tufa 'lembut. Banyak dari mereka adalah gereja, dengan kolom dan lengkungan menghias wajah batu dari sepotong dinyatakan alami dari batu.

7. Ancient Rock City of Matera, Italy


Di kota Matera batuan kuno di Italia barat daya, orang tinggal di rumah yang sama persis bahwa nenek moyang mereka tidak 9.000 tahun yang lalu. Matera diciptakan dari jurang berbatu dan gua-gua alam yang banyak di daerah tersebut - disebut 'Sassi di Matera' - adalah rumah pertama dari penduduk Neolitik di wilayah tersebut. Gua menciptakan labirin rumah, dan itu hampir mustahil untuk membedakan formasi batuan alam dari arsitektur kuno. Rumah-rumah tampaknya tumbuh dari batu dengan cara organik, menciptakan sedikit dari objek wisata dari apa yang pada pertengahan abad ke-20 sebuah kota hantu. Matera adalah terutama pengaturan untuk film Mel Gibson "The Passion dari Kristus '.

8. Yungang Grottoes, China


Para Grottoes Yungang dari Datong di propinsi Shanxi Cina terdiri dari 53 gua dan 51.000 patung, dan adalah salah satu contoh China yang paling indah seni gua. Menara raksasa Buddha atas pengunjung yang angin melalui gua melihat banyak patung di dalamnya. Sebagian besar karya seni yang pernah di dalam gua-gua itu dicuri di awal abad 20 dan bangunan candi kayu yang dilindungi sekali gua-gua terbakar habis. Jadi, situs ini sekarang sangat membutuhkan perlindungan dan telah bernama sebuah situs warisan dunia UNESCO.

SUMBER >>BLOG FOTO HOT http://forum.vivanews.com/aneh-dan-lucu/66387-8-gua-yang-eksotik-peninggalan-peradaban-tinggi-manusia.html?s=6794219e41a8bc5439c378bffc1d52e5#post1133103

Jumat, 07 Oktober 2011

Cara Membuat Menu Drop Down Horizontal Dengan JavaScript

hari yang lalu kita telah belajar membuat menu horizontal pada blogspot.http://tutorial-website.blogspot.com/2009/03/membuat-menu-drop-down-horizontal.html Pada postingan ini, saya akan memaparkan bagaimana membuat menu drop down horizontal pada blogspot. Menu drop down merupakan menu yang mempunyai sub-sub menu didalamnya. Prisipnya adalah ketika pointer menyorot sebuah main menu, maka akan muncul sub menu dari main menu tersebut. Kode-kode ini saya dapat dari www.dynamicdrive.com. Klik disini untuk melihat contohnya.
Bagaimana cara menambahkan menu drop down pada blog kita? Berikut langkah-langkahnya:
  1. Silahkan login terlebih dahulu pada akun Blogspot pembaca
  2. Klik link menu Tata Letak dan pilih sub menu Edit HTML dan beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget
  3. Jangan lupa untuk membackup terlebih dahulu template pembaca agar jika terjadi kesalahan bisa dikembalikan lagi pada kondisi semula. Klik link Download Template Lengkap
  4. Copy paste kode berikut di atas tag </head>
    <script type="text/javascript"
    src="http://nestoriko.googlepages.com/chrome.js">
    </script>

  5. Cari kode ]]></b:skin> kemudian tambahkan struktur CSS dibawah ini dengan mengcopy paste diatas kode ]]></b:skin>

    .chromestyle{
    width: 100%;
    font-weight: bold;
    }

    .chromestyle:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .chromestyle ul{
    border: 1px solid #BBB;
    width: 100%;
    background: url(http://nestoriko.googlepages.com/chromebg2.gif) center center repeat-x;
    padding: 4px 0;
    margin: 0;
    text-align: center;
    }

    .chromestyle ul li{
    display: inline;
    }

    .chromestyle ul li a{
    color: #494949;
    padding: 4px 7px;
    margin: 0;
    text-decoration: none;
    border-right: 1px solid #B5E2FE;
    }

    .chromestyle ul li a:hover, .chromestyle ul li a.selected{
    background: url(http://nestoriko.googlepages.com/chromebg2-over.gif) center center repeat-x;
    }

    .dropmenudiv{
    position:absolute;
    top: 0;
    border: 1px solid #B5E2FE;
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA
    ,direction=135,strength=4);
    }

    .dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #B5E2FE;
    padding: 2px 0;
    text-decoration: none;
    font-weight: bold;
    color: black;
    }

    .dropmenudiv a:hover{
    background-color: #EBF7FF;
    }

  6. Cari struktur seperti dibawah ini pada template pembaca
    <b:includable id='description'>
    <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </div>

  7. Jika sudah ketemu, copy paste struktur berikut ini tepat dibawah struktur yang Anda temukan pada langkah 6
    <div class="chromestyle" id="chromemenu">
    <ul>
    <li><a href="http://tutorial-website.blogspot.com">Home</a></li>
    <li><a href="#" rel="dropmenu1">Menu1</a></li>
    <li><a href="#" rel="dropmenu2">Menu2</a></li>
    </ul>
    </div>

    <!--menu drop down pertama -->
    <div id="dropmenu1" class="dropmenudiv">
    <a href="URL sub menu1">Sub Menu1</a>
    <a href="URL sub menu2">Sub Menu2</a>
    <a href="URL sub menu3">Sub Menu3</a>
    </div>


    <!--menu drop down kedua -->
    <div id="dropmenu2" class="dropmenudiv">
    <a href="URL sub menu1">Sub Menu1</a>
    <a href="URL sub menu2">Sub Menu2</a>
    <a href="URL sub menu3">Sub Menu3</a>
    </div>

    <script type="text/javascript">
    cssdropdown.startchrome("chromemenu")
    </script>
  8. Coba perhatikan tulisan yang berwarna merah struktur tersebut. Tulisan "dropmenu1" dan "dropmenu2" tersebut merupakan atribut rel dari parent menu drop down yang kita buat. Pada bagian tersebut terlihat bahwa terdapat 2 menu drop down, yaitu "Menu1" dan "Menu2" (warna biru). Jika pembaca ingin menambah menu drop down lagi misalnya "Menu3", maka buatlah juga atribut rel untuk "Menu3" tersebut misalnya "dropmenu3", setelah itu tambahkan struktur menu drop down untuk "Menu3" setelah menu drop down kedua". Sehingga strukturnya akan menjadi:
    <div class="chromestyle" id="chromemenu">
    <ul>
    <li><a href="http://tutorial-website.blogspot.com">Home</a></li>
    <li><a href="#" rel="dropmenu1">Menu1</a></li>
    <li><a href="#" rel="dropmenu2">Menu2</a></li>
    <li><a href="#" rel="dropmenu3">Menu3</a></li>
    </ul>
    </div>

    <!--menu drop down pertama -->
    <div id="dropmenu1" class="dropmenudiv">
    <a href="URL sub menu1">Sub Menu1</a>
    <a href="URL sub menu2">Sub Menu2</a>
    <a href="URL sub menu3">Sub Menu3</a>
    </div>


    <!--menu drop down kedua -->
    <div id="dropmenu2" class="dropmenudiv">
    <a href="URL sub menu1">Sub Menu1</a>
    <a href="URL sub menu2">Sub Menu2</a>
    <a href="URL sub menu3">Sub Menu3</a>
    </div>

    <!--menu drop down ketiga-->
    <div id="dropmenu3" class="dropmenudiv">
    <a href="URL sub menu1">Sub Menu1</a>
    <a href="URL sub menu2">Sub Menu2</a>
    <a href="URL sub menu3">Sub Menu3</a>
    </div>

    <script type="text/javascript">
    cssdropdown.startchrome("chromemenu")
    </script>
  9. Perhatikan bahwa nama atribut ID untuk menu drop down ketiga harus sama dengan nama atribut rel untuk "Menu3" yaitu "dropmenu3". Begitu pula jika pembaca ingin menambah menu drop down keempat, kelima, dan seterusnya.
  10. "URL sub menu1" merupakan URL halaman yang akan dituju jika "Sub Menu1" diklik, dan seterusnya. Silahkan pembaca ganti nama menu, sub menu, dan juga URL dari menu drop down tersebut.
  11. Bagi pembaca yang membuat web dengan menggunakan menggunakan software web design seperti dreamweaver, langkahnya hampir sama dengan yang diatas. Hanya saja struktur yang ada pada langkah 7 diletakkan pada bagian halaman web dimana pembaca ingin menambahkan menu drop down tersebut.
Selamat mencoba dan jangan lupa meninggalkan komentar ya

Bookmark and Share

POSTINGAN LAIN YANG BERHUBUNGAN :



Share

Twitter Delicious Facebook Digg Stumbleupon Favorites

 
Dikutip dari: http://ade-tea.blogspot.com/2011/05/kursor-diikuti-jam-dan-tanggal-v2.html#ixzz1gig459HQ