Dampak Laptop Bagi Siswa

Dunia serba canggih, bahkan Einstein tak ada apa-apanya meskipun hanya di bandingkan dg Smartphone. Kemajuan tegnologi membawa perubahan yg besar terhadap peradaban umat .

Ojo Dumeh

Falsafa kuno, dari bahasa Jawa yang memiliki arti ojo = jangan Dumeh = sombong,pamer,lupa diri.ketika seseorang sudah dihinggapi "ojo dumeh" ojo dumeh....SehatJangan sombong ketika saat ini diberi kesehatan.

Makna Aksara Jawa

Petuah Jawa Dua puluh Aksara Jawa yang tersusun dalam empat baris itu dalam sejarahnya memiliki muatan cerita

Mengendalikan Range (Turial VBE)

Mengendalikan Range merupakan hal yang penting dalam pemograman VBE.

SERAT KALATIDA

Sinom 1. Mangkya darajating praja, Kawuryan wus sunyaturi, Rurah pangrehing ukara, Karana tanpa palupi, Atilar silastuti, Sujana sarjana kelu, Kalulun kala tida,

November 20, 2009

MEMBUAT FRAME POSTING

Kode dibawah ini sangat berguna dalam penulisan blog yang memerlukan frame atau bingkai,
Contoh kalimat :




Untuk menuliskan posting di atas digunakan kode :



MENAMPILKAN KODE HTML PADA POSTING

Untuk menampilkan kode html pada posting dengan cara
Memberi kode <code> pada awal scrip (kode)

Memberi kode </code> pada akhir scrip (kode)

Mengganti kode < di ganti dengan kode &lt;

Mengganti kode > di ganti dengan kode &gt;

Contoh kalimat :


Menjadi :

November 16, 2009

MEMBUAT SUB MENU (ACCORDIOAN MENU)


Pada Tutorial Blog yang lalu sudah diposting cara membuat horizontal navigasi pada blog.Pada Tutorial blog kali ini adalah tentang Menu Horizontal Multi Level Drop Down Sub.Mungkin beberapa blog sudah membahas cara membuatnya,namun tidak ada salahnya saya memposting tutorial blog ini lagi karena atas permintaan beberapa blog pemula yang ingin memasang Menu Horizontal Multi Level Drop Down Sub. Pada dasarnya sama saja hanya Menu Horizontal Multi Level Drop Down Sub setiap main menu masih terdiri dari beberapa sub menu.Jadi untuk menavigasi menu-menu pada blog anda akan sangat mudah bagi para pembaca.Cara membuatnya adalah sebagai berikut.
1.Login pada Blogger.
2.Klik pada Layout pada Dashboard.
3.Pada Layout klik Edit HTML .
4.Temukan kode </b:skin>
5.Letakkan kode dibawah ini sebelum kode </b:skin> tersebut

.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

6.Temukan kode berikut </head>
7.Letakkan kode dibawah ini sebelum kode </head> tersebut.

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src=' http://h1.ripway.com/anshul555/slidemenu_horiz.js ' type='text/javascript'/>

8.Selanjutnya temukan kode dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Testing templates (Header)' type='Header'/>
</b:section>
</div>

9.Letakkan kode dibawah ini setelah kode tersebut pada langkah 8.

<div class='jqueryslidemenu' id='myslidemenu'>
<ul>
<li><a href='http:marchsya.blogspot.com'>Home</a></li>
<li><a href='#'>Daftar Isi</a></li>
<li><a href='#'>Tutorial Blog</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Islam</a></li>
<li><a href='#'>Folder 2</a>
<ul>
<li><a href='#'>Sub Item 2.1</a></li>
<li><a href='#'>Folder 2.1</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Folder 3.1.1</a>
<ul>
<li><a href='#'>Sub Item 3.1.1.1</a></li>
<li><a href='#'>Sub Item 3.1.1.2</a></li>
<li><a href='#'>Sub Item 3.1.1.3</a></li>
<li><a href='#'>Sub Item 3.1.1.4</a></li>
<li><a href='#'>Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://marchsya.blogspot.com'>Tukar Link</a></li>
</ul>
<br style='clear: left'/>
</div>

8.Setelah itu Save.
Anda dapat mengganti kata Home, Daftar isi, Tutorial Blog, Islam,Tukar Link dan beberapa submenu dengan nama menu yang anda inginkan sebagai navigasi blog.Selamat mencoba



November 15, 2009

HORIZONTAL LINK TAB MENU

Sistem navigasi yang baik dalam blog sangatlah diperlukan yang jelas2 dapat mempermudah pengunjung blog saat sedang menjelajahi isi blog kamu. Sistem navigasi ini bisa berupa Menu, baik horizontal maupun vertikal, atau berupa post yg dengan sedemikian rupa diubah menjadi halaman navigasi. Lalu, apa yg menarik dari Menu Horizontal Tab ini?

horizontal menu
Menu Horizontal bisa menjadi alternatif buat Menu Vertikal biasanya dan bisa jadi ngebuat halaman blog jadi lebih hemat. Melihat dari pentingya keberadaan nya, Menu Horizontal Tab biasanya diletakkan di tempat yg mudah dilihat pengunjung.
Di bawah Header contohnya.

1. Langkah pertama, masuk ke Layout > Edit HTML.

2. Masukkan kode CSS ke dalam template, gampangnya letakkan di atas kode ]]>

#navigation{font-size:110%;
height:2.2em;
line-height:2.2em;
margin:0 1px;
color:#999;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ccc;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #999;
}
* html #navigation a {width:1%;}
#navigation a:hover{
background:#ccc;
color:#fff;
text-decoration:none;
}


3. Selanjutnya cari kode ini:




Kalo engga ketemu cari section dengan class="header".
Lalu ubah menjadi:




Ini dilakukan supaya kamu bisa memasukkan element di bawah bagian header blog kamu.

4. Lalu masuk ke Page Elements. Di bawah bagian Header, klik Add a Gadget. Pilih HTML/JavaScript

5. Masukkan kode2 ini ke dalamnya:




6. Klik save.


Menu horizontal tab sebaiknya diisi dengan link yg bisa menjadi 'pintu2' bagi artikel lainnya. Contohnya dengan link menuju label tertentu. Dan jangan juga mengisi nya dengan terlalu banyak link, tentunya bakal bikin jadi penuh nantinya.