Cara mudah buat kotak script didalam blogspot




Cara mudah buat kotak script didalam blogspot

Cara mudah buat kotak script didalam blogspot

Border atau table pada postingan blog adalah sebuah script yang dapat membuat tulisan pada postingan/artikel yang memiliki bingkai atau table.
Bagi anda yang suka menulis artikel pasti pernah melihat didalam postingan blog terdapat kotak atau table kan..
Banyak juga para blogger yang membuat kotak attau table di dalam postingan mereka untuk menaruh suatu informasi yang penting,  salah satunya adalah script HTML, Java dan lainnya..
Baiklah langsung saja kita mengukuti langakah-langkah sebagai berikut ini:

  • Login ke blogger. Dan pilih entri baru.
  • Selanjutnya buatlah tulisan seperti dibawah ini.

  • Kemudian anda Klik HTML dan masukan kode berikut, dibawah tulisan cara membuat kotak script.
<div style="background-color: white; border: 3px #1780dd double; padding: 10px; text-align: center;">
.mizipedia(ganti tulisan ini)</div>
  • Untuk lebih jelasnya, lihat gambar dibawah ini

  •  Jangan lupa anda Klik Compose, maka akan ada kotak script. Lihat gambar gambar di bawah ini:
  • Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Teks Kamu.
  • Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu dan itu teks yang saya gunakan untuk membuatnya berada di tengah adalah kode Center kamu bisa merubah kode tersebut sesuai keinginan . Selesai. 
keterangan kode 

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.mizipedia(ganti tulisan ini)</div>
  • border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
  • Double; = Bentuk kotak, bisa diganti dengan,
dashed
dotted
Double
Groove
inset
outset
ridge
  • Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
  • background-color:ffffff; = warna dalam kotak.
  • Dan text-align:left; = posisi tulisan didalam kotak di kiri.
 Kotak scipt dengan scroll


<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px; text-align: left;">
.mizipedia(Ganti tulisan ini.)</div>

  • Sama seperti cara diatas, masukan kode script ke HTML.
  • overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak)
  • Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.
  •  Untuk yang posisi tengah, saya belum tau, nanti jika sudah tau, akan saya tambahkan kembali di postingan ini.

<div style="border: 3px #1780dd solid; float: right; dan lain-lain.
Kotak Posisi Kanan
Mungkin sampai disini dulu penjelasan saya..jika ada yang kurang jelas bisa di tanyakan. Semoga bermanfaat..thks.

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect