Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Menampilkan Pesan Telegram di Blog

Kian kini Telegram kian berkembang. Tidak lagi semata menjadi sarana perpesanan teks, namun juga banyak kegunaan lain. Misalnya saja, kini Telegram bisa digunakan untuk penyimpan atau berbagi berkas, pemutar musik, panggilan suara dan banyak lagi.

Dan di antara banyak pembaruan pada rilis Telegram teranyar, mereka menyuguhkan fitur yang sungguh sama sekali tidak pernah saya duga; kini kita bisa melekatkan (embed) pesan dari kanal atau grup publik ke situs web. Wow....

Artinya kini siapapun, walau tanpa memiliki akun telegram, bisa membaca pesan yang kita kirim ke kanal atau grup publik cukup dengan memasukkan tautan dari pesan Telegram ke bilah alamat (address bar) peramban web.

Baca selengkapnya

Melekatkan Gambar SVG ke Dalam Artikel Blog

SVG adalah singkatan dari Scalable Vector Graphics, sebuah format vector berdasar XML untuk gambar dua dimensi. Format ini sangat cocok kita gunakan jika hendak melekatkan (embed) logo, ikon atau gambar dua dimensi lainnya di blog.

Setidaknya ada dua alasan utama yang melatari mengapa saya lebih menyarankan penggunaan SVG dibanding format gambar lain untuk blog:

  1. Mudah untuk dilekatkan ke dalam artikel.
    Banyak format gambar lain juga sebenarnya bisa saja untuk dilekatkan ke dalam artikel blog, namun umumnya tidak semudah copy-paste seperti SVG, melainkan memerlukan langkah tambahan seperti mengubahnya (encode) ke bentuk base64.
  2. Ukuran gambarnya sangat kecil.
    SVG adalah gambar vector, yang dapat diubah ke beragam ukuran tanpa memengaruhi ukuran berkasnya. Beda halnya dengan format gambar lain berdasar raster, yang ukuran berkasnya berubah mengikuti resolusi gambar.

Namun tentu saja, dibalik pro, pasti ada kontra. Sejauh yang saya butuhkan, kelemahan SVG adalah ia tidak cocok untuk gambar ilustrasi foto, screenshot dan lain gambar yang memiliki gradasi warna.

Jika Anda juga merasa cocok dengan poin "pro" dan tidak bermasalah dengan poin "kontra"-nya, silakan ikuti cara melekatkan (embed) berkas SVG di artikel atau template blog di bawah ini.

Baca selengkapnya

Memasang Pemutar Audio di Artikel Blogger

Biasanya saya tidak terkesan dengan blog yang memiliki fitur pemutar lagu, apalagi jika lagu tersebut otomatis dimainkan ketika blog dibuka. Namun bukan berarti menyertakan lagu atau berkas audio adalah hal tabu dalam blogging, hanya saja jika penempatan dan penggunaannya tidak bijak malah membuat blog terkesan norak.

Sekian lama blogging, jarang sekali atau mungkin tidak pernah saya merasakan perlu untuk memasang berkas audio di artikel blog. Sampai saat menulis artikel Mengamankan Akun Telegram, baru merasakan kebingungan bagaimana untuk menyisipkan berkas audio ke dalam artikel agar bisa langsung didengarkan oleh pembaca.

Baca juga: Mengamankan Akun Telegram

Berbagai panduan dirasa menunjukkan cara-cara yang rumit dan merepotkan. Misalnya mesti menggunakan layanan Google Sites, Soundcloud dan lainnya. Saya menggunakan sarana blog dari Blogger justru karena mengincar kemudahan layanan yang berpusat di satu tempat. Dengan Blogger, saya tidak perlu lagi memusingkan kesediaan server, CMS apa yang digunakan, di mana menyimpan gambar, bagaimana perihal komentar dan lain sebagainya. Jadi kini saya berusaha sekira mampu menghindari untuk menyimpan berkas penunjang blog di banyak tempat.

Baca selengkapnya

Berbagi Pengalaman Meraih Google AdSense

  • Diposkan oleh pada Selasa, 14 November 2017
  •   3 comments

Telah lama saya menulis di blog. Meski menulis bukanlah kegemaran utama, namun sepertinya saya telah mulai menulis di blog tidak lama setelah mengenal internet. Well, mungkin belum lama karena saya lumayan telat mengenal internet. Maklum tinggal di kampung.
Beragam layanan blog gratis pernah saya coba, mulai dari Wordpress, Blogger hingga Github Pages. Meski demikian, jangan beranggapan jika kini saya telah paham dan menguasai seluk-beluk blogging. I'm not. Kegiatan blogging saya umumnya sekedar memuaskan rasa ingin tahu, dan tidak lama setelahnya kemudian ditinggalkan.

