Tugas Lab Internet Dasar Cara Modifikasi Blog

Membuat Kontak Chat di Halaman Blog

Contact form seringkali disebut juga sebagai halaman "Contact Me" atau "Kontak Saya", merupakan bagian terpenting dari blog/website yang berfungsi sebagai media korenspondensi formal dan personal. Meskipun sudah ada banyak media lain, namun halaman kontak menjadi pilihan karena menjaga privacy bagi kedua belah pihak, yaitu pemilik blog/website dan visitor/customer. Form ini juga berfungsi menghindari spam yang dikirim melalui email. 

Oleh karena itu, untuk menghindari resiko tersebut digunakanlah contact form. Saya telah merasakan banyak manfaat dari penggunaan Contact Form ini, hampir setiap hari ada visitor yang menggunakan Contact Form untuk menanyakan beberapa hal, bertanya tentang tips-tricks blogger, memasang iklan, meminta jasa membuat blog, SEO dan lain-lain. Baru setelah ada korespondensi lebih lanjut, saya menggunakan media email/chat secara langsung.

Untuk blog Blogger/Blogspot, halaman ini secara default tidak disediakan, lain halnya dengan WordPress dimana fitur ini sudah terintegrasi. Namun jangan khawatir, anda dapat membuatnya dengan beberapa langkah sederhana saja, yaitu menggunakan Contact Form eksternal yang diinstal di halaman blog/website.

Langkah-langkah membuat Contact Me Form:

1. Pilih salah satu dari situs penyedia Email Contact Form di bawah ini yang menurut anda cocok:

a. 123 Contact Form
b. FormSpring
c. Kontactr
d. PagePow
e. My Contact Form
f. Email Me Form

2. Buat akun di situs yang telah anda pilih dan ikuti beberapa langkah untuk membuat Contact Form. Seluruh tutorial di situs-situs tersebut sudah sangat jelas jadi tidak perlu lagi disampaikan disini. Anda dapat mengkostumisasi tulisan, isi pesan, batasan kata (minimum-maximum character), hingga ke tampilan Form tersebut (CSS styling) dengan hanya beberapa klik.

3. Setelah kostumisasi selesai, copy kode yang telah dibuat. Ada beberapa opsi kode yang bisa dipilih, untuk blog blogger/blogspot, pilih opsi kode berjenis HTML/Javascript dan bukan yang PHP.

Cara Membuat Halaman Contact Form di Blog:

1. Buatlah sebuah halaman posting baru dengan judul "Contact Me", "Kontak Saya", "Hubungi Saya", atau apapun yang anda lebih sukai. Saya sarankan jenis halaman tersebut adalah halaman statis (static page) dan bukan halaman posting seperti biasanya, karena halaman tersebut bersifat "timeless" atau tidak mengandung url yang menunjukkan bulan dan tahun. Selain itu, halaman Contact Me juga tidak membutuhkan optimasi search engine (SEO) seperti halaman posting lain.

Cara membuat halaman statis di blogger: Dashboard > New Post > Edit Pages > New Page.

2. Klik "edit HTML" (disebelah pojok kanan atas kotak posting).

3. Masukkan kode Contact Form yang telah dibuat tadi ke kotak posting.

4. Untuk preview hasilnya, cukup klik "Compose" (kembali ke menu WYSIWYG).

5. Jika sudah beres, bisa langsung disimpan atau bisa ditambahkan beberapa tulisan lain sekehendak anda.

6. Kemudian Publish.

7. Pasang link secara manual ke link list blog, menu, atau tempat-tempat lain yang diinginkan.

8. Done!

Membuat Menu Drop Down pada Halaman Blog 

Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal.Dropdown menu berfungsi untuk menghemat ruang diblog sehingga ruang yang di gunakan untuk widget archive, blogroll dll bisa ditampilkan lebih praktis tidak berjejer kebawah.
Contoh tampilannya seperti ini:

Isinya hanya akan tampil jika anda mengklik pada menu tersebut sehingga bisa hemat ruangan blog. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.

Nah untuk membuatnya, caranya sangat mudah:

1. Login ke Blogger. Klik menu Design-> 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);">

Menu kategori dropdown yaitu menu yang terletak di bagian bawah dari menu yang dijadikan induk,,
Contoh seperti kategori dropdown punya ane yang induknya “Kata-Kata” bila agan dekatkan kursornya maka akan muncul menu baru yang berisi (kata-kata bijak, kata-kata lucu dll),,

Nah disini ane akan kasih tau bagaimana cara membuat menu tersebut,,

Oke langsung aja gan ikutin langkah-langkahnya ya..

1. Login ke akun wordpress agan,,

2. Kemudian klik “Tulisan” kemudian klik “Kategori”

3. Lalu muncul halaman untuk membuat kategorinya,,lihat gambar..

4. Bila agan belum punya kategori,,maka agan buat dulu kategori yang akan di jadikan induk,,caranya..

-Pada tambahkan kategori baru ada,,
NAMA: isikan dengan nama kategorinya, misalkan “Kata – Kata” kemudian langsung klik d paling bawahnya “Tambahkan kategori baru”,,maka akan muncul kategori baru,,lihat gambar..

5. Kemudian apabila agan ingin kategori tadi ada anaknya,maka agan buat lagi kategori baru seperti tadi,,misalkan “Kata-kata Bijak”

