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:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC-W0xwiKjeHD-SCdN3HY966inNJ98297AXgATQtBMnEifyybSxymwY1TIXJ9JBYk68S8bEjs7rLjKuJ4bu5mPOdA2YpmneMTA-ywDpFBVFjgRXyDh7CpjiLkpN-NfqZR2mugLdAC2kmw/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...!! :)

Memodifikasi ShoutBox pada facebook style v.2.2

Lagi, ada sahabat menginspirasi postingan kali ini. terima kasih Erwin Hidayat Saputra, juga Ade (blognya mana nee..?)

Oke, langsung pada caranya aja. Aslinya, buatan Mr. Abu Farhan tab bawah itu panjang. seperti ini:

Mengganti Foto Profil (2)

Setelah saya aplod template facebook style, ternyata ada beberapa sahabat yang tertarik untuk memakainya. Terima kasih.

Tapi masih ada juga yang bingung mengutak-atik. Salah satunya adalah mengganti foto profil. Padahal saya sudah membuat posting untuk mengganti foto profil. Oke, saya akan coba lebih detil menjelaskan.

Template facebook style v.2.2

Hmm, buat saya, yang gak faham kode CSS, atau apalah istilahnya, ternyata utak-atik template membawa keasyikan tersendiri, apalagi ketika berhasil memodifikasi sebuah template. Seperti ketika berhasil memodifikasi template facebook style dari Felipe Calvo Cepeda yang kemudian saya kasih nama facebook style v.2, klik di sini untuk lihat demonya. Template ini belum ada tab pada bagian bawah.