Modifikasi Pesan Formulir Komentar Dengan CSS

Modifikasi atau Mengedit Pesan Formulir Komentar Dengan CSS

Modifikasi Pesan Formulir Komentar Dengan CSS | Hay sobat apa kabar kalian semua ? kali ini Acep-Computer akan share tutorial seputar blog. Tutorial kali ini adalah Modifikasi Pesan Formulir Komentar Dengan CSS. Pesan formulir pada komentar adalah pesan yang muncul atau kata-kata yang ada pada saat kita ingin berkomentar pada suatu blog yang isinya biasanya peraturan dalam berkomentar.

Sponsored Ad

Pesan formulir bawaan blogger tampil dengan polos dan tidak ada model nya. Mungkin kita banyak melihat blog seperti dte.web.id ini dia mengedit pesan formulir komentarnya sehingga tampilannya pun berbeda dengan blog yang lainnya. Jika anda bosan dengan style bawaan yang polos itu, silahkan ikuti Cara Mengedit Pesan Komentar Dengan Css dibawah ini dengan seksama :

(lihat artikelnya)
  1. Masuk Blogger.
  2. Pilih Template
  3. Edit HTML => Centang Expand Template Widget
  4. Lalu cari kode <p><data:blogCommentMessage/></p> dengan menekan tombol CTRL+F
  5. Setelah ketemu, ganti kode diatas dengan kode ini :
  6. <div id=’acep-comment’><data:blogCommentMessage/></div>

    Catatan : Biasanya kode <p><data:blogCommentMessage/></p> ada lebih dari 2, jadi ganti semua kode tersebut biar lebih greget . Saran saya backup template anda dulu agar bisa meminimalisir kesalahan yang tidak diinginkan.

  7. Kemudian cari ]]></b:skin> dengan CTRL+F dan copy kode dibawah ini, dan taruh tepat diatas ]]></b:skin>
  8. /*– Mendekorasi Pesan Formulir Komentar –*/
    #acep-comment{
    position: relative;
    background:#3272c3; /* Warna Background Utama */
    color:#000;
    width:94%; /* Sesuaikan Lebar dengan Kebutuhan */
    padding:10px;
    font-family: ‘Open Sans’, sans-serif;
    font-weight:normal;
    text-align:justify;
    border:3px solid #000;
    border-radius: 5px;
    margin:0 10px 10px 0;
    margin-top: 10px;
    line-height: 1.3em;
    }
    #acep-comment::after, #acep-comment::before {
    top: 100%;
    border: solid transparent;
    content: ” “;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
    }
    #acep-comment::before {
    border-top-color: #000000;
    border-width: 15px;
    left: 10%;
    margin-left: -36px
    }
    #acep-comment::after {
    border-top-color: #3272c3; /* Samakan dengan Warna Background Utama */
    border-width: 9px;
    left: 10%;
    margin-left: -30px
    }

  9. Lalu masukkan kode ini tepat diatas kode <body>
  10. <link href=’http://fonts.googleapis.com/css?family=Open+Sans’ rel=’stylesheet’ type=’text/css’/>

  11. Kemudian Save Template

Cukup mudah bukan ? Oke cukup sekian postingan kali ini dari saya yang berjudul Modifikasi Pesan Formulir Komentar Dengan CSS, bila ada kekurangan mohon dimaafkan, dan apabila ada kelebihan semoga bisa bermanfaat untuk kita semua. Bila tutorial diatas tidak work atau ingin bertanya silahkan berkomentar di kolom komentar dibawah ini. Selamat mencoba ^_^

Sponsored Ad

Related Posts