Posting ini sudah kadaluarsa.
<b:if cond='data:comment.author == data:post.author'> <!-- OBJEK --> </b:if>Kode <b:if cond='data:comment.author == data:post.author'> kira-kira sanggup dibaca ibarat ini: “Apabila penulis komentar yaitu orang yang sama dengan penulis posting/Administrator situs maka…”
Nah, alasannya yaitu objek target kita kali ini yaitu badan posting komentar, maka kita harus mengapitkan tag kondisional tersebut di sekeliling elemen badan posting komentar. Pertanyaannya adalah, yang dimaksud sebagai elemen badan posting komentar itu yang mana??
Untuk itulah kau harus memahami skema posting komentar blogspot.
Dalam berkas templatemu, carilah sekumpulan arahan yang tampak ibarat ini:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <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> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl>Seluruh arahan di atas sanggup didefinisikan sebagai satu unit posting komentar. Ada beberapa buah arahan yang Saya warnai. Itu yaitu kode-kode yang harus kau pahami maknanya:
| Kode | Perwakilan |
|---|---|
| <data:comment.authorAvatarImage/> | Mewakili foto profil |
| <data:comment.author/> | Mewakili nama komentator |
| <data:commentPostedByMsg/> | Mewakili kata “mengatakan...” atau “said...” |
| <data:comment.body/> | Mewakili isi komentar |
| <b:include data='comment' name='commentDeleteIcon'/> | Mewakili simbol kawasan sampah yang biasa dipakai untuk menghapus komentar |
| <data:comment.timestamp/> | Mewakili tanggal penerbitan komentar |
Dari tabel tersebut kita tahu bahwa elemen <data:comment.body/> yaitu badan posting komentar yang Saya maksudkan. Dan tahap pertama untuk mengubah tampilan komentar eksekutif yaitu dengan mengapit arahan tersebut saja dengan tag kondisional yang Saya tuliskan tadi. Namun, biar komentar nonadministrator tidak menghilang alasannya yaitu tag kondisional, kau juga harus memecah elemen tersebut menjadi dua. Satu dipakai sebagai perwakilan komentar administrator, satunya lagi dipakai sebagai perwakilan komentar nonadministrator.
Kita cari elemen <data:comment.body/> yang masih bebas yaitu yang berada di kawasan paling bawah:
... ... <data:comment.body/> </p> </b:if> </dd>Ganti arahan yang Saya beri tanda dengan arahan ini:
<b:if cond='data:comment.author == data:post.author'> <div class='komentar-admin'><data:comment.body/></div> </b:if> <b:if cond='data:comment.author != data:post.author'> <data:comment.body/> </b:if>Dari arahan di atas sanggup kau lihat bahwa Saya telah memecah elemen <data:comment.body/> menjadi dua. satu Saya bebaskan, dan yang satunya lagi Saya apit dengan arahan <div class='komentar-admin'> ... </div>.
Pada elemen yang Saya apitkan terdapat kelas komentar-admin. Nah, dengan modal kelas itulah kau sanggup menciptakan perbedaan tampilan komentar. Salin arahan CSS di bawah ini, lalu letakkan di atas arahan ]]></b:skin> atau </style>:
.komentar-admin { color:red; font-size:120%; }Kode di atas akan menciptakan teks komentar eksekutif berubah warna menjadi merah dan sedikit membesar. Untuk efek-efek tampilan lainnya sanggup kau pelajari dalam tutorial CSS di blog ini.
Selesai. Klik Simpan Template.
Catatan: Hendaknya ketika kau menerapkan modifikasi ini, jangan sekali-kali kau mengganti nama tampilan (penanda tangan) terbitan postingmu. Hal ini akan menciptakan sistem pembedaan tampilan ini menjadi tidak berfungsi. Sekali Taufik Nurrohman, harus tetap dituliskan sebagai Taufik Nurrohman. Jangan diganti-ganti, meski sekedar membubuhkan simbol-simbol tertentu di samping namamu.