Apr 27, 2017

logoblog

Cara Membuat Meta Deskripsi di Blogspot Agar Lebih SEO

Cara Membuat Meta Deskripsi Blogger Agar Menarik

Cara Membuat Meta Deskripsi di Blogspot
- Seperti yang kita  ketahui bahwa blog adalah rumah bagi pemiliknya. Blog harus terlihat menarik agar tamu bisa betah lama-lama di blog kita. Ketika orang akan mengunjungi blog kita melalui mesin pencari, mereka melihat cuplikan kalimat. Itulah yang namanya deskripsi.

Deskripsi menggambarkan tentang apa yang ada di blog kita dan bertujuan agar pengunjung tertarik untuk melihat atau sekedar mampir ke blog kita. Deskripsi juga merupakan teknik seo yang bertujuan agar mesin pencari dengan mudah dapat merayapi blog kita. Namun ini bukan satu-satu cara yang bisa dilakukan untuk optimasi mesin pencari. Masih banyak tekhnik lain untuk memaksimalkan seo.

Banyak penyedia layanan blog yang memasang fitur deskripsi seperti pada wordpress, blogspot, dll. Deskripsi berisi sepenggal kata atau kalimat yang menunjukkan isi dari sebuah blog. Membuat deskripsi pada blogger mudah kok, tidak harus mengerti kode-kode html atau apapun yang agak memusingkan.

(Baca juga : Cara Membuat Breadcrumbs Diatas Judul Postingan Blog yang SEO Friendly)
 
Sebenarnya deskripsi juga merupakan tag html yaitu <meta> yang berada dalam tag <head>. Bermaksud untuk memberikan arahan kepada mesin pencari bahwa kode tersebut nantinya akan ditampilkan di halaman pencarian.

Cara Membuat Meta Deskripsi

Ada dua jenis deskripsi pada blog, yaitu deskripsi untuk blog itu sendiri dan deskripsi untuk artikel. Lalu apa perbedaannya? Jika deskripsi blog berarti mengacu pada seluruh konten yang ada di blog. Sedangkan deskripsi pada artikel berarti menyangkut tentang isi dari artikel tersebut. Oke, untuk membuat dua deskripsi tersebut ikuti langkah-langkah berikut.

Deskripsi blog

  • Login ke blogger.com
  • pilih menu setelan lalu cari "Preferensi penelusuran"
  • Tepat dibawah informasi judul terdapat deskripsi. Kemudian klik "edit" dan ketikkan deskripsi sesuai dengan isi dari blog kamu.
Deskripsi Blog

Di kolom terlihat bahwa batas karakter yang dapat diinput kurang lebih 150 saja. Jika lebih, google secara otomatis akan memotongnya. Setelah itu klik simpan dan pastikan centang pada pilihan aktifkan deskripsi penelusuranBuatlah deskripi yang singkat dan jelas. Misalnya kamu mempunyai blog tentang kesehatan, maka deskripsi yang tepat adalah "Blog yang menyajikan tentang informasi seputar kesehatan" atau apa saja yang menurut kamu bagus. Intinya sih buat deskripsi dengan kata kunci yang sesuai isi blog kita.

Deskripsi artikel

  • Login ke blogger.com
  • Masuk ke post, klik "New entry" atau kamu bisa juga edit post langsung dengan klik edit pada masing-masing daftar postingan.
  • Pada sebelah kanan ada Setelan entry, klik pada "Deskripsi Penelusuran"


Deskripsi Artikel

Deskripsi pada artikel juga diperlukan agar ketika orang mengetikkan kata kunci di mesin pencari, kemudian artikel kita muncul dengan deskripsi yang sesuai dengan isinya.

Sekian artikel tentang Cara Membuat Meta Deskripsi di Blogspot Agar Lebih SEO semoga bermanfaat.

Apr 22, 2017

logoblog

Cara Membuat Form Login HTML Paling Mudah

Cara Membuat Form Login HTML Paling Simple (Sumber : pixabay.com)

