Minggu, 06 Mei 2012

Tugas Lab Internet Dasar

 Cara membuat chatbox di blog


Untuk membuatnya cukup mudah silahkan ikuti panduannya di bawah ini Cara membuat chat box di blog dengan aplikasi Cbox :
1. Silahkan kunjungi  http://www.cbox.ws dilanjutkan klik ‘Sign Up’ Lihat contoh gambar di bawah ini :


2. Get Your own Cbox  - Pada aplikasi sign up silahkan isi lengkap : Cbox name – Isi sesuai selera anda tanpa spasi, Email address – Isi dengan alamat email anda,Password – Buat password anda, Confirm password – Masukkan ulang password anda, Website - Isi dengan alamat web atau blog anda, Language - Pilih bahasa aplikasi pada menu drop down, Style - Anda bisa merubah tampilan aplikasi sesuai selera anda. Setelah selesai diisi klik ‘Create my Cbox!’ Lihat contoh gambar isian aplikasi di bawah ini :
3. Jika sukses ada ucapan  dalam bahasa inggris yang artinya mungkin seperti ini :

Cbox telah dibuat!
Cbox
 Anda tipstriks  berhasil dibuat.
Anda sekarang
 dapat log in ke panel kontrol Cbox untuk mendapatkan kode AndaLog in  di bagian atas halaman ini. Sebuah 
salinan rincian account Anda telah dikirim melalui email ke tipstriks@ gmail.com Periksa email Andajika Anda tidak dapat menemukannya, periksa folder spam Anda”
4. Silahkan cek inbox email anda kemudian klik link yang ditunjukan Cbox admin yang akan menuju halaman Cbox dan silahkan login masukkan Cbox name dan password anda dan klik tanda panah di sampingnya. Lihat contoh gambar Cbox login di bawah ini :


Lihat contoh inbox email di bawah ini :
5. Setelah login pada control panel Cbox anda silahkan copy dan paste di blog anda  kode html yang sudah disiapkan untuk anda. Selesai.  Lihat gambar kode html di bawah ini :

Cara menempatkan aplikasi Cbox di blogspot silahkan login ke blogger ►Dasbor/Dashboard ► Rancangan/Lay Out ►Tambah Gadget/Add Gadget ►Pilih Gadget HTML ► Paste  


Membuat menu drop down di halaman blog  

Langkah 1: Buka blog Blogger Anda dan klik "Desain" kemudian Backup template anda dan widget "Edit HTML."!

Langkah 2: Klik "CTRL + F" dan paste di dalam kotak:]]> </ b: skin>

Langkah 3: Langsung DI ATAS kode Anda hanya ditemukan, paste semua kode berikut. (Ini gaya menu bar dengan warna latar belakang, warna teks, perbatasan, dll ...)
. Menu {
border: hitam solid 2px;
margin: 0px;
padding: 0px;
font: 67,5% "Century Gothic", "Bitstream Vera Sans", "Trebuchet MS Unicode", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
}
Menu ul. {
background: merah muda;
height: 35px;
daftar-style: none;
margin: 0;
padding: 0;
}
Menu li. {
float: left;
padding: 0px;
}
Menu li. A {
background: merah muda;
warna: hitam;
display: block;
font-weight: normal;
line-height: 35px;
margin: 0px;
padding: 0px 25px;
text-align: center;
text-decoration: none;
}
. Menu li a: hover, menu ul li:. Melayang-layang a {
background: hitam;
warna: lightblue;
text-decoration: none;
}
Menu li. Ul {
background: merah muda;
display: none;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: absolute;
width: 225px;
z-index: 200;
/ * Top: 1em;
/ * Kiri: 0; * /
}
Menu li:. Melayang-layang ul {
display: block;
}
Menu li. Li {
latar belakang:;
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 225px;
}
Menu li:. Melayang-layang li a {
latar belakang:;
}
Menu li. Ul a {
display: block;
height: 35px;
font-size: 12px;
font-style: normal;
margin: 0px;
padding: 0px 10px 0px 15px;
text-align: kiri;
}
Menu ul li a: hover, menu ul li li:. Melayang-layang a {.
latar belakang: lightblue;
border: 0px hitam solid;
warna: hitam;
text-decoration: none;
}
Menu hal. {
jelas: kiri;
}

