1.1. Sejarah DNS
Sebelum dipergunakannya DNS, jaringan komputer menggunakan HOSTS files yang berisi informasi dari nama komputer dan IP address-nya. Di Internet, file ini dikelola secara terpusat dan di setiap loaksi harus di copy versi terbaru dari HOSTS files, dari sini bisa dibayangkan betapa repotnya jika ada penambahan 1 komputer di jaringan, maka kita harus copy versi terbaru file ini ke setiap lokasi. Dengan makin meluasnya jaringan internet, hal ini makin merepotkan, akhirnya dibuatkan sebuah solusi dimana DNS di desain menggantikan fungsi HOSTS files, dengan kelebihan unlimited database size, dan performace yang baik. DNS adalah sebuah aplikasi services di Internet yang menerjemahkan sebuah domain name ke IP address. Sebagai contoh, www untuk penggunaan di Internet, lalu diketikan nama domain, misalnya: yahoo.com maka akan di petakan ke sebuah IP mis 202.68.0.134. Jadi DNS dapat dianalogikan pada pemakaian buku telepon, dimana orang yang kita kenal berdasarkan nama untuk menghubunginya kita harus memutar nomor telepon di pesawat telepon. Sama persis, host komputer mengirimkan queries berupa nama komputer dan domain name server ke DNS, lalu oleh DNS dipetakan ke IP address.
1.2. Domain Name System (DNS)
Domain Name System (DNS) adalah distribute database system yang digunakan untuk pencarian nama komputer (name resolution) di jaringan yang mengunakan TCP/IP (Transmission Control Protocol/Internet Protocol). DNS biasa digunakan pada aplikasi yang terhubung ke Internet seperti web browser atau e-mail, dimana DNS membantu memetakan host name sebuah komputer ke IP address. Selain digunakan di Internet, DNS juga dapat di implementasikan ke private network atau intranet dimana DNS memiliki keunggulan seperti:
1. Mudah, DNS sangat mudah karena user tidak lagi direpotkan untuk mengingat IP address
sebuah komputer cukup host name (nama Komputer).
2. Konsisten, IP address sebuah komputer bisa berubah tapi host name tidak berubah.
3. Simple, user hanya menggunakan satu nama domain untuk mencari baik di Internet maupun di Intranet.
1.3. Apa itu DNS?
DNS dapat disamakan fungsinya dengan buku telepon. Dimana setiap komputer di jaringan Internet memiliki host name (nama komputer) dan Internet Protocol (IP) address. Secara umum, setiap client yang akan mengkoneksikan komputer yang satu ke komputer yang lain, akan menggunakan host name. Lalu komputer anda akan menghubungi DNS server untuk mencek host name yang anda minta tersebut berapa IP address-nya. IP address ini yang digunakan untuk mengkoneksikan komputer anda dengan komputer lainnya.
1.4. Struktur DNS
Domain Name Space merupakan sebuah hirarki pengelompokan domain berdasarkan nama, yang terbagimenjadi beberapa bagian diantaranya:
Root-Level Domains
Domain ditentukan berdasarkan tingkatan kemampuan yang ada di struktur hirarki yang disebut dengan level. Level paling atas di hirarki disebut dengan root domain. Root domain di ekspresikan berdasarkan periode dimana lambang untuk root domain adalah (“.”).
Top-Level Domains
Pada bagian dibawah ini adalah contoh dari top-level domains:
- com Organisasi Komersial
- edu Institusi pendidikan atau universitas
- org Organisasi non-profit
- net Networks (backbone Internet)
- gov Organisasi pemerintah non militer
- mil Organisasi pemerintah militer
- num No telpon
- arpa Reverse DNS
- xx dua-huruf untuk kode negara (id:Indonesia,sg:singapura,au:australia,dll)
Top-level domains dapat berisi second-level domains dan host.
Second-Level Domains
Second-level domains dapat berisi host dan domain lain, yang disebut dengan subdomain. Untuk contoh:
Domain Bujangan, bujangan.com terdapat komputer (host) seperti server1.bujangan.com dan subdomain training.bujangan.com. Subdomain training.bujangan.com juga terdapat komputer (host) seperti client1.training.bujangan.com.
Host Names
Domain name yang digunakan dengan host name akan menciptakan fully qualified domain name
(FQDN) untuk setiap komputer. Sebagai contoh, jika terdapat fileserver1.detik.com, dimana fileserver1 adalah host name dan detik.com adalah domain name.
1.5. Bagaimana DNS itu bekerja ?
Fungsi dari DNS adalah menerjemahkan nama komputer ke IP address (memetakan). Client DNS disebut dengan resolvers dan DNS server disebut dengan name servers. Resolvers atau client mengirimkan permintaan ke name server berupa queries. Name server akan memproses dengan cara mencek ke local database DNS, menghubungi name server lainnya atau akan mengirimkan message failure jika ternyata permintaan dari client tidak ditemukan.
Proses tersebut disebut dengan Forward Lookup Query, yaitu permintaan dari client dengan cara memetakan nama komputer (host) ke IP address.
Read More...
1. Apa itu internet?
* Internet merupakan jaringan rangkaian komputer [ networking ] dengan rangkaian komputer lain di seluruh dunia. Internet berguna untuk kita berkomunikasi dan bertukar informasi, file, data, suara, gambar dan sebagainya antara individu dan manusia diseluruh dunia.
* Internet - adalah sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringan-jaringan komputer di seluruh dunia. Setiap komputer dan jaringan terhubung - secara langsung maupun tidak langsung - ke beberapa jalur utama yang disebut internet backbone dan dibedakan satu dengan yang lainnya menggunakan unique name yang biasa disebut dengan alamat IP 32 bit. Contoh: 202.155.4.230 .
* Dengan ber INTERNET kita dapat memperoleh berbagai informasi apa saja dimana saja dan kapan saja [ no limit, anywhere and anytime ]. Anda tinggal ke search engine Dunia seperti Yahoo dan google. Ketik kalimat yang Anda ingin cari maka akan ditampilkan alamat website yang memberikan informasi tersebut.
* Komputer dan jaringan dengan berbagai platform yang mempunyai perbedaan dan ciri khas masing-masing (Unix, Linux, Windows, Mac, dll) bertukar informasi dengan sebuah protokol standar yang dikenal dengan nama TCP/IP (Transmission Control Protocol/Internet Protocol).
* TCP/IP tersusun atas 4 layer (network access, internet, host-to-host transport, dan application) yang masing-masing memiliki protokolnya sendiri-sendiri.
* Dengan internet kita dapat ...
o Berkomunikasi koresponden surat-menyurat dengan menggunakan e-mail
o Memperoleh informasi dengan menerusi World Wide Web(WWW)
o Memindah file dengan menerusi File Transfer Protocol (FTP)
o Video streaming yaitu dengan fasilitas ini kita dapat nonton file video, radio online dan sebagainya di komputer
o Akses dan control komputer jarak jauh (remote login) menerusi Telnet
o Berkomunikasi online/langsung seperti sms di handphone hanya di sini bedanya kita dapat bercakap langsung dengan beberapa orang sekaligus dengan menggunakan Internet Relay Chat (IRC)
o Kemudian terdapat chating lain yang baru yang memungkinkan kita chatting dengan langsung dapat melihat gambar orang yang sedang chat juga ( technologi video streaming ) yaitu dapat kita gunakan MSN ( yahoo messenger / hotmail messenger )
o Kelompok yang menggunakan Newsgroup sebagai wadah pemberitaan
o Mengadakan forum elektronik, sebuah forum yang dapat di baca umum dan dapat kita komentari
o Untuk perusahaan dapat dipergunakan untuk central transaction controller, seperti ATM, credit card dan sebagainya langsung connect ke server perusahaan tersebut dengan bantuan jalur internet
o Dan technology yang terbaru adalah VOIP yaitu dapat bertelepon dengan kemana saja dengan bantuan jalur internet [ sehingga telepon pun menjadi lebih murah ]
* Oleh sebab itu internet sangat - sangat berguna di masa sekarang dan yang akan datang. Seperti yang telah di ramalkan oleh Bpk Microsoft kita Mr Bill Gates bahwa suatu saat setiap rumah akan memiliki komputer seminim-minimnya 1 dan akan saling terhubung melalui jaringan internet. Jika Anda tergolong orang yang masih awam mengenai komputer maka Anda harus cepat-cepat belajar karena dunia masa depan adalah dunia informasi. Dengan teknologi internet ini maka informasi apa saja dapat Anda peroleh dalam sekejap mata.
2. Sejarah Singkat
* Sejarah internet bermula ketika beroperasinya jaringan ARPANET pada tahun 1969. Jaringan ARPANET pertama tersebut hanya menghubungkan empat host komputer dan besar bandwitdh-nya hanya 50kbps.
* Untuk lebih jelas, berikut ini diuraikan timeline perkembangan internet sejak berdirinya sampi dekade 90-an menurut sejarah DUNIA :
- Tahun 1967 - 1970
Lawrence G. roberts dari machusetts of Technology (MIT) mempre-sentasikan rencana
pembangunan ARPANET.
- Tahun 1968
proposal ARPANET dibuat untuk memulai proyek tersebut.
- Tahun 1970
Host ARPANET mulai menggunakan NPC (Network Control Protocol).
- Tahun 1971-1988
Roy Tomlinson dari BNN menciptakan progam E-mail.
- 1975
steve walker membuat mailling list.
- 1979
Tom Truscott dan Jim Ellis memperkenalkan USENET.
- 15 maret 1985
Syimbolic.com tercatat sebagai domain pertama.
- 1988
Internet Relay chat (IRC) diciptakan oleh Jarkko Oikrane
- 1986
National Science Foundation (NSF) Backbone dibentuk.
- 1996
Internet World Expo.
- 2003
doc type xhtml, W3C, CSS, RSS, ATOM, blogs.
- 2006
& WEB 2.0 World Expo.
* Sedangkan sejarah di INDONESIA internet berawal dari :
1992 - Berawal dari BPPT - UI - LAPAN.
Terbentuk Paguyuban - teknologi packet radio sebagai basis untuk network regional.
1994 - Indointernet sebagai ISP komersial pertama.
1996 - paling tidak 20 ISP komersial & 40 ISP menunggu ijin operasi
2004 - Telah lebih dari 20 ISP, dan koneksinya telah bertambah banyak [ dial up, Lease line, ADSL, Cable, Handphone / GPRS, WI FI dan sebagainya ]
3. Contoh Jaringan Internet
* sumber ilustrasi dari CBN
begitu juga dengan komputer lain [ semua harus dikoneksikan melalui suatu alat baik itu melalui MODEM dial up, ADSL, Cable, Radio, Wave , Satelite dan handphone ] Penerima dan pemakai semua terhubung melalui alat-alat seperti diatas. dan harus berlangganan dengan salah satu provider yang menyediakan internet [ ISP / Internet Service Provider ].
4. Berbagai Jenis Koneksi internet pada umumnya
* Dial up = Menghubungkan komputer ke internet melalui sambungan jaringan line telepon. Dengan menggunakan sebuah modem dial-up. Saat online [ connect ] maka telepon tidak dapat digunakan. Perhitungan pulsa telepon berjalan + biaya internet dari provider. max Kecepatan 56kb.
* Broadband = Menghubungkan komputer ke internet melalui sambungan jaringan kabel tv, dengan menggunakan modem broadband. Saat online dapat sekaligus nonton tidak berpengaruh. Dan biaya lebih hemat cukup membayar abodemen tv cable + biaya internet provider untuk 24 jam online [ no limit ]. kecepatan mulai dari 64kb - 256kb.
* ADSL = Menghubungkan komputer ke internet melalui sambungan jaringan line telepon juga. Namun ADSL menggunakan teknologi yang lebih modern. Saat online jalur telepon tidak terganggu, dapat digunakan dalam kebersamaan. Biaya cukup membayar provider internet dengan sistem perhitungan berdasarkan besarnya kilobyte yang digunakan, koneksi 24 jam online. Kecepatan mencapai 512kb.
* HANDPHONE = Menghubungkan komputer ke internet melalui sambungan jaringan handphone. Dapat dihubungkan melalui Bluetooth maupun usb cable data. Saat online jalur telepon juga tidak terganggu. Bisa menggunakan jaringan GSM maupun CDMA. GSM dapat lebih cepat dengan teknologi 3G atau bahkan teknologi terbaru high speed 3,5G. Sedangkan CDMA menggunakan teknologi CDMA 2000 1x hampir setara dengan 3G. Perhitungan biaya hampir sama semua yaitu menggunakan sistem perhitungan per kilobyte. Kecepatan mulai dari 64kb - 2mb.
5. Cara koneksi melalui dial-up
* Anda telah mengerti internet dan ilustrasi jaringannya, kini bagaimana Akses / connect ke internet?? Cara termudah adalah dengan melalui jaringan telepon. dan ISP yang kita gunakan adalah telkom, karena dengan menggunakan telkom Anda tidak perlu register ke ISP lagi. ISP di Indonesia seperti CBN, Centrin, Radnet, linknet, dll...
* Namun biasanya menggunakan ISP koneksi internet dapat lebih cepat dan leibh murah. Disini kami akan memberikan contoh langsung akses melalui telkomnet Langkahnya adalah sebagai berikut :
bullet Telah tersedia modem di komputer Anda, jika belum Anda dapat membelinya. Untuk saat ini sudah cukup murah yaitu berkisar dibawah 100rb-an sudah dapat. Modem Dial-up v9 56kb.
bullet Jaringan Line telepon dari telkom / bukan ratelindo dan lainnya....
bullet Kemudian setting di PC Anda adalah di set new connection dan pilih internet with dial up connection Isi dibawah ini [ yang lain tidak perlu di isi selain yang tertulis dibawah ini ]
o Nomor Akses : 0809 8 9999
o User Name : telkomnet@instan
o Password : telkom
* cukup dengan nomor dial up username dan password, langsung Anda dapat connect ke internet
• Tarif berkisar : Rp 165,-/menit (sudah termasuk pulsa telepon+ Internet)
• Kecepatan max : 56 Kbps (V.90)
* Apakah jaringan telepon saya sudah bisa akses Telkomnet Instan ?
Cukup mudah untuk mengetahuinya. Angkat telepon, terus tekan 0809 8 9999 dan tunggu beberapa puluh detik. Jika terdengar bunyi modem (seperti suara faks), maka Anda dapat langsung masuk dunia cyber. Jika belum punya komputer, belilah komputer termasuk modem V.90. Jangan lupa minta toko komputer untuk sekaligus setting Telkomnet Instan. Apabila Anda
* masih bingung Anda dapat akses Q & A telkom.
6. Cara koneksi melalui handphone
* Anda dapat mendownload file dibawah ini untuk mengetahui cara connect internet dengan menggunakan jaringan handphone khususnya CDMA.
* Guide Nokia 2115 atau 2116 Nokia_2115_2116.pdf [1,4mb]
* Guide Nokia 6585 Nokia_6585.pdf [2mb]
* Nokia Cable Compatible list nokia_cable_compatible.doc [358kb]
* Driver modem hp untuk tipe cdma standart nmpCDMA1xRTT.inf [27kb]
* Driver modem hp untuk tipe hp cdma 2000 1x nmpCDMA2000_1x.inf [27kb]
* Untuk saat ini ada 4 CDMA di Indonesia yang dapat digunakan
Star one = Username : startone | Password : indosat
Flexy = Username : telkomnet@flexi | Password : telkom
Fren = Username : m8 | Password : m8
Esia = Username : esia | Password : esia
Semuanya menggunakan nomor dial yang sama yaitu #777
Read More...
Topologi jaringan adalah bagian yang menjelaskan hubungan antar komputer yang di bangun berdasarkan kegunaan, keterbatasan resource dan keterbatasan biaya, berarti topologi-topologi jaringan yang ada bisa disesuaikan dengan keadaan di lapangan.
Topologi jaringan ada beberapa bentuk sebagai berikut :
1. Topologi Bus
Topologi ini adalah topologi yang awal di gunakan untuk menghubungkan komputer. Dalam topologi ini masing masing komputer akan terhubung ke satu kabel panjang dengan beberapa terminal, dan pada akhir dari kable harus di akhiri dengan satu terminator. Topologi ini sudah sangat jarang digunakan didalam membangun jaringan komputer biasa karena memiliki beberapa kekurangan diantaranya kemungkinan terjadi nya tabrakan aliran data, jika salah satu perangkat putus atau terjadi kerusakan pada satu bagian komputer maka jaringan langsung tidak akan berfungsi sebelum kerusakan tersebut di atasi.
Topologi ini awalnya menggunakan kable Coaxial sebagai media pengantar data dan informasi. Tapi pada saat ini topologi ini di dalam membangun jaringan komputer dengan menggunakan kabal serat optik ( fiber optic) akan tetapi digabungkan dengan topologi jaringan yang lain untuk memaksimalkan performanya.
2. Topologi Cincin
Topologi cincin atay yang sering disebut dengan ring topologi adalah topologi jaringan dimana setiap komputer yang terhubung membuat lingkaran. Dengan artian setiap komputer yang terhubung kedalam satu jaringan saling terkoneksi ke dua komputer lainnya sehingga membentuk satu jaringan yang sama dengan bentuk cincin.
Adapun kelebihan dari topologi ini adalah kabel yang digunakan bisa lebih dihemat. Tetapi kekurangan dari topologi ini adalah pengembangan jaringan akan menjadi susah karena setiap komputer akan saling terhubung.
3. Topologi Token Ring
Topologi ini hampir sama dengan topologi ring akan tetapi pembuatannya lebih di sempurnakan. Bisa di lihat dari perbedaan gambar.
Didalam gambar jelas terlihat bagaimana pada token ring kable penghubung di buat menjadi lingkaran terlebih dahulu dan nantinya akan di buatkan terminal-terminal untuk masing-masing komputer dan perangkat lain.
4. Topologi Bintang (Star)
Topologi bintang atau yang lebih sering disebut dengan topologi star. Pada topologi ini kita sudah menggunakan bantuan alat lain untuk mengkoneksikan jaringan komputer. Contoh alat yang di pakai disini adalah hub, switch, dll.
Pada gambar jelas terlihat satu hub berfungsi sebagai pusat penghubung komputer-komputer yang saling berhubungan. Keuntungan dari topologi ini sangat banyak sekali diantaranya memudahkan admin dalam mengelola jaringan, memudahkan dalam penambahan komputer atau terminal, kemudahan mendeteksi kerusakan dan kesalahan pada jaringan. Tetapi dengan banyak nya kelebihan bukan dengan artian topologi ini tanpa kekurangan. Kekurangannya diantaranya pemborosan terhadap kabel, kontrol yang terpusat pada hub terkadang jadi permasalahan kritis kalau seandainya terjadi kerusakan pada hub maka semua jaringan tidak akan bisa di gunakan.
5. Topologi Pohon (Tree)
Topologi pohon atau di sebut juga topologi hirarki dan bisa juga disebut topologi bertingkat merupakan topologi yang bisa di gunakan pada jaringan di dalam ruangan kantor yang bertingkat.
Pada gambar bisa kita lihat hubungan antar satu komputer dengan komputer lain merupakan percabangan dengan hirarki yang jelas.sentral pusat atau yang berada pada bagian paling atas merupakan sentral yang aktiv sedangkan sentral yang ada di bawahnya adalah sentral yang pasif.
Read More...
Local Area Network
Local Area Network biasa disingkat LAN adalah jaringan komputer yang jaringannya hanya mencakup wilayah kecil; seperti jaringan komputer kampus, gedung, kantor, dalam rumah, sekolah atau yang lebih kecil. Saat ini, kebanyakan LAN berbasis pada teknologi IEEE 802.3 Ethernet menggunakan perangkat switch, yang mempunyai kecepatan transfer data 10, 100, atau 1000 Mbit/s. Selain teknologi Ethernet, saat ini teknologi 802.11b (atau biasa disebut Wi-fi) juga sering digunakan untuk membentuk LAN. Tempat-tempat yang menyediakan koneksi LAN dengan teknologi Wi-fi biasa disebut hotspot.
Pada sebuah LAN, setiap node atau komputer mempunyai daya komputasi sendiri, berbeda dengan konsep dump terminal. Setiap komputer juga dapat mengakses sumber daya yang ada di LAN sesuai dengan hak akses yang telah diatur. Sumber daya tersebut dapat berupa data atau perangkat seperti printer. Pada LAN, seorang pengguna juga dapat berkomunikasi dengan pengguna yang lain dengan menggunakan aplikasi yang sesuai.
Berbeda dengan Jaringan Area Luas atau Wide Area Network (WAN), maka LAN mempunyai karakteristik sebagai berikut :
1. Mempunyai pesat data yang lebih tinggi
2. Meliputi wilayah geografi yang lebih sempit
3. Tidak membutuhkan jalur telekomunikasi yang disewa dari operator telekomunikasi
Biasanya salah satu komputer di antara jaringan komputer itu akan digunakan menjadi server yang mengatur semua sistem di dalam jaringan tersebut.
WAN
WAN adalah singkatan dari istilah teknologi informasi dalam bahasa Inggris: Wide Area Network merupakan jaringan komputer yang mencakup area yang besar sebagai contoh yaitu jaringan komputer antar wilayah, kota atau bahkan negara, atau dapat didefinisikan juga sebagai jaringan komputer yang membutuhkan router dan saluran komunikasi publik.
WAN digunakan untuk menghubungkan jaringan lokal yang satu dengan jaringan lokal yang lain, sehingga pengguna atau komputer di lokasi yang satu dapat berkomunikasi dengan pengguna dan komputer di lokasi yang lain.
MAN
Metropolitan area network atau disingkat dengan MAN. Suatu jaringan dalam suatu kota dengan transfer data berkecepatan tinggi, yang menghubungkan berbagai lokasi seperti kampus, perkantoran, pemerintahan, dan sebagainya. Jaringan MAN adalah gabungan dari beberapa LAN. Jangkauan dari MAN ini antar 10 hingga 50 km, MAN ini merupakan jaringan yang tepaMetropolitan area network atau disingkat dengan MAN. Suatu jaringan dalam suatu kota dengan transfer data berkecepatan tinggi, yang menghubungkan berbagai lokasi seperti kampus, perkantoran, pemerintahan, dan sebagainya. Jaringan MAN adalah gabungan dari beberapa LAN. Jangkauan dari MAN ini antar 10 hingga 50 km, MAN ini merupakan jaringan yang tepat untuk membangun jaringan antar kantor-kantor dalam satu kota antara pabrik/instansi dan kantor pusat yang berada dalam jangkauannya.
Read More...
Jaringan Client-Server
Server adalah sebuah komputer yang menyediakan fasilitas untuk komputer-komputer yang lain di dalam suatu jaringan dan client adalah komputer-komputer yang menerima atau yang menggunaka fasilitas-fasilitas yang disediakan oleh srver. Server di jaringan tipe client-server dapat disebut Dedicated server karena hanya berperan sebagai server saja yang menyediakan fasilitas kepada workstation dan server tersebut tidak dapat berperan sebagai workstation.
Gambar Jaringan Client-Server :
Keunggulannya :
1. Kecepatan accsess lebih tinggi karena menyediakan fasilitas dan dikelola secara
khusus oleh komputer(server.
2. Mudah untuk melakukan administrasi dan sistem keamanannya lebih baik, karenaada
seorang yang mengunakan komputer yang ditugaskan sebagai administrator,yang me
ngelolahnya tersebut diatas.
3. sistem backupnya bagus,karena pada jaringan client-server sistem backupnya dila
kukan oleh server.yang akan membackup seluruh data di dalam jaringan.
Kelemahannya :
1. Biaya operasional relatif sangat mahal
2. diperlukan seseorang sebagai administrator
3. Kelangsungan jaringan sangat tergantung pada server.jika server mengalami gang
guan maka semuanya akan terkena.
Jaringan Peer To Peer
Jika saja ditinjau dari sebuah server di kedua tipe jaringan tersebut.maka server
di jaringan peer to peer di istilahkan atau dapat dikatakan non Dedicated server
karena server tidak berperan penuh sebagai server murni namun dapat dikatakan juga
bisa sekaligus berperan sebagai client atau workstation.
Gambar Jaringan Peer To Peer :
Keunggulannya :
1. Biaya relatif murah dari pada client-server
2. tidak membutuhkan administrator yang pintar untuk mengelolahnya
3. sesama komputer dapat berbagi saling pakai fasilitas yang dimilikinya
4. Kelangsungan kerja jaringan tidak tergantung pada satu server.
Kelemahannya :
1. Troubleshooting jaringanya relatif lebih sulit
2. untuk kerja lebih rendah dibandingkan dengan client-server
3. keamanan jaringan ditentukan masing-masing oleh user tersebut
Read More...
Pelajaran kali ini adalah bagaimana kita bisa membuat kotak dartar isi seperti inilah kiranya
Ok sebenarnya cukup mudah untuk membuat daftar isi seperti diatas. Bagi anda yang sudah lama ngeblog pasti sudah tahu cara membuatnya hanya saja mungkin caranya yang berbeda.
Nah berikut saya akan memberikan cara membuat kotak daftar isi dengan cara saya sendiri. Silahkan diikuti bagi yang ingin mencobanya.
1. Login ke blogger. Buka menu Layout -> Page Elements
2. Klik Add a Gadget -> HTML/Javascript. Masukkan kode dibawah ini kedalam kotak
<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">
<div class="list">
1. <a href="http://riduansept.blogspot.com/2010/03/cara-membuat-menu-dropdown-pada-blogger.html">Cara membuat menu dropdown</a></div>
<div class="list">
2. <a href="http://riduansept.blogspot.com/2010/03/membuat-efek-marquee-atau-teks-berjalan.html">Membuat efek marquee/text berjalan</a></div>
</div>
Keterangan:
380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.
Ingat:
Ganti tulisan yang berwarna merah dengan alamat postingan anda dan ganti tulisan berwarna merah yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode dibawah ini :
<div class="list">
2. <a href="http://riduansept.blogspot.com/2010/03/membuat-efek-marquee-atau-teks-berjalan.html">Membuat efek marquee/text berjalan</a></div>
lalu letakkan diatas kode </div>
Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.
3. Kalau sudah klik Save Template. Selesai.
Jika anda ingin menggunakan icon gambar sebagai pengganti angka maka ganti kode dibawah ini
<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>
Dengan kode
<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh82OnuoULJJgodTZXsVBNlGX-qK8dfxAApWnCGlDAqYA_wcKFJO8dStdoHZm9WyadKr-XiIopoK62kNudxfxigqj7GCmy-Hmi54sy5zW75fjp2cOKFcgemZENhI86uKY0Qu4KLBiNZ5ojR/") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
Ganti tulisan yang berwarna merah dengan alamat icon gambar anda dan hapus angka pada setiap judul postingan.
Selamat mencoba. Semoga berhasil Read More...
Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal.
Contoh tampilannya seperti ini:
Isinya hanya akan tampil jika kita mengklik pada menu tersebut sehingga bisa menghemat ruangan di blog kita. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.
Nah untuk membuatnya, caranya sangat mudah:
1. Login ke Blogger. Klik menu Layout -> Page Elements
2. Klik Add a Gadget -> HTML/ Javascript
3. Masukkan kode dibawah ini kedalam kotak
<select onChange="document.location.href=this.options[this.selectedIndex].
value;">
<option value="http://alamatblog.com/#" selected>Blogroll</option> <option value="http://alamatLink.com/">Nama Link</option> <option value="http://alamatLink.com/">Nama Link</option> <option value="http://alamatLink.com/">Nama Link</option> </select>
Jika anda ingin menambah link baru lagi tambahkan kode
<option value="http://alamatLink.com/">Nama Link</option> diatas </select>
Ganti alamatblog dengan dengan alamat blog anda.
Ganti teks berwarna merah dengan alamat link yang ingin dipasang.
Ganti teks berwarna biru dengan nama link yang ingin ditampilkan.
4. Jika sudah klik Save. Selesai
Catatan:
kode diatas untuk membuka link dalam halaman yang sama. Jika anda ingin membuka link pada halaman baru. Ganti kode
<select onChange="document.location.href=this.options[this.selectedIndex].
value;">
Menjadi
<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">
Read More...
Marquee adalah kode HTML yang berguna untuk membuat teks berjalan. Dengan memasang marquee ini, blog kita akan terlihat lebih
hidup dan dapat menghemat ruangan pada blog kita.
Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas,
bergerak sekali saja, dan lain-lain.
Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari
kita pelajari dulu fungsi dari masing-masing atributes.
Beberapa attributes yang sering digunakan dalam marquee yaitu:
1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :
* Alternate : Teks bergerak bolak-balik
* Slide : Teks hanya bergerak sekali saja
* Scroll : Teks bergerak ke satu arah secara kontinu
2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :
* Up : Teks bergerak keatas
* Down : Teks bergerak kebawah
* Left : Teks bergerak kekiri
* Right : Teks bergerak kekanan
3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan
semua jenis font yang tersimpan pada komputer Anda
4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa
menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara
menghasilkan kode warna. Baca disini
5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.
6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.
7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda
ingin menghilangkan warna background gunakan "transparent".
8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.
10. Loop: untuk mengatur jumlah pengulangan.
Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan
beberapa contoh efek marquee:
Contoh 1: Efek teks berjalan bolak-balik secara horizontal:
Kodenya:
<font face="arial" color="black" size="4"><marquee direction="right"
behavior="alternate" direction="right" scrollamount="2" height="20px"
scrolldelay="10" bgcolor="orange" width="450px">Welcome To My
Blog</marquee></font>
Contoh 2: Efek teks berjalan bolak-balik secara vertikal:
Kodenya:
<font face="verdana" color="yellow" size="4"><marquee direction="up"
behavior="alternate" scrollamount="2" height="100px" scrolldelay="10"
bgcolor="green" width="450px">Welcome To My Blog</marquee></font>
Contoh 3: Efek teks berjalan kekanan secara kontinu:
Kodenya:
<font face="times" color="green" size="4"><marquee direction="right"
behavior="scroll" scrollamount="3" height="20px" scrolldelay="10"
bgcolor="yellow" width="450px">Welcome To My Blog</marquee></font>
Contoh 4: Efek teks berjalan kekiri sekali saja
Kodenya:
<font face="courier" color="red" size="4"><marquee direction="left"
behavior="slide" scrollamount="1" height="20px" scrolldelay="100"
bgcolor="blue" width="450px">Welcome To My Blog</marquee></font>
Contoh 5: Efek teks berjalan kekanan tiga kali
Kodenya:
<font face="courier" color="blue" size="4"><marquee direction="right"
loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100"
bgcolor="red" width="450px">Welcome To My Blog</marquee></font>
Contoh 6: Efek Bounce
Kodenya:
<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10"
behavior="alternate" direction="up" width="450px" scrollamount="2"
height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate"
direction="left" scrollamount="2">Panduan membuat blog</marquee></marquee></font>
Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee.
Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"
Sebagai contoh saya memasukkan kode ini:
<font face="arial black" color="green" size="4"><marquee
behavior="alternate" direction="up" onmouseover="this.stop()" width="450"
height="100" onmouseout="this.start()" bgcolor="blue">panduan membuat blog untuk pemula
beserta tips n triknya...</marquee></font>
Hasilnya seperti ini:
panduan membuat blog untuk pemula beserta tips n triknya...
Silahkan menggeser mouse Anda ke area marquee untuk melihat hasilnya..sengihnampakgigi
Ini hanya beberapa contoh efek marquee atau teks berjalan. Masih banyak efek-efek lain. Silahkan utak-atik sendiri dengan
mengganti nilai-nilai pada attributes.
Cara memasang kode marquee pada blog:
1. Login ke Blogger. Klik menu Layout->Page Elements
2. Klik Add a Gadget. Klik tombol + pada HTML/ Javascript
3. Masukkan kode marquee yang ingin Anda gunakan lalu klik Save
4. Selesai. Klik View Blog untuk melihat hasilnya
Read More...
Sepertinya tidak pernah habisnya postingan mengenai topik ini. Karena banyaknya permintaan dari para blogger sehingga kali ini saya ingin memberikan sebuah cara untuk menambahkan read more pada blogger.
Saya sendiri sudah mencoba banyak cara untuk menambahkan read more pada blogger namun tidak ada yang berhasil atau berhasil tapi tidak memuaskan. Sehingga saya terus mencari cara untuk menambahkan read more yang efektif hingga akhirnya saya menemukan cara ini.
Yang dimaksud dengan tidak berhasil atau berhasil tapi tidak memuaskan adalah karena ada sebagian artikel yang sudah dipasang kode read more namun tetap tampil penuh dan artikel yang tidak ingin dipasang read more malah tetap muncul kata read more-nya meskipun sudah dihapus kodenya.
Nah bagi anda yang sudah pernah memasang kode read more dan menemukan masalah diatas atau Bagi Anda yang belum pernah memasang kode read more pada blogger dan ingin memasangnya. Silahkan ikuti cara-cara dibawah ini:
1. Login ke Blogger. Klik menu Layout lalu klik Edit HTML. Back-up terlebih dahulu template Anda dengan cara klik pada Download Full Template untuk menyimpan file template di komputer Anda.
2. Beri tanda centang pada opsi "Expand Widget Templates" (tunggu beberapa saat hingga proses selesai).
3. Setelah itu, cari kode </head> pada template Anda. Supaya lebih mudah untuk mencarinya, tekan Ctrl+F lalu masukkan kode </head> trus klik Next.
4. Jika sudah ketemu, letakkan kode dibawah ini diatas kode </head>
Catatan:
Bagi para blogger yang sudah pernah memasang kode read more harus dihapus terlebih dahulu kode read more-nya sebelum memasang kode ini.
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>
5. Kemudian cari kode
<div class='post-body'>
<p><data:post.body/></p>
atau
<div class='post-body entry-content'>
<p><data:post.body/></p>
6. Kalau sudah ketemu, hapus kode tersebut lalu ganti dengan kode yang dibawah ini:
<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Read More...</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
Catatan:
Kata Read More yang dicetak tebal diatas bisa anda ganti dengan kata lain misalnya Baca Selengkapnya, Selanjutnya, Lanjut membaca, dan lain-lain.
7. Jika sudah selesai, klik tombol Save Template. Kalau muncul "Your changes have been saved" berarti proses pengeditannya berhasil.
8. Kemudian klik Settings, lalu klik Formatting. Cari "Post Template". Kalau sudah ketemu, isi kotak kosong tersebut dengan kode berikut:
<span id="fullpost">
</span>
9. Jika sudah, klik tombol Save Settings
Cara memposting supaya muncul Read More pada saat artikel ditampilkan:
Pada saat Anda mau memposting, anda akan tampak 2 baris kode pada bagian Edit HTML kotak posting seperti pada gambar dibawah ini.
Letakkan postingan yang mau ditampilkan diatas kode
<span id="fullpost">
Dan sisanya (yang mau disembunyikan) diantara
<span id="fullpost">
dan
</span>
Klik Publish Post, lalu klik (in a new window) untuk melihat hasilnya pada halaman baru
Catatan:
Artikel yang sudah diposting sebelum memasang kode Read More akan tetap tampil penuh dihalaman muka. Untuk mengeditnya, Anda bisa menggunakan cara berikut:
1. klik Edit Posts pada menu posting
2. Klik Edit pada artikel yang ingin dipasang Read More
3. Klik mode Edit HTML, lalu pindahkan kode <span id="fullpost"> dibawah postingan yang mau ditampilkan dan letakkan kode </span>
diakhir artikel
4. Klik tombol Publish Post, lalu klik (in a new window) untuk melihat hasilnya berhasil atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan atau
salah. Coba liat kembali langkah diatas.
Selamat Mencoba. Semoga berhasil...!!
Read More...
Untuk memposting kode HTML pada artikel, Anda harus menggunakan sebuah software untuk mengkonversi/mengubah kode HTML menjadi kode yang dapat dibaca pada artikel.
Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode < harus diganti dengan < dan kode < harus diganti dengan &lt;
Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel:
1. Buka http://centricle.com/tools/html-entities/2. Masukkan kode HTML yang mau ditampilkan pada artikel dalam kotak Centricle. Misalnya kode <div id='outer-wrapper'>.
3. Klik Encode. Kemudian akan muncul kode baru seperti pada gambar dibawah ini.
4. Gunakan kode baru tersebut untuk diposting pada artikel
Semoga bermanfaat..!!
Read More...
Kali ini saya akan menjelaskan tentang cara membuat search engine. Fungsinya adalah untuk mencari informasi di dalam suatu blog dengan mengetikkan suatu keyword, seperti pada Google
Kalau masih belum jelas silahkan lihat contoh di bawah ini :
Oke sekarang anda pasti sudah mengerti dan lebih pintar dari sebelumnya. Kalau begitu sekarang anda harus bersiap-siap untuk menciptakan search engine tersebut di blog anda sendiri :
1. Login ke blogger.com
2. Pilih Layout/Tata Letak ---> Elemen Halaman ---> Add Gadget/Tambah Gadget
3. Pilih HTML/Javascript
4. Copy script di bawah ini ke dalam kotak yang disediakan !
style="background-color: #cef6ce; border: 1px dashed rgb(0, 0, 0); padding: 10px; text-align: left;">
<form action="http://hehehehehehehe.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
Ganti hehehehehehehe dengan nama blog kamu. Angka 25 merupakan ukuran panjang search engine tersebut. Itu juga bisa kamu ganti sesuai keinginan. Okeeee !!!
5. Kemudian klik simpan, jadi dheeee !
6. Dan yang terakhir ucapkan Allhamdulillah ! Wassalamu’ alaikum wr. wb. Read More...
Nah skarang saya coba kasih tau caranya install windows seven (7) tahap demi tahap ya… oya instalasi windows seven (7) hampir sama kayak instalasi windows vista, pastinya lebih sederhana ketimbang instalasi windows xp ke bawah solanya tidak ada pertanyaan2 di tengah2 instalasi, setingan2 zona waktu dll dilakukansetelah proses instalasi selesai. gak kayak pas install windows xp kebawah yang ada di tengah2 yang lumayan mengganggu karena proses instalasi harus di tongkrongin, gak bisa ditinggal terus selese gitu.
Ok langsung aja ya
- Sediakan komputer yang memenuhi syarat untuk bisa di install windows seven (7) kalo mau nyaman minimal dual core dengan memory 1GB
1937
Dr. John V. Atanasoff secara resmi di beri penghargaan atas diciptakannya komputer elektronik digital. Dr. Atanasoff mengembangkan komputer elektronik digital pertama sejak 1937 – 1942 dan di bantu oleh mahasiswa lulusan yang bernama Clifford Berry. Ia menyebut penemuannya sebagai Atanasoff-Berry Computer atau disingkat ABC.
1946 Setelah berbicara dengan Dr. Atanasoff, membaca buku manual cara kerja ABC dan melihat ABC, Dr. John W. Mauchly bekerja sama dengan Mr. J. Presper Eckert untuk mengembangkan sebuah mesin yang bisa menghitung lintasan peluru (trajectory) untuk Angkatan Darat Amerika. Hasilnya, sebuah komputer elektronik skala besar yang rampung tahun 1946 dan bernama ENIAC. Karena ribuan kali lebih cepat dari mesin pendahulunya, ENIAC merupakan sebuah terobosan besar-besaran dalam teknologi komputer. Beratnya 30 ton, menempati ruangan seluas 1500 kaki kuadrat, dan memiliki lebih dari 18.000 tabung hampa udara (vacuum tube). Legenda menyatakan bahwa ENIAC yang dibuat di Universitas Pennsylvania telah mengurangi ‘pasokan’ cahaya untuk Philadelphia bila diaktifkan.
Hasil yang mengagumkan pada ENIAC menandakan dimulainya komputer generasi pertama.
Read More...
IBM PC adalah sebutan untuk keluarga komputer pribadi buatan IBM. IBM PC diperkenalkan pada 12 Agustus 1981, dan "dipensiunkan" pada tanggal 2 April 1987. Sejak diluncurkan oleh IBM, IBM PC memiliki beberapa keluarga, yakni
- IBM 4860 PCjr
- IBM 5140 Convertible Personal Computer (laptop)
- IBM 5150 Personal Computer (PC yang asli)
- IBM 5155 Portable PC (sebenarnya merupakan PC XT yang portabel)
- IBM 5160 Personal Computer/eXtended Technology
- IBM 5162 Personal Computer/eXtended Technology Model 286 (sebenarnya merupakan PC AT)
- IBM 5170 Personal Computer/Advanced Technology
Yang harus diperhatikan dalam menginstal/menginstal ulang windows xp :
1.Siapkan Cd Instal Windows XP yang bootable (cd windows xp yang bisa booting/bootable).
Jika Cd windows xp tidak bootable maka anda terlebih dahulu harus menginstal windows 98, lalu baru menginstal windows xp biasa (seperti menginstal program)
Ingat dan catat serial numbernya.
2.Yang pasti computer anda ada cd roomnya, he..he…he….
3.Backup data/documents apa saja yang menurut anda penting yang ada didalam drive C ke drive lainnya misal ke drive D.
Karena semua data/program yang ada didalam drive C semuanya akan hilang, kecuali anda merepair/memperbaiki maka data/program yang ada di drive C tidak akan hilang
4.Siapkan Cd driver yang dibutuhkan oleh computer anda, seperti driver motherboat, sound, dan driver VGA card
Read More...
Sebelum mengaktifkan jaringan internet di rumah kita, sebaiknya kita harus mengetahui dulu bagaimana cara menginstal modem. Modem merupakan perangkat wajib yang harus ada pada komputer rumah kalau ingin mengaktifkan internet.
Cara menginstall modem :
Read More...