Cara Membuat Form Login HTMLKita sering sekali saat berkunjung ke sebuah website tidak lepas dari sebuah form. Misal ketika kita mengunjungi situs sosial media, disitu terdapat form untuk masuk dan juga mendaftar. Fungsi form itu sendiri adalah untuk input data seperti nama, passwod dan lainnya yang kemudian akan dieksekusi oleh webserver. Contoh form lainnya bisa kamu lihat pada komentar yang ada di sebuah blog. 

Dasar pembuatan form yaitu menggunakan tag <form> dan beberapa atribut html. Biasanya form didampingi kode CSS (Cascading Style) agar tampilannya lebih menarik. Disini saya akan memberikan contoh pembuatan form login sederhana.


Cara Membuat Form Login Sederhana

Pertama buat script html sebagai berikut menggunakan text editor. 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Form</title>

<style>

.wrapper{
padding:10px 0;
position:relative;
width:100%;
max-width:500px;
background:#f3f3ff;
margin:0 auto;
}

.header{
color:#3989AE;
text-align:center;
font-size:30px;
}

.form {
font-size:20px;
background-color:#f3f3ff;
margin-top:10px;
text-align:center;
}

#username {
padding:7px;
margin-top:20px;
margin-bottom:10px;
}

#password {
margin-bottom:20px;
padding:7px;
}

#btn-login {
background-color:#3989AE;
color:white;
border:none;
text-align:center;
max-width:200px;
padding:10px;
border-radius:18px;
}

#btn-login:hover {
background-color:red;
}



</style>

</head>

<body >

<div class="wrapper">

<div class=header>

<p>Login Form<p>

</div>

<div class="form">

<form action="form.php" method="post"/>

<div>

<input id="username" type="text" name="username" value="" placeholder="Username or Email"/>

</div>

<div>

<input id="password" type="password" name="password" name="password" value="" placeholder="Password"/>

</div>

<div>

<button id="btn-login"  type="submit">Sign In</button>

</div>

</div>

</form>

</body>

</html>

Simpan script diatas dengan nama form.html atau apa saja asalkan format filenya html.

Hasil Tampilan di Browser


Kode diatas akan menampilkan keluaran pada browser seperti ini.

Form Login

Didalam tag <form> terdapat atribut action dan method. Kedua atribut ini memilki masing-masing fungsi yang berbeda. Atribut action berisi value alamat file php sebagai bagian untuk pemrosesan dari isi form tersebut. Didalam contoh diatas menggunakan form.php sebagai value dari atribut action. Sedangkan pada atribut method akan mengirimkan nilai yang biasanya menggunakan value GET dan POST.

Kemudian pada tag <input> terdapat atribut type yang berisi value text dan password. Value text akan menampilkan kotak inputan untuk diisi oleh user. Perbedaannya dengan value password yaitu isi dari inputan akan disembunyikan.

Didalam kode diatas saya menyisipkan kode CSS agar tampilan form lebih menarik. Kamu bisa mempercantik  tampilan form dengan mengedit baris CSS yang berwarna merah.

Sekian artikel tentang Cara Membuat Form Login HTML Paling Mudah semoga bermanfaat.

Apr 14, 2017

logoblog

4 Cara Mendapatkan Uang dari Blog Pemula Wajib Tahu!

Cara Mendapatkan Uang dari Blog (sumber: smallwindenergy.ca)

Cara Mendapatkan Uang dari Blog - Teknologi internet memang sedang pesat sekarang ini terutama di Indonesia. Ya, hampir seluruh orang di dunia dalam kehidupan sehari-harinya tidak terlepas dari internet. Indonesia sendiri termasuk negara yang memiliki pengguna internet terbanyak.

Nah, kalau bicara tentang internet pasti tidak terlepas dari yang namanya blog.

Menjadi seorang blogger adalah salah satu bisnis yang diminati banyak orang. Kita dapat berbagi tulisan-tulisan yang bermanfaat bagi pembaca. Lalu bagaimana sih cara menjadi seorang blogger? Bagaimana cara membuat blog? Apa saja keuntungan yang kita dapat dari blog? Jawaban itu semua akan saya bahas disini.

Membuat blog itu sangat mudah kamu hanya perlu memilih penyedia layanan blog seperti blogspot, wordpress, dan lainnya lalu kamu akan diberi petunjuk untuk membuatnya. Kalau kamu merasa sulit mengikuti petunjuknya, mending googling saja dengan kata kunci cara membuat blog blablabla...

