Jadi ceritanya, saya ini sering banget bikin artikel pake bantuan Claude AI. Tau sendiri kan, AI chat kayak Claude, ChatGPT, dan sejenisnya itu standarnya ngasih output dalam format Markdown.
Nah, masalahnya mulai muncul pas mau posting ke Blogger. Ada dua keribetan yang bikin pusing:
Pertama, kalau langsung copy artikel Markdown dari Claude terus paste ke Blogger, ya jelas ga jalan dong. Blogger kan butuh HTML. Tapi kalau mau convert manual? Waduh... capek banget! Bayangin aja, harus hapus tanda # buat heading satu-satu, hapus tanda * buat bold berkali-kali, belum lagi tanda buat italic, - buat list... Kebayang kan berapa banyak yang harus dihapus dan diganti? Belum lagi kalau artikelnya panjang, bisa-bisa mata pedes duluan sebelum selesai.
Kedua, kalau langsung minta Claude bikinin artikel HTML... eh ini malah masalah baru. Setiap kali saya minta tolong Claude buat artikel HTML sederhana buat di-paste ke Blogger, dia selalu kasih yang "lebih". Maksud saya minta HTML dasar aja, eh malah dikasih CSS yang ribet, styling macem-macem, kadang ada JavaScript segala. Awalnya sih seneng karena tampilannya bagus, tapi begitu di-paste ke Blogger... waduh bentrok! Template blognya jadi berantakan gara-gara CSS postingan bentrok sama CSS template.
Yang bikin bingung, di postingan-postingan berikutnya saya udah bilang "bikin yang simpel aja ya, HTML dasar aja tanpa CSS", tapi tetep aja hasilnya over-designed. Aneh kan? Mungkin emang karakternya Claude yang suka bikin sesuatu lebih bagus dari yang diminta 😅
Akhirnya saya mikir, daripada tiap kali harus capek-capek hapus simbol Markdown manual atau harus benerin CSS yang bentrok sama template, mending bikin tool sendiri aja.
Jadilah tool Markdown to HTML ini. Konsepnya simple banget - ambil output Markdown dari Claude (atau AI lain), convert otomatis ke HTML bersih tanpa embel-embel CSS atau styling yang bisa bikin masalah di Blogger. Tinggal klik, copy, paste. Selesai!
Fitur-Fitur yang Ada
Tool ini punya beberapa fitur yang cukup membantu:
Auto Convert - Fitur favorit saya! Begitu paste Markdown dari Claude di kolom kiri, dalam 800ms langsung auto-convert jadi HTML. Jadi ga perlu pencet tombol convert berkali-kali. Praktis banget, ga ada lagi cerita hapus # dan ** manual sampe pegal.
Tab HTML dan Preview - Ada dua tab di sebelah kanan. Tab HTML buat liat kode mentahnya yang siap di-copy, tab Preview buat liat tampilannya kayak gimana nanti di blog. Berguna buat mastiin formatnya udah bener sebelum di-paste ke Blogger.
Auto Link sama New Tab - Ada checkbox di bagian Options. Kalau dicentang, URL yang ditulis di Markdown langsung jadi link HTML. Dan bisa setting juga apakah linknya dibuka di tab baru atau ngga. Simple tapi ngebantu banget kalau artikelnya banyak link.
Support Format Standar - Heading (H1 sampai H6), bold, italic, strikethrough, list (ordered & unordered), blockquote, inline code, semuanya support. Semua format Markdown yang biasa di-generate sama AI bisa di-convert dengan bener.
Dark Theme - Ini sih bonus aja ya, biar mata ga capek kalau ngerjain artikel malem-malem. Warna hitam-hijau yang kalem.
Kenapa Pake Tool Ini?
Soalnya kan output dari AI chat kayak Claude atau ChatGPT itu emang udah dalam format Markdown. Dengan tool ini, tinggal copy-paste aja dari hasil chat, langsung jadi HTML bersih. Ga usah capek hapus simbol-simbol Markdown satu-satu, ga usah khawatir CSS bentrok sama template Blogger.
Hasil convertnya juga bersih, cuma tag HTML dasar doang - h1, h2, p, strong, em, ul, ol, blockquote. Standar HTML yang aman buat semua template Blogger. Ga ada CSS aneh-aneh, ga ada styling yang bisa bikin berantakan.
Cara Pakainya
Gampang kok. Habis chat sama Claude terus dapet artikel dalam Markdown, tinggal:
- Copy artikel Markdown dari Claude
- Paste ke kolom kiri tool ini
- Tunggu sebentar atau pencet tombol Convert
- Copy hasil HTML dari tab HTML
- Paste ke Blogger
Done! Ga perlu utak-atik lagi, ga perlu khawatir CSS bentrok, ga perlu capek hapus simbol manual.