Foto saya
Berawal dari hobby dan susah nya mendapatkan cheat saat bermain game , maka saya berinisiatif membuat blog ini agar para sobat-sobat semua dapat lebih mudah untuk mendapatkan cheat . Apabila ada kesalahan dalam blog ini saya mohon maaf , Thank's

Minggu, 08 Januari 2012

Tampilan Komentar Admin Berbeda di Blog

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




Tidak ada komentar:

Poskan Komentar

 
Support : Creating Website | Soekipli | Ketabang Cheater and Heaker
Copyright © 2011. --== CHEATER and HEAKER==-- - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger