April 9, 2025 07:12:19 AM Menu
» » Cara Membuat Kotak Kode Script/HTML di Postingan Blog

Cara Membuat Kotak Kode Script/HTML di Postingan Blog

Cara Membuat Kotak Kode Script/HTML di Postingan Blog - Sudah lama saya tidak memposting tentang blogger. Kalian pasti pernahkan melihat sebuah postingan di blog terdapat sebuah kotak yang digunakan untuk menempatkan sebuah script? Di blog saya ini juga ada. Salah satu contohnya yaitu postingan saya disini. Mau membuat seperti itu juga? Ok akan saya tunjukkan caranya.

Disaat anda ingin membuat postingan baru yang di dalamnya ingin anda beri kotak script, anda edit postingan anda pada bagian HTML (sebelah kanan Compose). Tambahkan script berikut ini, pilih sesuka anda

SOLID BOLDER

<div style="border: 2px #006400 solid; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

RIDGE BORDER

<div style="border: 2px #006400 ridge; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

INSET BORDER

<div style="border: 2px #006400 inset; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

OUTSET BORDER

<div style="border: 2px #006400 outset; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

DOUBLE BORDER

<div style="border: 2px #006400 double; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

DOTTED BORDER

<div style="border: 2px #006400 dotted; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

DASHED BORDER

<div style="border: 2px #006400 dashed; padding: 10px; background-color: GOLD; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI </div>

BORDER DENGAN LEBAR, PANJANG, DAN SCROLL

<div style="border: 2px #006400 solid; padding: 10px; background-color: GOLD; overflow: auto; height: 50px; width: 300px; text-align: left;">TULIS KODE/SCRIPTNYA DISINI </div>

Cara menggunakannya :
1. Siapkan dulu script yang ingin anda posting pada postingan blog anda (misal script auto invite grup facebook)

2. Convert dahulu script tersebut disini
Script harus di convert, karena jika tidak di convert tidak akan berhasil.

3. Pilih kotak mana yang ingin anda pilih diatas, copy scriptnya ke menu HTML

4. Text yang berwarna merah bisa anda ganti dengan script yang ingin anda posting & sudah di convert

5. Text yang berwarna hijau bisa anda edit untuk mengubah warna bingkai & background kotak

6. Text yang berwarna ungu bisa anda edit untuk mengubah pajang & lebar kotak

Selamat mencoba & Happy blogging ^_^
09 May 2013
Posted by
Labels:

Share to:

at 5/09/2013

