Rabu, 03 Agustus 2016

Cara Membuat Kotak Script Untuk Postingan Blog

 Cara Membuat Kotak Script untuk Postingan Blog

==>>Menyematkan kotak dalam tulisan blog terlihat sangat menarik dan indah. Banyak blogger menggunakan kotak dalam postingan untuk menaruh informasi penting, salah satunya adalah script HTML, Java dan sebagainya.
==>>Namun kotak yang disematkan dalam postingan ini tidak disediakan defult oleh blogspot, olehnya itu kita dituntut membuatnya sendiri.

===> Nah caranya bagai mana om ???

====>>Caranya sangat mudah, ikuti langkah-langkah berikut ini.

    1. Login ke blogger
    2. Pilih 'Entri Baru' Buat tulisan, contoh seperti gambar.==>> Lihat yang berwana merah, posisi tulisan   adalah 'Compose'.













    3.Setelah itu copy paste script ini, dan kembali ke postingan Anda di blogger.

    <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
    text-align: left;">(ganti tulisan ini).</div>
    4. Selanjutnya pilih 'HTML' ( jelasnya lihat gambar).


      5. Paste script yang tadi di copy di bawah postingan (terserah mau menaruhnya dimana).
      6. Kembali lagi aktifkan 'Compose' dan lihat hasilnya. Taaraaa... sudah ada jadi kotak nya.


        7. Selanjutnya Anda sisa mengganti tulisan '(ganti tulisan ini)' dengan tulisan yang ingin Anda taruh disana, bisa berupa script atau tulisan lain. Sangat Mudah bukan>>...!

        ===>berikut penjelasannya


         <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
        text-align: left;">(ganti tulisan ini).</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).

        ( Dotted )

        ( groove )

        ( inset )

        ( outset )

        ( ridge )

        ( solid )

        ( double )

        +++  padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting. 
        +++ background-color:ffffff; = warna dalam kotak
        +++ text-align:left; = posisi tulisan didalam kotak di kiri

        Udah Paham kan...Nah itulah sekilas penjelasan kode HTML untuk membentuk kotak script dalam postingan. Silahkan memodifikasi sesuai dengan selera Anda.

        selamat mencoba ...

        Bagi Anda yang memiliki pertanyaan, jangan sungkan, tinggalkan komentar Anda.
        +++Semoga memberi manfaat+++ 

        Related Posts:

        • Mendaftarkan Peta Situs Blog Ke Google Master ToolSalam Sejahtera Selalu !Sebelumya Baca Basmallah dulu sebelum melngakahSiapkan Rokok / Copy / Cemilan Biar Betah liatin Pc or Smartphone Netter !Kalo udah siap langsung Pancal Kebawah===Kali ini PAPENDOL akan berbagi cara nih… Read More
        • Cara Membuat Efek Salju Pada BlogSelamat malam Netter !!Oke kali iniakan membagikan trik bagaimana supaya di blog kita muncul  efek salju seperti blog ini. tapi disini admin akan memberikan bukan cuman satu efek tapi Tujuh efek Salju,,,,,,gimana tuh man… Read More
        • Cara membuat efek daun berguguran pada blogUpdate Kembali bersama PAPENDOL disini admin akan memberikan tutorial untuk membuat efek daun berjatuhan pada blog liat juga Cara Membuat Efek Salju Pada Blog .Ok Tanpa Basa basi admin akan berikan dua langkah mudah,,Cekidot … Read More
        • Kode Warna HTML Membuat  Kode Warna HTML Warna di blog / website , merupakan suatu hal yang paling penting (Kebutuhan Mutlak) bagi pemaikai blogger / Website, karena dengan warna -warna yang pas bisa menjadi pembeda dan sebagai upaya k… Read More
        • Membuat Peta Situs (SITEMAP) Pada Blogoke Kali ini PAPENDOL  akan memberi tahu Cara Membuat Peta Situs (SITEMAP) Pada Blog..dan Baca Juga cara Mencari Kode HTML terus ada lagi  mendaftarkan peta situs blog pada google webmaster tools... dan  cara i… Read More

        2 komentar: