2014/04/04

Cara Membuat Pesan Admin diatas Kotak Komentar

Advertisement

Cara Membuat Pesan Admin diatas Kotak Komentar

Dalam postingan kali ini saya akan berbagi Tutorial bagaimana Cara Membuat Kotak Pesan Admin diatas Kotak Komentar, setelah sebelumnya saya sudah posting tips mendaki gunung yang baik yang berkategorikan Mountaine Oke, pasti bagi sobat yang ingin membaca artikel ini pasti tau tujuannya dong?. iya benar, tentunya untuk memberi peringatan kepada pengunjung sebelum berkomentar.

Contohnya seperti Gambar di Bawah ini:

Kotak Pesan Admin


Pasti Sobat-sobat sekalian sudah mencari-cari bagaimana artikel Cara Membuat Kotak Pesan Admin diatas Kotak Komentar dan Sobat sering gagal berulang-ulang. Oke langsung saja berikut ini tutorialnya.

Ikuti Langkah-langkah berikut:

1.Masuk Dhasbor Blogger terlebih dahulu.
2.Klik Setelan - Pos dan Komentar.
3.Edit Pesan Formulir Komentar, dan SIMPAN .
Lihat Gambar dibawah ini jika belum jelas: 


Pesan dan Komentar 

Selanjutnya Ikuti Langkah-langkah berikut:
1.Klik EDIT HTML
2.Ctrl+f  Cari Code ini <p><data:blogCommentMessage/></p>  biasanya ada 4 , pilih yang ke-4 terdahulu
3.Letakkan Code berikut diatasnya <div id='threaded-comment-form'> , jika ada kode <b:else/> di bagian akhir, letakkan Code tersebut di bagian awal. Jika Code <b:else/> menjadi berwarna merah maka hapus saja.
4.Tambahkan Code </div> diatas </b:if>
5.Cari Code ini  document.getElementById(domId).insertBefore(replybox, null); Ganti dengan , document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
6.Cari Code ]]></b:skin>
7.Letakkan Code berikut tepat diatas ]]></b:skin>
8.   #threaded-comment-form p {
 position: relative;
 background: #ff1800;
 border: 3px solid #5899c9;
 padding: 10px;
 font-size: 11px;
 line-height: 1.6em;
 color: #fff;
 margin-top: 10px;
 font-size: 11px;border-radius:2px;
 }
#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: #5899c9;
 border-width: 15px;
 left: 10%;
 margin-left: -35px;
 }
#threaded-comment-form p::after {
 border-top-color: #4085b8;
 border-width: 10px;
 left: 10%;
 margin-left: -30px
 }

9.SIMPAN
Sekian Tutorial Cara Membuat Pesan Admin diatas Kotak Komentar semoga bermanfaat bagi Sobat-sobat sekalian. Silahkan sampaikan kritik san saran melalui kotak komentar dibawah.
Advertisement
Jika anda merasa artikel ini bermanfaat silahkan share dengan meng-klik tombol berbagi di bawah ini. Terima kasih.

No comments:

Post a Comment

Silahkan berkomentar dibawah ini:

close ads