Memberi Tanda pada Komentar Tertentu di Blogspot

Pada tutorial kali ini, saya tidak menggunakan javascript dan jQuery. Yang dibutuhkan hanyalah menambahkan CSS dan sedikit kode secara manual dari dalam postingan maupun dalam template.

Sesuai dengan judul diatas, saya akan menunjukkan bagaimana cara memberi pembeda pada komentar orang lain dalam blog kita.

Trik ini berbeda dengan komentar Admin, karena yang akan kita beri pembeda ini tidak terkait dengan pemilik blog atau bukan sedang menjadi admin.

Kita bebas memilih komentar yang mana saja yang akan kita beri pembeda, seperti warna teks, background dan lain-lain.

Sebelum mencoba tutorial ini, silahkan lihat dulu contoh komentarnya disini.

Sudah dilihat? sekarang menuju ke cara pembuatannya.
Anda harus mengerti meski hanya sedikit dalam membaca kode HTML dalam Open Source.

1. Setelah login di blogger.com buka template dan cari kode <dd class='comment-body'
Kode lengkapnya seperti dibawah ini:
            <dd class='comment-body' 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/>
                </p>
              </b:if>
            </dd>
2. Ganti kode diatas dengan kode dibawah ini:
            <dd class='comment-body' 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 class='komentarAnda'>
                  <data:comment.body/>.<br/><span class='winner' id='pemenang'>(Teks Tambahan)</span>
                </p>
              </b:if>
            </dd>

3. Cari </b:skin> dan masukkan css ini diatasnya
.winner{color:#F0FCF3;font-family:georgia;cursor:default;display:none}
4. Simpan Template.

Tahap pertama sudah selesai, namun ini masih belum dapat bekerja karena kita perlu mencari target komentar mana yang akan kita beri tanda.
1. Lihat postingan Anda yang telah ada komentarnya/ yang ingin ditandai komentarnya
2. Klik kanan pada salah satu komentar, lalu lihat ID_nya
Lebih jelasnya, lihat gambar.
3. Masuk kedalam halaman posting Anda atau bisa juga buka template kembali dan masukkan kode berikut ini:
<style>
dd#Blog1_cmt-2129096145797842849 .komentarAnda{background-color:#333;color:rgb(51, 252, 84);padding-top:10px;display:block;padding-left:5px;border-left:inset 8px #C2FACC;}
dd#Blog1_cmt-2129096145797842849 #pemenang{text-align:center; display:block;}
</style>
Ganti ID yang saya beri warna biru tersebut dengan ID komentar target, lalu Simpan dan lihat hasilnya.
URL

1 Tanggapan: » Lihat

Trik ini juga bisa disebut dengan menambah widget pada komentar tertentu, terimakasih..

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini