Selain untuk mempercantik blog, fungsi dari Highlight author comments adalah untuk membedakan komentar antara visitor dan author (admin) blog. Jadi misalkan ada visitor yang bertanya, maka akan tampak jelas apabila author tersebut membalas atau memberikan jawaban kepada visitor. Dengan alasan demikian tutorial ini sangat mendukung untuk kotak komentar blog yang belum dilengkapi fasilitas Reply. Lebih jelasnya anda bisa melihatnya live demo pada blog ini atau bisa juga anda lihat DI SINI.
Berikut langkah-langkah untuk membuatnya.
Sekarang anda buka blog anda dan berikan komentar pada blog anda sendiri dan bedakan dengan tampilan komentar sebelum anda menambahkan kode-kode di atas. Semoga bermanfaat dan happy blogging.... ^^,
- Login ke blogger.com
- Klik Rancangan
- Klik Edit HTML, kemudian beri centang pada Expand Widget Template
- Cari kode berikut
]]></b:skin>
Copy kode di bawah ini lalu letakkan tepat di atas kode tadi.
.owner-Body {
background: #f6f6f6;
margin-top: -7px;
padding-left: 10px;
padding-top: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #ccc;
}
.owner-Body p {
margin: 0;
padding-bottom: 15px;
}
* pada background, kode warna #f6f6f6 menentukan warna background komentar admin. Anda bisa menggantinya sesuai dengan keinginan anda
* anda juga bisa menambahkan image pada kotak komentar admin dengan menambahkan kode berikut url(http://image anda) setelah kode warna (beri spasi) - Kemudian cari kode berikut
<data:commentPostedByMsg/>
</dt>
<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>
Copy kode di bawah ini kemudian sisipkan pada kode di atas
<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
</b:if>
Penempatannya seperti ini
<data:commentPostedByMsg/>
</dt>
<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> - Klik Simpan
Sekarang anda buka blog anda dan berikan komentar pada blog anda sendiri dan bedakan dengan tampilan komentar sebelum anda menambahkan kode-kode di atas. Semoga bermanfaat dan happy blogging.... ^^,
33 Comments:
Mau jadi Pertamax ah sekalian ngasih live demo :D (hasilnya seperti ini ;) )
Dulu pernah pake,tapi Templateku yg ini agak rewel . . Ntar tk coba lagi ah
thanks 4 tips.. good posting bro. inovatif :)
makasih sharenya bro, aku langsung ketkp.. tapi aku masih mum,et sama kode kode
dari tadi manteng disiniii... beLajar utak-atik border, yang itu aja beLum LuLus eh udah nonghoL tutor barunya nih. buat PR duLu aja deh, hehehe...
Nice info...ntar dicoba ah...
baLik Lagih om, tadi Lupa beLum ngucapin seLamat beraktifitas dan lam suskes seLaLu.
thanx bgt kang. . . Sy coba ya, skalian sy follow
makasih infonya mas
saya mau borong komentar di sini..soalnya baru up date..izin baca dulu
waduh html saya dah ganti,,saya juga lagi ngakalin ini..tapi ga bisa,,tapi akan saya coba lagi sob..makasih sudah berbagi
kira2 kalau buat css3 bisa ganti owner jadi embed ga sob?
soalnya pas ke w3c salah terus parsingnya sampai 70 point
nanti maLem ijin begadang Lagi disiniii... yah om.
kaLo ada kendaLa mohon, nanti saya nanya toLong dijawab yah om. semoga tidak.
baLik Lagi tadi Lupa mau tanya, yang "akoey's bLog" masih satu admin juga yah om?. saya baru tau nih.
keren-keren juga Loh informasinya.
brada,,, nggak bakalan berAT YA loadnya ?
@all, sama-sama mas, makasih kunjungannya :)
@Hendro-Prayitno, walah saya juga masih belajar CSS3 mas, saya juga belum begitu paham CSS3,,, makasih kunjungannya,
@Om_Rame, silakan Om kalo mau bertanya, akan saya bantu sebisa saya...:)
blog yang Om maksud lain punya saya Om, blog saya cuman ini saja, saya juga barusan berkunjung kesana, :)
btw foto profilenya juga g sama :D
@Umy Diary, yah seperti apa yang mbak lihat pada blog saya, :) terima kasih kunjungannya...
aku udah pernah nyoba sob.. tapi tetep aja gagal.. huhuhu..ilmu HTML masih kacau nih,,,,
iya bro masda, saya uda pernah nyoba, cukup berguna untuk membangun diskusi dengan pengunjung ;)
ijin aku save ya kodenya tar mo diplajari
thnks
numpang lewaaaaaat.... hehe... :))
barusan coba tutor ini beLum berhasiL juga nih om, mungkin penempatannya kode scripnya kurang tepat kaLi yah.
@om_rame, kode pada point 5 sama g om? Ato ada tambahan kode lainnya setelah kode
<data:commentPostedByMsg/>
kalo emang ada penyisipan kodenya tetap di bawah
</dt>
udah berhasil sob.....:X , tapi coba pake backround image masih gagal, udah d praktekin lom sob???
Gan, kalau ada posting cara buat custom feedburner form yo.. ntar ane ngomen yang pertamax dah... :D
saya mau coba sobat, tapi belum terlalu jelas ngerti magsudnya he..he..he, bisa dijadikan tambahan Tips SEO nie
aku save dulu deh ntar aku praktekin. Oia aku juga sebenernya butuh tutorial nambahin fasilitas replay kayak yang ada di wordpress ke blogspotku. tau caranya?
UMY BErkunjung
meLanjutkan obroLan aja.
oh yah, untuk bLog akoey, mohon maaf saya saLah kira.
mengenai tutor kaLi ini, semaLam sudah saya coba pada tempLate teman saya dengan hasiL yang memuaskan. tapi kaLau di tempLate saya masih terkendaLa dengan scrip yang agak berbeda, jadi mungkin ada kesaLahan pada peLetakan scripnya.
mengenai upLoad tempLate, biar om saya masih bersemangat untuk mencobanya sendiri nanti kaLau sudah mentok baru deh diserahkan ke om_mazda. semoga tidak mengaLami kendaLa yang berarti. makLumLah beLajarnya secara otodidak jadi masih sangat merayap, maLah kaLo Lupa ngebackup suka pada Lupa. hehehe...
seLamat berakhir pekan aja yah om, saLam sehat seLaLu.
tutornya jelass.. gampang dimengerti.. langsung praktek :D
wah bagus, ntar nyoba aah. salam kenal yaa
keren sob blog q juga dah aq pasang
asslm
postingy bgus nti coba dewh..
tp atu~atu ja dlu
lawong yg td ja lum rmpung hehehe
wt PR ja yah . . . nti tlong dbntu
met lunch break ja deh...
Blog ini "DOFOLLOW", Silakan tinggalkan komentar anda, bebas tapi sopan. Tidak kami anjurkan untuk mencantumkan link pada komentar serta memakai nama Anonymous.
Komentar yang bernada SPAM atau SARA akan kami hapus.
Post a Comment