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.
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>
#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>
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
Saya adalah orang yang tertarik dengan dunia Teknologi Informasi. Suka Berbagi Dan berusaha menyajikan Informasi yang dibutuhkan banyak orang lewat media online.
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.