Jejak Anak Borneo-rinus91: November 2012

Kamis, 15 November 2012

Cara Membuat Menu Dropdown Horizontal Floating Keren Di Blog

Kenal dengan Menu Dropdown kan ?, Menu Navigasi ini memang banyak digemari oleh para blogger karena dapat menghemat tempat dengan mengelompokan beberapa kategri dalam satu wadah.

Dropdown menu yang akan kita buat berbeda dengan menu dropdown pendahulunya. kali ini dropdown menu tampil keren dan menarik. posisi ploating sehingga akan selalu terlihat dan mudah diases pengunjung blog. Bagai mana caranya, langsung saja ikuti langkah berikut ini :

Pastikan kamu sudah login ke Dashbord Blog kamu
Dari Dashbord blog kamu Pilih Templete untuk mengakses halaman Edit HTML
Jangan lupa untuk Download Lengkap Template terlebih dahulu
Jika semua sudah sekarang Cari Kode ]]></b:skin> Gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode
Jika kode sudah ketemu,, Copy kode berikut dan letakan diatas kode ]]></b:skin>

/* Horyzontal Droupdown menu
----------------------------------------------- */
#top-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG_5EviJe6VdTxm0MJS_ZToMck8OmZ690eZIrn4gBnpBysTdU4SGJhV7G_kXXJ6HhF-JdYquuq_9wk5LS1ZWl6AMVyMRHbT1sWiKUnqq6PyCbx0qKVt7nSLDKXIU30ybZ1H4V4Gz9WtMw1/s1600/menutop.png) repeat-x;width:100%;margin:0 auto;padding:0 auto;-moz-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);-webkit-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);border-bottom:1px solid #444;border-top:3px solid #f1c822}
#topbar{width:980px;height:40px;margin:0 auto}
#top{width:100%}
#top,#top ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#top a{display:block;text-decoration:none;font:normal 11px Arial;text-transform:none;color:#CECECF;border-right:1px solid #484747;border-left:1px solid #191919;padding:7px 10px 7px}
#top a.arrow{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTUv3VRthX22WorKH6NyUTkpusAlbhp3jPhIdiwreQNxiqsSpEMU2RPqNeGxVfnnDN8V1o5BcZEX-dTDu9tvWs-1407y883NAgnBAxURmcGe9OxwKX9BpBgJ3yRMs3SHOnJ8EF2MhsgPY/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:7px 24px 7px 10px}
#top li{float:left;position:static;width:auto}
#top li ul,#top ul li{width:170px}
#top ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#top li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:0px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4)}
#top li:hover a,#top a:active,#top a:focus,#top li.hvr a{background-color:#222;color:#fff}
#top li:hover ul,#top li.hvr ul{display:block}
#top li:hover ul a,#top li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#top li ul li.hr{border-bottom:1px solid #333;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:0px 0}
#top ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
#top a span,#top a.arrow span{font:bold 12px Arial;color:#888;display:block;line-height:16px;text-transform:uppercase;text-shadow: 1px 2px 2px #000}
#top li:hover a span,#top li:hover a.arrow span{color:#f1c822}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
#inner{padding-top:40px;}
#fixed {position:fixed;top:0;left:0;width:100%;height:40px;z-index:999;}
#fixedinner{text-align:center;background:transparent;height:40px;position:relative;z-index:999;}
* html, * html body{overflow-y:hidden;height:100%;}
* html #fixedinner{margin-right:-143px;voice-family: "\"}\""; voice-family:inherit; }
* html #fixedinner{margin-right:17px;}
* html #fixed {position:absolute;}

Kode Warna Kuning diatas adalah ukuran panjang menu
Kalau sudah, langkah selanjutnya cari salah satu kode berikut :

<div id='header-wrapper'>
(disini nanti letak kode menu dropdown)
</b:section>
</div>

Jika Tidak Ketemu Kode Diatas Cari Kode Yang Ini

<div class='header-outer'>
(disini nanti posisi kode menu dropdown)
</b:section>
</div>

Jika Sudah ketemu salah satu kode diatas letakan Kode dibawah ini dibawah salah satu kode Diatas

<div id='fixed'>
<div id='fixedinner'>
<div id='top-wrapper'>
<div id='topbar'>
<ul id='top'>
<li><a href='/'><span>Welcome</span>Homepage</a></li>
<li><a href='#'><span>This is</span>About Us</a></li>

<li><a class='arrow' href='#'><span>Menu 1</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 2</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 3</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 5</a></li>
</ul>
</li>

</ul>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div>
</div></div>

Sehingga susunannya menjadi seperti ini

<div class='header-outer'>

<div id='fixed'>
<div id='fixedinner'>
<div id='top-wrapper'>
<div id='topbar'>
<ul id='top'>
<li><a href='/'><span>Welcome</span>Homepage</a></li>
<li><a href='#'><span>This is</span>About Us</a></li>

<li><a class='arrow' href='#'><span>Menu 1</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 2</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 3</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 5</a></li>
</ul>
</li>

</ul>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div>
</div></div>

</b:section>
</div>

Sekarang Klik Simpan Template
Selesai dan Lihat hasilnya

Selamat Mencoba.

Salam,

Jejak Anak Borneo

Semat Mencoba dan semoga bisa bermanfaat.

Senin, 12 November 2012

LATIHAN SOAL UTS PTIK SEMESTER 1

Pertemuan 1

1. Era komunikasi cetak,dimulai tahun……..

a. Tahun 1946

b. Tahun 1844

c. Tahun 1456

d. Tahun 1990

e. Tahun 1982

2. Pi sheng menemukan sejenis alat cetak buku sederhana pertama

kali di………..

a. Eropa

b. Cina

c. Amerika

d. Jerman

e. Indonesia

3. Era komunikasi telekomunikasi,dimulai tahun……..

a. Tahun 1946

b. Tahun 1844

c. Tahun 1456

d. Tahun 1990

e. Tahun 1982

4. www.bsi.ac.id merupakan salah satu contoh peranan teknologi informasi di

bidang …………….

a. Kepolisian

b. Pendidikan da Kebudayaan

c. Pendidikan

d. Hubungan Masyarakat

e. Pelayanan Publik

5. Yang termasuk ke dalam Evolusi Perkembangan TI adalah kecuali :

a. Era Komputerisasi

b. Era Teknologi Komunikasi

c. Era Sistem Informasi

d. Era Globalisasi Informasi

e. Semua Salah

Pertemuan 2

1. Yang termasuk ke dalam perkembangan dari komputer antara lain meliputi kecuali

a. minicomputer

b. PC (Personal Computer)

c. Laptop / Notebook

d. Halmtop

e. Mainframe

2. Teknologi merupakan sisi ……. dari kebutuhan akan sarana pengolahan data dan komunikasi yang cepat dan murah.

a. Supply

b. demand

c. utama

d. tenant

e. Sekunder

3. Sebuah sistem yang mampu menghubungkan dan menggabungkan beberapa titik komunikasi menjadi satu kesatuan yang mampu berinteraksi antara satu dengan lainnya. Adalah definisi dari …

a. Jaringan Komputer d. Jaringan Telepon

b. Jaringan Komunikasi e. Jaringan Informasi

c. Jaringan Satelit

4. Alat yang memungkinkan PC, mini Computer, atau Mainframe untuk menerima dan mengirim data dalam bentuk digital melalui saluran telepon adalah

a. Modem c. HUB e. Semua Benar

b. Repeter d. Bridge

5. Yang termasuk kedalam kelompok software adalah

kecuali

a. e-commerce c. DSS e. OA (Office Automation )

b. GIS d. E-mobile

Pertemuan 3

1. Suatu sistem bilangan, senantiasa mempunyai, kecuali

a. Base (radix)

b. Absolute digit

c. Positional (place) value

d. Jumlah bilangan

e. Semua Benar

2. Sistem bilangan biner mempunyai basis

a. 10 c. 8 e. 7

b. 2 d. 16

3. 1001110(2) =…(8)

a. 116(8) c. 161(8) e. 166(8)

b. 611(6) d. 16(8)

4. 55(10) =….(2)

a. 110011(2) c. 11100(2) e. 11001(2)

b. 101100(2) d. 110111(2)

5. Suatu cara untuk mewakili besaran dari suatu item fisik, adalah definisi dari

a. Sistem Pengkodean

b. Sistem Penilaian

c. Sistem Bilangan

d. Sistem Informasi

e. Sistem Hitungan

Pertemuan 4

01.Berikut ini adalah bentuk komunikasi jarak jauh sebelum ditemukannya sinyal listrik, kecuali :

a. Merpati Pos c. Bedug e. Bunyi-bunyian

b. Kurir d. Telegraph

02.Ilmuwan yg menemukan sistem komunikasi berita berupa telegraph adalah :

a. Thomas Alfa Edison

b. Alexander Graham Bell

c. Morse

d. Blaise Pascal

e. Einsten

03. Sistem yang tidak memungkinkan terjadinya dialog antara komputer pemakai / terminal dengan komputer pusat aplikasi adalah

a. Interaktif c. Non Interaktif e. Offline

b. Non Aktif d. Online

04.Berikut ini yg tdk termasuk dlm bntk komunikasi adalah :

a. Komunikasi Data

b. Komunikasi Berita & Gambar

c. Komunikasi Suara

d. Komunikasi Interaktif

e. Semua Benar

05. Data dikirimkan hanya kesatu arah saja. Pengirim & penerima tugasnya tetap adalah ciri dari metode hubungan….

a. Simplex c. Half Duplex e. Full Simplex

b. Duplex d. Full Duplex

Pertemuan 5

1. Untuk memeriksa hubungan yang terjadi antara satu

komputer dengan komputer lainnya dalam mengirimkan

sejumlah paket data dipergunakan perintah :

a. Telnet c. Gopher e. IRC

b. Ping d. FTP

2. Internet adalah singkatan dari …..

a. Internal Network

b. International Networking

c. International Network

d. Intern Networking

e. b dan c benar

3. Menggunakan media apakah untuk menghubungkan

komputer yang letaknya berjauhan :

a. Telnet c. Gopher e. MIRC

b. Ping d. Chat

4. Aplikasi yang dapat mencari informasi yang ada di Internet,

tetapi hanya "text base" saja, atau berdasarkan teks adalah :

a. Telnet c. Gopher e. MIRC

b. Ping d. Ping

5. Jaringan komputer pertama yang dibuat oleh Departemen

Pertahanan Amerika Serikat adalah:

a. DARPAnet c. INTERnet e. DAPAnet

b. ARPAnet d. INTRAnet

Pertemuan 6

1. Beberapa Browser yang lazim digunakan yaitu kecuali

a. Netscape Navigator

b. Internet Explorer

c. Opera

d. Spy Mosaic

e. Semua Benar

2. Jika kita ingin menjelajahi World Wide Web maka kita

membutuhkan sebuah aplikasi (software) yang sering

disebut

a. Searching c. Browsing e. Browsher

b. Browser d. Search Engine

3. Service transfer yang digunakan di dalam web adalah

a. HTTP c. WWW e. FTP

b. PTF d. Transtool

4. www.bsi.ac.id merupakan contoh alamat internet bertipe

domain :

a. Militer c. Pendidikan e. Perdagangan

b. Pemerintahan d. Organisasi

5. Sebuah lokasi di internet yang memiliki akses ke semua

pengguna internet dan dapat saling bertukar dokumen

disebut

a. Website c. Webhosting e. Webposting

b. Webrowser d. Webserver