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...!! :)

Facebook Style v2 ada di zoomtemplate.com

Sebenarnya iseng aja, waktu itu. Coba kirim template hasil modifikasi Facebook Inspiration buatan Felipe Calvo Cepeda ke zoomtemplate.com, ternyata diterima dan sekarang template facebook style v2 bisa di download dari zoomtemplate.com atau sahabat bisa download di sini via ziddu.com atau di sini via 4shared.com

Ini screen shoot dari zoomtemplate.com

Facebook Style v.2.1 | FACEBOOK TEMPLATE FOR BLOGGER

Sahabat, saya membuat modifikasi lagi dari template Facebook Style v.2 dan saya kasih nama Facebook Style v.2.1. Apa yang baru dari template ini? Adanya tambahan tab bawah. seperti pada blog saya ini sudah tak pasang template yang baru.

Sedikit berkisah. Sebenarnya template ini sekedar modifikasi dari template mirip facebook yang sudah ada. Facebook Style v.2 merupakan buatan Ainun Nazieb. Awalnya cuma 2 kolom. Kemudian dibuat 3 kolom oleh Mr. Abu Farhan.

Mengganti Foto Profil

Sahabat, saya akan melanjutkan tips seperti yang sudah saya janjikan. Untuk sahabat yang memakai template facebook style v.2.

Mengganti Logo facebook pada facebook style v.2

Seperti yang sudah saya janjikan pada postingan sebelumnya, pada postingan kali ini saya akan bahas trik memberikan sentuhan pada template facebook style v.2.

Yang pertama adalah mengganti logo facebook dengan logo punya sendiri. Caranya sebagai berikut.

Buat logo sehabat menggunakan photosop. Pilih kode warna background #3B5998. Lalu buat tulisan menggunakan font Lucida Grande (hanya mirip), tapi nggak papa. Kalao belum punya bisa download di http://font.pendownload.com/2009/10/lucida-grande-facebook-font/. Sebenarnya ada font facebook yaitu Kalvika Bold OT tapi harus beli, saya cari yang gratisan belum nemu. *pengen gartisan mode=on*.

Sedikit Merubah Tampilan :D

Sahabat, kalo diperhatikan dengan seksama, ada sedikit perubahan pada blog ini. Kalau dulu saya pakai template dari Ainun Nazieb yang dimodifikasi oleh abu-farhan.com. Sekarang saya masih memakai template  Ainun Nazieb Coded and SEO by Felipe Calvo Cepeda dengan saya berikan sedikit modifikasi. Dan jadilah tampilan blog ini seperti yang sahabat lihat sekarang:

Mengatasi Akun Inaktif Photobucket (Pengguna Blogger)

Ketika blogwalking, mengunjungi blog-blog sahabat yang meninggalkan jejak di tempat saya, sering kemudian mencari menu link exchange atau tukeran link. Ada link yang sekedar menulis judul blog atau nama pemilik blog, ada juga yang dengan link banner.
Untuk link yang berupa banner, logo banner yang kita pakai harus di upload ke tempat upload gambar misalnya Photobucket atau situs sejenis. Tapi ada masalah jika kita tidak sering-sering menengok gambar yang kita upload ke sana bisa-bisa akun kita jadi tidak aktif sehingga link banner kita akan tampak sperti gambar