DAFTAR ISI
Tutorial ini dibuat untuk Anda yang merasa masih bingung dalam membuat website ataupun blog
Blog adalah media informasi berupa artikel yang dikemas dalam bentuk web, untuk dipergunakan publik sebagai referensi.
Tujuan orang membuat blog bermacam-macam mulai dari ingin mendapat penghasilan atau hanya sekedar hobi menulis saja,
Atau ada juga yang hanya ingin belajar membuat website saja dan mengenal lebih jauh tentang coding-coding ataupun hal yang berkaitan dengan blog dan website.
Lalu tujuanmu membuat website apa?
Pada pembahasan kali ini saya akan menuntaskan semua hal-hal yang berkaitan dari cara membuat blog secara detail dan lengkap.
Tujuan Membuat Blog
Hal yang harus dipertimbangkan yang paling pertama adalah tujuan anda dalam membuat blog itu untuk apa seperti yang sudah saya bahas di atas, karena ingat tujuan adalah hal terpenting dari suatu hal yang kamu kerjakan. Jika kamu mengerjakan sesuatu tanpa tujuan apapun itu hasilnya adalah sia-sia, sebelum lanjut ke tutorialnya tentukan dulu tujuan kamu dalam membuat blog itu untuk apa, saya anggap Anda membuat blog dengan bertujuan untuk mendapatkan penghasilan.
Memangnya dari blog kita bisa mendapatkan penghasilan? Ya sangat bisa,
Jika artikel-artikel dalam blog kamu menarik maka disitu akan bermunculan visitor visitor ataupun pengunjung, dan disitulah kita bisa mendaftarkan blog kita melalui AdSense, singkatnya di dalam blog kamu akan terdapat iklan iklan dari Google yang ketika orang mengunjungi situs melihat iklan tersebut maka kamu akan mendapatkan profit yang langsung dibayar oleh Google.
Namun saya tidak akan membahas secara keseluruhan tentang Adsense karena di sini saya akan hanya membahas tentang tutorial membuat website ataupun blog dari nol sampai akhir.
Niche blog kamu apa?
Setelah kamu mempunyai tujuan dalam membuat blog selanjutnya adalah menentukan niche atau topik yang akan kamu bicarakan dalam blog kamu.
Dan usahakan kamu membuat satu topi saja dalam blok kamu supaya kamu mempunyai karakter ataupun ciri khas dalam blog kamu,
Mengapa hanya satu topi karena Google lebih tertarik terhadap blog yang memiliki karakter atau memiliki ciri khas. Misalnya belum kamu berisi tentang seputar tutorial masak, maka semua artikel yang ada di blog kamu tidak lain adalah Misalnya tutorial membuat nasi goreng, tutorial membuat bakmi dan lain-lain, yang berkenaan dengan tutorial memasak,
Apakah bisa Saya membuat blog dengan berbagai topik?
Ya Bisa sekali namun blog seperti itu dinamakan blog gado-gado atau belum serba ada ada kelebihannya ada juga kelemahannya. Kelebihannya kamu bisa mendapatkan banyak pengunjung tidak hanya seputar memasak saja melainkan semua pengunjung yang membutuhkan informasi yang dibutuhkan dan tersedia di blok kamu, kelemahannya adalah logamu tidak memiliki ciri khas atau karakter sehingga untuk mencapai rangking pertama dalam Google pencarian atau search engine itu agak sedikit sulit,
Tetapi kamu bebas memilih tapi belum kamu diisi dengan apa asalkan konten kamu original dan bukan dari copy paste.
Mulai daftar membuat blog
Oke Setelah sekian banyak pembahasan di atas kamu mungkin sudah memahaminya, langkah selanjutnya adalah mulai daftar membuat blog di situs blogger.com
Mengapa harus situs blogger.com karena itu blogger.com itu adalah penyedia layanan blog yang gratis dan yang paling penting itu dari Google,
Masuk ke situs blogger.com lalu daftar disitu menggunakan alamat email dari gmail.com, email Yahoo tidak bisa ya gan.
Daftar disini https://blogger.com
Berikut Langkah langkah mendaftarnya
- Klik Buat Blog atau Daftar
- Masuk menggunakan akun google
- Masukan nama blog sesuai topik yang akan kamu pilih
- Masukan alamat atau domain bebas asalka masih tersedia
- Proses membuat blog sudah selesai dan tampilanya seperti berikut ini
Download Template Valid AMP
Accelerated Mobile Pages (AMP) adalah inisiatif open source untuk memungkinkan web yang lebih baik, dengan situs yang cepat, indah, dan dapat dimonetisasi dengan baik. Pelajari lebih lanjut cara AMP dapat membantu penayang.
Itulah mengapa Saya menyarankan untuk menggunakan template AMP
Mungkin diantara kamu ada yang masih bingung apa itu template?
Template adalah file yang berisi tata letak blog yang sudah tersusun rapi dan tinggak di edit, mengala harus memakai template? Supaya praktis dan tidak cape cape membuatnya sendiri.
Agar kamu tidak bingung download aja template Valid Amp yang sudah saya siapkan.
Saya anggap kamu sudah mengikuti step diatas ya yaitu daftar blogger lalu mendownload templatenya, selanjutnya adalah bagaimana cara memasang templatenya,
- Download template yang Anda inginkan dan ekstrak dengan Winrar .
- Buka Dashboard Blogger >> Template dan klik tombol Backup/Restore yang muncul di pojok kanan atas layar Anda Pertama klik tombol oranye “ Unduh Template Lengkap dan simpan salinan template lama Anda. dan simpan salinan template lama Anda.
- Sekarang klik tombol “ Pilih File ” dan pilih template format .XML dari hard drive Anda.
- Setelah itu klik tombol “ Unggah ” berwarna oranye .
Sampai disini pemasangan template sudah selesai namun ada beberapa hal yang perlu di sesuaikan,
Mengdit HTML merupakan langkah tersulit bagi pemula
Dalam menyesuaikan template perlu sedikit megotak atik Code HTML, bagi kamu yang pemula mungkin akan sedikit sulit namun jika mengikuti totorial kali ini pasti bisa.
Menyesuaikan Navigasi Menu
Navigasi menu adalah deretan menu didalam blog, fungsinya adalah untuk mudahkan pengunjung untuk menjelajahi blog kamu.
Minimal didalam blog kamu terdapat navigasi menu di antaranya
Home-About-Sitemap-Disclaimer-PrivacyPolicy
Menu menu di atas sangatlah penting untuk anda buat didalam blog. Didalam templat yang di download tadi masih standar dan harus diganti.
- Masuk ke menu themes/Tema Lalu edit HTML
- Tekan CTRL+F lalu cari
<li><a href='#' title='Kode Warna'>Kode Warna</a></li><li><a href='#' title='Parse HTML'>Parse HTML</a></li><li><a href='#' rel='nofollow' target='_blank' title='Photoshop'>Photoshop</a></li><li><a href='#' rel='nofollow' target='_blank' title='HTML5'>HTML5</a></li><li><a href='#' rel='nofollow' target='_blank' title='CSS'>CSS</a></li><li><a href='#' rel='nofollow' target='_blank' title='JavaScript'>JavaScript</a></li><li><a href='#' rel='nofollow' target='_blank' title='jQuery'>jQuery</a></li><li><a href='#' rel='nofollow' target='_blank' title='Responsive'>Responsive</a></li><li><a href='#' rel='nofollow' target='_blank' title='AMP'>AMP</a></li> - Lalu ganti dengan
<li><a href='/' title='Home Page'>Home</a></li><li><a href='/p/contact.html' title='Contact'>Contact</a></li><li><a href='/p/sitemap.html' title='Sitemap'>Sitemap</a></li><li><a href='/p/disclaimer.html' title='Disclaimer'>Disclaimer</a></li><li><a href='/p/privacy.html' title='Privacy'>Privacy Policy</a></li></ul> - Terakhir Simpan tema
Selanjutnya masih di dashboard blogger pergi ke menu Halaman lalu buatlag halam dengan judul contact lalu isi kontenya dengan informasi kontak kamu
Lalu bikin nuga halaman dengan nama Disclaimer, privacy, dan Sitemap
Untuk membuat Disclaimer bisa menggunakan Disclaimer generator secara online atau kamu bisa membuat disclaimer sendiri, jika belum tau apa itu Disclaimer dan privasi policy bisa di cari di google yaa, sementara kontennya biarkan kosong saja dulu.
Sampai disini membuat navigasi menu telah selesai dan kamu bisa lihat hasilnya dengan cara kunjungi situs blog kamu sendiri dengan cara pilih menu lalu lihat blog.
Kamu bisa Memodifikasi template dengan cara mencari text atau alamat url atau gambar dengan dalam preview blog lamu masu ke template edit HTML lalu ganti dan sesuaikan. Sama halnya dengan cara mengganti navigasi menu diatas tadi.
Membuat Postingan Valid AMP
Sebetulnya AMP di blogger itu sangatlah ribet dan sulit, itu kata orang yang malas dan gak mau otak atik,
Kalau kamu hobbynya otak atik sih gak susah malah lebih seru.
Membuat Thumbnail Postingan valid AMP
Thumbnail adalah gambar yang akan muncul pada judul postingan dan diindext sebagai gambar pertama yang akan dilihat oleh pengunjung. Pemasangan thumbnail sangatlah penting untuk menarik perhatian pembaca.
Buatlah sebuah postingan baru, lalu ubah mode editornya menjadi HTML
Lalu masukan code Valid HTML berikut ini
<noscript> <img alt="thumbnail" width="650" height="350" src="URL GAMBAR" title="keterangan" /> </noscript>
Ganti Url Gambar dengan Url Gambar kamu, kamu bisaenggunakan penyedia layanan upload gambar gratis secara online lalu kamu ambil url nya, misalnya BBimg atau kamu bisa download aplikasi photo Upload dari playstore, aplikasi tersebut bisa kamu jadikan sebagai hosting gambar secara gratis dan kamu bisa pergunakan URL gambarnya.
Menyisipkan gambar kedalam postingan Valid AMP
Dalam menyisipkan gambar di postingan blogger supaya valid AMP jangan menggunakan fitur upload foto yang terdapat dalam pilihan editor blogger, jika melalui Cara tersebut maka postingan tidak akan Lolos dan tidak Valid AMP, cara menyembunyikan gambar agas supaya valid amp adalah melalui Editor HTML mode dan masukan code dibawah ini
<amp-img alt="Keterangan" height="225" layout="responsive" src="URL Gambar" width="400"></amp-img>
Untuk menguji postingan atau page lolos APM silahkan ketikan pencarian Validator AMP lalu masukan URL yang akan di cek validasi AMP nya, jika bertulisan PASS berarti selamat blog anda sudah Valid AMP, jika tulisannya Fail maka blog kamu belum valid AMP.
Kelebihan AMP
Loading page lebih cepat ketika di akses melalui seluler, serta blog lebih cepat terindex oleh google.
Kekurangan AMP
Sangat ribet, membuat postingan manual, memasukan gambar manual, tidak support javascript custom, dan ada kalanya sedikit mengurangi penghasilan adsense dikarenakan custom palacement iklan yang terbatas, namun saat ini sudah ada iklan otomatis untuk blog AMP.