Mungkin ada sebagian orang yang belum mengerti cara mendapatkan uang dari blog meskipun orang tersebut sudah pernah menulis di blog mereka. Namun akan lebih baik jika kamu merencanakan apa tujuannya terlebih dahulu.

Biasanya orang membuat blog hanya sekedar untuk menulis, sharing informasi, atau iseng agar keren. Mahasiswa juga kadang membuat blog hanya untuk menyimpan tugas-tugas kuliah mereka. Padahal blog bisa menghasilkan uang.

Ya memang kalau belum tahu mau gimana lagi, toh tidak ada salahnya juga. Karena saya disini membahas tentang cara mendapatkan uang dari blog, berarti kamu yang sedang membaca artikel ini akan dituntun untuk memulainya.

Cara Mendapatkan Uang dari Blog

Oke, berikut adalah empat cara supaya kamu bisa menghasilkan uang dari blog :

1. Menjadi Publisher Iklan

Merupakan cara yang sering dilakukan oleh para blogger sebagai penghasilan sampingan bahkan pengahasilan utama. Hal yang harus kamu lakukan adalah mendaftar pada penyedia iklan PPC dan memasang iklan pada blog kamu. Lalu pendapatan per klik tergantung dari trafik blog kamu dan bayaran yang didapat sesuai dengan ketetapan penyedia iklan tersebut, semakin banyak pengunjung blog maka semakin besar pula pendapatannya.

Salah satu penyedia iklan PPC terbesar yaitu Google Adsense. Kamu dapat bergabung di Google Adsense jika trafik blog kamu tinggi.

Selain Google Adsense masih ada banyak lagi penyedia iklan PPC seperti Popcash dan sebaginya yang menawarkan bayaran lumayan besar. Lebih jelasnya kamu bisa googling tentang situs tersebut.

2. Menjual Produk atau Jasa

Kamu juga bisa menjual produk kamu sendiri atau pun menjual jasa kepada calon pembeli. Misal kamu mempunyai hobi kreatif dan keahlian dalam bidang tertentu lalu menuliskannya di blog dan kemudian memasang jasa dari keahlian kamu tersebut.

Kamu pasti pernah melihat blog yang membahas tentang tekhnik SEO (Search Engine Optimization) lalu menawarkan jasa SEO kepada pengunjung blog. Itulah salah satu cara yang cukup bagus dan bisa dibilang kreatif.

3. Menulis Artikel Review

Ada banyak perusahaan yang ingin bisnis mereka diulas kembali di blog orang lain. Kegiatan menulis ini biasa disebut Paid for Review. Perusahaan ini biasanya berani membayar mahal untuk tiap artikel.

Memang lumayan sulit juga untuk mencari adviser yang mau membayar artikel review. Oleh sebab itu jika kamu tidak ingin repot mencarinya, kamu bisa mendaftar di IDblognetwork. Banyak blog yang sudah menulis artikel review dan mendapatkan hasil yang menguntungkan.

4. Komisi Affiliate Marketing

Kamu bisa bergabung ke program affiliate untuk mendapatkan komisi dari hasil jual produk. Hal yang harus kamu perhatikan adalah memilih produk yang tepat sesuai niche (tema) blog kamu. Sebagai contoh jika kamu mempunyai blog yang membahas tentang kesehatan maka produk tersebut harus sejalan dengan niche tersebut.

Lebih baik kamu menentukan terlebih dahulu produk yang akan dijual dan melakukan riset tentang produk tersebut. Konten yang kamu buat sebaiknya berkualitas dan unik. Semakin baik konten kamu maka akan semakin tinggi pula konversi penjualan dari blog.


Kesimpulan

Ya, beberapa cara diatas memang yang sering dilakukan oleh blogger dalam mencari penghasilan. Namun, lebih baik pilih salah satu dahulu dan fokus kepada pilihan tersebut. Kalau kamu merasa sudah ahli dalam dunia blogging dan lumayan menghasilkan, kamu bisa mencoba cara lain bahkan semuanya bisa kamu kuasai. Perlu kamu ketahui, meningkatan SEO juga sangat diperlukan agar blog/website kita menduduki peringkat teratas di mesin pencari terutama google.

Sekian artikel tentang 4 Cara Mendapatkan Uang dari Blog Pemula Wajib Tahu! semoga bermanfaat.

Apr 13, 2017

logoblog

Cara Mudah Edit Template Blogger Melalui Inspect Element

Blogger Template

Cara Edit Template Blogger - Siapa sih yang tidak mengenal blog terpopuler satu ini? Ya, blog yang diakuisisi oleh mesin pencari raksasa Google ini sangat propuler, terutama di Indonesia. Blogger memudahkan para pengguna dalam mengelola blog mereka.

Biasanya blogger direkomendasikan untuk orang yang baru ingin memulai belajar ngeblog. Tapi tidak juga. Ada pula mereka yang menjadikan blog sebagai penghasian utamanya menggunakan blogger.

Nah, bagaimana cara untuk membuat blog yang menarik? Kemudian terlintas dalam pikiran sobat dan langsung tertuju ke tema. Di blogger, istilah tema biasa disebut template. Disini saya menggunakan fitur dari browser yaitu Inspect Element.

Pertama-tama yang harus kamu pahami adalah blogger menyajikan sekumpulan file baik html, css, javascript dan lainnya dalam satu tempat untuk perancangan template.

(Baca juga : Cara Membuat Meta Deskripsi di Blogspot Agar Lebih SEO)

Pengguna diperbolehkan untuk mengedit tema sesuai dengan keinginan mereka dan setidaknya menguasai sedikit tentang html, css, dan javascript serta fungsi-fungsi syntax yang ada di blogger. Bagi pemula cara ini tergolong mudah.

Memulai Edit Template

1. Login ke blogger.com
2. Pilih menu tema, klik edit html
Setelah itu akan muncul kotak yang berisi file-file blogger.
Edit Html
Edit HTML Blogspot

3. Cari <skin>
Lebih mudahnya tekan Ctrl+F lalu cari. Disitu kamu bisa mengedit file css.

4. Buka alamat blog kamu atau dengan klik tulisan "lihat disini" tepat dibawah nama blog
5. Klik kanan pada browser lalu pilih Inspect Element atau dengan menekan keyboard 'Q'
Inpect Elemen 1.0
Tampilan Inspect Element

Inpect Element 1.1
Hasil Edit dari Inspect Element

Didalam menu inspector ada kumpulan file html, sedangkan di menu rules menyajikan kode css nya. Agar lebih mudah kamu bisa mencari layout mana yang akan diedit dengan cara klik icon "pick an element from the page" yang ada di pojok kiri inspector. Kamu juga bisa mengedit disitu dan itu tidak akan secara langsung mengganti tema kamu.

Saran saya jika ingin melihat hasilnya dulu mending edit dari situ. Setelah sesuai baru edit langsung karena akan bolak-balik refresh halaman kalau langsung edit dari blogger. Tentu sobat jadi capek. Selagi ada yang mudah kenapa tidak dipakai.

Agar template menjadi lebih bagus kamu harus belajar tentang css atau javascript. Setidaknya menguasai css terlebih dahulu karena javascript agak ribet harus mendalami ilmu pemrogaman web. Lah kok admin tidak meminta kamu untuk belajar html? Sudah jelas harus memahami html sebab itulah struktur dasar website. Jadi, yang pertama kali dipelajari sebenarnya html, namun ini tergolong mudah dan kamu pasti cepat dalam mempelajarinya.

Sekian artikel tentang Cara Mudah Edit Template Blogger Melalui Inspect Element semoga bermanfaat.

Apr 11, 2017

logoblog

Perbedaan WordPress.com dan WordPress.org, Lebih Baik yang Mana?

Pilih WordPress.com atau WordPress.org, Bagus Mana? (Sumber : pixabay.com)

Perbedaan Wordpress.com dan Wordpress.org - Pasti sudah tidak asing lagi dengan yang namanya wordpress. Ya, wordpress adalah salah satu aplikasi CMS (Contents Management System) yang paling populer saat ini.
Banyak orang yang memilih wordpress karena kemudahan dalam menggunakannya. Namun wordpress sendiri terdapat dua jenis yang berbeda yaitu wordpress.com dan wordpress.org. Lalu apa sih perbedaan keduanya?

Perbedaan antara wordpress.com dan wordpress.org

Oke, tentunya kedua jenis wordpress ini mempunyai beberapa perbedaan yang wajib kamu ketahui agar tidak bingung dalam membangun sebuah blog yang sesuai dengan tujuanmu.

1. WordPress.com

Pertama, wordpress.com yaitu blog gratis yang disediakan oleh perusahaan Automatitc yang menggunakan server dari wordpress itu sendiri. Kamu hanya perlu mendaftar di situs wordpress.com untuk membangun sebuah blog dan secara langsung mengaturnya dengan mudah.

Membuat blog di wordpress.com sama sekali tidak dipungut biaya sepeser pun alias gratis. Namun terkadang terdapat iklan dari pihak wordpress.com yang sering kali mengganggu pengunjung dan tidak menguntungkan bagi pemilik blog. Ada pun plugin yang tersedia sangat terbatas.

Domain yang digunakan juga ada embel-embel dari wordpress. Misal ketika kamu membuat blog dengan nama domain blogcahti pasti terdapat subdomain wordpress.com karena server yang dipakai dari wordpress itu sendiri. Tema yang disediakan juga hanya beberapa saja.

Untuk mengatasi hal-hal tersebut kamu perlu upgrade versi ke premium dengan membayar biaya yang telah ditetapkan pihak wordpress. Kalau kamu membuat blog untuk tujuan menghasilkan uang, maka ini bukanlah pilihan yang tepat.

Kita tidak bisa leluasa dalam mengatur blog karena kita harus tunduk pada peraturan wordpress. Lalu keamanan website bagaimana? Jelas bisa dibilang sangat aman karena ini menggunakan server dari wordpress.

WordPress.com sangat cocok untuk kamu yang mempunyai hobi menulis dan berniat hanya sekedar berbagai tulisan kamu kepada orang-orang.

2. WordPress.org

Sedangkan yang kedua wordpress.org yaitu layanan blog dari perusahaan yang sama namun menggunakan server milik kita sendiri. Jadi kamu harus mendownload file wordpress tersebut di situs wordpress.org lalu menguploadnya di hosting.

Beda dengan wordpress.com yang mengunakan server dari pihak wordpress, versi ini menggunakan layanan hosting sebagai tempat penyimpanan file-file wordpress. Semua file wordpress dapat kamu ubah/edit sesuai dengan yang diinginkan.

Kamu juga memerlukan domain agar blog dapat online. Selain itu, versi ini memungkinkan kita mengubah tema atau pun membuat tema sendiri dengan syarat mengetahui dasar-dasar fungsi pemrogaman yang ada di wordpress.

Ada banyak plugin yang bisa dipasang dan tidak terbatas. Tapi saran saya, jangan terlalu banyak menginstal plugin karena bisa mempengaruhi kecepatan loading website.

Yang paling menarik pada versi ini adalah kebebasan dalam mengatur website. Kita tidak terikat lagi dengan peraturan wordpress dan sepenuhnya menjadi hak milik kita. Namun untuk keamanan website menjadi tanggung jawab kita. Harus ekstra dalam mengatur keamanan website, jika tidak hacker akan dapat dengan mudah menjebol. Salah satunya adalah tema yang perlu diwaspadai karena secara langsung berhubungan dengan kode-kode program wordpress.

WordPress.org sebenarnya ditujukan untuk orang-orang yang berpengalaman dan serius ngeblog. Tapi apa salahnya jika mau belajar mendalami dunia blogging atau pun berminat dalam programing web.

Kesimpulan

Itulah hal-hal yang menurut saya perlu dipertimbangkan dalam memilih layanan blog dari wordpress. Saran saya sih, kalau mau belajar ngeblog mending pilh blogger.com karena pengaturannya mudah dipahami dan bisa nyambi mencari uang. Tapi kalau sudah lihai dalam dunia blogger.com atau pun ingin serius bisa pilih wordpress self-hosted.

Sekian artikel tentang Perbedaan WordPress.com dan WordPress.org, Lebih Baik yang Mana? semoga bermanfaat.

Apr 8, 2017

logoblog

Pengertian dan Sejarah Perkembangan HTML (HyperText Markup Language)

Pengertian HTML (Sumber: cephalicvein.com)

Pengertian dan Sejarah Perkembangan HTML (HyperText Markup Language) - HTML merupakan kependekan dari Hypertext Markup Language yaitu bahasa markup standar sebagai dasar tampilan sebuah website. Lebih tepatnya HTML bisa dikatakan sebagai pondasi dari sebuah website karena untuk menampilkan suatu halaman antarmuka di browser.

Kalian yang sering berkunjung pada suatu website terkadang bertanya-tanya kenapa browser bisa menampilkan isi webiste? Nah, disinilah HTML bertugas untuk menampilkan isi dari website tersebut. Membangun sebuah website yang harus dipahami pertama kali iadalah HTML, kemudian CSS, Javascript, dan PHP.

Sejarah HTML

Bahasa markup ini pertama kali dibuat pada tahun 1980 oleh seorang ahli fisika bernama Tim Berners-Lee. Pada awalnya Berners-Lee bekerja di CERN (Organisasi Eropa untuk Riset Nuklir mengusulkan dan menyusun sistem untuk ilmuan CERN dalam membagi dokumen. Kemudian ditahun 1990  Berners-Lee dan Robert Cailliau mengusulkan sistem markah berbasis internet bersama Robert Cailliau, insinyur sistem data CERN untuk meminta pendanaan kepada CERN. Berners-Lee menyebutkan HTML pertama kali di Internet pada akhir 1991. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yaitu SGML (Standard Generalized Markup Language). HTML merupakan standar bahasa markup internet yang dikendalikan oleh W3C (Wide World Web Consortium). Dari tahun ke tahun HTML semakin berkembang pesat karena kebutuhan akan internet di dunia yang semakin melonjak agar.
Lebih lengkapnya di wikipedia.

Perkembangan HTML dari Masa ke Masa

#HTML 1.0

Merupakan versi awal dari HTML dan tidak banyak yang berpartisipasi dalam pengembangannya. Fiturnya masih terbatas antara lain heading, paragraf, list, hypertext, efek miring dan tebal pada teks serta mendukung peletakan gambar namun tidak untuk teks disekeliling gambar.

#HTML 2.0

Tambahan beberapa fitur baru dari sebelumnya yaitu form. Menjadikan website lebih interaktif.

#HTML 3.0

Salah satu fitur terbaru pada versi ini adalah tabel. Banyak orang yang ikut berkontribusi di versi ini namun tiak bertahan lama karena banyak permasalah seperti perang antar browser. Oleh karena itu versi ini diganti menjadi HTML versi 3.2

#HTML 3.2

Pada versi ini permasalahan perang antar browser terus memuncak. Mereka membuat tag HTML sendiri dan itu menjadikan HTML tidak standar lagi. Permasalahan ini kemudian memunculkan sebuah organisasi sebagai standar HTML yaitu W3C (World Wide Web Consortium).

#HTML 4.0

Pada versi ini perubahan yang terjadi hampir pada seluruh perintah HTML yaitu link, form, iamg, meta, table dan sebagainya.

#HTML 4.01

Hanya bertujuan untuk memperbaiki beberapa kesalahan pada versi sebelumnya.

#XHTML 1.0

Merupakan gabungan dari HTML dan XML. Banyak yang tidak menyukainya karena beda dengan HTML yang lebih fleksibel dan mulai ditinggalkan.

#HTML 5

HTML versi 5 adalah perkembangan akhir dari HTML. Pada versi ini HTML banyak mengalami perubahan. Terdapat beberapa tag baru seperti <header>, <aside>, <section>, <footer>, dan tag baru lainnya. HTML 5 juga mendukung streaming video tanpa menggunakan program flash.

Kesimpulan

Seiring dengan perkembangannya, browser juga perlu diperbarui karena HTML tidak akan berjalan jika browser itu tidak mendukung kode-kode baru. Setidaknya dengan mengetahui Pengertian dan Sejarah Perkembangan HTML (HyperText Markup Language), kita dapat lebih dalam mempelajari dasar dari pembuatan sebuah website.