Beranda
Blog Tips
Blogger

Cara Memasang CCS, Html dan Javascript Di Code Template Blog

membahas wedget, maupun di web Code Pen dan Di Gidhub. Kode-kode widget, navigasi menu, dan sejenisnya di sana hanya berupa Kode CSS, HTM, dan Javascr
TipsTechPraktis
cara-memasang-code-scrip-di-template-blogger

Masih bingung cara menambahkan kode HTML, CSS, atau JavaScript di Blogger? 🤔 Cek jawaban lengkapnya di bagian berikut ini agar kamu bisa memasang script dengan benar tanpa error!

panduan untuk pemula dalam memasang kode-kode untuk membangun template Blogger dan penambahan wedget, dengan format CSS, HTML, dan Javascript.

JavaScript biasa disingkat dengan JS

adalah bahasa pemrograman tingkat tinggi dan dinamis. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. KodeJavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

Kepajangan CSS

singkatan dari Cascading Style Sheets. CSS adalah sebuah dokumen yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web/blog kita.

Kepanjangan HTML

singkatan dari HyperText Markup Language. HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Kita bisa belajar tentang CSS, HTML, dan Javascript ini di W3C School biar tidak terlalu awam soal kode-kode yang membangun blog kita.

Letak / Posisi Kode dalam Template

  1. Code CCS Dalam template blog kita, kode CSS ada di antara kode <b:skin> dan </b:skin>dan atau antara kode <style> dan </style>.  
  2. Code HTML Kodenya biasanya diawali dengan titik ( . ) yang diterjemahkan HTML sebagai class (div=class) dan tanda pagar ( # ) untuk id (div=id).
  3. Kode HTML ada di hampir seluruh bagian template, terutama di antara kode <body> dan </body>.
  4. Javascript Sedangkan kode Javascript ada di antara kode <head> dan </head> serta <body> dan </body>. Biasanya ditempatkan di atas </head> atau </body>.

Cara ini sangat diperlukan terutama jika kita mengambil kode di blog membahas wedget, maupun di web Code Pen dan Di Gidhub. Kode-kode widget, navigasi menu, dan sejenisnya di sana hanya berupa Kode CSS, HTM, dan Javascript tanpa ada panduan penerapannya.

Berikut Cara Memasang Kode CSS, HTM, dan Javascript

  1. Kode CSS Kode CSS dipasang di atas kode ]]></b:skin> dalam template blog. Bisa juga dipasang di atas kode </head> dengan diapit kode <style> dan </style>.  
  2. Kode HTML Kode HTML dipasang di posisi di mana widget akan dimunculkan. Misalnya, jika akan dimunculkan atau dipasang di bagian paling atas halaman blog, di atas header, maka tempatkan kode HTML di bawah kode <body>. 
  3. Kode JavaScript Kode Javascript biasanya dipasang di atas kode </head> atau kode </body>.

Jika terjadi error, maka tambahkan kode, seperti ini:

<script type="text/javascript" >
//<![CDATA[
<!--KODE JAVASCRIPT DI SINI -->
//]]></script>
Baca Juga :

Sekian dulu post kali ini semoga bermanfaat dan membatu, ikutiterus pembahasan Blogger. untuk pertanyaan lain nya jangan lupa tingalkan komentar.

Faq Post:

Apa itu Script di Blogger?

Script di Blogger adalah potongan kode seperti HTML, CSS, atau JavaScript yang digunakan untuk menambahkan fitur, gaya tampilan, atau fungsi tertentu pada blog. Misalnya menambahkan tombol, animasi, atau efek khusus.

Bagaimana cara menambahkan CSS di Blogger?

CSS bisa ditambahkan di antara tag <b:skin> dan </b:skin> di template Blogger atau dalam tag <style> di bagian <head>. CSS digunakan untuk mengatur tampilan elemen blog seperti warna, margin, font, dan layout.

Di mana meletakkan kode JavaScript di Blogger?

Kode JavaScript biasanya diletakkan sebelum tag </body> atau </head>. Jika terjadi error, bungkus dengan //<![CDATA[ dan //]]> agar tidak bentrok dengan parser XML Blogger.

Kenapa kode script kadang error di template Blogger?

Karena Blogger menggunakan format XML yang sensitif terhadap karakter tertentu seperti tanda < atau >. Solusinya adalah dengan melakukan parse kode sebelum dipasang atau membungkusnya dengan CDATA agar aman dari error.

Apakah bisa memasang script langsung dari postingan?

Bisa, tetapi harus diparse dulu menggunakan tool parser HTML agar tidak dibaca sebagai kode aktif. Atau bisa juga menaruh script di widget HTML/JavaScript melalui tata letak Blogger.

Posting Komentar