Cara Mempercantik Komentar Admin blog blogspot (garis putus-putus)

Cara Mempercantik Komentar Admin blog blogspot (garis putus-putus) - Sebenarnya, sudah banyak sobat blogger yang membahas soal ini dengan topik "membuat komentar admin berbeda dengan komentar pembaca". Berhubung salah seorang sobat menanyakan "bagaimana membuat garis putus-putus pada setiap komentar?", maka sepertinya saya harus membuat postingan khusus soal itu. Karena sudah banyak yang memposting 'cara agar komentar admin berbeda pada blogspot', maka saya membuat judul "Cara Mempercantik Komentar Admin blog blogspot (garis putus-putus)". Sebenarnya postingan ini hampir sama dengan postingan yang lain, yang membedakan hanya pada GARIS PUTUS-PUTUS-nya saja.

Oke sob kita mulai saja ya, udah cape, hehe...

1. Login Ke blogger sobat
2. Masuk Ke Rancangan ---> EDIT HTML (centang expand template widget). Jangan lupa backup templatenya.
3. Simpan CSS berikut diatas kode ]]></b:skin>

.owner-Body {
    background: transparent;
    margin: 0; }

.owner-Body p {
    color: #cc6600;
    margin: 0 0 0 20px;
    padding: .5em 5px .25em 5px;
    border-left: 2px dotted black; }

Keterangan:

• transparent adalah kode background komentar Admin yg artinya transparan, bisa diganti dengan warna yang diinginkan, misalnya black, red (harus bahasa Inggris, atau bisa juga dengan kode warna)
• #cc6600 adalah warna tulisan komentar admin, bisa diganti dengan kode warna yang lain atau langsung menyebut nama warnanya, misalnya yellow.
• dotted adalah kode untuk garis putus-putus, jika ingin diganti dengan garis utuh (tidak putus-putus) silahkan ganti dengan tulisan solid 
• black adalah nama warna untuk garis putus-putusnya, bisa diganti misalnya dengan Red atau warna lain dalam bahasa Inggris atau bisa juga dengan kode warna

    4. Selanjutnya, cari kode yang berwarna hitam berikut:

    <b:if cond='data:comment.author == data:post.author'>
    <dd class='owner-Body'>
    <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>

Keterangan:

• Untuk mempermudah pencarian, gunakan CTRL + F atau tekan F3 pada Keyboard kemudian masukkan kode yang akan dicari
• Setelah kode warna hitam ketemu, sisipkan atau Paste kode yang berwarna merah seperti susunan kode di atas

    5. Simpan Template Sobat

Jika kode pada Nomor 4 di atas tidak ketemu, silahkan cari kode yang berwarna hitam berikut ini:

    <b:if cond='data:comment.author == data:post.author'>
    <dd class='owner-Body'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
    <dd expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p>
    <data:comment.body/>
    <span class='interaction-iframe-guide'/>
    </p>
    </b:if>
    </dd>
    </b:if>

Setelah itu, sisipkan kode yang berwarna merah sesuai susunan kode di atas, Selanjutnya klik Save atau Simpan. Lihat hasilnya, jika ada masalah, silahkan periksa kode yang telah dimasukkan (kurang satu kode dapat membuat cara ini "gagal" alias tidak berhasil). Jika tetap ada masalah, jangan ragu untuk bertanya. Semoga bermanfaat.