cara membuat pesan admin diatas kotak komentar

Berikut cara mudah membuat pesan admin untuk yang mau komentar diblog agan agan sekalian seperti gambar diatas




1.login ke blogger

2.masuk ke template>>edit HTML>>centang expand template widgett>>CRTL+F

3.cari kode dibawah ini



<b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/>

4. Ubah kode yang berwarna merah dengan kode di bawah ini

<div id='threaded-comment-form'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>

5.Kemudian letakan dibawah ini di atas kode ]]></b:skin>

#threaded-comment-form p {

    position: relative;
    background: #B0E0E6;
    border: 3px solid #38F;
    padding: 10px;
    font-size: 13px;
    line-height: 1.6em;
    color: #000;
    margin-top: 30px;
    }
#threaded-comment-form p::after, #threaded-comment-form p::before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
    }
#threaded-comment-form p::before {
    border-top-color: #38F;
    border-width: 15px;
    left: 10%;
    margin-left: -36px
    }
#threaded-comment-form p::after {
    border-top-color: #B0E0E6;
    border-width: 9px;
    left: 10%;
    margin-left: -30px
    }

kode warna merah bisa diganti sesuai selera klik disini untuk lihat kode warna

.6. Setelah itu cari kode berikut

document.getElementById(domId).insertBefore(replybox, null);

dan ubah menjadi kode berikut

document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

7.save template

#tampilan akan terlihat setelah ada yang koment ya gan

SELAMAT MENCOBA

Dishare Oleh : amad abe ~ download dan tips trik blog

agan sedang membaca artikel tentang: cara membuat pesan admin diatas kotak komentar. Silakan agan copy dan paste atau sebarluaskan artikel ini jika dinilai bermanfaat tetapi ane harap agar Agan jangan sampai lupa untuk menyertakan link aktif artikelnya di bawah ini: <a href="http://pucukpucuk.blogspot.com/2013/01/cara-membuat-pesan-admin-diatas-kotak_9400.html" target="_blank">cara membuat pesan admin diatas kotak komentar</a>

*** Dapatkan Widget Ini ***