Posted by : Rizky Artwork Monday, 31 August 2015

Cara Mudah Membuat Kotak Script di Postingan Blog ~ Mungkin beberapa orang yang mempunyai blog baru risih dengan blognya sendiri karena blognya yang masih baru dan kurang rapih, apalagi yang baru buat blog dan langsung memposting tentang script pasti sobat berpikir "kok nih blog kurang rapih ya?", oleh karena itu disini saya mau ngeshare tentang Cara Mudah Membuat Kotak Script di Postingan Blog.
oke kita langsung saja ke langkah - langkahya :


Kotak Script Tanpa Scrool :


1. Login ke akun blogger sobat dan pilih entri baru.
2. Kemudian buatlah sebuah tulisan yang ingin di posting.
3. Kemudian klik html dan masukan kode script ini dibawah tulisan yang sobat ingin beri kotak script.

 <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>
4. Untuk lebih jelasnya lhat gambar di bawah ini.

cara membuat kotak script di posting blog

5. Kemudian sobat klik compose kembali, maka disitu akan ada kotak script.
6. Kemudian hapus tulisan yang ada di kotak tersebut dan ganti dengan code script sobat.
7. Selesai

NB :
  • Border: 3px adalah ketebalan kotak script tsb
  • Double; adalah bentuk kotak script, nih saya kasih gambarannya

dashed



dotted



Groove



inset



outset



ridge


  • Padding: 10px adalah panjang kotak ke bawah
  • background-color: #ffffff adalah Warna dalam kotak
  • Dan text-align:left; = posisi tulisan didalam kotak di kiri.


Kotak Script dengan Scrool :
1. Caranya sama seperti diatas hanya saja do kotak script scrool hanya di tambahkan overflow: auto; height: 50px; width: 300px; 
2. kode script kotak dengan scrool.
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div> 




oke demikian postingan kali ini tentang Cara Mudah Membuat Kotak Script di Postingan Blog.
Semoga bermanfaat untuk sobat semua.


Thank You For ALLAH SWT
Thank You For Sobat Blogger

HAPPY BLOGGING ! ! !




Leave a Reply

Harap dalam berkomentar menggunakan bahasa yang sopan ! ! !

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Clock

Translate

Visitors

Flag Counter

Statistik

Popular Post

- Copyright © TampilandroiD -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -