#sitemap .title {background-color:#448ccb; color:#fff; font-size:150%; font-weight:400; text-align:center; margin-bottom:20px; padding:15px;}#sitemap a {color:#212121; text-decoration:none; transition:all .3s ease;}#sitemap a:hover {color:#000;}#sitemap ol li {color:#212121; font-weight:400; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}

 


Cara Membuat Kotak EDITOR atau kotak Script di Blogger

Baiklah Sahabat ilmu komputer kali ini penulis akan membuat sebuah tutorial bagaimana cara membuat sebuah kotak editor atau kotak script seperti gambar diatas ketika kita akan memposting sebuah surat atau script dll didalam sebuah kotak.

berikut caranya :

1. Masuk ke postingan blogger



2. Pilih tampilan HTML kemudian ketikan kode script sperit dibawah ini

<div style="background-color: white; border: 3px solid rgb(238, 238, 238); padding: 10px; text-align: left;"></div>



Pilihan Code Untuk Membuatkotak script sesui contoh

copy code dibawah ini :

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff; text-align: left;"> Kode Script  Disini</div>


<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Kode Script Disini</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Sobat Disini</div>


<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script  Disini</div>


<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Disini</div>


<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Disini</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Kode Script Sobat Disini</div>


<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> Kode Script  Disini</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Kode Script Disini</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Kode Scrip Disini</div>



<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Kode Script  Disini</div>



Demikianlah tutorial memasukan kode script kedalam blogger semoga bermanfaat
terimakasih

Post a Comment

أحدث أقدم