Membuat Gambar post Responsive dan Valid HTML5

Membuat Gambar post Responsive dan Valid HTML5 - Memberi gambar pada artikel menurut saya adalah wajib, setidaknya satu gambar pembuka. Selain sebagai infographic gambar pada artikel/postingan juga memiliki banyak fungsi, antara lain sebagai penghias, kata kunci pada pencarian gambar Google, pemberi jeda pada artikel yang panjang, serta berfungsi juga sebagai panduan ketika kita menulis tutorial.

Selain penggunaan gambar yang tepat seperti yang sedikit disinggung di materi Tips Menulis SEO Friendly,format gambar juga harus diperhatikan. Kemudian penamaan gambar sebelum di upload ke dalam artikel juga harus disesuaikan dengan materi yang disampaikan.

Kemudian mengenai ukuran gambar, ukuran gambar sangat bermasalah ketika kita menggunakan ukuran dengan resolusi tinggi melebihi ukuran lebar halaman posting yang nantinya akan berdampak buruk pada penampilan aritikel. Dan jika kita harus terus menerus menyesuaikan gambar melalui image editor tentu akan sangat merepotkan. Kemudian mengenai validasi HTML5 dimana sekarang semua situs disarankan untuk valid HTML5, kita juga harus men-setup terlebih dulu sebelum melakukan publish dan tidak bisa asal publish gambar yang kita upload.
Dan untuk mengatasi hal tersebut yang perlu kita lakukan adalah membuat ukurannya terus menyesuaikan dengan halaman posting dengan sekali setup.

Simak penjelasan yang akan disampaikan dibawah ini.

Membuat Gambar Post Menjadi Responsive
Perhatikan kode Css dibawah ini...
Letakkan kode Css dibawah ini tepat sebelum kode </head> pada HTML template editor.

/* Membuat gambar menjadi responsive */

