Membuat Kotak Script Di Blog

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

Artikel tersebut berjudul "memulai perjuangan tanpa modal."


Nah jika 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 memakai tips-tips dimari gan.

Ane beri tips semoga goresan pena kita ada dalam kotak, begini contohnya..:

Spesifikasi buku :

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

Caranya cukup gampang tinggal copas script dibawah ini maka akan muncul kotak tersebut dipostingan anda. sebelum memposting script terlebih dahulu script yang akan diposting di parse dahulu
semoga tidak terjadi error script, lalu 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 arahan yang berwarna (Biru) yang bertulisan (Klik Disini) dengan script yang anda inginkan.

Selain itu, sanggup 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 :
https://kakangagus.blogspot.com/search?q=buku-mahasiswa-setengah-blogger