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.text-align: left;">
.Klik Disini.</div>
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>
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 ! ! !
Related Posts :
- Back to Home »
- Tips Blog »
- Cara Mudah Membuat Kotak Script di Postingan Blog