Monday, October 15, 2012

Cara membuat Pesan fourmulis komentar keren

  

1. Masuk di dasbor blogger
2. Klik Rancangan / HTML
3. Centang Expand template widget
4. Cari kode seperti 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%'/>

Ingat : kode berwarna merah itu biasanya ada 2 ( dua )
Tapi Cukup anda cari kode yang berada di bawah kode <b:else/> seperti di atas

5. Setelah ketemu ganti dengan kode di bawah ini

<b:else/>
<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>

6. Setelah itu Simpan kode css di bawah ini di atas kode ]]></b:skin>

#threaded-comment-form p {
    position: relative;
    background: #DD0;
    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: #DD0;
    border-width: 9px;
    left: 10%;
    margin-left: -30px
    }

7. Setelah itu cari kode seperti ini

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

Setelah ketemu ganti kodenya dengan kode di bawah ini

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

8. Klik SIMPAN TEMPLATE

9. Silahkan anda isikan pesan formulir komentar anda caranya:
- Masuk ke Setting / setelan
- Lalu klik KOMENTAR
- Lalu scroll ke bawah dan lihat kata Pesan Formulir Komentar
- Nah isi kolom tersebut dengan pesan anda lalu klik SIMPAN SETELAN / Save Setting

Udah deh selesai sekarang anda tinggal menikmati model keren pesan formulir komentarnya, kalau kurang srek dengan warnanya silahkan ganti warnanya sesuaikan dengan blog anda.

Sumber : http://sin1aja.blogspot.com/


Bagikan

Jangan lewatkan Juga Postingan Gue :

Cara membuat Pesan fourmulis komentar keren
4/ 5
Oleh

Subscribe Gue Lewat email

Suka dengan artikel gue di atas? Tambahkan email Anda untuk berlangganan.

Tampilin Koment
Tutup Koment

2 komentar

Tulis komentar
avatar
June 2, 2016 at 5:25 PM

Terimakasih atas artikel anda yang menarik dan bermanfaat.
Saya juga mempunyai tulisan yang sejenis yang bisa anda kunjungi di
Pusat Studi Teknologi Sistem Informasi

Reply
avatar
June 7, 2016 at 11:53 PM

iya sama2 semoga bermanfaat ya..

Reply

Untuk menyisipkan kode pendek, gunakan ... KODE ...
Untuk menyisipkan kode panjang, gunakan ... KODE ...
Untuk menyisipkan gambar, gunakan ... URL GAMBAR ...

Rules :
-DONT SPAM
-DONT FLOOD
-DONT PORNO
-DILARANG NGEMIS/MINTA TEMPLATE IFFAT BLOGGER
-DILARANG BERKOMENTAR DENGAN KATA AGAN.
-BILA ANDA INGIN MENDAPATAKAN INFO YANG TERUPDATE GAME PC DI BLOG INI SILAHKAN FOLLOW BLOG INI
-GUNAKANLAH BAHASA YANG SOPAN DAN BERETIKA
-FOLLOW BLOG INI MAKA SAYA AKAN FOLLBACK