Membuat Kotak Script di Blog

Kemarin, ane post tulisan.. Ane pengen tulisan dalam postingan blog ada kotak script. Biasa, agar beda aja. Kemudian ane praktekin ilmu yang didapat buat agar postinganya beda aja..

Artikel tersebut berjudul "memulai usaha tanpa modal."


Nah kalau teman-teman yang udah baca buku mahasiswa setengah blogger, karangan ane dan teman-teman, tips satu ini memang tidak akan ditemukan dibuku itu..hehehe


Karna memang tidak perlu penting, tapi bagi yang pengen beda, boleh dicoba menggunakan tips-tips dimari gan.

Ane beri tips agar tulisan kita ada dalam kotak, begini contohnya..:

Spesifikasi buku :

Judul Buku  : Mahasiswa Setengah Blogger
Penulis        : Agung Prasetyo, Nawassyarif, Choirul Fuadi
ISBN           : 978-602-371-330-1
Terbit          : November 2016
Halaman     : 145, BW : 132, Warna : 13
Harga         : Rp. 45.500,00.

Caranya cukup mudah tinggal copas script dibawah ini maka akan muncul kotak tersebut dipostingan anda. sebelum memposting script terlebih dahulu script yang akan diposting di parse dahulu
agar tidak terjadi error script, kemudian copy paste script hasil parse tersebut ke kotak script dibawah.

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

Dengan cara :
- Copy script box code 
- Paste pada Menu Tab HTML Artikel Entri
- Ganti kode yang berwarna (Biru) yang bertulisan (Klik Disini) dengan script yang anda inginkan.

Selain itu, bisa juga pakai Style yang lain..

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Kode Script Anda Di Sini
</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 Anda 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 Script Anda 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 Anda 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 Anda 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 Anda Disini</div>

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

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

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

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

Selamat mencoba...


Sumber :
http://sapimaru.blogspot.co.id/2015/03/cara-membuat-kotak-script-di-postingan.html