Kegiatan menulis blog yang malar agak lama adalah setelah saya sering berbincang di grup Telegram PegeLinux. Di sana banyak rekan yang lebih berpengetahuan dan berpengalaman mengenai hal-ihwal blog. Influence by environment. Mulai dari sini, saya berkenalan dengan blog statis GitHub Pages, sampai akhirnya berkenalan pula dengan git dan memiliki banyak repo.

Sampai kemudian ada yang bertanya: "Kalau ente suka menulis blog, kenapa ga pasang iklan saja biar menghasilkan?"

Hmmm, yeah, why not?

Baca selengkapnya

GIF Animasi Gfycat Sebagai Ilustrasi Artikel Blog

Tulisan ini terilhami oleh sebuah pertanyaan di kolom komentar artikel Membuat Tombol Back to Top di Blogger. Si pembaca menanyakan bagaimana cara merekam GIF yang dijadikan ilustrasi dalam artikel tersebut.
Nah, artikel ini bukan hanya akan menjawab bagaimana, namun juga sedikit bercerita mengapa saya memasang GIF sebagai ilustrasi di artikel tersebut. Follow me...

Baca selengkapnya

Memasang Open Graph di Blogger

Open Graph? Apakah itu?

Open Graph adalah sebuah protokol yang digunakan untuk memperkaya informasi di media sosial.

Oo gitu. Lalu mengapa kita memasang Open Graph di blog kita?

Open Graph berguna untuk mengambil data blog dan menampilkannya di media sosial dengan tampilan yang kaya informasi.
Misal, demi mendapatkan lebih banyak pengunjung ke blog, kita posting tautan ke artikel blog di media sosial seperti Facebook, Telegram, dan sejenisnya. Dengan Open Graph, tautan ini tidak hanya teks semata, melainkan juga berisi gambar dalam artikel, sekelumit isi artikel, dan lainnya. Dengan demikian semakin menarik minat mereka yang melihat tautan tersebut untuk berkunjung ke blog kita.

Baca selengkapnya

Membuat Tombol Back to Top di Blogger

Floating "Back to Top" button

Sebenarnya saya jarang membuat artikel yang panjang, jadi sebelumnya tidak pernah berminat menggunakan tombol melayang untuk "Back to top". Biasanya sih cukup dengan membuat sebuah tautan menuju "#" di dasar halaman blog.
Sayangnya, tautan di dasar laman blog tentu saja hanya bisa diakses ketika si pembaca telah mencapai dasar halaman blog. Jika ternyata ketika di tengah artikel dia ingin kembali ke atas halaman, tidak ada cara baginya selain menggulung sampai atas. That's a bad user experience.

User experience adalah yang utama, dan navigasi halaman blog sangat berperan di dalamnya. Jadi walaupun kita jarang berpanjang lebar dalam menulis artikel, namun sebuah alat yang memudahkan pembaca mengakses navigasi blog sangatlah penting. Alat ini umumnya berupa sebuah tombol melayang (floating button) untuk mengantar pembaca kembali ke bagian atas halaman di mana navigasi blog umumnya diletakkan.

Baiklah, dalam artikel kali ini saya akan menjabarkan bagaimana membuat floating back to top button. Bukan hanya satu, melainkan dua jenis sekaligus. Yang satu menggunakan javascript dan CSS, dan satu lagi hanya menggunakan CSS. Tentu dengan kelebihan dan kekurangan masing-masing yang nanti juga akan saya jelaskan. Mari...

Baca selengkapnya

Wget untuk Memeriksa Link dalam Laman Blog

Semua benci jika tautan dalam blog ternyata rusak. Pengunjung benci. Pemilik benci. Search engine juga ikut-ikutan benci.

Tautan yang rusak dalam artikel blog baru-baru ini saya alami. Itu juga karena komentar dari pembaca artikel. Maklum, saya biasanya dalam menulis artikel itu menganut faham write and forget. Ternyata menurut kaidah blogging yang baik, seorang pemilik blog mesti rajin-rajin memeriksa tautan-tautan yang ada dalam blognya. Hmmm, sepertinya merepotkan...

Well, mungkin tidak begitu merepotkan. Karena setelah sedikit mencari di dunia maya, dengan mudah saya menemukan banyak artikel atau layanan atau perangkat lunak yang bisa membantu kita memeriksa kesehatan tautan dalam blog.

Baca selengkapnya

Membuang Bagian CSS yang Tidak Diperlukan Menggunakan PurifyCSS

Situs web modern tidak hanya berupa tampilan teks, namun juga gambar, suara, berkas multimedia lain dan pernik-pernik untuk memperkaya penampilan situs web. Bisa dimaklumi bila sebuah web yang cantik dan dinamis memerlukan banyak resources (sumber daya), baik bagi si empunya web atau pun bagi para pengunjung.

Bagi pemilik situs web bermodal besar, semua sumber daya yang diperlukan bagi penampilan situsnya, misal berkas gambar, audio, multimedia, CSS dan javascript, akan dikelola sendiri di server web-nya. Ini menjadikan biaya mengelola situs web menjadi mahal namun web-nya akan tetap gegas.
Sementara bagi pemilik situs lainnya akan menyimpan berkas-berkas resource tersebut di luar situs web-nya, misal berkas gambar disimpan di Imgur, video di YouTube, script di GitHub gist, javascript dan CSS di CDN tertentu. Biaya pengelolaan situs seperti ini relatif murah namun ia akan relatif lambat karena untuk menampilkan lamannya ia mesti meminta (request) ke tempat di mana berkas-berkas yang dibutuhkan disimpan.

Less is more and simpler is better...

Menurut kaidah blogging yang baik, semakin sedikit request sebuah laman blog adalah semakin baik. Semakin banyak request sebuah laman akan menjadikan laman ini semakin lambat ditampilkan secara penuh (render blocking). Pengunjung mana yang akan menunggu situs yang lamban, kecuali situs itu memang sangat dibutuhkannya.
Jadi, sayapun tertarik untuk menjadikan blog ini lebih baik dengan cara mengurangi request-nya.

Baca selengkapnya

Memasang Syntax Highlighter di Blogger

Sepengalaman saya, blogging di Blogger itu lebih rumit dibanding blogging di blog statis macam jekyll. Misalnya, sebagai penulis blog yang sering menulis mengenai langkah demi langkah melakukan sesuatu di terminal atau yang berhubungan dengan kode saya sangat terbantu dengan adanya syntax highlighting di jekyll. Sementara dalam Blogger fitur ini tidak terpadu, namun bukan berarti tidak bisa.

Baris kode program bisa cukup panjang dan rumit, syntax highlighter akan memberi warna pada komponen-komponen kode sehingga membuatnya nyaman dilihat dan lebih mudah dipahami.

Ada tiga cara yang saya ketahui untuk mewarnai kode pada blogger:

  1. Menggunakan layanan pihak ketiga semacam GitHub gist atau Codepen pen.
    Cara ini paling mudah dan highlight-nya juga bagus dan mencakup banyak bahasa pemrograman.
    Kelemahannya adalah jika pengunjung mematikan javascript dalam perambannya atau jika karena suatu sebab GitHub dan Codepen down, maka kode dalam artikel tidak akan tampil.
  2. Memberi tag HTML warna pada tiap komponen kode.
    Cara ini cukup merepotkan dan membuat kode dalam artikel menjadi "kusut" dan menjadikannya sulit untuk disunting.
  3. Menggunakan pustaka javascript yang mampu mewarnai kode secara otomatis.
    Cara ini seperti cara pertama, bergantung pada javascript. Namun demikian, jika pengunjung mematikan javascript dalam perambannya maka kode akan tetap ditampilkan walau tanpa highlight.

Artikel ini hanya akan membahas cara mewarnai kode menggunakan cara ketiga,

Baca selengkapnya

Memasang Tema Responsif di Blogger www.rizaumami.com

New bootstrap like theme for www.rizaumami.com

Layaknya slogan iklan; "kesan pertama begitu menggoda, selanjutnya...", demikian juga dengan penampilan sebuah blog, kesan pertama si pengunjung sangat memengaruhi apakah dia akan rutin mampir ataukah sekedar sekali singgah.

Awalnya blog ini hanya saya dandani dengan tema sederhana bawaan Blogger dengan sedikit dipersolek di sana dan di sini. Kala itu dirasa sudah memadai dan saya merasa cukup puas. Hingga kemudian ada sebuah komentar dalam sebuah artikel blog ini yang menanyakan mengapa tampilan blog ini tidak responsif?

Baca selengkapnya

Langganan: Postingan (Atom)
Kembali ke atas