Langkah 4: Simpan template Anda. Kemudian klik pada link "Page Elements" dan menambahkan "HTML / Javascript" widget. Salin dan sisipkan kode berikut ke dalam Widget HTML / Javascript. (Inilah nama dan link untuk menu bar.)
<DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN"
"Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd~~V">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta content="text/html; http-equiv="Content-Type" charset=utf-8" />
<title> </ title>
<link rel="stylesheet" href="menu_style.css" type="text/css" />
</ Head>
<body>
<br>
<br>
<div class="menu">
<ul>
<a href="#"> Home </ a> </ li>
<a href="#"> Tentang Kami </ a> </ li>
<a href="#"> Resep </ a>
<ul>
<a href="#"> Sarapan </ a> </ li>
<a href="#"> Makan siang </ a> </ li>
<a href="#"> Makan malam </ a> </ li>
<a href="#"> Dessert </ a> </ li>
</ Ul>
</ Li>
<a href="#"> <br /> Fotografi
</ A>
<ul>
<a href="#"> Bayi </ a> </ li>
<a href="#"> Keluarga </ a> </ li>
<a href="#"> Lanjut Usia </ a> </ li>
</ Ul>
</ Li>
<a href="#"> Kerajinan </ a>
<ul>
<a href="#"> Scrapbooking </ a> </ li>
<a href="#"> Anak Kerajinan </ a> </ li>
</ Ul>
</ Li>
<a href="#"> Kontak </ a> </ li>
</ Ul>
</ Div>
</ Body>
</ Html>

Langkah 5: Klik dan tarik widget ke daerah di bawah header, atau secara bergantian, daerah di atas posting blog Anda.
Photobucket







Tips dan trik Search Engine Optimization




Search Engine Optimization atau yang Lebih terkenal dengan sebutan SEO sudah menjadi wajib diketahui oleh seorang web developer. Karena dengan SEO, traffic pengunjung Website kita akan mengalami kenaikan terus menerus. Apa jadinya bila Website yang kita buat, tidak ada yang mengaksesnya…???Saat ini banyak website yang hanya sekedar dibuat saja tanpa menggunakan SEO, maka Website tersebut jarang diketahui oleh khalayak ramai.
Untuk Kali ini, CYBER KOMPUTER akan membahas masalah SEO yang sangat berperan penting untuk kemajuan website kita. Namun perlu diketahui, search engine yang paling banyak digunakan saat ini ada GOOGLE tetapi YAHOO dan BING pun tak kalah dengan Google. Hampir setiap orang yang menggunakan fasilitas search engine seperti milik GOOGLE, biasanya hanya melihat Page 1 sampai Page 3 saja, maka apabila Website anda tidak berada di halaman terdepan google, jangan harap website anda banyak yang mengunjungi. Trik SEO sangat berperan penting untuk peningkatan traffic pengunjung anda. Berikut ini kami coba jelaskan Tips dan Trik SEO ;
1. Satu Content : Misalnya saja, web anda adalah Khusus tentang service komputer dan toko komputer seperti Website CYBER KOMPUTER maka dari itu, usahakan semua content website anda adalah komputer dan jangan mencampurkan dengan content lain semisal olahraga, politik dan lainnya. Ini Berfungsi Agar Google lebih tertarik dengan website anda dan akan bisa tampil di halaman pertama google. Lain Halnya jika Website anda mengenai News atau Berita, Maka anda harus sering update semua berita agar Google Lebih sering “melirik” Website Anda.
2. Title Manager : Gunakan Title yang sesuai dengan keyword yang anda inginkan. Karena biasanya google melirik Keyword Anda melalui Title pada Website anda.
3. SEF : Search Engine Friendly, biasanya berpengaruh pada GOOGLE dalam hal Search Engine. Karena Google lebih memilih Website yang menggunakan SEF dibanding yang tidak. Misalnya Seperti Pada Website CYBER KOMPUTER.

4. Update Web : Sering dan rajinlah mengupdate content pada website anda karena jika tidak diupdate, GOOGLE berpendapat bahwa website anda sudah dibiarkan begitu saja maka dalam hal Search Engine maka website anda akan tampil dihalaman belakang google. Lain jika website anda sering diupdate maka website anda bisa tampil di halaman pertama google.
Berikut ini beberapa Keyword yang tampil di halaman pertama GOOGLE.
1. Service Komputer
2. Service Komputer Jakarta
3. Toko Komputer Jakarta
4. Jasa Service Online


kesan dan pesan untuk lab internet dasar
     kesan saya untuk lab ini pertama kali masuk itu sangat mengecewakan dengan keadaan lab internet dasar , tapi yang terpenting siapa mentornya . mentor saya kak Febri Arrum ! dari sekian banyak asisten lab dia yang paling asik !
   Pesan saya untuk lab internet dasar ga muluk - muluk cukup diganti aja semua barang yang ada disitu dengan yang baru :)


 

Tidak ada komentar:

Posting Komentar