Thursday 25 October 2012

Cara Membuat Banner Di blog

Kita bisa membuat banner buat blog itu sebenarnya sangat mudah .
Kita bisa menggunakan potoshop atau pun kita juga bisa buat di cooltext.com atau  klik disini

tuh di atas contoh-contohnya kita bisa merubah textnya dengan apa yang kita mau < setelah kamu memilih salah satu dari itu maka akan mucul gambar seperti berikut :
setelah di utak atik klik render logo


Labels:

Wednesday 24 October 2012

Pengalaman Praktek Perakitan Komputer


                Praktek perakitan komputer kali ini bukan merupakan praktek yang pertama kali , tetapi yang kedua .... hehehehe
                Dalam praktek ini saya berdua dengan dengan teman saya yang bernama Ridha Ahmad Mulud
                Meski ini bukan hal yang pertama kali dilakukan tetapi kami sangat gugup dan ragu untuk merakit komputer , karena takut komputernya rusak atau apalah . tetapi kami tidak hanya bekerja berdua , kami juga di dampingi oleh 2 reksn teman kami yang sebelumnya telah ,elaksanakan praktek
                Hal yang pertama kami lakukan di saat merakit adalah memasang prosesor , dalam memasang prosesor kami tidak menemukan kesulitan , yang kedua kami memasang blower , disana juga sama kami tidak menemui kesulitan , yang ketiga RAM , tidak ada kesulitan , yang ke empat pemasangan socket  power sw dari montherboard ke cashing depan , pada saat ini kami menemukan kesulitan karena socketnya sangat kecil , walaupun disediakan manual book / buku petunjuk saya tetap tidak mengerti karena dalam bahasa inggris (maklum saya orangnya kurang bisa bahasa inggris ) yang kelima pemasangan power supply ke montherboard , monitor ,  monitor dan ke listrik . setelah itu kita coba menyalakan komputer untuk mengetahui komponen-komponen berjalan atau tidak


Reksi Aji Santoso

Labels:

Tuesday 23 October 2012

Cara memasang Followers/Pengikut pada blog

Gan ane punya cara memasang widget pengikut/followers pada blog caranya sebagai berikut:
 masuk dulu ke blogger
  1.  klik tata letak
  2.  klik add gadget
  3.  lalu pilih pengikut

gampangkan gan silahkan di coba
makasih

Labels:

Monday 22 October 2012

Tips Merawat Blog

Tips merawat blog – iya blog harus dirawat, so bagaimana tips merawat blog tersebut, mari sama-sama kita berfikir dan mencari tau bagaimana tips merawat blog agar tetap baik dan dikunjungi teman-teman blogger, ataupun penjelajah dunia maya lainnya, kebiasaan kita adalah semangat diawal dan terkandas ditengah-tengah perjalanan, dan hal itu sendiri penulis rasakan dalam mengelola blog alakadarnya ini, namun melihat dari blog teman-teman alias kebiasaan blogwalking niat itu dapat dikembalikan dan bersemangat kembali. So kuncinya adalah kita harus bisa merawat blog kita agar tetap eksis di dunia blogging.

Blog itu sendiri adalah hasil karya yang harus kita jaga agar nantinya memberikan manfaat kepada diri kita sendiri dan orang lain tentunya, karena secara tidak langsung kita akan bangga bahwa kita telah memiliki web atau blog dan memperkenalkan kepada orang lain, jika tidak di rawat jangankan orang lain, kita sendiri terkadang malas melihat blog tersebut, jadi ada beberapa tips merawat blog agar tetap menjadi top, walaw tidak top dimata search engine top di mata kita jadilah.

Tips merawat blog sebenarnya sangat mudah dan hal tersebut sudah kita praktekkan, ibarat sebuah pohon harus disiram agar cepat pertumbuhannya sehari sekali tidak apa-apalah asal jangan tidak sama sekali, begitu juga dengan blog harus di siram dengan postingan-postingan alias artikel baru agar spider search engine ingat kepada kita, kalau tidak membuat postingan sekali pun memperbaiki postingan-postingan yang telah lama, berarti blog tersebut telah terawat.

