Acep-Computer

Tips Triks Komputer, Download Software Gratis, Dan Tutorial Blog

Modifikasi Pesan Formulir Komentar Dengan CSS


Modifikasi Pesan Formulir Komentar Dengan CSS
Single Link
Alternative Link : [ Click Here... ] Direct Link
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.

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 :

DEMO 
(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 ^_^

8 Komentar untuk "Modifikasi Pesan Formulir Komentar Dengan CSS"

Sudah Saya Bales koment kamu di http://mafiasitez.blogspot.com/2013/03/tutorial-membuat-loading-bar-keren.html?showComment=1362644460718#c2926518859344376967

Terima kasih sob, infonya sangan membantu ...

Kunjungan baliknya selalu saya tunggu, dan jangan lupa untuk menambahkan saya kedalam Lingkaran G+ anda, terima kasih ...

keren sih..tapi saya mah udah kayak gitu aja laah.

oh iya..anda kan pasang widget DCMA..itu gunanya untuk apa yaah.
kalo udah balas beritahu saya yaa.
makasih

Informasi yang sangat membantu sobat terima kasih..

PERATURAN BERKOMENTAR :

1. Dilarang Spam.
2. Dilarang Memasang Link Aktif.
3. Dilarang Menghina, Sara, Dan P*rn.
4. Dilarang Promosi.
5. Komentar Harus Relevan Dengan Artikel.

Jika anda melanggar 5 point diatas, maka komentar anda akan kami hapus langsung tanpa pemberitahuan sebelumnya.
Terima kasih dan selamat berblogging ria.

 
Copyright © 2014 Acep-Computer - All Rights Reserved
Template By Catatan Info Supported By Acep Game
Back To Top