Translate

17 April 2015

Cara Membuat Kotak Script di Posting Blog

Cara Membuat Kotak Script di Posting Blog

Cara membuat kotak script di posting blog. Kotak script, biasanya digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi dan tidak memakan banyak tempat. Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan lain-lainnya. Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Cara membuatnya, Ikuti langkah-langkah dibawah ini.
  1. Login ke blogger. Dan pilih entri baru.
  2. Selanjutnya buatlah tulisan seperti dibawah ini.
  3. cara membuat kotak script di posting blog
  4. Selanjutnya Klik HTML dan masukan kode berikut, dibawah tulisan cara membuat kotak script. 
  5. <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
    text-align: left;">
    .Klik Disini.</div>
  6. Untuk lebih jelasnya, lihat gambar dibawah ini.
  7. cara membuat kotak script di posting blog
  8. Sekarang Klik Compose, maka akan ada kotak script. Contoh gambar:
  9. cara membuat kotak script di posting blog
  10. Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Klik Disini.
  11. Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu. Selesai.

    Keterangan Kode:

    <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
    text-align: left;">
    .Klik Disini.</div>
    1. border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
    2. Double; = Bentuk kotak, bisa diganti dengan, 
    3. dashed
      dotted
      Double
      Groove
      inset
      outset
      ridge
    4. Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
    5. background-color:ffffff; = warna dalam kotak. 
    6. Dan text-align:left; = posisi tulisan didalam kotak di kiri.

    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>
      1. Sama seperti cara diatas, masukan kode script ke HTML.
      2. overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak)
      3. Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.
      4. <div style="border: 3px #1780dd solid; float: right; dan lain-lain.
        Kotak Posisi Kanan
      5. Untuk yang posisi tengah, saya belum tau, nanti jika sudah tau, akan saya tambahkan kembali diposting ini. 
      Dengan menambahkan kotak script di posting blog, maka halaman blog akan terlihat lebih rapi. Dan tidak memakan banyak tempat. Tanpa harus mengurangi isi dari posting. Semoga Bermanfaat.

      3 comments:

      supri said...

      makasih infonya

      sherlina halim said...

      Pengen yang lebih seru ...
      Ayo kunjungi www.asianbet77.com
      Buktikan sendiri ..

      Real Play = Real Money

      - Bonus Promo Red Card pertandingan manapun .
      - Bonus Mixparlay .
      - Bonus Tangkasnet setiap hari .
      - New Produk Sabung Ayam ( minimal bet sangat ringan ) .
      - Referal 5 + 1 % ( seumur hidup ) .
      - Cash Back up to 10 % .
      - Bonus Royalty Rewards setiap bulan .

      untuk Informasi lebih jelasnya silahkan hubungi CS kami :
      - YM : op1_asianbet77@yahoo.com
      - EMAIL : asianbet77@yahoo.com
      - WHATSAPP : +63 905 213 7234
      - WECHAT : asianbet_77
      - SMS CENTER : +63 905 209 8162
      - PIN BB : 2B4BB06A / 28339A41

      Salam Admin ,
      http://asianbet77.com/

      Admin Bandar said...

      Bandar303 menyediakan games SABUNG AYAM sebuah permainan yang amat seru, menarik, dan memacu adrenalin. Pertandingan sabung ayam biasanya menampilkan dua ekor ayam yang di adu dalam sebuah arena seperti layaknya pertandingan.

      Bonus New Member: 10% Sportsbook
      Bonus Deposit : 50% dan 25% Untuk New member ( Sportsbook dan Casino ).
      Bonus Deposit : 5% ( Sportsbook dan Casino ).
      Auto Rollingan : 0.25 Untuk Sportsbook dan 0.50% untuk Casino.
      Cashback : 5% - up to 7% - 10% - ( Berlaku juga untuk games Sabung Ayam )
      Bonus Referensi : 10% ( syarat dan ketentuan berlaku )
      Referal Cashback: 5%
      Bonus Deposit : 5% ( Bola Tangkas )
      Bonus Togel : 4D - 65%, 3D - 59%, 2D - 29%

      Website: http://BANDAR303.com

      YM: bandar303op@yahoo.com
      BBM: 2b4b81f9

      SMS: +855 96537 8989

      WHATSAPP: +855 96537 8989