30 Detik Cara Membuat Kotak Script Di Posting Blog

30 Detik Cara Membuat Kotak Script Di Posting Blog - Hallo sahabat theoosp, Pada Artikel yang anda baca kali ini dengan judul 30 Detik Cara Membuat Kotak Script Di Posting Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan yang kami tulis ini dapat anda pahami. baiklah, selamat membaca. Kunjungi juga Situs Dibawah ini:
  • Sumbubotol
  • Theospan
  • Gadgetin
  • Cafepimpin
  • infoterkini


  • Judul : 30 Detik Cara Membuat Kotak Script Di Posting Blog
    link : 30 Detik Cara Membuat Kotak Script Di Posting Blog

    Baca juga


    30 Detik Cara Membuat Kotak Script Di Posting Blog

    1 Menit Cara Membuat Kotak Script Di Posting Blog- Kotak script ini biasanya digunakan untuk memposting kode-kode script blog, misalnya sobat mempunyai blog dengan niche tutorial, maka pasti sobat memerlukan kotak script ini. Bukan kewajiban sebenarnya, namun hanyalah sebagai bentuk kerapian dan keindahan blog.

    Lalu bagaiamana cara membuat kotak script tersebut? apakah susah?
    Jawabannya tentu sesuai judul postingan ini. Hanya 30 detik saja. Sobat tinggal copy kode nya lalu taruh di postingan blog sobat lalu jadi deh. Tidak sampai 30 detik sebenarnya hehe.

    oke baiklah, langsung saja. Berikut adalah cara membuat kotak script di posting blog:


    1. Log In ke Blogger
    2. Pilih New Post atau Postingan Baru
    3. Lalu silahkan sobat ketikkan seperti contoh dibawah ini:

      cara membuat kotak script di posting blog, membuat kotak di blog, postingan blog, tutorial blog

    4. Setelah sobat tulis seperti kata diatas, sekarang silahkan geser ke bagian HTML (samping Compose) Lalu Paste kan kode berikut ini tepat dibawah tulisan 1 detik cara membuat kotak script di blog.

      <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
      text-align: left;">
      .Tulis Disini.</div>

    5. Jika masih bingung, silahkan perhatikan contoh dibawah ini

      cara membuat kotak script di posting blog, membuat kotak di blog, postingan blog, tutorial blog

    6. Jika sudah, silahkan kembali ke Compose. Maka akan terlihat hasilnya seperti ini:

      cara membuat kotak script di posting blog, membuat kotak di blog, postingan blog, tutorial blog

    7. Selanjutnya, silahkan sobat klik dalam kotak tersebut lalu hapus tulisan klik disini dan silahkan sobat isi sendiri sesuai dengan apa yang mau sobat tulis

    Selanjutnya kita akan membuat kotak script tersebut dengan scroll. Berikut caranya:

    Cara Membuat Kotak Script Dengan Scroll
    1. Cara awalnya sama seperti cara membuat kotak script biasa diatas. Bedanya adalah kode yang kita masukkan dibawah kalimat. Berikut kode untuk kotak script dengan scroll

      <div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
      overflow: auto; height: 50px; width: 300px;
      text-align: left;">
      .kode script disini.</div>

    2. Maka hasilnya akan seperti ini

      <div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
      overflow: auto; height: 50px; width: 300px;
      text-align: left;">
      .kode script disini.</div>



      Keterangan Kode:
    • border 3px adalah ketebalan kotak script
    • #1780dd adalah kode untuk warna kotak script
    • Double; adalah bentuk kotak script. Sobat bisa ganti dengan

      dashed
      dotted
      Double
      Groove
      inset
      outset
      ridge

    • padding: 10px adalah panjang kotak script kebawah
    • background-color:#ffffff adalah warna background kotak script #fffff = putih
    • text-align: left;"> adalah posisi tulisan didalam kotak. left berarti tulisan di sebelah kiri
    • overflow: auto adalah kode untuk fungsi scroll
    • height adalah tinggi kotak
    • width adalah lebar kotak


    Demikian tutorial cara membuat kotak script di postingan blog. Semoga bermanfaat sobat. 

    Tinggalkan komen jika ada yang perlu ditanyakan





    Demikianlah Artikel 30 Detik Cara Membuat Kotak Script Di Posting Blog

    Sekianlah artikel 30 Detik Cara Membuat Kotak Script Di Posting Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

    selamat membaca. Kunjungi juga Situs Dibawah ini:
  • Sumbubotol
  • Theospan
  • Gadgetin
  • Cafepimpin
  • infoterkini


  • Anda sekarang membaca artikel 30 Detik Cara Membuat Kotak Script Di Posting Blog dengan alamat link https://theoospan.blogspot.com/2023/06/30-detik-cara-membuat-kotak-script-di.html

    0 Response to "30 Detik Cara Membuat Kotak Script Di Posting Blog"

    Posting Komentar