Tips merawat blog menurut mahir blogging ada dua yaitu dari sisi on page dan off page
Secara on page yaitu dengan cara memeriksa bagian-bagian dari blog kita sepert :
  • HTML blog berupa kode-kode script atau css yang mungkin bermaslah
  • Link-link yang masuk atau keluar apakah terdapat broken link
  • Periksa meta tag, meta description, site map, dan sebagainya dan hal ini bisa kita lakukan dari google web master tool
Secara off page yaitu melakukan beberapa tindakan
  • Melakukan postingan secara berkala dengan kualitas artikel terbaik, karena konten adalah menu utama sebuah blog yang disuguhkan untuk pembaca.
  • Lakukan blogwalking untuk memperkenalkan diri dan menjalin persahabatan serta becklink.
  • Keragaman artikel akan membuat pengunjung lebih betah dan datang kembali untuk membaca dan mencari informasi.
Sepertinya cukup itu dan mudah-mudahan bisa bermanfaat dan memotivasi kita semua untuk terus semangat memberikan hal terbaik pada semua, tips merawat blog tersebut hanya dasar dan masih banyak lagi bisa kita lakukan untuk kemakmuran blog tersebut.

Labels:

Thursday 18 October 2012

Warna HTML


CAMEX WAP
KODE WARNA HTML Contoh:Putih =>#ffffff;
Read more »

Labels:

Monday 15 October 2012

Mengubah Gambar Icon Flashdisk

Flashdisk sudah menjadi perangkat yang umum dimiliki banyak orang, karena benda yang satu ini fungsinya sudah sangat menjadi barang primer bagi pengguna komputer.
Agar flash disk kita menjadi tampak sangat pribadi, kita bisa mem-personalize flashdisk kita dengan berbagai cara, salah satunya dengan memberikan icon yang unik dan berbeda pada flahdisk kita.
Misalnya seperti gambar di bawah ini:


Caranya membuatnya:
  1. Siapkan sebuah file icon, misalnya nama filenya fotoku.ico yang ada dalam flashdiskmu.
  2. Buka program notepad melalui menu Start > Run dan kertik notepad dan tekan enter,
  3. Dalam notepad tersebut ketik dan simpan ke dalam flashdisk (jangan di dalam folder) script dibawah ini, dan beri nama Autorun.inf
[Autorun]
Open=
Icon=fotoku.ico

Jika sudah disimpan ke dalam flash disk, sekarang buka My Computer dan teklan F5 untuk merefresh icon. Kamu akan melihat icon flashdikmu telah berubah.

Melacak Jejak Pengunjung Blog Dengan Google Analytics

