photosincomments
Tentu ramai diantara anda yang sudah mengetahui tentang feature terbaru yang ada di blogger.Sebelum ini blogger baru sahaja menambah fungsi read more kini mereka telah menambah lagi fungsi yang baru di blog blogspot iaitu Avatar pemberi komen.Nampaknya blogger telah sedikit sebanyak membuat improve kepada blogspot sempena birthday blogger dan aku mengharapkan agar blogger dapat menambah berbagai-bagai lagi fungsi yang berguna kepada blogspot seperti thread comment dan sebagainya.Sila pergi ke bloggerbuzz untuk mengetahui dengan lebih lanjut.
Jika sebelum ini aku ada menunjukkan bagaimana cara untuk menampilkan avatar dari mybloglog sila rujuk sini pada kali ini aku akan tunjukkan bagaimana cara untuk menampilkan avatar dari blogger.Sesetengah template memang sudah sedia ada fungsi Avatar ini tetapi kepada sesetengah template mungkin tiada jadi anda perlu membuat sedikit penambahan kode untuk menampilkan Avatar itu.Sila rujuk dibawah untuk keterangan lanjut.
1.Pergi ke Dashboard--->layout---->Edit HTML.
2.kemudian cari kode </b:skin> tekan CTR+F jika menggunakan firefox.
setelah itu pastekan kode dibawah ini diatas kode yang anda cari tadi
#comments-block .avatar-image-container img {
background:transparent url(http://tinyurl.com/yahswtb) no-repeat scroll left top;
border:medium none;
float:left;
height:45px;
width:45px;
}
#comments-block .avatar-image-container.avatar-stock img {
border-width:0;
padding:1px
}
#comments-block .avatar-image-container {
background:transparent url(http://tinyurl.com/yahswtb) no-repeat scroll left top;
height:45px;
left:-45px;
position:absolute;
width:45px
}
#comments-block.avatar-comment-indent{
margin-left:45px;
position:relative
}
#comments-block.avatar-comment-indent dd {
margin-left:0
}
iframe.avatar-hovercard-iframe{
border:0 none;
padding:0;
width:25em;
height:9.4em;
margin:.5em
}
Sila savekan setelah siap.
3.Kemudian anda cari kode dibawah ini pula sila berikan tanda didalam kotak expand widget template.
Kode dibawah ini hanya separuh cari kode ini sehingga habis.
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
……………………………………………………………………….
</b:loop>
</dl>
Setelah jumpa anda gantikan semua kode diatas itu dengan kode dibawah ini.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
        <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='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'>
            <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>
      </dl>


Kemudian klik save.Selesai semoga berjaya.
Credit To Blogspottutorial.

18 comments:

  1. wohuu. perlu buat ni. hehe. bru nmpk skt mke ko yg hensem. haha =P

    ReplyDelete
  2. Acap mesti buat jangan x buat ye..Erkk ni puji ke ni rasa cam nk bg je adik aku dkt ko haha =))

    ReplyDelete
  3. ade adik ye??. haha. :D. mesti r wt. aku test jap

    ReplyDelete
  4. hoho. wei bro code yg bawah tu error. nk kene decode lu code tu. bru leh. aku test sudah. lagi satu pas siap. tukr nofollow jadi dofollow blk. hahaha =P

    ReplyDelete
  5. alahai.. malasnya nak mengedit kode.. tp nak cuba buat gak la nnt..

    ReplyDelete
  6. ye ke acap tapi aku try ok jer nantila aku tgk blk

    ReplyDelete
  7. cun jgk bro..blog aku ley pakai ke?hehe

    ReplyDelete
  8. cun jgk boh..blog kawe bulih pakai x?

    ReplyDelete
  9. zizav boleh jah semua blog boleh cuma kena masukkan kode tu jah

    ReplyDelete
  10. ada try buat ariey tp x jadik, nanti try semula...

    ReplyDelete
  11. Nape x jd plak daus..mgkn salah masuk kode kot tgkla semula

    ReplyDelete
  12. kalau nak letak avatar tu belah kanan, kene tukar sume left kepada right ke?

    ReplyDelete
  13. Aah Naddy cubala dulu kalau x blh ckpla

    ReplyDelete
  14. takut berat blog nanti .. ha !

    ReplyDelete
  15. eldy blog xkan jd berat sbb xde melibatkan javascript pun..lgpun avatar ni mmg dh disediakan oleh blogger cuma sesetengah template kita kena tambah kode

    ReplyDelete
  16. Terima kasih bwanget... atas Infonya....:D:D:D:D:D:D:D:D

    ReplyDelete
  17. Pengen yang lebih seru ...
    Ayo kunjungi wwwasianbet77com
    Buktikan sendiri ..

    Real Play = Real Money

    - Referal 5 + 1 % ( seumur hidup ) .
    - Cash Back up to 10 % .
    - Bonus Royalty Rewards setiap bulan .

    untuk Informasi lebih jelasnya silahkan hubungi CS kami :
    - YM : op1_asianbet77@yahoo.com
    - EMAIL : asianbet77@yahoo.com
    - WHATSAPP : +63 905 213 7234
    - WECHAT : asianbet_77
    - SMS CENTER : +63 905 209 8162
    - PIN BB : 2B4BB06A / 28339A41

    Salam Admin ,
    http://asianbet77.com/

    ReplyDelete

Sila tinggalkan komen ada dibawah ini dan yang berkenaan dengan post sahaja dan semua komen akan ditapis dahulu sebelum ditampilkan.