Cara Membuat Kotak Script Keren di Postingan Blog
Ketika anda membuat postingan blog yang mengharuskan adanya script maka anda akan mengalami kesulitan dalam mengatur script tersebut. Karena script yang diberikan tidak akan rapi jika dibiarkan begitu saja. Dan pastinya tampilan jadi tidak indah.
Cara seleksi script masih menggunakan cara yang sudah disepakati oleh dunia. 2x pada tulisan untuk select tulisan itu. Dan 3x untuk select seluruh form.
Berikut Tips & Trik dari my-seven7ash dan cara membuatnya silahkan copy kode dibawah dan pastekan di mode HTML -nya.
1. Nice Box
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: turquoise; border-left: 10px solid #4fee0f; border-radius: 10px; padding: 10px; t-align: left;">Tulis script di sini! </div>
Keterangan
yang berwarna merah adalah untuk membuat lingkaran di sekitar.
yang berwarna biru adalah panjang ke bawah box.
2. Elegan Box
<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: turquoise; border-left: 10px solid #4fee0f; border-box: 10px; padding: 10px; t-align: left;">Tulis script di sini! </div>
3. Easy Looking Box
<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: turquoise; border-top: 10px solid #4fee0f; border-box: 10px; padding: 10px; t-align: left;">Tulis script di sini! </div>
4. Minimalis Box
<div style="-moz-border-box: 10px; -moz-border-box: 10px; -webkit-border-box: 10px; background-color: white; border-top: 20px solid #f4034c; overflow: auto; padding: 10px; t-align: left; t-color: #fff;">
disini
</div>
5. Mistique
<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: black; border-left: 10px solid red; padding: 10px; t-align: left;">
<span style="color: white;"><span style="font-family: 'Trebuchet MS', sans-serif;">tulis di sini </span></div>
Semoga bermanfaat. Jika mau copas silahkan cantumkan sumber supaya blog anda tidak masuk sand box.
No comments:
Post a Comment