Latest News
Paket Program Hamil

Foto Profil Untuk Komentator facebook style v.2.2

Banyak yang menanyakan, bagaimana memunculkan foto profil dalam komentar pada template facebook style v.2.2.
Pada awalnya, foto profil bisa muncul, tapi akhir-akhir ini tidak bisa muncul. Ok, mungkin cara berikut ini bisa di pakai.
Masuk ke Blogger sampai Edit HTML cari kode berikut ini:


<b:loop values='data:post.comments' var='comment'>
        <div class='index-comment'>
          <div class='ic-avatar'>
          <b:if cond='data:comment.author == data:post.author'>
            <data:comment.authorAvatarImage/>
            <b:else/>
            <data:comment.authorAvatarImage/>
          </b:if>
          </div>
          <div class='ic-text'>
            <div expr:class='&quot;ic-meta &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <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> on
            <a expr:href='data:comment.url' title='Comment Permalink'>
             <data:comment.timestamp/>
            </a>
            <b:include data='comment' name='commentDeleteIcon'/>
            </div>
            <div>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
            </div>
          </div>
          </div>
      </b:loop>

Ganti dengan kode berikut:


<b:loop values='data:post.comments' var='comment'>
        <div class='index-comment'>
          <div class='ic-avatar'>
          <b:if cond='data:comment.author == data:post.author'>
            <img alt='gravatar' class='avatar' height='37' src='ganti dengan url gambar profil sendiri'/>
            <b:else/>
            <img alt='gravatar' class='avatar' height='37' src='http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60' width='37'/>
          </b:if>
          </div>
          <div class='ic-text'>
            <div expr:class='"ic-meta " + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <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> at
            <a expr:href='data:comment.url' title='comment permalink'>
             <data:comment.timestamp/>
            </a>
            <b:include data='comment' name='commentDeleteIcon'/>
            </div>
            <div>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
            </div>
          </div>
          </div>
      </b:loop>


Trik sederhana ini hanya memunculkan foto profil  author atau pemilik blog. Sedangkan foto profil blogger yang ngasih komen hanya seperti ini:
Kalo mau diganti dengan gambar yang lain, bisa dengan mengganti url gambar ini:
http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60
Ganti dengan yang ini:
http://1.bp.blogspot.com/_C6KkooKXCEw/TICf7esRaPI/AAAAAAAAGzE/MfMNkZSL31k/s200/anonim-c.png
Hasilnya seperti ini:

Ok, selamat mencoba...! Atau mungkin ada sahabat yang punya cara lain, silakan di share...karena berbagi tak pernah rugi...

Happy blogging...!! :)

12 Responses to "Foto Profil Untuk Komentator facebook style v.2.2"

  1. KUWEREN BANGET!

    blogbook atau facespot ya???

    wekekekek

    dzofar.com

    name/url nya mbok diaktifkan dong, biar nyaman nih kalau mau komen

    BalasHapus
  2. @mas ndop, name/url sudah tak aktifkan ...

    BalasHapus
  3. hem..akhirnya bisa juga... makasih mas

    BalasHapus
  4. @Muhammad Ihfazilah, selamat mencoba, semoga bermanfaat...

    BalasHapus
  5. kalau mengganti foto di thumbnailnya bagaimana akhi?

    BalasHapus
  6. tetep nggak bisa nih mas.. masih nongol pic yang sama dengan visitor

    BalasHapus
  7. @mbak heni, pada prinsipnya sama dengan mengganti foto profil mbak, coba lihat caranya http://tutorialtemplate.blogspot.com/2010/12/mengganti-foto-profil-2.html atau ganti URL ini:
    http://2.bp.blogspot.com/_cQBi8ARP4fw/TK2qU__wQzI/AAAAAAAAAPc/YUIMhk7aNzY/s1600/logo-blogger.png dengan URL gambar profil mbak...

    @rave, URL nya utk admin ma pengunjung lain lho, punya kamu dah lain belum...

    BalasHapus
  8. @rave; kok bisa ya? malah blogmu ga bisa diakses...(tgl 19 feb, jam 22.15)

    BalasHapus
  9. kalau memunculkan avatar gimana mas?

    BalasHapus
  10. @yaik, maaf baru sy bales. memunculkan avatar yg di deket judul posting itu kah? kalo ya, caranya sama dengan mengganti foto profil. cari url gambarnya, ganti dengan url gambar sendiri.

    url defaultnya ini: http://2.bp.blogspot.com/_cQBi8ARP4fw/TK2qU__wQzI/AAAAAAAAAPc/YUIMhk7aNzY/s1600/logo-blogger.png

    silakan ganti dengan url gambar sendiri....!!

    saya mencoba mencari blog kamu, tp tak klik linknya ga ditemukan.

    Selamat Mencoba...!! Keep Blogging...!! :)

    BalasHapus
  11. Terima kasih mas,sudah membahas tema backlink name/url. Saya jadi tahu nih,eh iya saya coba ya Di sini. Gpp kan???

    BalasHapus

Terima kasih sudah berkunjung. Silakan berkomentar dengan bijak. Komentar tanpa nama dan tidak bisa dilacak balik atau ada link aktif saya anggap spam