Tampilkan postingan dengan label Internet Dasar. Tampilkan semua postingan
Tampilkan postingan dengan label Internet Dasar. Tampilkan semua postingan

KESAN DAN PESAN SELAMA SAYA MENGIKITI PRAKTIKUM LABINTDAS

Kesan saya selama saya belajar di labintdas sangat menyenangkan dan untuk proses belajar mengajar yang dilakukan  oleh Tutor Arrum yang sangat baik hati dan tudak sombong.

Labintdas juga memilik beberapa kekurangan,diantaranya banyak komputer yang tidak berfungsi dengan baik dan juga spesifikasi dari komputer, yaa menurut saya ganti lah komputernya supaya bisa lebih nyaman lagi belajarnya.

Dan untuk yang terakhir saya ingin mengucapkan terima kasih kepada Labintdas dan juga Tutor Arrum karena saya mendapatkan banyak ilmu yang bermanfaat


Pesan saya untuk Labintdas dan Tutor Arrum supaya diperhatikan lagi keadaan yang ada di Labintdas dan mempunyai tutor yang baik seperti tutor Arrum.Dan sekali lagi terimakasih atas ilmu yang sangat bermafaat.

S E O

TIPS AND TRICK 
SEARCH ENGINE OPTIMALIZATION (SEO)
Akhirnya setelah lama vacum dan tidak pernah melakukan perawatan di site ini, untuk pemula ini akhirnya disela-sela waktu yang ga ada senggangnya saya mencoba untuk menuliskan beberapa artikel yang berhubungan dengan promosi online di internet atau umumnya disebut dengan seo (optimasi website). Belajar seo, sangat umum dan saya sering sekali mendengar kata itu, tapi apa sih sebenarnya yang haru dipelajari agar bisa cepat menguasai tekhnik-tekhnik seo yang jitu dan mujarab. Saya akan mencoba membahas apa saja yang harus dikuasai bagi pemula, minimal bisa menerapkan seo yang baik untuk web baru yang sudah dibuat, jadi siapkan dahulu bahan-bahannya seperti: koneksi internet dan website yang belum dioptimasi.
  1. Basic format
    Langsung saja, format dasar seo sebenarnya terletak di: Title/Judul halaman, Meta, yang dibagi menjadi dua yakni meta keyword dan meta description. Sedangkan di Body yang perlu diperhatikan adalah penulisah heading (<H1>, <H2>, <H3>) dan seterusnya, karena penulisan heading sangat berpengaruh dalam proses seo. Sebaiknya gunakan heading dengan ‘bijak’, yakni <H1> sebaiknya untuk judul utama, <H2> untuk sub menu dan seterusnya. Pengaruhnya lumayan dasyat dan hasilnya pun optimal. Hanya dengan menerapkan basic format ini, saya kira semua syarat dari search engine sudah terpenuhi. Memang sih akan ada banyak lagi yang harus dikerjakan, tapi yang penting kan basicnya harus benar dulu.
  2. Pemilihan Keyword
    Tahap ini sebenarnya tahap yang paling sulit, karena ditahap ini anda akan mendapatkan tantangan besar untuk menentukan keyword apa yang cocok untuk web anda. Tapi gak perlu takut untuk mencoba, karena master seo pun masih mencoba-coba dalam menentukan keyword apa yang cocok, namun tidak asal coba. Semua itu harus ditentukan dengan tools yang khusus dipakai untuk menentukan keyword. Pakai saja yang gratis, yakni tools yang dipakai untuk google adword, karena tools itu bisa memberikan hasil yang optimal. Tips untuk memilih keyword yakni jangan menggunakan keyword yang lagi populer dan banyak diperebutkan, sebaiknya hindari itu dari pada anda akan cepat putus aza.
  3. Backlink & Blog walking
    Ini yang penting. Saya gak perlu menjelaskan ini lebih rinci karena pasti anda sudah tahu tentang ini. Intinya bagaimana web anda bisa dilink oleh web lain yang topiknya sejenis kalau bisa, tapi kalau enggak juga gak apa-apa. Dari pengalaman yang saya liat selama ini link yang tidak setopik memang kurang greget, tapi cukuplah untuk nambah-nambah poin untuk ningkatin pagerank. Demikian juga dengan blog walking, yakni dengan memberikan komentar yang tentunya baik dan relefan dengan topik di sejumlah blog dengan harapan mendapatkan tautan balik ke web kita.

Membuat Menu Dropdown

Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode ]]></b:skin> dan letakkan kode berikut tepat di atas kode ]]></b:skin>

 
Berikut koding untuk membuat Dropdown :

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVKx8kmo6ukxKaEEaO6GwDRjBN6tFUZ6jELKIYGD7Qal3NOGE-ASv74rrFL3izNA9qgfRGtaEj-xMZJua5BA_Q1pu1CWiA_MamFFvdpdGEuX_Qifut8KRAvxgLeBipErqqmq2aPDsJbIY/s1600/menubar.png) repeat-x;width:1500px;margin:0 auto;padding:0 auto} #menuwrapper{width:1500px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje3roC4z6wW4l6B6z2qRR3jxCOoPAfusKxRKzqS1yw3Zmmidn1QCN7pRrk2-n4o4z7lb-4UqaCCCvzTCNUZD6-P4dxqyjO25s5fA7x4mZaYofiefECrrBdrbiorZ7OGKuOpOvSc-MDqXU/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar 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} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
  • <header>  : untuk menempatkan menu di atas nama blog
  • </header> : untuk menempatkan menu di bawah nama blog


Dan berikut masukan koding :
<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>

<li><a href='http://gilang-gendut.blogspot.com/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmQyE3J7-rfWBcC25zrd4eGWPUKXCng4en9RZ3KasN1TsQoJiVUx9d3TT5_bpTuPRscSPGMczIPm_WLqzrxzKH0nyAqT5X7dl_5xEDzjCkbQ9lVqEHuuXzYjeYdaAZjfZamLPM3mDiyjo/s1600/home_white.png' style='padding:0px;'/> Home</a></li>

<li><a class='trigger'>Social Integration</a><ul>
<li class='hr'/>
<li><a href='http://www.facebook.com/gilang.mohammadr' target='new'>Add me on Facebook</a></li>
<li class='hr'/>
<li><a href='https://twitter.com/#!/Gilang_Gendut' target='new'>Follow me on Twitter</a></li>
<li class='hr'/>
</ul></li>


<li><a class='trigger'>Tugas Universitas Gunadarma</a><ul>
<li class='hr'/>
<li><a href='http://gilang-gendut.blogspot.com/search/label/Softskill'>Softskill</a></li>
<li class='hr'/>
<li class='hr'/>
<li><a href='http://gilang-gendut.blogspot.com/search/label/Internet%20Dasar'>Internet Dasar</a></li>
<li class='hr'/>
</ul></li>

<li><a href='http://gilang-gendut.blogspot.com/2012/05/chat-box.html'>CHAT BOX !</a></li>

<li><a href='http://gilang-gendut.blogspot.com/2012/05/change-link.html'>Change LINK !</a></li>

</ul>
</div></div>
Demikianlah Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header, semoga bermanfaat bagi sobat blogger.

MEMBUAT CHAT BOX

Chat Box
Membuat Chat Box di Blog :

1. Silahkan kunjungi http://www.cbox.ws dilanjutkan klik ‘Sign Up’

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!

3. Jika sukses ada ucapan dalam bahasa inggris

“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 Anda, jika 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 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

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

itulah cara membuat chat box menurut saya.... wkwkwkwkwk