Thursday, 9 February 2012

Cara Menampilkan Foto Profil Dikomentar Blog

Setelah kemarin saya memposkan Cara menambah tulisan diatas kotak komentar, kali ini saya akan memposkan cara untuk menampilkan foto profil dikomentar blog.

Kegunaan nya adalah mengetahui wajah dari sobat" kita yang memberikan komentarnya..he namun dengan catatan harus melakukan login dahulu, baik lewat blogger.com maupun gmail anda.

Namun juga bisa tanpa melalukan login terlebih dahulu atau dengan cara hanya memasukkan nama/URL saja kita juga bisa memodifikasinya sendiri dengan gambar sesuka hati kita. Berikut cara yang harus dilakukan :
  • Masuk ke blogger, kemudian pilih menu "setelan"
  • Klik tab "komentar" dan klik "ya" pada "Tampilkan gambar profil dalam komentar?"
  • Kemudian klik "simpan setelan".
  • Setelah disimpan, kemudian masuk ke menu "rancangan" => "edit HTML".
  • Untuk berjaga" bila nanti ada kesalahan klik "Download Template Lengkap" dahulu
  • Sebelum mengedit centang "Expand Template Widget"
  • Kemudian cari kode berikut (klik ctrl+F biar lebih cepat) :

  • ]]></b:skin>


  • Setelah ketemu masukkan kode berikut tepat di atasnya

  • #comments-block .avatar-image-container img {background: #E7EBF2 /*warna background*/ url(alamat gambar yang ingin dimasukkan) no-repeat left top; width:35px;height:35px}


  • Cari lagi kode berikut :

  • <dl id='comments-block'>


  • Hapus kode diatas kemudian ganti dengan kode berikut :

  • <dl expr:class='data:post.avatarIndentClass' id='comments-block'>


  • Kemudian cari kode berikut :

  • <a expr:name='data:comment.anchorName'/>


  • Dan Setelah kode tersebut ditemukan, kemudian delete dan ganti dengan kode berikut :

  • <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <div expr:class='data:comment.avatarContainerClass'> <data:comment.authorAvatarImage/> </div> </b:if>


  • Kemudian simpan template.
Nb : apabila tidak ada kesalahan formulir penulisan, maka template dapat disimpan. Namun jika tidak dapat tersimpan harus cari kesalahannya dengan mengulangi cara" diatas tadi dengan teliti.

Kemudian cek pada salah satu komentar dipostingan sobat, apabila sudah benar maka akan keluar gambar profil (bagi yang login) dan gambar default (bagi yang hanya menyertakan nama/URL)...semoga bermanfaat


sumber : infonetmu

10 comments:

EYSurbakti said...

yop .. nice inpo sobb
hhehehe
salam kenal nih
folbeck biar bisa bersilaturahmi yee
hha

Simple Semua said...

pertamax dahh
keren postnya

earth-inside said...

asik dah udah update lagi...
=))

mipta-share said...

#eysurbakti : okk sob..salam kenal juga y..sudah ane follback tu..dicek dahulu sob..
#simple semua : keduaxx km sob..hhe okk terimakasih..
#earth-inside : assyeekk sob..hhaa =))

sweethy said...

Tutorialnya jelas dan lengkap. Terimakasih.

mipta-share said...

#sweethy : okk sob...terimakasih y sudah mampir dan mninggalkan komentar...

addyn said...

thx sob udah berbagi

tapi templat q nda ada kode yang dimaksud e >_<

mipta-share said...

@addyn :

masama sob...
iyy, setiap tmplate berbeda-beda kodenya. Mungkin hanya berbeda kode saja, namun penempatannya tetep sama..hhe

Rizki cahya permana said...

makasih infonya mas..:)

Gopar said...

punya ku tetep gak keluar ya sob???

Post a Comment

Jangan lupa tinggalkan komentar anda disini..

-Gunakan kata-kata yang bijak dalam berkomentar
-Komentar merupakan cermin diri dari komentator
-Berkomentarlah sesuai artikel yang dipostkan
-No link (active or nonactive) di komentar
-No promotion blog, no sara, no porn

*Komentar yg kurang tepat, akan saya delete.


Copyright © 2012 - || FREE SHARING & DOWNLOAD CENTER || - Template by : kendhin - Edited by : mipta