57 comments:

  1. Unknown14 Juni 2013 pukul 22.05

    mkasih gan atas info2nya

    BalasHapus
  2. Muhamad Ramadhan1 Agustus 2013 pukul 16.31

    sama sama gan (o)

    BalasHapus
  3. Unknown13 Agustus 2013 pukul 16.56

    gan , kalo biar jadi Link/Website gimana caranya?

    BalasHapus
  4. klikhuna15 Agustus 2013 pukul 21.39

    ok gan thank's
    tutorialnya sangat membantu.....

    BalasHapus
  5. piza18 Agustus 2013 pukul 22.25

    thanks .. So hard to find this tutorial .. make me crazy a second hahha..

    BalasHapus
  6. Muhamad Ramadhan19 Agustus 2013 pukul 20.19

    All : Thank's for your coming guys :)

    BalasHapus
  7. dimas29 Agustus 2013 pukul 18.21

    hahahaha :p

    BalasHapus
  8. sinta nur hasanah3 September 2013 pukul 10.43

    Terimakasih atas informasinya, ini sangat membantu sekali..

    BalasHapus
  9. solusi pengobatan alami radang hati3 September 2013 pukul 10.49

    berbagi informasi atau ilmu merupakan perilaku yang baik, terimakasih atas informasinya

    BalasHapus
  10. kamal mirdad dadi3 September 2013 pukul 10.54

    wahh...akhirnya infonya saya temukan juga, makasih sob informasinya

    BalasHapus
  11. Aully bukan21 November 2013 pukul 07.24

    Thanks gan atas Infonya...

    BalasHapus
  12. Muhamad Ramadhan23 November 2013 pukul 17.04

    Terima kasih kembali :-)

    BalasHapus
  13. Obat Hidung Tersumbat Pada Anak6 Desember 2013 pukul 08.25

    Terimakasih Untuk Infonya

    BalasHapus
  14. Click Down18 Desember 2013 pukul 15.30

    mantaaab bro, ane coba dulu mudah2an bisa...

    BalasHapus
  15. Muhamad Ramadhan18 Desember 2013 pukul 23.22

    Sip (o) Terima kasih atas kunjungannya :))

    BalasHapus
  16. Ari Hermansyah20 Desember 2013 pukul 14.46

    mantap gan

    http://obatherbalbatukberdahak.blogspot.com/

    BalasHapus
  17. Ari Hermansyah23 Desember 2013 pukul 15.35

    Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  18. Ari Hermansyah23 Desember 2013 pukul 15.35

    Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  19. Obat Infeksi Saluran Pencernaan2 Januari 2014 pukul 11.00

    Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  20. Obat bekas luka bakar3 Januari 2014 pukul 19.52

    gurih gurih infonya keren pa . nice (h)

    BalasHapus
  21. Obat Kelenjar Tiroid6 Januari 2014 pukul 11.49

    Info yang menarik
    sukses selalu !!

    BalasHapus
  22. Pengobatan Kanker Paru Paru8 Januari 2014 pukul 20.33

    Terimakasih gan..

    BalasHapus
  23. Unknown12 Januari 2014 pukul 23.44

    thanks bro,,,
    juniasbiah.blogspot.com

    BalasHapus
  24. Obat Memperbaiki Fungsi Ginjal17 Januari 2014 pukul 13.39

    Salam Blogger !!

    BalasHapus
  25. CB Blogger26 Januari 2014 pukul 07.41

    Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  26. Obat Kanker Nasofaring28 Januari 2014 pukul 07.51

    Terimakasih admin,,
    salam kenal

    BalasHapus
  27. Obat Leukemia28 Januari 2014 pukul 08.02

    Terimakasih admin,,
    salam kenal

    BalasHapus
  28. Obat Pengencer Darah28 Januari 2014 pukul 08.09

    Terimakasih admin,,
    salam kenal

    BalasHapus
  29. Ari Hermansyah4 Februari 2014 pukul 11.04

    Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  30. purnama21 Februari 2014 pukul 08.08

    makasih gan infonya sangat membantu dan sekaligus ijin praktek gan. kunjungan balik gan atau tukar link ya http://volimaniak.blogspot.com/

    BalasHapus
  31. Muhamad Ramadhan22 Februari 2014 pukul 21.15

    Ok mas Ardi :) Segera meluncur ke TKP

    BalasHapus
  32. Obat Asam Urat27 Februari 2014 pukul 13.50

    Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  33. Ficri Pebriyana17 April 2014 pukul 16.54

    makasih sob, sangat bermanfaat nih...

    BalasHapus
  34. Unknown15 Mei 2014 pukul 06.52

    sangat bermanfaat,
    jgn lupa para blogger join disini ya: www.klikberiklan.com

    BalasHapus
  35. jual wsc biolo asli17 Mei 2014 pukul 10.16

    terimakasih sudah berbagi ilmunya

    BalasHapus
  36. Unknown10 Juni 2014 pukul 11.30

    Artikelnya menarik, sangat bagi saya yang masih pemula, langsung saya coba dan terapkan, terima kasih, salam blogger :)

    BalasHapus
  37. kata manja22 Juni 2014 pukul 08.43

    makasih ilmunya
    vandepenter.blogspot.com

    BalasHapus
  38. Unknown26 Juli 2014 pukul 01.57

    terima kasih banyak akhirnya bisa yang sebelumnya gara2 gktau kalo harus di encode kalo script setelah berjam2 mencari
    jangan lupa kunbalnya :)

    BalasHapus
  39. Yoga Pratama25 Agustus 2014 pukul 20.58

    Makasih Ya Infonya Sangat Bermanfaat Untuk Pemula Seperti Saya :)

    BalasHapus
  40. tutorial8915 September 2014 pukul 18.16

    makasih sob (o)

    BalasHapus
  41. obat kanker4 Oktober 2014 pukul 15.37

    Hade pisan uyy ilmu na , bermanfaat pisan . . :-d =))

    BalasHapus
  42. Unknown5 Oktober 2014 pukul 06.58

    Lebih enak dengan CSS gan,, jd tinggal tulis class nya saja..

    BalasHapus
  43. Pengobatan Kista Rahim11 November 2014 pukul 11.08

    Terimakasih banyak kawan !

    BalasHapus
  44. blog seo friendly24 November 2014 pukul 22.35

    makasih mas,,saya cari cari e ketemu juga

    BalasHapus
  45. Rizal Permana12 Desember 2014 pukul 09.50

    izin coba tutornya :p

    BalasHapus
  46. Berbagi Semua Kebaikan14 Maret 2015 pukul 15.50

    Saya cari yang beginian sob thank ya

    BalasHapus
  47. Obat Herpes Oke4 Juli 2015 pukul 14.23

    Thank for info

    BalasHapus
  48. Muhammad Zainal Arifin, SE.11 Juli 2015 pukul 10.14

    makasih ilmunya. Bisa langsung praktek nih ...

    BalasHapus
  49. pengobatan benjolan tiroid2 September 2015 pukul 16.05

    Kunjungan sore.. Di tunggu kunjungan baliknya yaa gan ..

    BalasHapus
  50. Raja8 Januari 2016 pukul 15.50

    keren

    BalasHapus
  51. Rofiqur Rohman7 Maret 2016 pukul 15.29

    Boleh saya coba.

    http://maz-rofiqur.blogspot.co.id/

    BalasHapus
  52. kucingsoftware.blogspot.com25 Maret 2016 pukul 16.40

    Mantab,izin copas linknya

    http://kucingsoftware.blogspot.com

    BalasHapus
  53. Continue11 April 2016 pukul 01.51

    ngeronda ah sob... salam kenal ya sob

    BalasHapus
  54. tasya2 Agustus 2017 pukul 17.05

    :)

    BalasHapus
  55. Unknown23 September 2017 pukul 00.00

    kalau mindahin kotaknya ketengah gmn?

    BalasHapus
  56. Dudo Saputra30 Juli 2018 pukul 09.38

    Mantap gan
    https://www.ilmu-blog.me
    https://www.dusap.com

    BalasHapus
  57. Tofik Adri5 September 2018 pukul 20.22

    Ketemu juga mantap gan
    https://tofikadri.me

    BalasHapus

Hargai penulis dengan memberikan komentar yang baik dan mengklik iklan yang ada

Rules komentar :
1. No SPAM
2. No live link (link aktif)
3. Jika bertanya gunakan akun yang terdaftar
4. Komentar yang tidak pantas akan dihapus oleh admin

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Langganan: Posting Komentar (Atom)
 
Top