Cara Membuat Kotak Scrip pada postingan Blog Responsiv

Cara Membuat Kotak Scrip pada postingan Blog Responsiv - Jika Sebelumnya GOLIKETRIK telah membahas cara memasang dan memodivikasi label  cloud pada blog  maka pada artikel kali ini admin akan membagikan tutorial terkait cara membuat kotak scrip seperti pada postingan tersebut.


Memasang kotak scrip atau kotak teks pada postingan blog bisanya kita gunakan untuk menempatkan teks seperti scrip HTML dan atau kode tertentu, adapun tujuan dari memasang kotak scrip pada postingan agar pengunjung lebih mudah melihat atau mengcopy scrip atau kode yang kita lampirkan. untuk pemasangan kotak scrip atau kotak teks pada postingan ikuti langkah-langkah dibawah ini.

1. Langkah Pertama

Buatlah sebuah Postingan dan isi dengan artikel anda

2. Langkah Dua

Masuk pada Tab HTML



3. Langkah Ketiga

Pilih Salah satu model kotak scrip dibawah kemudian pastekan di tempat yang anda inginkan.


Style Kotak Srip #1

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">PASANG KODE SCRIP DISINI YA</div>

Style Kotak Srip #2


<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;">PASANG KODE SCRIP DISINI YA</div>

Style Kotak Srip #3

<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;">PASANG KODE SCRIP DISINI YA</div>

Style Kotak Srip #4

<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">
PASANG KODE SCRIP DISINI YA…… </div>

Style Kotak Srip #5


<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>

Itulah cara memasang kotak scrip atau teks area pada postingan blog, jika terdapat scrip yang bermasalah jangan lupa untuk meninggalkan pesan pada kolom komentar, dan pastikan anda share artikel ini kepada yang membutuhkan. Terimakasih

0 Response to "Cara Membuat Kotak Scrip pada postingan Blog Responsiv"

Post a comment

Berkomentarlah dengan bijak, gunakan bahasa yang sopan dan pastikan komentar anda menyangkut artikel.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel