[Tutorial] Modifikasi kotak komentar blog agar berbeda dengan komentar lainnya

[Tutorial] Modifikasi kotak komentar blog agar berbeda dengan komentar lainnya | Setelah lama tidak menulis tutorial, hingga akhirnya bisa membuat suatu tutorial yang mungkin bisa bermanfaat untuk para pembaca Segenggam Harapan sekalian. Tutorial ini ana dapat saat melihat ke blog teman, komentar dia sebagai admin sangat berbeda dengan komentar pembaca lainnya sehingga memberikan efek khusus untuk seorang admin.

Ana sangat tertarik untuk membuatnya, Setelah konsultasi dan berbincang dengan pemilik blognya sehingga ana telah dapat membuat sendiri di blog ana. Sebagai contoh dapat dilihat di blog ini :


Nah... tertarik untuk membuatnya,
Ayo... sama-sama kita mencoba tutorial ini dan bagikan hal ini jika bermanfaat,

Langsung aja Yukk kita coba mengulas kembali  [Tutorial] Modifikasi kotak komentar blog agar berbeda dengan komentar lainnya :

1. Seperti biasanya sobat harus terlebih dahulu masuk ke akun blogger milik sobat.


2. Template => Edit HTML => Lanjutkan
(Jangan lupa untuk mencentang  Expand Template Widget)

 ]]></b:skin>
(Untuk mempermudah pencarian gunakan tombol CTRL + F pada keyboard)


4. Setelah menemukan kode  ]]></b:skin>, Copy dan pastekan kode berikut tepat DI ATAS kode  ]]></b:skin> atau SEBELUM kode  ]]></b:skin>

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}



5. Kode warna #333333 merupakan kode warna untuk warna Latar pada kotak komentar khusus admin nantinya. Dan kode warna  #666666 merupakan kode untuk border kotak komentar nantinya. Kedua kode tersebut dapat diganti sesuai dengan keinginan sobat. Jika tidak tahu kode warna HTML dapat melihat di Kode Warna


6.  Kemudian sobat kembali mencari kode 

<data:commentPostedByMsg/>
            </dt>



(Untuk mempermudah pencarian gunakan tombol CTRL + F pada keyboard)



7. Jika sudah menemukan kodenya, Copy dan Pastekan kode dibawah ini tepat SETELAH kode </dt> yang ditemukan tadi.

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>


8. Masih harus mencari kembali neh, Cari kode  <dd class='comment-footer'>
setelah memnemukan kode nya, tambahkan </b:if> tepat SEBELUM kode <dd class='comment-footer'>


Sehingga akan terlihat seperti ini kodenya :

<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<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>
</b:if>            <dd class='comment-footer'>



9. Setelah itu, coba mengklik Pratinjau terlebih dahulu. Jika sudah tidak ada pesan error pada kodenya barulah sobat bisa menge- Save template yang telah sobat modifikasi tadi.


Dan dilihat hasilnya...
Bagaimana?? Masih ada kendala?? atau masih ada pesan error? Coba ulangi langkah di atas, mungkin ada yang tertinggal ataupun salah dalam penempatan kode.
Jika masalah tersebut ada, Langsung aja tanyakan melalui komentar di bawah ini


Demikian [Tutorial] Modifikasi kotak komentar blog agar berbeda dengan komentar lainnya.
Selamat mencoba dan semoga bermanfaat,

Share this

Related Posts

Previous
Next Post »

Berkomentar lah dengan yang sopan yang tidak mengandung unsur SARA, PORNOGRAFI, Dan TIDAK diperkenankan untuk PROMOSI selain Persetujuan dari ADMIN. Jika di lakukan, Maaf komentar akan DI HAPUS.

Untuk menggunakan Emoticon Komentar, Klik Emoticon yang akan di pasang. Akan muncul kode emoticonnya. Masukkan itu pada saat berkomentar. Terima Kasih
EmoticonEmoticon