Tutorial Cara Membuat Script Box/ Tempat Script Code pada Postingan Blogger

Menjadi blogger tentu kita tidak asing namanya postingan, artikel dan lain-lainnya. Nah wabil khusuzon yang ngambil tema mengenai pemrograman. Pasti sebagian mengalami kesulitan saat membuat post script code pada blogger khususnya yaitu php/ html. Why? Itu karena postingan juga mengandung unsur html atau php jadi kadang ketika  dimasukkan koding apalagi lewat method html. Selain itu, untuk membuat postingan script biar bagus, biar keren jugalah itu juga perlu.

Wkwkwk seperti biasa konten or postingan or thread yang saya buat itu biasanya berlatarbelakang dari permasalahan yang saya alami sendiri. Saya membuat postingan ini juga dikarenakan mungkin ada guys-guys atau rekan-rekan yang juga mengalami masalah seperti saya.  Masalah itu yaitu : Ketika saya membuat postingan berkaitan dengan script code pada php saya merasa bahwa kotak script itu perlu. Ini dikarenakan jika tidak diberi box script/ tempat khusus artikel dan script menggunakan style yang sama itu melihatnya pusing untuk membedakan mana script dan mana artikelnya.

Ok langsung sajja biar cepet, karena biasa ada orang yang langsung ingin to the point wkwkwk. So, Cek it out!

Sebelumnya, disajikan beberapa tema :

1# Tema Minimalis

<div style="background-color: azure; border: 4px solid #00ced1; font-family: &quot;trebuchet ms&quot; , sans-serif; padding: 10px; text-align: left;">

Masukkan Kode Anda Disini

</div>

2# Tema Border Titik

<div style="background-color: hotpink; border: 4px #ff1493 dotted; font-family: &quot;trebuchet ms&quot; , sans-serif; padding: 10px; text-align: left;">

Masukkan Kode Anda Disini

</div>

3# Tema Border Ganda

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: darkorange; border-radius: 10px; border: 4px double #8b0000; font-family: &quot;trebuchet ms&quot; , sans-serif; padding: 10px;">

Masukkan Kode Anda Disini

</div>

4# Tema Scroll

<div style="background-color: deepskyblue; border: 4px #00ced1 solid; font-family: &quot;trebuchet ms&quot; , sans-serif; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 500px;">

Masukkan Kode Anda Disini

</div>

5# Tema Border Kiri Tebal

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: darksalmon; border-left: 5px solid #8b0000; border-radius: 10px; font-family: &quot;trebuchet ms&quot; , sans-serif; padding: 10px;">

Masukkan Kode Anda Disini

</div>

Lumayan banyak kan Guys? Sekarang apa? Apalagi kalo bukan instalasinya gan wkwkwkwk
Ada sedikit keribetannya si tapi menurut saya tidak terlalu ribet si.
1#  Masuk ke Blogger Anda dan Masuk ke menu posting
2# Buatlah kalimat terlebih dahulu

3# Klik tombol HTML, jadi untuk memasukkan kode diatas kita perlu merubah modenya ke Html ya Gays, kalau Anda tidak merubah ke mode html ya hasilnya nggak keliatan gan.

4# Masukkan Kode Script Box diatas, Pilih salah satu tema aja, yang paling YOI dah. Ini saya Cuma coba ya jadi tak masukkin 3 contoh biar greget, biar tau tampilannya dikitlah wkwk

5# Tadaaa.. Udah gitu doing yang penting tampil aja dahh wkwk

Mungkin kurang lebih seperti itu Guys! But, mungkin terlihat beda ya antara sample tema sama ss. Jangan bingung untuk SS or ScreenShot itu hanya merubah warnanya (yang ada #). Nahh, untuk yang di Script Tema di atas udah saya include-kan font-family biar Ntaps, jadi kalo mau ganti silahkan ganti dibagian style font-familly

1 More Info!
Biar tanda "&lt;" tidak berubah menjadi &lt; dan "&gt;" menjadi &gt; serta biar Script Rapi.
Copykan tema diatas dalam mode HTML. Lalu ketika akan memasukkan scriptnya, ganti dengan mode Compose dulu kemudian pastekan Script dari Notepad.
Salam Blogger ./otnaites