Tampilan Komentar Owner Berbeda (Template Baru)

Posted By anasku
Tampilan Komentar Owner atau pemilik blog berbeda ini sudah menjadi pernak-pernik blog yang popular karena dengan trik ini pembaca komentar bisa membedakan author dengan user di komentar artikel.
Sebelumnya Saya sudah pernah membahas tentang bagaimana cara membuat kotak komentar pemilik blog berbeda dengan user, namun perkembangan blogger pun membuat tutorial tersebut tak bisa dipakai pada template yang baru, karena template yang baru codenya berbeda dengan yang lama. Dan saya pun juga pernah menulis tentang bagaimana cara mengubah komentar lawas menjadi yang baru, lalu pada kesempatan kali ini Saya akan mencoba menulis tutorial tentang cara membuat tampilan kotak komentar pemilik blog berbeda di template baru.

Yuk langsung saja ke tutorialnya

  1. Masuk pada menu Design -> Edit HTML dan centang "Expand Widget Templates"

  2. Taruh Code CSS dibawah ini diatas code ]]></b:skin>

    .comment-body-author {
    background: #FFFF29; /* Warna Background */
    border:1px dotted #FF2929; /*Border*/
    margin:0;
    padding:0 0 0 20px;
    }


  3. Kemudian cari code yang berwarna hitam lalu sisipkan code yang berwarna merah, seperti dibawah ini.

    <dt expr:class='&quot;comment-author &quot; + 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>

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

    <dd expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass' 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/>
    <span class='interaction-iframe-guide'/>
    </p>
    </b:if>
    </dd>

    </b:if>

    <dd class='comment-footer'>

    Perhatikan betul-betul penempatanya

  4. SAVE dan lihat hasilnya.


Okkeylah sekian dulu. semoga bermanfaat bagi Anda dan jangan malu-malu bertanya jika ada kesulitan karena Saya akan mencoba membantu Anda.
Artikel Terkait untuk "Tampilan Komentar Owner Berbeda (Template Baru)"


21 comments:

Anasku said...

NB : Posting ini termasuk pemecahan masalah pada highlight post admin yang gagal di template Anda. Terima kasih.

cobra said...

pertamax....

Tips Kesehatan said...

coba dulu ah

Belajar Komputer said...

makasih gan infonya, dah nyari kemana-mana nemu disini, dah dipraktekin & berhasil...

Martos said...

terima kasih infonya

Toko Online Pro said...

Mantep, Makasih atas infonya.

donowati said...

makasih bro......kunjungi juga blig saya ya
http://darwispwcollection.blogspot.com/

Unknown said...

bagas. tepat bangeth ini yang saya cari berhari hari , ternyata ada info yang sebagus ini makasih ea gan .
kunjungi juga blog ane
http://nuyatha94.blogspot.com

salam kenal gan ..

Pengobatan penyakit darah tinggi said...

informasi berharaga ...tidak akn pernah sepi pengunjung...sip pertahankjan

pengobatan penyakit diabetes mellitus said...

thanks mas bro makkin lancar aja.....

pengobatan penyakit gagal ginjal said...

bagus yahn jadi bis afnmembdakan man author dan pengunjung

Alwan Alkautsar said...

langsung ane coba gan visit back ya http://blog.blogue.net.tc

Kreasi Anak Garut said...

Izin dicoba ya mas, trimakasih. :)

zicblogger said...

Ramalan Zodiak Hari Ini Terbaru 2013

Tukar Link Bersama Zicblogger

Pulsa Gratis Dari Internet Untuk Semua Operator! Mau?

Mengenal Situs Jejaring Sosial - Info Terbaru 2013

Rahasia Meningkatkan Alexa Rank Dengan Cepat!

Memasang Widget Related Post Dengan Scroll

Cara Cepat Memperbanyak Anggota Grup di Facebook Secara Otomatis

mh najiib said...

itu gambar hasilnya ndak ada to di artikel ini....

SAKE XP said...

wih, keren nih..
makasih atas tutornya..

Obat maag kronis said...

langsung di praktekin saja ah gan...

Jurnal Price Action Trading said...

it work gan :D

Agen Bola Promo 100% SBOBET IBCBET Casino Poker Tangkas Online said...

asyik tuh gan boleh di coba dulu

obat kutil kelamin ampuh said...

boleh jga tuh gan, langsung saja dipraktekin. Thanks yah..

CRACKPROPC said...

Nice information. I’ve bookmarked your site, and I’m adding your RSS feeds to my Google account to get updates instantly. Topaz Video Enhance AI Crack

Post a Comment

 

Site Info

Add to Technorati Favorites
Visitor Online
Check PageRank

Recent Comments

Tutorial Jitu - Blog Info, Gadget-Widget, Blogspot tutorial, blog hack, free template, SEO And Blog tips : Admin By Luqman Khoirul Anas