Cara Membuat Kotak Kode HTML Pada Blog 2016

Cara Membuat Kotak Kode HTML Pada Blog
Cara Membuat Kotak Area HTML Pada Blog
Cara Membuat Kotak Script Dalam Postingan Blog

Kotak Kode HTML di Posting Blog

Cara Membuat Kotak Script di Posting Blog

Cara Membuat Kotak Script HTML Dengan Garis Tepi 

Cara membuat Text area HTMKL di Blog

Cara Membuat Kotak Copy All Di Postingan Blog Blog

Ok genk kali ini saya share lagi artikel tentang Cara Membuat Kotak Kode HTML Pada Blog, Mungkin sudah banyak di temui di google,, tapi lumayan lah sapa tau ada yang nyari hehe
ga banyak cerita langsung keTKP ya,,

Tutorial Bergambar

1. Login ke Blogger / Dashboard  > Buat Entri / Post Baru  > Pilih Mode HTML

2.Copy dan Paste Scrip di bawah di laman mode HTML

<div>
<form name="copy">
<div align="center">
<span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy all" type="button"> </span></div>
<p align="center">
<textarea style="width: 200px; height: 100px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Masukan Teks Tulisan Atau Kode Html/Javascript Disini

Contoh Hasil

masukan text di sini

Keterangan
Copy all = Text untuk Button
w;200px h;100px = Untuk panjang x lebar kotak
*Masukan Teks Tulisan = Untuk memasukan Text anda harus masuk ke mode HTML

• Contoh Box HTML 2

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">blogingker gantikan ayat ini</div>

Contoh Hasil

Text Disini

Keterangan
border: 3px = Ketebalan pada kotak
#178odd = Warna kotak script
padding: 10px = Panjang kotak kebawah automatic
background-colur:#ffffff = Warna dalam kotak
text-align: left;"> = Posisi tulisan

• Contoh Box HTML 3

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #DAD8D8; text-align: left;">
Simpan kode script/tulisan  di sini
</p>

Contoh Hasil

masukan text di sini

Keterangan
#DAD8D8 = Untuk warna background pada kotak
*Untuk kotak ini akan otomatis menyesuaikan text yang ada di dalam,,

Sekian postingan Cara Membuat Kotak Kode HTML Pada Blog jangan lupa gank!! baca juga mengenai cara Cara membuat Kotak/ border untuk code HTML/ CSS, Membuat Komentar Tanpa Efek Scroll dan Efek Spoiler dan cara Recent Comments dengan Efek Spoiler. semoga bermanfaat. Selamat Mencoba.


Sumber :

• Sumber

Author : Rizqi Makbul

Share this

Related Posts