Asslamu'alaikum..
Malem sob.. Lama tak jumpa.. :D Di malam minggu ini, saya akan posting Cara membuat tempat untuk kode script dalam postingan blog sobat.. Kotak atau tempat script digunakan untuk meletakkan kode-kode script di dalam postingan. Bila sobat ingin posting sebuah artikel dan didalamnya ada kode scriptnya sobat bisa menggunakan tempat script ini untuk meletakkan kode script tersebut agar terlihat simpel dan rapi.
Bentuk tempat script pun bermacam-macam sob. dan bisa di edit sendiri sesuai kebutuhan sobat.
Langsung saja, berikut langkah-langkahnya:
1. Buka Blog sobat
2. Klik Buat entri baru
3. Pilih HTML dan copaskan kode di bawah ini kedalam postingan sobat. (Terserah sobat mau di taruh di mana).
Berikut kodenya:
Mudah kan sob..? Bagi sobat yang kurang puas dengan background tempat scriptnya, banyak pilihannya sob, sobat bisa ganti dan edit sesuka hati.
Note : - border: 3px >> tebal kotak script
- #1780dd >> warna garis kotak script
- padding: 10px >> panjang kotak sript. (lebar otomatis menyesuaikan banyaknya kode script)
- background-color:#ffffff >> warna background kotak script
- Double >> model kotak, bisa sobat ganti dengan kode di bawah ini:
Malem sob.. Lama tak jumpa.. :D Di malam minggu ini, saya akan posting Cara membuat tempat untuk kode script dalam postingan blog sobat.. Kotak atau tempat script digunakan untuk meletakkan kode-kode script di dalam postingan. Bila sobat ingin posting sebuah artikel dan didalamnya ada kode scriptnya sobat bisa menggunakan tempat script ini untuk meletakkan kode script tersebut agar terlihat simpel dan rapi.
Bentuk tempat script pun bermacam-macam sob. dan bisa di edit sendiri sesuai kebutuhan sobat.
Langsung saja, berikut langkah-langkahnya:
1. Buka Blog sobat
2. Klik Buat entri baru
3. Pilih HTML dan copaskan kode di bawah ini kedalam postingan sobat. (Terserah sobat mau di taruh di mana).
Berikut kodenya:
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;4. Setelah di copas, pilih compose lagi dan ganti tulisan KODE SCRIPT SOBAT dengan kode script yang ingin sobat posting.
text-align: left;">
KODE SCRIPT SOBAT</div>
Mudah kan sob..? Bagi sobat yang kurang puas dengan background tempat scriptnya, banyak pilihannya sob, sobat bisa ganti dan edit sesuka hati.
Note : - border: 3px >> tebal kotak script
- #1780dd >> warna garis kotak script
- padding: 10px >> panjang kotak sript. (lebar otomatis menyesuaikan banyaknya kode script)
- background-color:#ffffff >> warna background kotak script
- Double >> model kotak, bisa sobat ganti dengan kode di bawah ini:
Dashed
.
Dotted
.
Groove
.
Inset
.
Outset
.
Ridge
.
Solid
Okee. semoga bermanfaat sob. Terimakasih sudah berkunjung.
Wassalamu'alaikum..












0 komentar:
Posting Komentar