cara membuat author gravatar

Tentang Cara membuat author gravatar
Autor Gravatar Adalah suatu cara untuk membuat gambar tampilan untuk di kolom komentar tiap-tiap orang yang berkomentar atau tampilan wajah dari yang berkomentar di suatu blog.
jadi untuk melengkapi data orang berkomentar pada suatu blog untuk lebih jelasnya silahkan lihat contoh dari hasil Author Gravatar pada gambar di bawah ini

dengan foto contoh author gravatar diatas , tempat komentar blog kalian belum ada author gravatar dan jika ingin membuatnya silahkan ikutin panduan dari blog mahadewa pulsa dan ppob tentang cara membuat author gravatar di bawah ini :

1.buka blog anda lalu klik desain untuk menuju dashboard blog
2.lalu pilih template dan klok edit html
3.cari kode di dalam html kode ini ]]></b:skin>
4.lalu copy kode di bawah ini dan pastekan di atas kode ]]></b:skin>

.commentlistdiv { margin-top: 10px;padding:10px; background: #FFF;border: 1px dotted #ddd;font-size: 0.75em;color: #666;} .commentlistdiv h1 {font-size: 1.3em; color: #366799;border-bottom: 1px solid #eee; line-height: 1.5em;} .commentlist li {background: #fff; border-bottom: 1px dotted #ddd;padding: 20px;} .commentlist li.alt {background: #fff;} .pane_l {float: left;display: inline; width: 160px;min-width: 160px;max-width: 160px; border-right: 1px dotted #ddd;padding-right: 20px;margin-right: 20px;} .pane_r {display: block;line-height: 1.5em;margin-left: 201px;} .c_author {font-size: 0.9em;font-weight: bold;margin: 0px 0px 7px 0px;} .gravatar {padding: 4px;float:right;border:2px solid #ccc;} .c_date {color: #aaa;font-size: 0.9em;margin: 0px 0px 7px 0px;} .c_approved {color: #aaa;font-size: 0.9em;} .comment-form { background:#EFEFEF; border:5px solid #cccccc; margin:0 10px 20px 10px; padding:10px 0 0 15px; } .owner-Body {display: block;line-height: 1.5em;margin-left: 201px;} .owner-Body p { font-size:100%; margin:0 0 .2em 0; color:#FF0000; text-decoration:bold; }

5.cari lagi kode di html kode ini <dl id='comments-block'> ( Code nya dari awal sampai penutupnya </dl>
6.lalu hapus kode tersebut dan ganti dengan kode di bawah ini

<ol class='commentlist'> <b:loop values='data:post.comments' var='comment'> <li> <div class='' expr:id='data:comment.id'> <div class='pane_l'> <p class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'> <a expr:name='&quot;comment-&quot; + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel=''><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <br/> Said </p> </div> <b:if cond='data:comment.author == data:post.author'> <div class='owner-Body'> <div class='gravatar'> <img alt='gravatar' class='avatar' height='55' src='YOUR URL PIC' width='55'/> </div> <p><data:comment.body/></p> <div class='c_date'><data:comment.timestamp/></div> <div class='c_approved'/> <b:include data='comment' name='commentDeleteIcon'/> </div> <b:else/> <div class='pane_r'> <div class='gravatar'> <img alt='gravatar' class='avatar' height='55' src='YOUR URL NOPIC ' width='55'/> </div> <p><data:comment.body/></p> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <div class='c_date'><data:comment.timestamp/></div> <b:include data='comment' name='commentDeleteIcon'/> </b:if> </div> </b:if></div> <div class=' clear'/></li> </b:loop> </ol>

keterangan kode :

- tulisan warna merah YOUR URL PIC isi url gambar / foto anda ukuranya evisienya 55 x 55 px 

- tulisan warna merah YOUR URL NOPIC ganti dengan url gambar untuk foto komentator orang lain / komentator pengunjung , ukuranya evisienya 55 x 55 px 

7.selanjutnya klik pratinjau dulu uuntuk mengecek kodenya eror atau tidak 

8.jika tidak eror silahkan simpan template anda 

9.jika eror silahkan edit dan kembali ikutin panduanya dari awal dengan teliti 

10.selesai..

Sampai disini panduan saya Tentang Cara membuat author gravatar untuk blogger semoga berguna ,