Menyematkan kotak dalam tulisan blog terlihat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.
Namun kotak yang disematkan dalam postingan ini tidak disediakan defuld oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.
Untuk blog ini, script diatas saya modifikasi seperti kotak berikut.
Bagi Anda yang memiliki pertanyaan, jangan sungkan, tinggalkan komentar Anda. Semoga memberi manfaat. :)
Namun kotak yang disematkan dalam postingan ini tidak disediakan defuld oleh blogspot, olehnya itu kita dituntut membuatnya sendiri. Caranya mudah, ikuti langkah-langkah berikut ini.
- Login ke blogger dan pilihlah 'Entri Baru'
- Buat tulisan, contoh seperti gambar. Lihat yang berwana merah, posisi tulisan adalah 'Compose'.
- Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger.
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.blogoooblok (ganti tulisan ini).</div>
text-align: left;">
.blogoooblok (ganti tulisan ini).</div>
- Selanjutnya pilih 'HTML' ( jelasnya lihat gambar).
- Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
- Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Tradaaa... sudah ada kotak.
- Selanjutnya Anda sisa mengganti tulisan '.blogoooblok (ganti tulisan ini).' dengan tulisan yang ingin Anda taruh disana, bisa berupa script atau tulisan lain. Mudah kan...!
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.blogoooblok (ganti tulisan ini).</div>
text-align: left;">
.blogoooblok (ganti tulisan ini).</div>
- border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
- Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).
.blogoooblok (Dashed).
.blogoooblok (Dotted).
.blogoooblok (Groove).
.blogoooblok (Inset).
.blogoooblok (Outset).
.blogoooblok (Ridge).
.blogoooblok (Solid).
- 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
Untuk blog ini, script diatas saya modifikasi seperti kotak berikut.
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
.blogooblok (script kotak di blog ini)
</div>
.blogooblok (script kotak di blog ini)
</div>
Bagi Anda yang memiliki pertanyaan, jangan sungkan, tinggalkan komentar Anda. Semoga memberi manfaat. :)
(Jasa Instal Software [dotcom] Melayani instal windows, office, software design 2D, software desgin 3D dll. Instalasi dapat dilakukan datang ke kantor/sekolah/apartemen dll untuk wilayah Jakarta, Bekasi dan Sekitarnya.)
TSI Group - Apk Store
download android apps here. Build your own android apps or website, we will help you to get it. monetize your apps, increase traffic your website, rate your android games and more. youtube tuyul.
May 23, 2018
Tags :
TIPS DAN TRIK
Subscribe by Email
Follow Updates Articles from This Blog via Email
No Comments
Terima Kasih Atas Kunjungan dan komentar anda.
semoga bermanfaat