Panduan Lengkap Cara Memasang Kode Script di Blogger, WordPress, dan Hosting untuk Pemula.
Selamat datang di blog sederhana ini, pada kesempatan kali ini saya akan bahas cara cara bagaimana memasang kode script ke dalam website kita.karena masih banyak pengguna blog, wordpress atau hostingan yang bingung saat ingin memasang kode HTML, CSS, atau JavaScript. Sering muncul pertanyaan seperti ini:
- Kode ini dipasang di mana?
- Kalau untuk postingan Blogger caranya bagaimana?
- Kalau ingin tampil di semua halaman bagaimana?
- Bagaimana pemasangan di WordPress?
- Kalau website hosting sendiri bagaimana?
Di aArtikel ini saya alan bahas semuanya secara detail dari dasar sampai paham menurut ilmu yang tahu dari hasil membaca dan mempraktekan tutorial yang ada di blognya orang. mudah mudahan artikel yang saya buat ini bisa menjadi bahan dasar pembelajaran bagaimana cara memasang kode script itu,mungkin cocok juga untuk pemula yang baru belajar memasang script script diwebsite.
Jenis Kode yang Umum Dipasang
Sebelum ke tutorial cara memasang script, sedikit kita pahami dulu jenis jenis script itu kaya gimana biar gak terlalu pusing saya bahas yang sudah umum saja seperti:
1. HTML
Kode HTML ini biasanya digunakan untuk membuat struktur tampilan seperti tombol, form, kotak, tabel, dll. contoh sederhana : <a class="btn" href="https://contoh.com">Ini Contoh Tombol dengan tag a link</a> yang menghasilkan tampilan seperti ini : Ini Contoh Tombol dengan tag a link. seperti itu lah contoh kode HTML.
2. CSS
Nah kode ini digunakan untuk mempercantik tampilan seperti mnambah warna, ukuran, animasi, layout. biasanya kode ini di letakan pada tag <style>KODE CSS</style>, atau di area <b:skin>. contoh kodenya:
3. Kode JavaScript
Kode ini biasanya digunakan untuk fitur interaktif seperti generator, kalkulator, popup, validasi form, dll. dan bahkan bisa membuat tombol button seperti di atas secara langsung. contoh kode untuk menghasilkan tag HTML di atas:
untuk kode javascript ini jujur saja saya juga tidak terlalu faham membuatnya, belum sempet belajar banyak hehe...Tapi gak apa apa kan, walaupun saya sendiri belum faham, niat saya membuat artikel ini hanya ingin berbagi cara cara nya saja untuk memasang kode kode seperti itu
Sekarang kita nulai ke bahasan inti yaitu untuk Panduan Lengkap Cara Memasang Kode Script di Blogger, WordPress, dan Hosting untuk Pemula sperti berikut ini.
1. Cara Memasang Kode di Blogger
Blogger memiliki beberapa lokasi pemasangan script tergantung tujuan penggunaannya.
A. Memasang Kode di Postingan Blogger
Ini digunakan jika script hanya ingin tampil pada satu artikel atau postingan seperti sekarang ini. Contoh:
- Postingan Tool generator
- Posting tampilan Kalkulator online
- Membuat tampilan Landing page khusus
- Form interaktif dll
Langkah-langkah pemasangan kode di postingan:
- Login ke Dashboard Blogger
- Klik Postingan
- Pilih Postingan Baru
- Ubah editor ke mode Tampilan HTMLbukan compose atau text
- terusvtulis kode atau bisa langsung paste seluruh kode script jika memang sudah punya
- Klik Pratinjau dulu (optional)
- Jika klihatan normal saat pratinjau, lalu klik Publikasikan
Catatan penting:
- Pastikan semua tag di kode lengkap
- Jangan paste di mode Compose/text
- Gunakan mode HTML agar kode tidak rusak dan bisa di render sama blogspotnya
B. Cara emasang Kode script di Halaman Statis Blogger
CBiasanya memasang kode di halaman ini ccok untuk:
- Contact page
- CoAbouttact page
- Privacy policy page
- Disclaimer page
- Tools page
- About page interaktif
- Landing page permanen
Caranya:
- Masuk Dashboard Blogger
- Pilih menu Halaman bukan postingan
- Klik Buat Halaman Baru
- Pilih mode HTML bukan compose
- Tulis kode atau bisa Paste kode jika sudah punya pada kotak editor
- Lalu publikasikan
Keunggulan memasang kode di halaman statis: bisa lebih profesional dan mudah dijadikan menu navigasi.
C. Memasang Kode di Widget Blogger
Cara ini digunakan jika tampilan kode script ingin muncul di sidebar, footer, atau header.
Langkah langkahnya:
- Masuk ke Dashboard blogger
- Buka/Klik Tata Letak
- Klik Tambah Gadget
- Pilih HTML/JavaScript
- Beri judul widget(optional)
- Paste kodenya di area bawah judul
- Lalu simpan
Contoh penggunaan menyimpan kode di widget ituvbiasanya untuk kode script:
- Banner iklan
- Widget jam
- Recent post custom
- Notifikasi,dll
D. Memasang Kode di Template Blogger
Nsh untuk cara ini biasanya dgunakan jika ingin kode script aktif di seluruh blog, baik saat di homepage, d postingan ataupun di halaman statis tadi.
Cara pemasangannya:
- Masuk ke Dashboard blogger
- Buka/klik menu Tema/Theme
- Klik tanda panah ▼
- lalu pilih Edit HTML
Terus pilih lokasi pemasangan, misalnya:
- Di Sebelum </head> → untuk CSS atau meta script
- Di Sebelum </body> → untuk JavaScript
- Di dalam body → untuk elemen global
Tips:
Selalu backup template terlebih dahulu sebelum mengedit, untuk menjaga blog error setelah pemasanganan kode.
Mungkin untuk Panduan Cara memasang kode script di blogger kurangvlebihnya seperti itu, mohon koreksi nya jika banyak salah. Sekarang lanjut untuk cara memasang kode script di Wordpress.
2. Cara Memasang Kode di WordPress
A. Di Postingan WordPress
- Masuk Dashboard WordPress
- Klik Posts → Add New
- Tambahkan blok Custom HTML
- Paste kode nya di area editor
- Preview dulu
- Jika memang sudah pas dan normal lalu klik Publish
B. Di Halaman WordPress
- Klik menuv Pages → Add New
- Tambahkan blok Custom HTML
- Paste script
- dan publish
Biasanya kode script yg di pasang pada halaman wordpressvitu dipakai untuk landing page ataupun yang lainnya.
C. Menggunakan Widget WordPress
- Pilih menu Appearance → Widgets
- Pilih area widget
- Tambahkan Custom HTML
- Paste kode
- Simpan
D. Memasang kode di Theme WordPress
- zklik Appearance → Theme File Editor
- Pilih file header.php / footer.php ataupun apa saja sesuai kebutuhan anda
- setelah lokasi penyimpanan di tentukan lalu paste script di lokasi sesuai pilihan anda tadi
- Simpan
Untuk script global biasanya:
- Di area Header atau header.php→ untuk script analitik / css
- Di area Footer atau footer.php → untuk kode JavaScript
E. Menggunakan Plugin
Cara ini paling aman kalau di wordpress soalnyavtidak terlalu ribet memasukan kode secara manual, kita tinggal pilih plugin apa yang mau di gunakan..caranya:
- Insert Headers and Footers
- WPCode
- Code Snippets
intinya plugin ini memudahkan pemasangan tanpa edit tema,tanpa edit di postingan ataupun di halaman statis, berbeda dengan blogspot yang tidak menyediakan fitur seperti ini.
Mungkin untuk Panduan Cara pasang kode script di wordpress kurang lebihnya seperti itu, mohon koreksinyavjika banyak salah ๐
3. Cara Memasang Kode di Hosting / Website Sendiri
Cara ini digunakan Jika kita memakai hosting sendiri seperti (cPanel, VPS, shared hosting), cara masang kode disini lebih fleksibel.
A. Bisa dengan Via File Manager cPanel
Caranya:
- Login ke cPanel
- Buka File Manager
- Lalu cari dan Masuk ke folder public_html
- Buka file yang mau di pasang kode seperti: (index.html / page.html,dll)
- Klik Edit
- Tulis kode atau paste kode jika sudah ada kedalam kotak editor nya
- lalu Save
B. Cara pasang Via FTP ☆(Aplikasi/software untuk Transfer File
Caranya:
- Buka atau gunakan FileZilla
- Hubungkan ke hosting seperti anda masuk ke halaman cPanel
- Pilih dan Masuk ke public_html
- Pilih file yang mau di tempelkan script lalu klik Edit file
- Lalu Upload ulang
C. Membuat File Baru
Jika mau membuat file atau halaman khusus untuk kode scriptnya gunakan cara ini:
- Buat file baru contoh:
- tool.html
- landing.html
- generator.html
- Paste seluruh kode
- Simpan
- Setelah file dibuat, maka untuk melihat dan mengaksesnya lewat webanfa.com/tool.html
Mungkin untuk cara pemasangan kode script di hostingan kurang lebihnya seperti di atas, mohon di koreksi kalau salah ๐
Kesalahan Umum Saat Memasang Script
Seperti kata pepatah, namanya manusia tidak luput dari salah dan dosa, jadi wajar kalau nyatanya ketika kita memasang scriptpun banyak salahnya walaupun sudah ada tutorial hehe, karena kita tidak sempurna dan hanya saja di wajib kan untuk selalu berusaha,belajar dan berihtiar. Jangan pernah mundur untuk kegagalan, coba terus lanjutkan sampai hasil yang maksimal.๐๐
biasanya kesalahan saat pemasangan kode di blogspot, di wordpress ataupun di hosting yaitu:
- 1. Menulis atau menempel kode di area editor visual/Compose/text (harusnya di edit HTML)
- 2. Terkadang ada kode script yang terpotong (karena namanya kodescrpit, satu saja tanda kutif terhapus, maka kode tidak akan brfungsi)
- 3. ada kode CSS di kode script kita yang b3ntr0k dengan CSS bawaan template
- 4. JavaScript dibl0k platform (karena di anggap sudah usang, atau di anggap rvs)
- 5. Salah lokasi pemasangan
Tips Agar Script Berjalan Normal
- Selalu test di preview
- Backup sebelum edit template
- Gunakan kode lengkap
- Cek console browser jika error
- Pastikan tidak ada tag hilang atau di makan kucing ๐คญ
Kesimpulan
Tempat pemasangan kode tergantung kebutuhan kita masing²:
- Postingan → hanya tampil di artikel tertentu
- Halaman statis → halaman khusus permanen
- Widget → tampil di sidebar/footer
- Template/Theme → aktif global seluruh website
- Hosting langsung → kontrol penuh
Nah mungkin untuk penjelasan panduan cara pasang kode script ini saya cukupkan sekian dulu, mohon maaf yang sebesar besarnya jika banyak salah penulisan kata, atau gaya bahasa yang kurang dimengerti atau tidak enak di baca, semoga artikel ini jadi bahan inspirasi sebagai dasar membantu untuk anda yang baru mulai di dunia internet khususnya dunia blogging. sedikit masukan dari saya untuk yang benar² masih pemula, kita belajar mulai dari memasang kode script di postingan atau halaman statis dulu saja itu lebih gampang. Kalau sudah paham, baru coba ke edit template atau file hosting.
