n4aura4yu

Ada banyak cara untuk membuat artikel agar bisa tayang di halaman teratas hasil pencarian. Salah satunya yaitu terkait faktor SEO. Meski sebenarnya saya sendiri tidak begitu tahu soal sejatinya SEO, teori atau cara kerjanya, setidaknya apa yang telah mereka lakukan bisa dilihat hasilnya, bahkan cukup memuaskan untuk beberapa artikel saya. Maaf, yang saya maksud di sini bukan dari jasa SEO, melainkan SEO yang benar-benar murni dari pertimbangan mesin pencari (google). Mohon dikoreksi jika kalimat saya ini keliru.  Di antara beberapa cara tersebut, salah satu yang kadang tidak terpikirkan, terlupakan, atau tidak dipedulikan banyak orang yaitu memaksimalkan SEO melalui gambar yang ada dalam artikel. Bagaimana caranya?. Caranya yaitu dengan selalu menambahkan atribut Tag Alt dan Title Alt ke dalam gambar. Cara ini sering terabaikan atau disepelekan, padahal teknik ini cukup berpengaruh dan sayang jika tidak dimaksimalkan.  Gambar merupakan salah satu elemen penting dalam sebuah artikel. Se

Bagi para pengelola situs atau blog, gambar merupakan salah satu elemen penting untuk menciptakan konten yang berkualitas. Selain membuat gambar hasil karya sendiri, tidak jarang mereka juga menggunakan gambar dari hasil karya orang lain yang diperoleh secara gratis dari beberapa situs penyedia gambar. Meski gratis dan bebas hak cipta, tetap ada beberapa ketentuan yang tentunya mesti diperhatikan oleh para pengelola situs sebagai bentuk penghargaan kita atas karya-karya tersebut.  Ada banyak situs penyedia gambar gratis yang bisa kita gunakan. Berikut ini kami pilihkan 7 di antaranya yang bisa anda coba.  1. Pixabay ( kunjungi )  Setiap butuh gambar untuk ilustrasi postingan, saya selalu mencarinya terlebih dulu di situs ini. Situs ini cukup populer sebagai salah satu situs berbagi gambar bebas hak cipta. Pixabay menyediakan jutaan gambar berkualitas tinggi, termasuk foto, vektor, video, gambar ilustrasi yang bisa anda pilih sesuai kebutuhan. Pilihannya cukup lengkap dan memiliki bebe

Setelah membahas tentang cara pemasangan  syntax highlighter di postingan blog, kali ini saya ingin membahas tentang cara modifikasi fitur blockquote. Meski sepintas hampir sama dengan syntax highlighter, fitur blockquote ini sebenarnya berfungsi untuk kalimat kutipan, mempertegas isi tulisan/paragraf, atau untuk menggaris bawahi sebuah kalimat penting agar mudah dipahami oleh pembacanya. Dengan kata lain, ada penekanan khusus pada kalimat di fitur blockquote ini sehingga dibuat berbeda.  Salah satu ciri fitur blockquote ini biasanya kalimat dibuat menjorok ke dalam dari batas tepi kiri dan tepi kanan area postingan. Ciri lainnya yaitu penggunaan font khusus, warna latar, atau adakalanya kalimat tersebut disertai dengan tanda kutip pada awal dan akhir kalimat untuk membedakannya dengan kalimat lain di dalam postingan. Tujuannya tentu saja untuk menunjukkan bahwa kalimat tersebut benar-benar perlu dipahami karena bisa jadi merupakan kata kunci dari keseluruhan isi artikel.  Meski begit

Saya kira anda yang mengunjungi postingan ini kebanyakan sudah tahu apa itu Syntax highlighter dan sedang mencari tahu cara membuatnya. Penggunaan fitur ini memang jamak dijumpai pada situs atau blog yang banyak membahas seputar tutorial blogging untuk meletakkan kode-kode dalam postingannya. Nama dari fitur ini memang keren sehingga tidak heran sebagian dari kita mungkin baru tahu kalau namanya Syntax highlighter.  Mungkin anda bertanya-tanya mengapa blog saya ini tidak menggunakan fitur ini padahal blog ini juga kadang membahas tutorial blogging yang berisi kode-kode html?. Ya, saya memang sampai saat ini belum berminat memasangnya sehingga masih pakai cara manual atau menggunakan fitur blockquote untuk penempatan kode-kode tersebut. Meski begitu, saya tertarik mempelajari pemasangan Syntax highlighter ini dan hendak berbagi tutorial cara memasangnya pada artikel ini.  Syntax Highlighter merupakan fitur khusus yang berfungsi untuk penempatan kode-kode pemrograman tertentu agar pengun

Sebenarnya saya sudah pernah memposting tutorial ini pada postingan lama saya yang berjudul " Cara Membuat Tombol Back To Top Keren Fast Loading di Blog ". Pada artikel tersebut, saya menggunakan font awesome untuk ikon pada tombol back to top nya. Nah, kali ini saya akan membagikan lagi tutorial serupa namun ikon saya ganti menggunakan ikon svg sehingga loading blog menjadi lebih ringan dan cepat.  Sebagaimana yang kita tahu, penggunaan font awesome pada blog memang cukup mempengaruhi kecepatan blog sehingga loading menjadi sedikit lebih lambat. Oleh karenanya, saya pun mencoba modifikasi lagi script untuk membuat tombol back to top pada artikel lama tersebut menggunakan ikon svg agar loading lebih cepat. Hal ini saya lakukan juga sebagai jawaban dari pertanyaan yang kebetulan masuk di kolom komentar pada artikel tersebut.  Meski pakai ikon svg, bentuk tampilannya tetap saya buat sama hanya warna backgroundnya saya ubah menjadi hitam agar tampak elegan. Saya tambahkan pula e

Widget Recent Post, atau dalam bahasa Indonesia biasa disebut widget Artikel Terbaru merupakan salah satu jenis widget yang hampir sering dijumpai pada beberapa blog. Widget ini berfungsi untuk menampilkan daftar postingan-postingan terbaru yang ada di suatu situs atau blog. Jadi, ketika seseorang sedang membaca salah satu artikel kita, maka secara tidak langsung widget ini menawarkan kepada pembaca tersebut untuk membaca juga postingan-postingan terbaru di blog kita.  Keberadaan widget recent post pada suatu blog memang cukup penting. Selain membuat tertarik pembaca, widget ini juga bisa meningkatkan Page View yang cukup signifikan bagi blog tersebut. Untuk itu, pada postingan kali ini saya ingin berbagi cara untuk membuat widget recent post keren yang disertai dengan thumbnail, keterangan tanggal dan jumlah komentar. Widget ini bisa anda taruh di bagian sidebar atau di tempat lain sesuai selera. Pastikan keberadaannya mudah terlihat oleh pengunjung agar kinerjanya lebih maksimal.  Oh

Seperti yang pernah saya singgung pada artikel sebelumnya, tampilan yang menarik juga menjadi salah satu hal penting yang mesti diperhatikan dalam setiap pengelolaan blog. Pengunjung tentunya juga lebih menyukai tampilan blog yang cantik dan rapi ketimbang tampilan standar, kaku atau monoton. Karena tampilan sedap dipandang, maka pengunjung pun bisa jadi semakin betah untuk berlama-lama singgah di blog kita.  Sebelumnya, kita telah belajar tentang cara membuat efek bayangan (shadow) pada gambar dan postingan blog . Nah, pada kesempatan kali ini, kita akan kembali belajar mengutak-atik lagi template blog menggunakan kode CSS untuk membuat tampilan blog lebih menarik lagi, yaitu dengan menambahkan bingkai sudut melengkung pada gambar dan halaman postingan blog.  Pemakaian bingkai (border) memang sudah biasa dijumpai di beberapa elemen blog, namun biasanya tampilannya standar (bentuk kotak) atau kebanyakan tidak ada bingkainya. Agar lebih menarik dan luwes, ternyata kita bisa membuat atau

Jika anda suka mendesain atau mengutak-atik tampilan blog, tentunya juga mengenal beberapa tool yang biasa digunakan untuk keperluan seputar blogging dan semacamnya. Salah satu di antaranya yaitu tool parse yang berfungsi untuk mengubah beberapa kode tertentu agar bisa disimpan di dalam html template. Biasanya adalah seperti kode-kode iklan adsense yang hendak dipasang di dalam template blog.  Tool Parse adalah alat yang berfungsi untuk menguraikan atau menkonversikan kode-kode html menjadi kode unik dengan tujuan agar kode tersebut tetap dapat disimpan secara lengkap tanpa menghilangkan fungsi yang hendak ditampilkan. Sebab, akan terjadi error jika kode tersebut tidak diuraikan (parse) terlebih dulu. Sebetulnya kita memang bisa memparsenya sendiri dengan mengubah beberapa kode tersebut secara manual. Namun akan lebih cepat dan praktis jika menggunakan tool parse.  Kebanyakan blogger biasanya menggunakan tool parse yang tersedia online secara gratis seperti blogcrowds untuk memparse be

Pagi ini, saya mendapatkan sebuah email dari tim google adsense yang menyatakan bahwa mereka akan segera berhenti untuk menayangkan iklan tautan/ link ads di blog kita. Bukan saya saja, mungkin semua blogger yang menjadi publisher adsense juga akan mendapatkan pesan ini.  Bagi yang belum tahu, link ads atau iklan tautan adalah sejenis unit iklan dari google adsense berbentuk teks berisi link (tautan) yang mengarah pada iklan-iklan tertentu, dan biasanya sesuai dengan artikel yang dibaca.  contoh iklan tautan Pengalaman saya, link ads ini termasuk salah satu jenis iklan yang mempunyai biaya klik cukup besar dibanding jenis iklan lainnya. Memang cukup disayangkan karena iklan ini termasuk jenis iklan favorit yang cukup berpengaruh dalam mendulang pendapatan dari adsense. Iklan ini juga mudah sekali muncul dan tidak begitu mengganggu sebenarnya, karena bentuknya hanya teks yang bisa diklik sesuai minat pengunjung.  Berikut ini bunyi pesain email yang saya dapatkan: Penghentian iklan link

Selain faktor SEO, kualitas konten dan segala tetek bengeknya, salah satu yang juga mesti diperhatikan dalam pengelolaan blog adalah dari segi tampilannya. Blog yang tampak cantik dan rapi tentu juga memiliki andil dan pengaruh lebih dalam membuat pengunjung semakin betah untuk berlama-lama singgah di blog kita. Oleh karena itu, tampilan juga mesti diatur sedemikian rupa agar blog semakin cantik, keren dan elegan. Dari sekian kode-kode dalam html template, entah kenapa saya begitu menyukai untuk mengutak-atik kode CSS untuk memodifikasi tampilan blog agar semakin cantik dan menarik. Salah satunya seperti yang akan kita pelajari kali ini, yaitu cara membuat atau menambahkan efek bayangan pada gambar dan postingan blog. Cara ini efektif untuk membuat kedua elemen tersebut menjadi seperti mengambang sehingga tampak ada bayangan (shadow) di belakangnya.  Dengan menambahkan efek bayangan ini, tentu tampilan blog anda akan menjadi semakin elegan dan tampak lebih hidup. Artikel juga menjadi t

Jika diperhatikan, tampilan halaman beranda (homepage) blog (versi desktop) masa kini kebanyakan menggunakan tampilan grid untuk daftar postingan, meski banyak juga yang masih menggunakan tampilan bentuk list. Para desainer template pun banyak juga yang mendesain tampilan blog pada daftar postingan homepage menjadi bentuk grid untuk menarik minat customernya. Kalau anda tidak ingin ribet mengubah sendiri tampilan homepage list menjadi bentuk grid, mengganti template blog dengan template yang baru mungkin menjadi cara termudah untuk dilakukan. Namun bagi anda yang suka mengutak-atik tampilan blog, mengubahnya sendiri juga tidak masalah. Mungkin sayang jika harus ganti template baru padahal kinerja template lama anda sudah cukup baik.  Nah, bagi anda yang kebetulan tampilan homepage listnya ingin diubah menjadi bentuk grid, pada postingan kali ini saya ingin berbagi caranya untuk anda. Memang masing-masing template blog berisi kode-kode yang berbeda. Namun jika homepage blog anda sudah d

Sebagai pemilik blog yang juga membahas tutorial seputar blogging, tentu tidak jarang anda membahas tentang pemasangan kode-kode script yang harus diletakkan ke dalam html template untuk fungsi-fungsi dan penerapan tertentu. Akibatnya, kadang muncul beberapa pertanyaan di kolom komentar yang mempertanyakan tentang pemasangan kode-kode tersebut ketika belum bisa dipahami oleh si penanya (pemberi komentar).  Setelah menuliskan penjelasan tentang peletakkan kode-kode html tersebut di kolom komentar, tiba-tiba balasan jawaban yang telah anda buat tidak bisa dikirim dan muncul peringatan seperti berikut ini: Apa gerangan yang sedang terjadi?. Mengapa hal ini terjadi pada diri saya?. Mungkin seperti itulah perasaan anda saat mendapati tentang fenomena ini.  Perlu diketahui, ternyata bukan anda saja yang mengalami hal ini. Bagi pemilik blog berplatform blogspot, kita memang tidak bisa meletakkan kode-kode html ke dalam komentar blog. Dengan kata lain, kolom komentar blogger tidak mengizinkan