[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 bis...

[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,

COMMENTS

BLOGGER

Nama

Artikel,66,Cerita singkat,82,Java,12,SEO,15,Tahukah sobat??,21,Tips dan Trik,15,Tips.....n' Trick.....,14,Tutorial,20,Tutorial Blogger,50,
ltr
item
Blog Salman Syuhada: [Tutorial] Modifikasi kotak komentar blog agar berbeda dengan komentar lainnya
[Tutorial] Modifikasi kotak komentar blog agar berbeda dengan komentar lainnya
http://1.bp.blogspot.com/-Ee8NHTdR1LU/UGnVXokwxPI/AAAAAAAADCU/B9DZjhkYH8c/s400/komentar.jpg
http://1.bp.blogspot.com/-Ee8NHTdR1LU/UGnVXokwxPI/AAAAAAAADCU/B9DZjhkYH8c/s72-c/komentar.jpg
Blog Salman Syuhada
http://blog.salmansyuhada.com/2012/10/tutorial-modifikasi-kotak-komentar-blog.html
http://blog.salmansyuhada.com/
http://blog.salmansyuhada.com/
http://blog.salmansyuhada.com/2012/10/tutorial-modifikasi-kotak-komentar-blog.html
true
5369818979434965955
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy