Cara Penulisan Tag Script untuk Blogger

Penulisan Tag Script untuk Blogger - Pada awalnya saya tidak tidak memperhatikan dan tidak ngeh dengan penuilsan tag script, karena saya masih banyak bingungnya soal JavaScript ini. Akan tetapi setelah melihat bagaimana cara penulisan javaScript di sebuah blog / web, saya melihat beberapa perbedaan. Munculah pertanyaan, kenapa daplam penulisan tag script ini berbeda?

Diantara perbedaan penulisan javaScript yang sering saya temui adalah seperti dibawah ini

<script>
  //blablabla....
</script>

<script type="text/javascript">
  //blablabla....
</script>

<script type="text/javascript" language="javascript">
  //blablabla....
</script>

<script language="javascript">
  //blablabla....
</script>

<script type="text/javascript">
  //<![CDATA[
    //blablabla....
  //]]>
</script>

Dari 5 jenis penulisan diatas, mana yang benar dan valid. Ternyata jawabannya saya temukan di CSS-Tricks. Dari pengalaman saya semoga sahabat yang belum faham masalah ini, bisa bermanfaat.

Dari kelima penulisan di atas, cara penulisan yang sudah usang dan jangan digunakan lagi adalah
/* JANGAN DIPAKAI */

<script language="javascript">
  //blablaba.....
</script>

Penulisan seperti itu, bukan penggunaan standar. karena penggunaan bahasa merupakan instruksi kepada browser untuk membaca bahasa pemrograman. Penulisan seperti itu, lebih cenderung kepada bahasa manusia, bukan bahasa komputer.

Ada juga penulisan script seperti ini :
<script>
  //blablaba.....
</script>

Kadang kita menemukan penulisan tag script seperti di atas. Dalam penulisan tidak ada atribut sama sekali. Penulisan seperti di atas lebih cocok digunakan pada type HTML5 dan tidak cocok digunakan untuk Blogger.

Standar penulisan yang baik, untuk blogger ataupun lainnya yaitu dengan penulisan seperti ini :
<script type="text/javascript">
  //blablabla....
</script>
Khusunya pada template blogspot/blogger, kita sering menemukan penulisan seperti di bawah ini :
<script type="text/javascript">
  //<![CDATA[
    // blablabla....
  //]]>
</script>;
Penulisan seperti itu biasanya digunakan untuk kode yang terlarang digunakan, sepeti penggunaan kode HTML dalam script. Kalaupun kita tulis tanpa //<![CDATA[ akan terjadi penolakan alias Error, dan template tidak bisa di save.

Untuk penulisan javaScript external (disimpan di tempat lain), maka penulisannya seperti ini
<script type="text/javascript" src="URL-penyimpanan-javascript"></script>
atau
<script type="text/javascript" src="URL-penyimpanan-javascript" />

