TUTORIAL : HIGHLIGHT COMENT TUAN BLOG DI COMENTBOX ANDA

SELAMAT PETANG & SELAMAT HARI SABTU.

hai korang..lama dah solehah tak update EBT nie ha..rindu.rindu..rindu sangat sangat..

err..rindu mirul jugak..lama dh tak tengok mirul..kahkahkahkah.. *kejam sangat gelak

mcm tuu..haha..okei lah..korang perasan tak..comentbox EBT dah betukaarrr rupa dan

warna....rasa..makin manis kot.hehehe..oke.1st..credit to FARID CASABLANCA

sebab solehah pandai buat nie belajar dari beliau..jadi..kalau korang kurang faham

tutorial yang solehah buat nie..boleh try ikut tutorial FARID CASABLANCA jugak.

KLIK SINI NAK IKUT TUTORIAL FARID.

p/s : walaupun agak memeningkan sedikit..tapi..anda akan berpuas hati  :) hehe

LANGKAH 1

• mula mula..pegi DASHBOARD > DESIGN > EDIT HTML . jangan lupa tick EXPAND WIDGET TEMPLATES oke..

LANGKAH 2

• dah??korang cari koding nie.. CTRL + F lagikk senangg.hehe..

<b:loop values='data:post.comments' var='comment'>

LANGKAH 3

• dah jumpa tak??korang delete koding antara <b:loop values='data:post.comments' var='comment'> dan </b:loop> .
• dah delete??korang ambik kode yang berwarna biru..paste kat tengah2 dua koding berwarna merah yang solehah bagitau tadi...jadi.koding korang akan jadi mcm bwh nie.

<b:loop values='data:post.comments' var='comment'>            <div expr:class='&quot;author-comment &quot; + data:comment.authorClass'>             <dt class='comment-author' 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>           </div>           </b:loop>

LANGKAH 4

• tengok koding yg berwarna merah oke..korang cuma perlu tukar koding yang berwarna biru tu..
• kalau tak pun..korang delete lah ckit2..smpai jumpa koding </b:loop> hehe.

LANGKAH 5

• dah..belom siapp..hehe..dah pastikan korang replaca kode yang btol??ctrl + F sekali lagi..cari kode ]]></b:skin>

LANGKAH 6

• ambik kode nie..paste diatas/sebelom kode ]]></b:skin>

.comment-footer{ margin-bottom:0 !important; } .author-comment{ background : #b88bdf  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifga_SqPEEr3UeKjoD7-uog9FyG3XufDJPOKaQPqn26YxURYm56hx5-1QDLtJhV7x0k6qyFT88BD_50_UT9bUyDeES7pcMfLLvQGNPj84SXlK5z3Ha2WDYGLzQUc5KYSSnnNOtJcEGnaMc/s1600/B2.png) no-repeat right top ; padding:5px; margin-bottom:1.5em; border:1px solid #ccc; border-radius:10px; } .author-comment.blog-author { background: #f2c671 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFlfvYlSFQ3zWCrJ9DqKTeTJaEmYAflfyuIKtljeOJwuxJVO9Ao0WtmFbWhHF-M7T7Ca1Dz7BH8DSNVj_1Aj7fcyAsMo-Ikt-faH1Ti4MS3xOrGw4oS_ow-HQiMWU3AiVTVQeSI1Wo8z2P/s1600/B1.png) no-repeat right top; }

LANGKAH 7

• okei..yg nie nak tuka wrna background.

1. #b88bdf = warna kotak coment blogger lain. korang boleh tukar kod warna lain
2.  #f2c671 = warna kotak coment tuan punya blog.hehe.korang boleh tukar kod warna lain.

• kalau korang nak tukar gambar tu pn boleh jugak..solehah buat tak canti..simple je kn..hehe..korang buat lagi lawaa.. :) uplod gambar yg korang nak then ambik URL gantikan URL gambar kat ats tu.

LANGKAH 8

• err.korang faham tak..peningkan??haha..part replace koding je memeningkan..solehah pun mcm tu jugak masa mula2 buat...hee..

LANGKAH 9

• dah..baru SIAAPPP..  :) korang save & tengok..kotak coment korang dah berubah ke tak..hehe.. btw..sapa yang kurang faham tu..boleh la tanya di facebook oke..kat atas tu ada button FACEBOOK.korang add je lah  :)

TUTORIAL NIE DAPAT TOLONG KORANG :

1. TUTORIAL : DAPATKAN URL GAMBAR MENGGUNAKAN BLOG
2. TUTORIAL BUTTON REPLY COMMENT
3. TIPS : CARA DAPATKAN KOD WARNA
4. TIPS: DAPATKAN KOD WARNA DENGAN LEBIH MUDAH