GARA - GARA GAGAP

Pada suatu musim liburan ada sekelompok mahasiswa yang akan pergi camping dikaki gunung. Dan kebetulan sekali penanggung jawab sie perlengkapan agak agak gagap dalam berbicara. Sebelum berangkat semua sie diperiksa oleh Pak Ketua rombongan.

“Sie kesehatan siap?” tanya Pak Ketua

” Siap pak semua sudah tersedia dan cukup untuk keperluan selama camping !” jawab Sie Kesehatan.

” Sie transportasi?” tanya Pak Ketua.

“OK boss, malahan kelebihan mobil nih,” sahut Sie Transportasi.

Sampai akhirnya pada Sie Perlengkapan, “Kamu gimana perlengkapan dan tenda?” tanya Pak Ketua.

” Ss..ss…..ssss….” sahut si gagap terbata-bata.

Dan belum saja selesai berbicara langsung dipotong oleh Pak Ketua yang memang nggak sabaran.

“Ya udah kalo siap, kalo gitu kita berangkat…cabut!” kata Pak Ketua memberi komando.

Berangkatlah rombongan ini ke tempat camping. Sesampainya di lokasi, “Ayo bongkar muatan dan siapkan kayu api unggun, makanan dan dirikan tenda!” perintah Pak Ketua.

Read More

CARA MEMBUAT BLOG

Ini adalah postingan kedua blog TOBI di blog ini jadi maafkan apabila ada kesalahan yang kurang berkenan karena saya sendiri masih newbie di dunia blog, pada postingan kedua blog TOBI ini, saya ingin menerangkan tentang Cara Membuat Blog dengan se-mudah-mudahnya, sebelum saya menjelaskan cara membuat blog lebih baik saya menerangkan apa yang di maksud blog itu.

Blog merupakan singkatan dari "web blog" adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat dengan posting) pada halaman web umum. Dengan blog kita bisa menghasilkan, dan mencurahkan ide pikir sobat untuk di tampilkan secara umum.

Media blog pertama kali dipopulerkan oleh Blogger.com, yang dimiliki oleh PyraLab sebelum akhirnya PyraLab diakuisi oleh Google.Com pada akhir tahun 2002 yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut.

Read More

Menu Horisontal (drop down)

 Menu Horizontal banyak sekali yang menarik hati, jika ada sahabat yang ingin menu Horizontal seperti blog ini caranya sebagai berikut :

1.Masuk Atau Log In blogger dashboard--> layout- -> Edit HTML
2.Cari kode</head> tag .
3.Coppy dan pastekan kode di bawah ini taruh di atasnya kode </head> tag.

<style type='text/css'>
#catmenucontainer{
height:29px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVUvsVgKKV2nhHBm_zNSHRs1JCrshXHa8y5e2Pt9ks7miYCtB3hBbh8Ydg75TrctlpReiEO3TBtki_Yz6KWqF97HNl3pi6FG-ys2v4w8xrYLag7Y_BJTcOimbg6jmyeVukMj9QoMj7OXK8/) repeat-x;
display:block;
padding:0px 0 0px 0px;
font: 14px &quot;Century gothic&quot;,verdana, Arial, sans-serif;
font-weight:normal;
border-top:1px solid #686D6F;
}

#catmenu ,#catmenu ul {
margin: 0px 5px;
padding: 0px;
list-style: none;
height:29px;
}

#catmenu  a {
color: #999;
display: block;
font-weight: normal;
padding: 4px 10px 6px 10px;
}

#catmenu  a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZc6rEEDDxlCeCj58VbCvX5ByM51agXxuzsFZ__MsMWaZcgArLKFb3zXU-bko50adh75Gt7B45TdqjVA-OnT-IVtb94aGRjOPtuKajF874UaFoQ3OaUyI0qVR_TKG7k_0WjoZ86zDEkKmJ/) repeat-x;
color: #fff;
display: block;
text-decoration: none;
}

#catmenu  li {
float: left;
margin: 0px;
padding: 0px;
}

#catmenu  li li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 130px;
}

#catmenu  li li a, #catmenu  li li a:link, #catmenu  li li a:visited {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVUvsVgKKV2nhHBm_zNSHRs1JCrshXHa8y5e2Pt9ks7miYCtB3hBbh8Ydg75TrctlpReiEO3TBtki_Yz6KWqF97HNl3pi6FG-ys2v4w8xrYLag7Y_BJTcOimbg6jmyeVukMj9QoMj7OXK8/) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#E8EBEE;
border-bottom:1px solid #2C3133;
}

#catmenu  li li a:hover, #catmenu  li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZc6rEEDDxlCeCj58VbCvX5ByM51agXxuzsFZ__MsMWaZcgArLKFb3zXU-bko50adh75Gt7B45TdqjVA-OnT-IVtb94aGRjOPtuKajF874UaFoQ3OaUyI0qVR_TKG7k_0WjoZ86zDEkKmJ/) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#fff;
border-bottom:1px solid #2C3133;
}

#catmenu  li ul {
position: absolute;
width: 10em;
left: -999em;
z-index:1;
}

#catmenu  li:hover ul {
left: auto;
display: block;
}

#catmenu  li:hover ul, #catmenu li.sfhover ul {
left: auto;
}
</style>

4.Klik Simpan template.
5.Kemudian Klik Layout-->Page Elements dan klik "Add a gadget".
6.Pilih "html/java script" dan coppy pastekan kode berikut, kemudian klik simpan.

<div id='catmenucontainer'>

<div id='catmenu'>

<ul>

<li><a href='#' title='#'>Home</a></li>

<li><a href='#' title='#'>Web Design</a>
<ul class='children'>
<li><a href='#' title='#'>HTML</a></li>
<li><a href='#' title='#'>CSS</a></li>
<li><a href='#' title='#'>JavaScript</a></li>
</ul>
</li>

<li><a href='#' title='#'>Templates</a>
<ul class='children'>
<li><a href='#' title='#'>1 Column</a></li>
<li><a href='#' title='#'>2 Column</a></li>
<li><a href='#' title='#'>3 Column</a></li>
<li><a href='#' title='#'>4 Column</a></li>
</ul>
</li>

<li><a href='#' title='#'>Subscribe</a>
<ul class='children'>
<li><a href='#' title='#'>Email</a></li>
</ul>
</li>

<li><a href='#' title='#'>News</a></li>

<li><a href='#' title='#'>Google</a>
<ul class='children'>

Selesai dan lihat hasilnya seperti gambar di bawah ini :

Read More