Cara Membuat Gambar Postingan dengan Mudah Tanpa Software

Halo semuanya, selamat datang di EL Creative Academy. Kali ini saya ingin berbagi kepada kalian tentang cara membuat gambar postingan blogger seperti yang ada di EL Creative Academy dengan mudah dan tanpa menggunakan software apapun.

Pada awalnya, gambar yang ada di di Blog EL Creative Academy dibuat dengan menggunakan software Adobe Photoshop. Tetapi, karena terdapat Author atau penulis lain yang berkontribusi di EL Creative Academy yang mungkin belum bisa menggunakan software tersebut untuk membuat gambar postingan, maka saya berfikiran untuk membuat sebuah Tool yang mudah untuk digunakan bagi semua orang. Alasan lainnya adalah gambar postingan yang ada di Blog EL Creative Academy relatif membosankan dan monotone.

Tool ini dibuat hanya dengan menggunakan HTML, CSS, dan JavaScript dengan bantuan library jQuery dan html2canvas serta di host pada GitHub. Kalian dapat melihat dan Fork repository nya Disini (Jangan lupa diberi bintang yaa).

Berikut adalah tampilan Tool tersebut:

Tampilan Tool

Berikut adalah gambar yang dapat dihasilkan dari Tool tersebut:

Hasil

Dengan menggunakan Tool tersebut, kalian dapat mengubah kategori atau label, judul, nama author atau penulis postingan, nama blog, warna background, dan pattern hanya dengan sekali klik saja.

Kalian dapat langsung menggunakannya dengan mengeklik tombol berikut:


Kalian dapat mengubah, mengedit, mengimprovisasi, dan mempublikasikan ulang Source Codenya. Jika tool tersebut bermanfaat, silahkan bagikan ke Blogger lainnya dan jangan lupa untuk mencantumkan sumbernya. Terimakasih 😉.

Tampilkan 19 Komentar

19 Komentar

  1. Ijin menggunakannya gan di blog saya, saat ini masih nge design di canva, paling simple sih di canva, ternyata ada yang lebih simple. Saran, kreasikan lebih menarik lagi gan dan simple.

    BalasHapus
  2. I was unable to save the image. I am using google chrome.

    BalasHapus
    Balasan
    1. I tried uc browser, opera mini didn’t works. Please simply make a download button 🙂

      Hapus
  3. keren banget min, kedepannya bisa insert image juga min

    BalasHapus
  4. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  5. Keren, ngak nyangka begitu caranya.

    BalasHapus
  6. Mantaf jiwa blognya gan...asik banget baca tutorial dari sini ditambah dapet tools kaya gini pula...

    BalasHapus
  7. ini yang saya cari dari dulu, biar semakin memudahkan menulis blog

    teriamaksih banyak gan sharingnya

    BalasHapus
  8. Di chrome mobile tidak bisa save gambar, 😭

    BalasHapus
  9. bang kalo bisa coba tambhin buat nyisipin icon pasti lbih bgus hasilnya

    BalasHapus
  10. itu open source gak ya projectnya?

    BalasHapus
  11. AmazinG Tool. Works fine. It's a good tool to use and hassle free especially if you want to make a simple yet attractive thumnail image for your post.

    BalasHapus

Posting Komentar