.separator{background:#f5f5f5;border:1px solid #e5e5e5;float:none;max-width:100%; height: auto; width: auto; padding:20px 20px 12px;margin:20px auto 10px;text-align:center !important}

.separator img, .separator a img{max-width:100%; height: auto; width: auto;margin:0; padding:0;text-align:center !important;}

Dan harap perhatikan bahwa setup diatas tidak berlaku untuk gambar yang menggunakan caption.

Membuat Gambar Post Valid HTML5

Perhatikan setup yang diberikan dibawah ini.

1. Setelah gambar berhasil diunggah ke dalam artikel, klik gambar tersebut dan kemudian klik "Original size"
2. Kemudian klik "Properties" dan buatlah text title dan text alt pada gambar tersebut.
3. Selanjutnya klik "HTML" di bagian kiri atas post editor, kemudian cari kode dimana gambar itu berada dengan diawali dengan <div class="separator"....>
4. Hapus border="0" dan hapus juga bagian yang ditandai seperti pada gambar.
5. Selanjutnya Publikasikan artikel.

Dengan melakukan tips diatas artikel yang kita buat menjadi lebih SEO friendly dan valid HTML5.

Cara Membuat Blog di Blogger

Cara Membuat Blog di Blogger - Perkembangan internet saat ini sudah sangat maju dan akan terus berkembang kedepannya. Sekarang ini internet sudah menjadi kebutuhan primer bagi sebagian besar masyarakat dunia. Bahkan tidak sedikit orang yang mengatakan bahwa "Tiada hari tanpa internet".

Hal itu memang sedang terjadi dan kita yang mengetahui hal tersebut sudah sepatutnya tidak diam saja dan melihat, melainkan ikut berpartisipasi dan mengambil keuntungan sebanyak yang bisa kita dapatkan. Salah satunya adalah dengan cara menjadi Blogger.

Internet adalah dunia tanpa batas yang begitu luas dengan banyak sekali pengguna yang terus bertambah setiap harinya. Kenapa demikian ?
Banyak sekali aktifitas yang bisa dilakukan di internet seperti berinteraksi di sosial media, berselancar mencari informasi sesuai kebutuhan, belanja online dan jualan, serta menulis dan mendapat penghasilan.

Nah yang akan kita bahas di bab ini adalah mengenai point yang terakhir yakni menulis dan mendapat penghasilan. Caranya??? Dengan memiliki Blog.

Apa itu Blog ?

Blog adalah singkatan dari WebLog dimana sifatnya adalah sebuah kumpulan halaman di internet yang bisa diakses secara online melalui URL dan bersifat dinamis yakni informasinya terus berubah berbanding lurus dengan waktu.
Pada awalnya Blog hanya digunakan untuk menulis seputar kehidupan pribadi seseorang seperti layaknya buku Diary online, disana orang bisa menuliskan tentang dirinya,keluarganya,binatang piaraan dan masih banyak yang lain.
Namun sekarang Blog jika dilihat dari fungsinya sudah sangat mengalami banyak sekali perubahan dan pengembangan. Yang dulu blog hanya digunakan untuk menulis buku harian, sekarang Blog bisa digunakan untuk ajang promosi,presentasi,buku panduan,media informasi berita hingga yang saat ini tengah marak yakni toko online.

Macam-Macam Blog CMS

Untuk memulai bloging, ada beberapa hal yang harus kita mengerti sebelumnya seperti yang paling penting adalah tentang CMS ( Content Management System ) atau bisa disebut system manajemen konten. Diluaran sana ada banyak sekali CMS bloging yang bisa kita gunakan dengan gratis maupun berbayar seperti Blogger,Wordpress,Webly,Joomla serta Drupal.

Setiap CMS memiliki keunggulan dan kekurangan masing-masing. Perlu dibahas ?
Pertama kita mengenal Wordpress. Dan wordpress sendiri ada dua macam dan keduanya gratis.
Yang pertama adalah Wordpress.com adalah sebuah layanan bloging dimana kita bisa dengan mudah dengan mengikuti petunjuk yang tersedia dan blog yang kita buat akan langsung online. Hanya saja wordpress.com memiliki banyak sekali keterbatasan pada pengguna, dan salah satu yang sangat terlihat adalah bahwa pengguna tidak bisa mengunggah desain blog ke wordpress.com, melainkan hanya bisa menggunakan desain yang sudah disediakan dengan fitur ala kadarnya. Namun kelebihannya adalah wordpress menyediakan banyak plugin gratis untuk menambah fitur blog namun tetap saja plugin gratis yang alakadarnya. Semua itu dibuat untuk mengarahkan pengguna lebih memilih wordpress jenis kedua yaitu wordpress.org

Wordpress.org
Jika wordpress.com adalah layanan blogin, berbeda dengan wordpress.org dimana ia adalah sebuah apllikasi gratis yang bisa diunduh untuk membuat website/blog secara offline (local host). Dan fungsi utama dari CMS wordpress ini adalah untuk membuat website profesional karena banyak sekali dukungan plugin yang bisa di instal untuk menambah fitur website secara gratis maupun berbayar.
Untuk bisa menggunakan wordpress CMS maka pengguna setidaknya sudah sedikitnya menguasai bahasa pemrograman HTML dan selanjutnya harus memahami Php Script.

Masih ada banyak yang lain seperti Webly,Blogdetik,Drupal,Joomla dll yang tidak akan kita bahas satu persatu.

Singkat saja setelah kita melihat sedikit spesifikasi dari Cms diatas, sebagai pemula dalam bloging sebaiknya kita memilih layanan bloging yang paling mudah,gratis serta tidak ada batasan berarti yatu Blogger CMS.

Apa Itu Blogger ?

Blogger adalah layanan Bloging untuk membuat blog secara gratis dengan dukungan fitur yang tidak terbatas. Blogger merupakan salah satu produk dari Google sehingga dari segi kualitas dan dukungan sudah tidak perlu diragukan lagi.

Keunggulan Blogger

Blogger memiliki banyak keunggulan yang tidak dimiliki oleh CMS lainnya mulai dari ketersediaan pilihan desain blog yang bejibun, pengelolaan yang lebih mudah namun kompleks, antar muka yang sangat mudah dpahami oleh orang yang baru mengerti internet sekalipun, pemformatan posting yang mudah, dan masih banyak keuntungan yang lainnya seperti misal dikemudian hari blog sudah mulai terkenal maka kita bisa memberi custom domain.

Cara membuat Blog di Blogger

Sebelum kita memulai panduan lengkapnya, ada hal yang harus kita ketahui bersama bahwa untuk membuat Blog kita memerlukan Email yang bisa kita pelajari lagi pada Bab membuat email di Gmail (Recomended).

Baik, saya asumsikan di fase ini kita sudah memiliki Email aktif di Gmail agar lebih mudah.

Langkah membuat Blog

1. Ketik http://blogger.com di jendela browser
2. Akan muncul halaman login seperti pada gambar, kita masukkan email dan kata sandi. Kata sandi ini adalah sama dengan yang kita gunakan untuk masuk ke email.
3. Isilah formulir data Anda yang terlampir seperti:
4. Nama tampilan : isi dengan nama yang akan ditampilkan pada profile blog anda.
5. Jenis Kelamin : pilih jenis kelamin Anda, misalnya: Pria.
6. Penerimaan Persyaratan : Ceklis sebagai tanda anda setuju dengan peraturan yang telah di tetapkan oleh pihak blogger. Sebaiknya baca terlebihdahulu persyaratan dan ketentuan yang diberikan pihak Blogger agar Anda mengerti.
7. Klik tanda pandah bertuliskan "Lanjutkan" kemudian "Blog baru".
   
8. Selanjutnya isi formulir data blog Anda pada form yang disediakan seperti:
9. Judul : Isi dengan judul blog yang Anda inginkan, misal : Panduan dan Tutorial Blogger
10. Alamat : isi dengan alamat blog yang di inginkan.
11. Template : pilih template (tampilan blog) yang Anda disukai
12. Lanjutkan dengan klik tombol “Buat blog!”.
    
13. Sampai di tahap ini kita sudah selesai membuat Blog. Namun tidak cukup sampai disini, setidaknya kita harus mengisi blog kita dengan minimal satu artikel untuk menghindari anggapan spam dari Google. 
14. Buat posting pertama seperti gambar dibawah ini
    
15. Isi judul artikel kemudian tuliskan apa saja yang ingin kita tulis pada artikel kita.
16. Selanjutnya kita bisa melihat pratinjau atau tampilan sementara sebelum kita mempublishnya. Dan jika sudah final, maka tinggal klik publish/publikasikan.
    
17. Sekarang tinggal kita promosikan blog kita ke sosial media atau ke teman atau kerabat bahwa kita suah memiliki sebuah blog.

Nah setelah kita selesai membuat blog dan membuat posting blog di Blogger, sekarang kita akan masuk ke tahap selanjutnya yang akan kita bahas di bab berikutnya yakni Mengenal Layout Blogger secara menyeluruh dan Setup rahasia Blogger yang ampuh untuk meningkatkan kualitas blog.
Namun sebelum itu, kita wajib harus memperhatikan terlebih dulu mengenai Optimasi SEO pada Blog Baru untuk membuat blog baru kita lebih cepat dikenal orang.

Cara Membuat Email di Gmail

Langkah lengkap membuat email di Gmail - Memiliki email di jaman sekarang ini dimana teknologi sudah menjadi kebutuhan primer setiap orang adalah merupakan hal yang sangat wajib. dengan email kita bisa membangun komunikasi menjadi lebih dekat, cepat dan tepat.

Bahkan bisa dikatakan bahwa sekarang ini email adalah syarat utama seseorang untuk bisa memulai terjun di dunia tanpa baas internet. Setiap kali seseorang ingin memulai aktifitas interaktif di internet misal saja untuk bergabung di jaringan sosial media yang saat ini menjadi tren untuk berbagi informasi dengan cepat, maka hal yang sangat dibutuhkan untuk mengawalinya adalah akun, dimana akun ini akan dibuat dengan syarat memiliki email.

Apa itu Email ?

Email atau dalam bahasa kita sering disebut Surel ( Surat Elektronik ) adalah sebuah layanan surat menyurat dengan format digital. Jika jaman dulu orang menggunakan kertas untuk menulis surat dan mengirimkannya lewat jalur post, sekarang orang bisa dengan sangat lebih efisien mengirim surat tanpa kertas dan langsung dikirim via internet. Selain untuk kirim mengirim surat, dijaman yang sudah modern ini email juga bisa digunakan untuk mengirim file besar dengan berbagai format seperti misalnya gambar,video,paket software dll.

Ragam Layanan Email

Untuk memiliki atau membuat sebuah email, kia akan menggunakan layanan yang tersedia di internet dan tentunya kita pilih yang gratis meskipun mungkin tidak ada satupun layanan pembuatan email berbayar. Sejauh perkembangan teknologi saat ini, ada banyak layanan yang bisa kita gunakan untuk membuat email seperti Yahoo!,Gmail,Hotmail,MSN dan masih banyak yang lain.

Namun disini kita akan memilih yang lebih mudah, lengkap,bisa buat jangka panjang dan tentunya gratis selamanya,yaitu Gmail.

Google Mail / Gmail

Gmail adalah layanan dari industri internet terbesar saat ini yakni Google. Kenapa memilih Gmail daripada yang lain?
Karena Gmail merupakan produk Google dimana aktifitas internet tidak akan pernah lepas dari yang namanya Google, maka kita bisa mendapat keuntungan yang lebih kompleks jika menggunakan layanan Gmail daripada yang lain.
Salah satu keuntungan utama menggunakan Gmail adalah dengan mendaftar Gmail satu kali dan gratis, kita sudah bisa mengakses semua produk Google yang tersedia dengan tanpa harus daftar ulang. Perlu diketahui bahwa produk Google yang akan sangat bermanfaat nantinya adalah seperti dibawah ini :

• Picasa : Tempat menyimpan foto-foto yang kita miliki agar lebih aman jika memori (hardware) kita rusak
• Drive : Hosting besar tempat untuk menyimpan segala macam file yang kita miliki mulai dari gambar,video,website,script dll
• Google+ : Sosial media milik Google dimana kita bisa menjaring banyak teman baru dan berbagi informasi yang kita miliki
• Blogger : Layanan Bloging terbesar yang ada saat ini dengan pengguna yang terus bertambah dimana kita bisa menulis segala sesuatu yang kita inginkan dan membagikannya ke seluruh pengguna internet di seluruh dunia. Dan kita juga bisa mendapat penghasilan dari bloging tersebut.
• YouTube : Tempat berbagi video terbesar saat ini dimana ada lebih dari 100 juta pengguna, dan kita bisa menguangkan video yang kita miliki di YouTube dengan mudah.
• Dan masih banyak lagi produk menguntungkan yang bisa kita dapatkan jika kita menggunakan Gmail.

Bagimana Cara Membuat Email di Gmail ?

Cara untuk membuat akun email di Gmail terbilang cukup mudah dan singkat yang akan kami berikan panduannya dibawah ini. mari bersama membuat Email di Gmail.

Langkah membuat Email di Gmail :

1. Ketik http://mail.google.com/ pada address bar browser, atau bisa dengan hanya mengetik Gmail saja.
2. Klik "Create New Account" atau "Buat Akun Baru" yang berada di pojok kanan atas. Nanti kita akan dibawa ke halaman pendaftaran seperti pada gambar dibawah ini
3. Pastikan semua kolom terisi seperti yang terlihat pada gambar dan tidak ada tulisan merah muncul menandakan error.
   
4. Jika sudah, klik Langkah berikutnya
5. Setelah klik Langkah berikutnya, kita akan dibawa ke halaman verifikasi seperti pada gambar dibawah ini.
   
6. Pilih "pesan teks" dan berikan nomor telpon kita yang masih aktif untuk menerima pesan teks kode verifikasi dari Google.
   
7. Selanjutnya klik :Kirim Kode Verifikasi" dan tunggu hingga ada sms dari Google masuk ke telpon yang berisi kode verifikasi.
8. Selanjutnya masukan kode verifikasi yang di dapat dari Sms dan klik "Verifikasi".
9. Kemudian kita akan dibawa ke halaman "unggah foto". Silahkan pilih "Tambahkan foto profil" jika suah mempunyai foto yang akan dijadikan foto profil akun Gmail, namun harap di ingat, mesin Google sangat pintar dalam mendeteksi gambar pada foto, pastikan kita mengungga gambar dimana tampak wajah kita disitu. Namun kita bisa juga langsung melewati sesi ini dengan klik "Langkah berikutnya" 
   
10. Dan proses membuat akun Gmal sudah selesai. Silahkan klik "Lanjutkan ke Gmail" dan kita akan langsung dibawa ke kotak masuk email kita.
    

Sekarang secara resmi kita sudah memiliki Email di Gmail dan siap untuk mendapatkan seluruh produk Google seperti yang sudah saya sebutkan diatas.


Dan hal yang akan kita lanjutkan pada materi ini adalah Cara membuat Blog di Blogger dan Menguangkannya. Lanjutkan ke Bab Berikutnya >>