Membuat Warna Kotak Komentar Admin Berbeda pada Blog

Cara Membuat warna kotak komentar admin berbeda dengan pengunjung teryata sangat mudah,walau mudah tapi baru hari ini aku membuatnya atau menerapkanya pada blog INFONETMU ini.
Selain membuat scroll pada komentar blog hal ini bisa jadi salah satu cara agar blog kamu terlihat lebih cantik...Langsung saja sob..nie caranya,aku buat simple aja ya..semoga faham!!

Membuat Warna Kotak Komentar Admin Berbeda pada Blog

  1. Masuk ke akun Blogger Sobat.
  2. Klik Rancangan > Edit HTML.
  3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.
  4. Beri tanda centang di Expand Template Widget.
  5. Cari kode ]]></b:skin> Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.
  6. Copy kode di bawah ini lalu paste di atas kode tersebut.

    .comment-body-author {
    background: #fee6e6; /* Warna Background */
    border:2px dotted #d31111; /*Border*/
    margin:0;
    padding:0 0 0 0px;
    }


    #fee6e6 merupakan warna untuk latar belakang, silakan ganti kode warnanya untuk mengubah warnanya.
    2px dotted #d31111 adalah border style dot dengan ketebalan 2 piksel dan berwarna #d31111. Silakan diubah sesuai keinginan Sobat.
  7. Cari kode seperti di bawah ini.

    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>

    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>

    <dd class='comment-footer'>
  8. Letakkan kode berikut dibawah kode
    <data:commentPostedByMsg/>
    </dt>

    <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
  9. Dan letakkan kode </b:if> dibawah kode

    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
  10. Sehingga hasilnya semuanya menjadi seperti di bawah ini.

    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    </b:if>
    <dd class='comment-footer'>
    Kode yang berwarna hitam adalah tambahanya,itu yang perlu diingat.
  11. SIMPAN TEMPLATE.

Related Posts:

  • Memasang Kode Parse HTMLSebelumnya saya sangat berterimaksih sekali buat kalian yang masih setia membaca artikel dari The FIM Site.. Oiya terkadang kita ingin memasang iklan yang diletakkan dalam artikel dengan mengedit html namun masih saja tidak m… Read More
  • Kesalahan Blogger PemulaKesalahan ini pernah saya alami saat tengah menjadi Blogger Pemula. Hal ini yang membuat saya justru tidak memiliki beberapa hal positif bagi blog saya. Dari hal penggunaan template serta bagaimana saya promosi. ternyata sete… Read More
  • Scan Blog dari Penyusupan VirusScan Blog dari VirusSebenarnya ada beberapa Cara Mengecek Apakah Blog Kita Ada script virus atau tidak , scan blog dari virus cukup gampang silahkan anda ikuti tutorial blog berikut ini:Cara Scan Blog Anda Dari Virus yang per… Read More
  • Test Kecepatan Loading BlogDemi kepuasan pengunjung web kita banyak diantara anda berusaha keras untuk menata penampilan blog seindah mungkin bahkan tidak jarang diatara anda tidak memperhatikan kecepatan loading blog anda. Hal inilah yang akan menjadi… Read More
  • Membuat Blog dalam Mode MaintenanceTerkadang diantara kita senang dengan mengotak-ngatik blog agar menjadi enak dilihat dan nyaman digunakan. Namun dengan mengotak-ngatik justru pembaca blog kita akan merasa kurang nyaman ketika anda sedang merubah blog terseb… Read More