Klik Sini Untuk Tambah Ilmu

Recent Post

Tukar Warna Blogger Author Comment

Good Evening to all,
Paham tak dgn tajukdi atas.?nk gua terangkan? Lets me explain, according to the title, bermaksud kita menukar color background untuk tuan blog comment, dan bila org lain yg comment warna tidak sama dengan warna background untuk tuan blog comment, so comment yang ada di blog anda akan ada 2 warna yang berbeza 1 kita set untuk tuan blog, 1 color kita set untuk org lain comment. Faham??kalau tak paham korang try dulu la yer!!Sesiapa yang nk cuba tuh boleh la ikut step di bawah ni!!


Design > Edit HTML > cari code <b:loop values='data:post.comments' var='comment'>  dan korang akan jumpa code macam di bawah!!
<b:loop values='data:post.comments' var='comment'>
            <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='20px' style='margin-bottom:-3px;' 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>
          
</b:loop>
Replace semua code di atas dengan code di bawah
<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>
Ok?tarik nafas dulu then kita proceed step 2.
Once, korang dah replace kan code di atas, copy code di bawah ni pula.
.comment-footer{
margin-bottom:0 !important;
}
.author-comment{
background-color:
#dff4f3;
padding:6px;
margin-bottom:1.6em;
border:1px solid #ccc;
border-radius:11px;
}
.author-comment.blog-author {
background: 
#e9c5f5 url(http://4.bp.blogspot.com/-xleU4Ujr_TY/TlflW-DgPaI/AAAAAAAAAWI/scyIOzKX7fE/s1600/Flower-vase.gif) no-repeat right top;
}
Sudah copy? kalau sudah cari code nie ]]></b:skin> 
Paste kan code di atas td di atas code ]]></b:skin>


Save dan lihat hasilnya!!!
P/s: Tulisan berwarna merah adalah color background dan boleh tukar ikut suka anda!!