Blog Content Management System

 Content management system atau lebih familyar disebut dengan CMS adalah sebuah web yang berbasis system management tujuannya adalah mengontrol sebuah website konten yang dibuat untuk public, bisa meliputi editing isi website maupun penambahan sebuah konten pada web public itu sendiri. Disini aku ingin menceritakan sebuah perjalanan pembangunan CMS dari nol, baik itu dari sisi teknis maupun kegiatan yang terhambat oleh hal yang tak terduga, kebetulan sekali CMS ini aku buat untuk sebuah website system kebutuhan artikel atau blog.  

baca juga artikel lainnya :

• Website Freelance yang Fokus Niche
  
• Skill yang Dicari Perusahaan di Bidang Web Development 2025
  
• Migrasi Website ke HTTPS dan Manfaatnya untuk SEO
  
• Membuat Halaman Form Dinamis dan Validasi Server
  
• Fitur Baru: Website Dye 🚀
  
• Bagaimana AI Mengubah Workflow Web Development
  

Masalah Terjadinya BUILD CMS

Di langsir dari kasus pribadi menggunakan blogger, aku mendapatkan sebuah pengalaman yang menguras pikiran dimana waktu adalah penentu untuk sebuah jawaban yang di berikan platform blogger sendiri. Yaitu masalah pengalihan. Masalah ini terjadi begitu mysteri sebab hanya ada pemberitahuan pada google search console masalah pengalihan dan artikel yang muncul di google terkena de-indexing dimana hal tersebut menghilangkan beberapa bahkan untuk kasus yang aku alami ini hanya 3 artikel yang muncul di google dari ratusan artikel yang sudah terpublish di blogger, catatan di google search console sendiri bervarian tidak semuanya memberikan jawaban pengalihan. Ada yang memberikan intruksi sebuah masalah di opsi halaman GSC tentang tag kanonis, di crawl namun tidak di index dan juga di temukan namun tidak di index, dan dari masalah tersebut semuanya saling berhubungan yaitu redirect atau pengalihan. 

Beberapa perbaikan teknis aku lakukan baik itu dari pengaturan blogger maupun dari sisi tema untuk tamplate nya, namun sudah satu bulan aku menunggu tidak ada perubahan yang signifikan bahkan url inti yang muncul di google, Terindex namun muncul dengan alamat url http padahal opsi pengalihan sudah di aktifkan di sisi blogger dot com nya. 

Dari situ aku terbesit sebuah ide cloning sebuah web CMS blog. agar mendapatkan ide dari sisi layouting dan juga memberikan kesan yang efektif aku rasa blogger dot com cukup relevan untuk di jadikan referensi. Toh yang aku paling butuhkan juga dari sisi teknis untuk saat ini komunikasi antara CMS dan google bukan hanya layouting dan sekedar dummy portfolio, Sayang juga kan Adsense sudah Approve kalo artikel nya lama muncul karna terkena masalah yang sulit di kontrol oleh pengguna. Jadi aku memutuskan untuk membuat sebuah web yang berbasis system management untuk mengontrol blog, kenapa? karna selama aku membuat sebuah website jarang sekali berhari hari untuk mendapatkan masalah dari proses indexing, terjadi masalah pengalihan memang sering terjadi namun itu hanya berlaku paling lama 2 hari dari website yang telah aku buat sebelumnya.

Akhirnya jadilah sebuah web yang sedang di bangun ini, yaitu B-CMS

Kondisi website pada screenshot tersebut saat ini baru memiliki tampilan yang responsive belum memiliki server yang kompleks, itu juga sudah cukup berat dan banyak sekali tantangan ketika membuatnya, baik itu dari Aside fitur sebelah kiri yang memiliki navigasi statistik, halaman, tata letak, tema juga setelan. untuk lihat blog yang paling bawah itu nanti aku buat kode fungsinya bareng dengan server. 

Story of BUILD

HTML per html aku buat sedemikian semantik web di buat selayaknya seorang programmer menulis kode komputer, style dari section demi section aku selaraskan untuk menciptakan sebuah tampilan yang memiliki alur sama dengan blogger dot com, hingga semuanya sudah selesai aku buat, aku melanjutkan nya menulis sebuah fungsion untuk beberapa fitur agar menjadi interaktif atau berfungsi selayaknya website yang nyaman di gunakan. sampai dimana aku mendapatkan sebuah masalah pada halaman ini

⦁ TEMA

Aku kesulitan membuat halaman ini karna harus menampilkan secara live halaman yang akan di tunjukan ke pembaca secara public dimana hal itu berhubungan dengan intregasi server yang menyimpan sebuah data lalu mengambilnya kembali pada. Pada umumnya  pembuatan halaman web yang berjenis seperti itu memiliki sebuah data base dan juga system pos. yang bisa menyimpan lalu mengambil.

Tidak kehabisan akal dan bukan seorang pengembang jika berhenti di situ, aku memutuskan untuk membuat skema dimana local storage menjadi target penyimpanan sementara untuk mengambil halaman public yang di harapkan muncul di fitur halaman tema ini. 

namun sulit untuk membuat sebuah intregasi kode karna aku memiliki harapan dimana fitur ini bisa mirip seperti blogger cms namun tidak sama percis karna bisa menyebabkan copy right 

berikut kodenya.

⦁ TEMA CODE

Dalam kode ini aku buat fitur tema mengambil tampilan live dari web public terlihat dari intregasi frame.onload dimana menjelaskan untuk mencoba mengambil deklarasi dokumentasi dari konten frame nanti di bawah aku akan berikan kode iframe dari html tepatnya. aku membuat sebuah overflow alur dari jalannya sebuah preview web public ini menjadi hidden untuk style nya jadi full dalam catch mengambil sebuah cors code dari kode html tamplate yang sudah di panggil pada kode di atas screenshot tersebut. 

html code

ini adalah potongan kode dari iframe yang sudah di singgung dari bait artikel sebelumnya. dari sini tertulis sebuah iframe yang memanggil halaan html namun sempat di singgung sebelumnya code tersebut hiden. dan style yang di buat menggunakan tailwind css ini bertujuan untuk membuat sebuah frame atau bingkai yang nantinya akan di isi oleh preview live dari web public 

kesulitan yang aku alami ketika membuat fitur ini adalah. mengambil cors atau sebuah alur untuk jalannya preview halaman public agar bisa muncul dalam bingkai atau frame yang sudah di sediakan. jadi aku membuat link source code untuk mengambil halaman dan menerapkan nya di html juga di javascript code. Alhasil setelah beberapa waktu mencari referensi juga dokumentasi jadilah sebuah layouting yang berfungsi sesuai rencana yang sudah di buat sebelumnya.

 tema layout

jadi itulah cerita tentang pembuatan content management system yang baru di mulai dari sisi layouting frontend, pengembangan website ini masih berlanjut dan setelah aku telaah ini adalah project pengembangan yang besar karna kompleksnya dari sisi pembuatan baik itu teknis maupun tampilan untuk kenyamanan pengguna web. maka dari itu dalam pembuatan website ini akan banyak artikel tentang bagaimana CMS ini terbentuk sampai terpublish 

bonus screenshot 

tata letak