Cara membuat kotak script|teks di dalam postingan

By Unknown →
Kali ini aku ingin membagikan suatu trick untuk kamu. Kali ini adalah cara membuat kotak script|teks di dalam postingan blog kamu. Nah untuk apa sih gunanya? Kotak script ini sendiri berfungsi untuk membantu kamu memisahkan antara script dan tulisan postingan blog kamu.

Membuat kotak di dalam script ini merupakan cara manual. Jadi dilakukan ketika kamu menulis postingan blog kamu. Yaitu dengan mode memasukkan kode HTML pada postingan.

Kamu bisa untuk memodifikasi kotak script pada postingan blog ini sesuai dengan keinginanmu. Misalkan saja kamu ingin mengganti warna background pada kotak script yang telah kamu buat.


Nah sekarang bagaimana cara membuat kotak script di dalam postingan?


1. Login Blogger kamu > Dashboard > New Entri (Menulis Postingan baru)

2. Kemudian pilih yang HTML (Normalnya kita memakai yang Compose)

3. Coba masukkan javascript di bawah ini


<div style="background-color: #edecec; border: 1px solid rgb(102,204, 255); display: block; padding: 15px; text-align: left;">
www.cofeemix.com</div>

4. Kemudian kalau kamu mau melihat hasilnya, ubah lagi mode menulis postingan kamu ke Compose!

5. Bagaimana hasilnya?

Kamu bisa saja merubah warna background dari kotak script kamu sesuai dengan keinginan kamu. Caranya dengan merubah #edecec (kode warna) dengan kode warna sesuai dengan yang kamu inginkan.

Nah, bagaimana teman-teman, apakah kamu bisa melakukannya? kalau kamu merasa kesulitan, silahkan tinggalkan komentar di bawah.

Sekian, terima kasih :)

Post Tags:

Jillur Rahman

I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.

4 comments to ''Cara membuat kotak script|teks di dalam postingan"

ADD COMMENT
  1. bang,,,,menghilangkan tulisan tidak ada komentar menjadi tulisan 0 komentar kayak blog nya abang.........
    wwebnya abang keren,,,,,,,
    tolong balas ya bang ????
    kirim ke email aja ya ????

    ReplyDelete
  2. eeh lupa,,,,,
    ni bang,,,,,
    gustiens@yahoo.co.id

    ReplyDelete
    Replies
    1. Sudah saya kirim email mas.. Terima kasih sudah berkunjung..

      Delete