Home » » Menampilkan Photo di Kotak Komentar

Menampilkan Photo di Kotak Komentar

Untuk menampilkan photo di kotak komentar seperti yang anda lihat pada screenshoot disamping blog saya ini dan untuk membuatnya silakan ikuti langkah-langkah berikut:

1. seperti biasa Login ke blogger anda
2. pada halaman Dashboard-->Layout--Edit HTML jgn lupa centang kotak 'Expand Widget Templates"
3.Silakan temukan kode dibawah ini tanpa kode yang berwarna merah dan setelah ketemu silakan tambahkan kode yang berwarna merahnya



<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<div class='commentphoto' style='float:right;'/>
<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>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl>


untuk mempermudah menemukan kode nya silakan ketik Ctrl + F di browser anda

4.Selanjutnya cari kode </head> dan silakan copy paste kode berikut diatas kode </head>

<script src='http://www.geocities.com/miz_doc86/comment_photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.imageWidth = 30;
BloggerProfiles.imageHeight = 30;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>


Angka 30 merupakan ukuran fhoto seperti ukuran pada blog saya, silakan ganti ukurannya sesuai keinginan anda

5. Langkah terakhir Save Template,,




Ingin tahu lebih cepat Tentang Artikel atau Info Terbaru yang di Publikasikan Oleh echa bintang timur ? Daftarkan e-mail anda di sini dengan secara otomatis anda dapat kiriman artikel terbaru dari echa bintang timur , Silahkan daftarkan email anda di sini ( Free )

Masukan email anda disini




Artikel Menarik Lainnya


2 komentar:

Ir. hydir mengatakan...

boleh di cuba nanti ni :)

Rinto mengatakan...

nice post Sob...kapan2 bisa di coba nih...klo kerjaan mulai berkurang

Komentar anda tentang Artikel ini

Blog ini menggunakan Sistem DoFollow, jadi manfaatkan kesempatan ini untuk menempatkan link blog atau website anda agar di follow oleh bot mesin pencari. Sempatkanlah sedikit waktu untuk mengomentari Postingan Blogku, karna setiap kata yang anda berikan , sangatlah berharga untuk ku! Terima Kasih !!
Untuk yang tidak memiliki Account, silahkan pilih Beri komentar sebagai: Anomymous atau Name/URL

 

random post

My Link Banner

Pasang Iklan