• Breaking News

    Sunday, January 22, 2017

    Cara Membuat Kotak Script Keren di Postingan Blog

    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 Membuat Kotak Script Keren di Postingan Blog

    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.

    Box script on blog

    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.


    Terima Kasih Telah Membaca Artikel : Cara Membuat Kotak Script Keren di Postingan Blog
    Add a Comment. Read Comment Policy ▼
    Please Note
    - No live link
    - Pergunakan bahasa baku dan tanpa singkatan serta sesuai dengan topik pembahasan
    - Komentar yang relevan akan saya balas dan kunjung balik secara otomatis (tanpa meminta)
    - Tekan "subscribe by email" untuk mengetahui balasan dari saya
    - Untuk mendapatkan BACKLINK, gunakan OpenID. Baca --> Cara mengaktifkan OpenID

    No comments:

    Post a Comment

    + Follow
    Join on this site

    with Google Friend Connect

    COPYRIGHT

    Seluruh artikel atau konten yang ada di blog MY-SEVEN7ASH ini sifatnya adalah Open Source.

    Artinya, Anda boleh mengcopy sebagian artikel yang ada di blog ini, tapi kami mohon untuk tidak melakukan copy paste melalui feeds (xml) karena itu bisa menghancurkan blog ini.

    Mencantumkan sumber atau tidak itu merupakan hak Anda.
    back to top