Apabila ada kekurangan silahkan ditambahkan oleh sahabat, pada kolom komentar.
Berita Lebih Baru Berita Lebih Lama
  • Unknown
    Profil: https://www.blogger.com/profile/02495995698952005853
    25 Mei, 2013

    pertanyaan yang sama yang saya alami... terimakasih :-bd

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      idem dong :)

    • Unknown
      Profil:https://www.blogger.com/profile/14665266238524343919
      26 Mei, 2013

      Detil banget kang? Padahal biasanya orang kalau javascript gitu kan cuma copy paste, ntah itu bener atau gak... :D

  • Unknown
    Profil: https://www.blogger.com/profile/01918695702499505922
    25 Mei, 2013

    Brillian pisan tips akang! :-bd
    Baru nyadar juga kalu penulisan script ternyata beda2.
    Kudu isnpeksi kedalem lagi nih nyari script yang gak layak pake.
    Makasih tips kerennya, kang.

    Selamat berakhir pekan.

    Assalamualaikum :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      selamat berakhir pekan juga sob.... :)

  • Adhy Suryadi
    Profil: https://www.blogger.com/profile/06846144400647921085
    25 Mei, 2013

    Yup pemahaman ini yang saya perlukan kang... saya tidak bisa bikin kode javascript hehehe hanya mungut kode aja hehehe... alhamdulillah selama ini saya telah mengikuti di jalan yang benar wkwkwkwwk...

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      sami atuh kang... syukur lah tidak tersesat.... hehhehee :D

  • Farhan
    Profil: https://www.blogger.com/profile/01778956899520738845
    25 Mei, 2013

    Tambah kece aja kang kolom komentarnya, warna biru:D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      tengkyu sob....

  • Unknown
    Profil: https://www.blogger.com/profile/04625695583985114686
    25 Mei, 2013

    kang itu apa gk di benerin dulu,,menu fixednya..di blognya kang ismet..

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      emang menu fixednya kenapa?

  • Unknown
    Profil: https://www.blogger.com/profile/04625695583985114686
    25 Mei, 2013

    ehh maap kang ternyata saya buka pake chrome ternyata baik" saja,,
    soalnya saya pake firefox yg baru (21.0) jadi headernya kang ismet ketutupan..
    seharusnya kan kayak gini..

    http://1.bp.blogspot.com/-5hVrntriOgI/UaCX7-idf_I/AAAAAAAAEDo/t3_ioptrI2s/s1600/untitled2.JPG

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      emang pake firefox bermasalah ya? saya blum coba.. thanks infonya

  • Anonim
    Profil:
    25 Mei, 2013

    Script lagi ini Mas,tapi ternyata perlu ada aturan juga yah untuk tag scriptnya saya kira bawaan default saja rupanya aturannya ada.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      ada aturan2 tertentu sob.. ga bisa seenaknya

  • zigzoor
    Profil: https://www.blogger.com/profile/10438425858295508916
    25 Mei, 2013

    berarti kalau ada tanda pada tulisan "jangan di pakai" harusnya dibuang saja yah kang.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      bukan sob, jangan menggunakan script seperti ini
      <script language="javascript">
      //blablaba.....
      </script>

  • Mbak Iis
    Profil: https://www.blogger.com/profile/16254545407057409343
    25 Mei, 2013

    kunjungan malam, salam kenal

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      salam kenal juga mba... have a nice weekend

  • Arif Budiharjo
    Profil: https://www.blogger.com/profile/13066820089249625888
    25 Mei, 2013

    agak bingung dengan script :)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Mei, 2013

      kalau bingung.... ya sama saya juga bingung =D

  • hayardin
    Profil: https://www.blogger.com/profile/05464144327437574750
    26 Mei, 2013

    pagi pagi sudah dapat pencerahan penulisan Tag Script...saya ijin save pagenya Sob untuk saya pelajari secara Offline nanti...

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      26 Mei, 2013

      silahkan sob... semoga bermanfaat...

  • Sinto
    Profil: https://www.blogger.com/profile/08235438206112119920
    26 Mei, 2013

    bang silahkan cek disini scriptnya...

    http://stackoverflow.com/questions/16534851/

    Aku bingung gmn ngefix kodenya, kalau di chrome sih aman2 aja tp di FF masih ada yg aneh, kalau kang ismet bisa fix_in jngan lupa bagi2

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      26 Mei, 2013

      tengkyu sob, saya udah coba di FF normal ko... pake script yang paling bawah :-bd

  • Kang Muroi
    Profil: https://www.blogger.com/profile/15022422809113377143
    26 Mei, 2013

    wah mantap kang, saya mau ngintip punya saya dulu kang, selama ini saya kurang memperhatikan juga maslah penulisan script ini, haturnuhun...

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      26 Mei, 2013

      awas bintitan kang maen intip2an :)

  • Unknown
    Profil: https://www.blogger.com/profile/17943695039070055752
    26 Mei, 2013

    kalau penulisan script ga bisa digabung ya?? maksudnya gini
    <script type="text/javascript">
    //script1
    //script2
    //script3
    </script>

    kalau format seperti ini kan bisa
    <script type="text/javascript">
    //<![CDATA[
    //script1
    //script2
    //script3
    //]]>
    </script>

    apa kalau yang atas ga bisa digabung seperti yg bawah..??

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      26 Mei, 2013

      yang atas sama bawah ga bisa digabung sob, ya solusinya kalau mau digabung harus pake //<![CDATA[, kalau ngga pasti error

  • Ferry Nurse
    Profil: https://www.blogger.com/profile/03471956174234108041
    26 Mei, 2013

    Kalau saya selama ini tinggal ambil script saja Kang...belum sampai ilmu saya kalau sampai buat script.
    Tetapi pengetahuan ini bermanfaat bagi saya menambah pengetahuan akan ilmu dunia blogging kang.
    Terima kasih

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      27 Mei, 2013

      sama ko.. tapi kalau jalan2 ke web luar banyak yang tanpa tag, jadi harus tau tag pembuka dan penutupnya

  • Editor
    Profil: https://www.blogger.com/profile/01250017864252489022
    26 Mei, 2013

    thanks infonya kang, dapat ilmu lagi :D
    btw menu diatas sm kayak di dashboard blogger ya kang? sy baru perhatiin lho yang di dashboard :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      27 Mei, 2013

      maksudnya fixed menu ya.. mengambang gitu, ada tutorialnya ko http://blog.kangismet.net/2013/04/membuat-floating-menu-fixed-menu-di-blog.html

  • Unknown
    Profil: https://www.blogger.com/profile/02815946693478761674
    26 Mei, 2013

    Samprasun
    hebat euy si akang tutorna sangat membantu
    nuhun kang ah

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      27 Mei, 2013

      Rampeees.... ah nuju diajar we kang sami :)

  • Unknown
    Profil: https://www.blogger.com/profile/13428214113458088070
    31 Mei, 2013

    abang ismet kalau mau buat seperti home,about,contak dll itu gimana kang ??? bsa beri tahu donk ? tipsnya

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      31 Mei, 2013

      melayang gitu ya.. coba disini http://blog.kangismet.net/2013/04/membuat-floating-menu-fixed-menu-di-blog.html

  • Unknown
    Profil: https://www.blogger.com/profile/13927261380277202956
    02 Juni, 2013

    wah saya belum ngerti dengan java script,,hehe

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      02 Juni, 2013

      itu cuma cara penulisan tag pembuka dan penutupnya aja ko...

  • Unknown
    Profil: https://www.blogger.com/profile/16592963335554199115
    06 Juni, 2013

    Saya kira penggunaa //<![CDATA[ lebih baik kang meski tidak terjadi penolakan pada script agar menjadi terbiasa

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      11 Juni, 2013

      tergantung kebutuhan sob...

  • Unknown
    Profil: https://www.blogger.com/profile/05739076389009009780
    27 Agustus, 2014

    Lieur nya kang javascript teh, di tahun 2012 saya teu bisa-bisa nepi ka ayeuna ,

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
53 Komentar