Bagi sebagian pemilik blog, mungkin terramat suangat uingin swekali mengetahui data-data dari para pengunjung blognya. Hal tersebut dijuntukkan dengan adanya bermacam-macam pernak-pernik yang ada di blognya, seperti misalnya "Hit Counter", "Site Track Meter", "Alat pendeteksi jumlah pengunjung", "Alat pendeteksi Tsunami (eh, yg ini nggak deng)", dll. Nah buat kamu yang termasuk kedalam golongan umat ini, ada sebuah layanan masyarakat dari Pak Dhe "Google", namanya Google Analytics. Bagi yang sering bergentayangan di dunia maya mungkin tahu apa itu Google Analytics, tapi bagi yang masih Newbe ato masih O-On :p (jangan marah ya dikatakan o'on) pasti belum tahu atao tahu tapi dikit. Nha.. disini akan coba saya terangkan tentang Google Analytics. Simaklah dengan cermat penjelasan berikut ini:

deng..deng..deng..
Google Analytics berbeda dengan Hit Counter. Hit Counter biasanya hanya menghitung jumlah pengunjung yang datang untuk menjenguk (emangnya sakit). Sedangkan Google Analytics, beliau tidak hanya menghitung jumlah para pengunjung tapi juga data-data yang lainnya, misalnya tentang:

  • Berapa pengunjung yang datang tiap harinya

  • Berapa lama mereka nognkrong di blog kamu

  • Browser apa yang mereka gunakan

  • Dengan cara apa mereka datang, misalnya naik angkot ato jalan kaki (maksudnya lewat search engine, lewat situs orang lain atao langsung datang mak pedunduk).

  • Dari negara mana mereka datang

  • Dari kota mana

  • umurnya berapa

  • Anaknya siapa

  • Udah punya pacar apa belum

  • Ortunya galak ga, dll

NB: Tiga poin terakhir bo'ong.

Nah, pengen gak tuh? kalo pengen daftar disini http://google.com/analytics
Tapi syarat daftarnya sangat berat, yaitu kamu harus punya account di google. Nah berat banget kan? (berat bagi yang gak bisa baca ngetik). Kalo udah daftar nanti kamu tinggal ngisi form yang disodorkan, tapi sante aja cara ngisinya gampang kok gak kayak di SPMB, diantaranya yaitu ngisi alamt webblog kamu, trus jangan lupa nge-set "Time Zone" tapi harus beli coin dulu (emangnya time zone yang ada di mall2). Trus setelah itu kamu nanti akan dikasih kode/script sama Pak Dhe Google (jangan lupa bilang terima kasih). Selesai??? belooommmmm... masih ada lagi..
Nha setelah itu kopi kode/script tersebut, trus login ke blogger Klik Templat -->> Edit HTML. Paste kode/script yang udah dikopi kedalam tag HTML yaitu sebelum tag </body> jangan lupa disimpan. Selesai??? Belooommm...
Kembali lagi ke google.com/analytics, kamu harus mengklikCheck Status dulu (Dicek apakah kamu masih single atau doble). Kalo udah berhasil maka akan ada tandanya, kalo belum ya dicoba lagi.
Datanya baru akan muncul satu hari kemudian, jadi ini bukan seperti hit conter yang datanya akan langsung berubah tiap detik tapi data-data google.com/analytics ini akan muncul tiap ganti hari. OK Selamt mencobaaaaa....

Labels:

Sunday 14 October 2012

kode-kode html

Kode-kode dasar HTML

Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini
Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver dll.

Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:
Belajar

Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :
Belajar

Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :
Belajar

Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar

Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar

Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar

Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :
Belajar

Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :

Namanya juga hidden..ya..ga keliatan..

Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
Belajar

Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar

Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya seperti ini:
42

Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
42

Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf

Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Belajar

Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar

Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar

Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar

Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
  • DOT 1

  • DOT 2

  • DOT 3

Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3

Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
  • DOT 1
  • DOT 2
  • DOT 3

Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:

  • DOT 1
  • DOT 2
  • DOT 3

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:
Belajar

Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :
Text


Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text


Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text


Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text


Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text


Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text


Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text


Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:
Text


Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Text


Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
Text




Labels:

Tips Mengedit HTML Blogspot

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template
Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".


4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.

Labels:

cara mebuat form yang bagus

Form adalah salah satu tag HTML yang dipakai untuk penempatan input-input yang akan diisikan oleh user untuk dieksekusi selanjutnya. Nah, bagi seorang web developer istilah form pasti udah ga asing lagi, soalnya semua data yang akan dimasukkan ke dalam database, pasti bakal via form ini.
Tapi, apakah kalian tau gimana cara bikin form yang efektif? maksud efektif di sini adalah supaya kita gak kesulitan pas membuat style buat form itu.
Nah, seperti yg udah diketahui, tag form adalah sebagai berikut:
<form action="register.php" method="post">
  ...
</form>
Buat sebagian orang, mengatur form supaya rapi, tata letaknya teratur, mereka menggunakan table sebagai tempat nempatin elemen input yang ada di form, contohnya kayak gini:
<form action="register.php" method="post">
    <table>
        <tr>
            <td><label for="nama_lengkap">Nama Lengkap</label></td>
            <td><input id="nama_lengkap" type="text" /></td>
        </tr>
        <tr>
            <td><label for="nama_panggilan">Nama Panggilan</label></td>
            <td><input id="nama_lengkap" type="text" /></td>
        </tr>
        <tr>
            <td><label for="nama_panggilan">Nama Panggilan</label></td>
            <td><textarea id="nama_lengkap"></textarea</td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="kirim" /></td>
        </tr>
    </table>
</form>
Hmm… sebenernya cara di atas itu tidak salah sih, cuman menurutku cara kayak gitu tuh sangat merepotkan, soalnya kita harus bikin table sebagai pemampang elemen inputnya, dan itu sangat cape menurutku… banyak alasan kalo cara itu ga efektif, contoh lain adalah di saat di mana kita bikin suatu fungsi maupun class (bukan CSS) di PHP dan kita akan merender setiap elemen form secara independen, maksudnya berdiri sendiri, tanpa bantuan tag table sebelum elemen dan di akhir elemen input…
Lagian kan semua tag [input] di html ada berbagai macam, ada buat text, textarea, submit, combobox, dsb… nah berarti kalo kita bikin style CSSnya kita harus memberikan class di setiap elemen, soalnya ga bisa klo kita membuat style untuk semua tag [input], jadi setiap elemen [input] harus dikasih class…
Sekarang kita langsung coba mengimplementasikan struktur html kayak di atas klo qta bikin style buat CSSnya… gimana caranya? pasti bakal kayak gini:
<form action="register.php" method="post">
    <table>
        <tr>
            <td><label for="nama_lengkap">Nama Lengkap</label></td>
            <td><input id="nama_lengkap" type="text" class="textfield" /></td>
        </tr>
        <tr>
            <td><label for="nama_panggilan">Nama Panggilan</label></td>
            <td><input id="nama_lengkap" type="text" class="textfield" /></td>
        </tr>
        <tr>
            <td><label for="nama_panggilan">Nama Panggilan</label></td>
            <td><textarea id="nama_lengkap" class="textarea"></textarea</td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="kirim" class="button" /></td>
        </tr>
    </table>
</form>
Ada cara yang lebih efektif, dan berdiri sendiri, maksudnya kita bakal bikin setiap baris input tanpa menggunakan awalan [table] dan akhiran [/table] dan tidak memberikan class di setiap elemen, juga ga ngeborosin tag (kayak tr td)… di sini kita akan menggunakan div… menurut Cheyuz ini yang paling efektif… (gak tau menurut kalian :P )
<form action="register.php" method="post">
    <div class="input text">
        <label for="nama_lengkap">Nama Lengkap</label>
        <input id="nama_lengkap" type="text" />
    </div>
    <div class="input text">
        <label for="nama_panggilan">Nama Panggilan</label>
        <input id="nama_panggilan" type="text" />
    </div>
    <div class="input textarea">
        <label for="nama_panggilan">Nama Panggilan</label>
        <textarea id="nama_panggilan"></textarea>
    </div>
    <div class="input submit">
        <input type="submit" value="kirim" />
    </div>
</form>

Labels:

Friday 12 October 2012

html frame

HTML Code:
The frameset (frame_example_frameset_1.html):
<html>
<head>
<title>Frameset page<title>
</head>
<frameset cols = "25%, *">
  <frame src ="frame_example_left.html" />
  <frame src ="frame_example_right.html" />
</frameset>
</html>
The left frame (frame_example_left.html):
<html>
<body style="background-color:green">
<p>This is the left frame (frame_example_left.html).</p>
</body>
</html>
The right frame (frame_example_right.html):
<html>
<body style="background-color:yellow">
<p>This is the right frame (frame_example_right.html).</p>
</body>
</html>
View the result

Add a Top Frame

You can do this by "nesting" a frame within another frame.
HTML Code:
The frameset (frame_example_frameset_2.html):
<html>
<head>
<title>Frameset page</title>
</head>
<frameset rows="20%,*">
  <frame src="/html/tutorial/frame_example_top.html">
<frameset cols = "25%, *">
  <frame src ="/html/tutorial/frame_example_left.html" />
  <frame src ="/html/tutorial/frame_example_right.html" />
</frameset>
</frameset>
</html>
The top frame (frame_example_top.html):
<html>
<body style="background-color:maroon">
<p>This is the Top frame (frame_example_top.html).</p>
</body>
</html>
(The left and right frames don't change)
View the result

Remove the Borders

You can get rid of the borders if you like. Officially, you do this using frameborder="0". I say, officially because this is what the HTML specification specifies. Having said that, different browsers support different attributes, so for maximum browser support, use the frameborder, border, and framespacing attributes.
HTML Code:
The frameset (frame_example_frameset_3.html):
<html>
<head>
<title>Frameset page</title>
</head>
<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
  <frame src="/html/tutorial/frame_example_top.html">
<frameset cols = "25%, *">
  <frame src ="/html/tutorial/frame_example_left.html" />
  <frame src ="/html/tutorial/frame_example_right.html" />
</frameset>
</frameset>
</html>
(The left, right, and top frames don't change)
View the result

Load Another Frame

Most websites using frames are configured so that clicking a link in one frame loads another frame. A common example of this is having a menu in one frame, and the main body in the other (like our example).
This is achieved using the name attribute. You assign a name to the target frame, then in your links, you specify the name of the target frame using the target attribute.
Tip: You could use base target="content" at the top of your menu file (assuming all links share the same target frame). This would remove the need to specify a target frame in each individual link.
HTML Code:
The frameset (frame_example_frameset_4.html):
<html>
<head>
<title>Frameset page</title>
</head>
<frameset border="0" frameborder="0" framespacing="0" cols = "25%, *">
  <frame src ="/html/tutorial/frame_example_left_2.html" />
  <frame name="content" src ="/html/tutorial/frame_example_yellow.html" />
</frameset>
</html>
The left frame (frame_example_left_2.html):
<html>
<body style="background-color:green">
<p>This is the left frame (frame_example_left_2.html).</p>
<p>
<a target="content" href="frame_example_yellow.html">Yellow</a><br />
<a target="content" href="frame_example_lime.html">Lime</a>
</p>
</body>
</html>
The yellow frame (frame_example_yellow.html):
<html>
<body style="background-color:yellow">
<p>This is the yellow frame (frame_example_yellow.html).</p>
</body>
</html>
The lime frame (frame_example_lime.html):
<html>
<body style="background-color:Lime">
<p>This is the lime frame (frame_example_lime.html).</p>
</body>
</html>
View the result

Tag Reference

Here's some more info on the above tags.

The frameset Tag

In your frameset tag, you specify either cols or rows, depending on whether you want frames to go vertically or horizontally.
AttributeDescription
rowsSpecifies the number of rows and their height in either pixels, percentages, or relative lengths. Default is 100%
colsSpecifies the number of columns and their width in either pixels, percentages, or relative lengths. Default is 100%

The frame Tag

For each frame you want to display, you specify a frame tag. You nest these within the frameset tag.
AttributeDescription
nameAssigns a name to a frame. This is useful for loading contents into one frame from another.
longdescA long description - this can elaborate on a shorter description specified with the title attribute.
srcLocation of the frame contents (for example, the HTML page to be loaded into the frame).
noresizeSpecifies whether the frame is resizable or not (i.e. whether the user can resize the frame or not).
scrollingWhether the frame should be scrollable or not (i.e. should scrollbars appear). Possible values:
  • auto
  • yes
  • no
frameborderWhether the frame should have a border or not. Possible values:
  • 1 (border)
  • 0 (no border)
marginwidthSpecifies the margin, in pixels, between the frame's contents and it's left and right margins.
marginheightSpecifies the margin, in pixels, between the frame's contents and it's top and bottom margins.

The noframe Tag

The noframes tag is used if the user's browser doesn't support frames. Anything you type in between the noframes tags is displayed in their browser.
HTML Code:
<html>
<head>
<title>Frameset page<title>
</head>
<frameset cols = "25%, *">
  <noframes>
  <body>Your browser doesn't support frames.
  Therefore, this is the noframe version of the site.</body>
  </noframes>
  <frame src ="frame_example_left.html" />
  <frame src ="frame_example_right.html" />
</frameset>
</html>

Labels:

Saturday 6 October 2012

Cara Merawat Komputer dan Tips Perawatan Komputer atau PC


Cara Merawat Komputer dan Tips Perawatan Komputer atau PC
Dapat dilihat dari 2 perangkat
1 perangkat lunak (software)
2 perangkat keras (hardware)
Pertama dilihat dari sudut Hardware :
  1. Bersihkan debu-debu yang menempel pada perangkat-perangkat keras(hardware)
  2. Pendinginan. Pada beberapa jenis komputer khususnya komputer jadul memiliki suhu prosessor yang cukup tinggi namun memiliki cara pendinginan yang saya rasa masih kurang
  3. Space Harddisk yang tidak proporsional. Harddisk ukuran 80GB tentunya tidak proporsional kalau hanya ada 2 partisi masing-masing 40GB C dan D. Padahal pemakaian System C tidak lebih dari 10 GB.
  4. Pemasangan peripheral yang kurang pas atau kurang kokoh. Biasanya ini sering terjadi pada PC rakitan lokal. Sering cara pemasangan Motherboard atau peripheral lainnya dengan sekrup yang tidak lengkap atau kurang kencang. Ini yang sering terlewatkan dalam cara merawat atau tips perawatan komputer. Hal ini bisa berakibat fatal
  5. Cara pemasangan soket yang kurang nancap, maksudnya kurang mantap atau kurang mak sleeppp… ini juga bisa berakibat fatal.
  6. Kondisi Power Suply. Ini sering lolos perhatian saat kita merawat komputer. Pada pemakaian yang sudah lama, kebanyakan power suply akan mengalami retak-retak pada solderan komponennya.
  7. Kapasitas Daya Power Supply yang kurang memadai
  8. Tidak Menggunakan Stavolt. Banyak orang yang meremehkan penggunaan stavolt maupun pemilihan jenis dan kualitas stavolt
  9. Suhu ruangan. Suhu ruangan ideal untuk PC sekitar 19 derajat Celcius
  10. Listrik yang sering drop/mati atau kurang daya. Hal ini akan menyebabkan komputer mati secara mendadak tanpa proses Shutdown
  11. Kondisi fisik solderan, ini khusus pada Monitor. Kebanyakan kerusakan monitor disebabkan oleh solderan yang retak atau lepas akibat usia dan panas yang ditimbulkan selama pemakaian. Ini juga yang hampir pasti terlewatkan dalam cara merawat komputer atau tips perawatan komputer atau PC
Kedua dilihat dari sudut Software :
  1. Tidak sesuainya OS, Aplikasi dan volume data dengan spesifikasi Komputer yang digunakan.
  2. Sering menggunakan komputer untuk game-game kelas berat… wah2… kayak tinju saja. Menjalankan game pada PC akan banyak menghasilkan space-space Fragment dan file-file temporary yang memperlambat kinerja komputer
  3. Virus. Adanya virus dapat menyebabkan lambatnya akses pada komputer dan rusaknya system atau data. Bahkan dalam kondisi ekstrim dapat menyebabkan komputer macet/hang. Kalau sudah macet tidak ada cara lain selain menekan tombol Restart pada CPU. Apabila ini sering terjadi otomatis CPU sering mati tanpa proses ShutDown yang berarti akan memperpendek umur komputer khususnya Harddisk. Biasanya virus ditularkan melalui Flashdisk dan Internet bagi PC yang sering terkoneksi Internet. Selain itu tips pemilihan anti virus yang kurang tepat juga dapat mempengaruhi kinerja komputer.

Labels:

Siklus Hidup Pengembangan Multimedia

27
Desember
Menurut Suyanto (2003 : 353), agar multimedia dapat menjadi alat keunggulan bersaing perusahaan, pengembangan sistem multimedia harus mengikuti 11 (sebelas) tahapan
pengembangan sistem multimedia, yaitu :

1. Mendefinisikan MasalahMendefinisikan masalah sistem adalah hal yang pertama yang dilakukan oleh seorang analis sistem.

2. Studi Kelayakan
Hal kedua yang dilakukan analis sistem adalah studi kelayakan, apakah pengembangan sistem multimedia layak diteruskan atau tidak.

3. Analisis Kebutuhan Sistem
Menganalisis maksud, tujuan dan sasaran sistem merupakan hal yang dilakukan pada tahap ini.

4. Merancang KonsepPada tahap ini, analisis sistem terlibat dengan user untuk merancang konsep yang menentukan keseluruhan pesan dan isi dari aplikasi yang akan dibuat.

5. Merancang IsiMerancang isi meliputi mengevaluasi dan memilih daya tarik pesan, gaya dalam mengeksekusi pesan, nada dalam mengeksekusi pesan dan kata dalam mengeksekusi pesan.

6. Merancang Naskah
Merancang naskah merupakan spesifikasi lengkap dari teks dan narasi dalam aplikasi multimedia.

7. Merancang GrafikDalam merancang grafik, analis memilih grafik yang sesuai dengan dialog.

8. Memproduksi Sistem
Dalam tahap ini, komputer mulai digunakan secara penuh, untuk merancang sistem, dengan menggabungkan ketujuh tahap yang telah dilakukan.

9. Mengetes Sistem
Pengetesan merupakan langkah setelah aplikasi multimedia selesai dirancang.

10. Menggunakan Sistem
Implementasi sistem multimedia dipahami sebagai sebuah proses apakah sistem multimedia mampu beroperasi dengan baik.

11. Memelihara Sistem
Setelah sistem digunakan, maka sistem akan dievaluasi oleh user untuk diputuskan apakah sistem yang baru sesuai dengan tujuan semula dan diputuskan apakah ada revisi atau modifikasi.