Kemudian pada bagian induk agan klik n pilih induknya “misalkan ane induknya “Kata – Kata”,,lihat gambar..

6. Kemudaian klik tambahkan kategori baru,,Selesai deh,,

Silahkan agan menuju halaman utama wordpress agan n lihat pada kategorinya bila kursor diarahkan ke kategori “Kata-Kata” maka akan muncul anaknya yaitu “Kata – Kata Bijak”,,

Tips dan Trik Search Engine Optimalization

SEO adalah kepanjangan dari Search Engine Optimization yaitu mengoptimalkan mesin pencari seperti Google, Yahoo, Bing dll, agar bisa mengindeks artikel yang ada pada blog kita dengan tujuan satu yakni untuk meningkatkan pagerank (rangking blog) kita seperti munculnya blog kita pada halaman utama atau pageone dari mesin pencari google dan yang lainnya.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.

Tips Dan Trik SEO :

-Buatlah postingan yang original/asli, jangan yang hasil copy paste dari blog/website lain, usahakan kita mengetik sendiri dengan hasil pemikiran kita dan bahasa kita sendiri boleh mengutip asal ikut disertakan sumber yang bersangkutan. “Google sangat suka dengan tulisan asli”.

-Usahakan postingan yang kita tulis berbobot dan berguna bagi pengunjung, semakin banyak pengunjung yang datang dan merasa terbantu dengan hasil postingan kita maka pengunjung tersebut akan kembali berkunjung untuk mengetahui berita terupdate dari blog kita, karena mereka beranggapan blog kita berguna bagi mereka dengan bahasa yang mudah dimengerti.

-Gunakan judul postingan dengan semenarik mungkin, mengapa ? karena judul postingan akan diindex oleh mesin pencari, contoh saja bila pengunjung mengetikkan suatu keyword/kata kunci di sebuah mesin pencari maka calon pengunjung akan melihat judul postingan dari seluruh dunia, kalau judul postingan blog kita menarik maka pengunjung pun akan tertarik untuk mengklik blog kita.

-Selalu melakukan Blog Walking / berkunjung ke blog lain, pentingkah? sangat penting karena kita ngeblog tidak sendiri didunia maya ini, maka dari itu jalinlah tali silaturahim dengan sesama blogger dengan saling bertukar link maupun dengan saling memberikan komentar.

-Jawab pertanyaan yang diajukan pengunjung, usahakan bila kita diberi pertanyaan sempat-sempatkan lah untuk membalasnya, walaupun kita tidak bisa menjelaskan secara mendetail. Agar terjalin komunikasi dan interaksi antara yang punya Blog dengan pengunjungnya.

-Gunakan keyword pada postingan yang kira-kira bisa mengangkat nilai di mesin pencari, “jangan terlalu banyak” karena ada sebagian mesin pencari yang tidak suka dengan teknik ini dengan mengulang-ulang keyword melebihi batas kewajaran.

-Gunakan fasilitas tag, untuk menambahkan judul lain pada postingan utama kita.

-Gunakan kategori yang beragam dalam satu postingan selama masih berhubungan dengan tulisan yang di buat.

-Daftarkan hasil karya “tulisan terbaik” kita pada social bookmarking, seperti blogcatalog.com, infogue.com, lintasberita.com, blog-indonesia.com dll. Karena dengan cara ini blog kita akan didatangi oleh banyak pengunjung dari seluruh dunia.

-Daftarkan blog anda pada mesin pencari yang anda inginkan seperti google, yahoo, bing dll (supaya mesin pencari lebih cepat mengenali blog kita dan langsung memprioritaskan nya)

-Persilakan orang lain untuk mengcopy isi dari blog kita selama dia mencantumkan sumbernya dari sumber aslinya, (jangan copy paste seenaknya) karena kita sebagai manusia biasa harus bisa menghargai hak kekayaan intelektual orang lain.

-Jangan membuat postingan yang sifatnya Hoax/bohong, menimbulkan kontroversi, menyinggung SARA, melanggar hukum, berbau pornografi, teroris dll. Karena semua nya ada akibatnya salah satunya ditutupnya blog/web kita atau yang lebih buruk lagi masuk penjara karena sekarang sudah ada Undang-Undangnya yang mengatur konten yang ada didunia maya.

-Yang paling penting rajin-rajin lah ngeposting dan Berdoalah, Semoga blog kita bisa memberikan manfaat bagi orang banyak dan bukan Mudharat (kejelekan).


Kesan dan Pesan di Lab Internet Dasar
      Kesan saya terhadap lab internet dasar, pertama kali saya masuk lab internet dasar sedikit kecewa dengan keadaan di dalam nya.Tapi semua itu tidak mempengaruhi semangat belajar saya.Yang terpenting dalam belajar di lab internet dasar itu tutor nya enak dan baik kepada nilai.Tutor saya Kak Arrum,dia paling asik dan enak dari kakak kakak tutor yang lain.
         Pesan saya terhadap lab internet dasar, coba perhatikan alat alat dan komputer yang ada disitu itu sudah tidak layak untuk dipakai.Komputer yang menyala juga tidak semua komputer.Kecepatan internetnya juga masih lama dibandingkan browsing di handphone.Mohon pengertiannya untuk mengganti semua komputer yang ada di lab internet dasar ini.Supaya semangat belajar mahasiswa lebih menunjang lagi.