• Jelajahi

    Copyright © Caretet
    Pituluik Media

    Iklan

    Tips/ Cara Mudah Membuat Kotak Dengan Menggunakan Script HTML di Blog [SEO]

    Thursday, November 23, 2017, November 23, 2017 WIB Last Updated 2018-02-26T11:24:32Z
    Dengan berkembangnya waktu banyak sekali para websiter dan blogger menggunakan kotak didalam artikel nya untuk memperindah tampilan blognya. Dengan adanya kotak dalam blog memberikan kesan yang wow dan terlihat seperti website dan blog profesional.

    Ketika seseorang nyaman dengan tampilan website atau blog kita, tentu orang tersebut akan kembali untuk meriview kembali web atau blog kita. Sebenarnya sangat jarang para bloger menggunakan kotak dalam stiap artikelnya, karena tidak semua artikel membutuhkan kotak untuk menunjang artikelnya.

    Nah bagi sobat yang ingin memasangkan kotak pada website atau blog nya caranya cukup mudah, Silahkan Sobat ikuti langkah-langkah berikut ini:

    1. Pertama, pastikan sobat login terlebih dahulu di blogger 
    2.  Selanjutnya silahkan sobat pilih "entri baru"
    Maka akan muncul tampilan seperti berikut ini:

    Baca Juga:

    Setelah itu silahkan sobat klik tombol HTML yang mana nantinya akan menghasilkan tampilan seperti berikut:
         3. Selanjutnya silahkan sobat copy Skript dibawah ini:

    <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
    text-align: left;">
    (Ubah Text)</div>

    Maka tampilannya akan seperti berikut ini:
    Setelah itu silahkan sobat klik tombol compose, dan sobat akan melihat tampilan seperti dibawah ini

    (Ubah Text)

    Nah gampang bukan?

    Nah sekarang sobat bisa berkreasi sesuai dengan keinginan sobat.

    Ket:

    <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
    text-align: left;">
    (Ubah Text)</div>


    • border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
    • Double : bentuk kotak. (kode ini bisa diganti dengan kode berikut atau juga bisa dihilangkan).
    • padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
    • background-color:ffffff; = warna dalam kotak.
    • Dan text-align:left; = posisi tulisan didalam kotak di kiri 

    Semoga bermanfaat, dan sebagai tambahan ilmu untuk kita semua. Terimakasih sudah berkunjung.
    Komentar

    Tampilkan

    Terkini