Cara Modifikasi Pesan Formulir Komentar Di Blog

Cara Modifikasi Pesan Formulir Komentar Di Blog - Hallo Sob Jody Blog, artikel kali ini berjudul Cara Modifikasi Pesan Formulir Komentar Di Blog, kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Cara Modifikasi Pesan Formulir Komentar Di Blog
link : Cara Modifikasi Pesan Formulir Komentar Di Blog

lihat juga


Cara Modifikasi Pesan Formulir Komentar Di Blog

Screenshot Formulir Komentar
Tampilan menarik untuk sebuah web/blog mungkin bukan suatu keharusan karena menurut Admin pribadi Article is the firs,akan tetapi kriteria masing masing orang kan berbeda ibarat sebuah rumah terserah sang pemilik mau diberi accecories apa rumah tersebut ,sama halnya sebuah blog mungkin ada sebagian orang yang berpendapat memperindah sebuah blog adalah suatu keharusan tentunya dengan tujuan untuk membuat betah pengunjung yang datang ke blog/website kita dan lain waktu akan berkunjung kembali .

Nah untuk tutorial kali ini Full Blog Design akan membuat sebuah trik  Cara Modifikasi Pesan Formulir Komentar Di Blog .biasanya formulir komentar ini berisi sebuah himbauan untuk pengunjung blog sebelum memberi komentar ,untuk Screenshotnya silahkan lihat gambar di bagian kiri postingan ini.

Untuk cara membuatnya silahkan sobat ikuti cara dan tutorialnya seperti di bawah ini ...secara lengkap tentunya :
  1. Silahkan Cari kode ]]></b:skin> atau </style>(khusus buat template yang sudah di validkan Css3) pasang kode css di bawah ini tepat di atas kode ]]></b:skin> berikut kodenya:
    #pesan-formulir {
        background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj150UjKw2UrSmsFqHxePefGwyt_FVC7eeCsV5zTA95glDhHF3OBfT26CMyuJyp1G-2yIBIGmio_60lp1SdnwVG9DUrr0ftogyj0bK82VY3_SRu8Y685WIgCW4BkHWRSNOrfZ6wDq54ofU/s1600/admin.png)no-repeat bottom right;
        border: 3px solid #000000;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 0 0 0 2px #000000, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
        font: 12px/1.3em trebuchet ms;
        margin: 10px 10px 10px 0;
        padding: 10px;color:blue;
        position: relative;
        text-align: justify;
        width: 96%;
    }
    #pesan-formulir:after,#pesan-formulir:before { 
    top: 100%; 
    border: solid transparent; 
    content:" ";
    height: 0; 
    width: 0; 
    position: absolute;  

    #pesan-formulir:before {
        border-top-color: #000000;
        border-width: 15px;
        left: 10%;
        margin-left: -36px;
    }
    #pesan-formulir:after { 
    border-top-color: #ccc;
    border-width: 9px; 
    left: 10%; 
    margin-left: -30px
    }
  2. Ganti kode berwarna hijau dengan Url gambar sobat sendiri tentunya
  3. Selanjutnya cari kode <data:blogCommentMessage/> biasanya kode ini di apit oleh tag <p> dan </p> atau kode lengkapnya seperti ini <p><data:blogCommentMessage/></p>  biasanya kode ini ada lebih dari satu hapus semua kode ini dan ganti dengan kode  di bawah ini:
    <div id='pesan-formulir'><p><data:blogCommentMessage/></p></div>
  4. Dan yang terakhir Save Template
Seharusnya formulir komentar harus ada di atas kotak komentar akan tetapi jika sobat mempunyai masalah formulir komentar jatuh kebawah (ada dibawah kotak komentar)untuk mengatasinya baca disini
 


Demikianlah Artikel Cara Modifikasi Pesan Formulir Komentar Di Blog

Sekian Cara Modifikasi Pesan Formulir Komentar Di Blog, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel Cara Modifikasi Pesan Formulir Komentar Di Blog dan artikel ini url permalinknya adalah http://caratutorialgratis.blogspot.com/2013/06/cara-modifikasi-pesan-formulir-komentar.html Semoga artikel ini bisa bermanfaat.