Showing posts with label Komentar. Show all posts
Showing posts with label Komentar. Show all posts
Textual description of firstImageUrl

Mengatasi Duplikat Title Komentar Blogspot

Mengatasi Duplikat Title Blog
Duplikat title atau judul ganda dapat terjadi di bagian judul artikel blog maupun di area komentar blogspot. Artikel ini saya khususkan untuk membahas trik mengatasi judul ganda pada area komentar blogspot. Template bawaan blogger perlu sedikit penambahan fungsi agar konten ganda tidak terjadi. Kamu akan menemukan masalah ini jika sebuah artikel sudah mempunyai komentar dan sudah diindeks sempurna oleh mesin pencari. Sebagai contoh lain duplikat title saat di Google Webmaster yaitu masalah duplikat tag dynamic view.

Masalah duplikat title jika diabaikan tidak begitu terlihat nyata dampaknya, namun lakukan perubahan ini untuk memenuhi kualitas SEO blog kamu. Tehnik SEO ini adalah tehnik SEO On Page dan jika tidak segera diperbaiki maka akan timbul masalah baru pada Google Webmaster Tools serta berpengaruh pada kualitas internal blog itu sendiri.
Dari pengalaman saya google juga akan menambahkan informasi lain terkait sebuah artikel dari area komentar juga. Artikel yang mendapat berbagai komentar dapat menambah kekuatan informasi artikel. Itulah sebabnya pemilik blog sebaiknya selektif dalam mempublikasikan komentar pengunjung. Komentar pengunjung yang tidak berkaitan dengan artikel sebaiknya dihapus.

Lanjut pada pembahasan belajar tentang SEO untuk mengatasi duplikat title komentar, perhatikan alamat berikut : http://namablogkamu/2012/01/memperbaiki-kode-komentar-blogspot.html serta http://namablogkamu/2012/01/memperbaiki-kode-komentar-blogspot.html?showComment=1234567891011#[id komentator]dan[id posting]

Alamat pertama adalah alamat artikel blog kita sedangkan alamat kedua adalah alamat artikel dan sudah terdapat komentar terpublish. Keduanya dapat dibaca oleh mesin pencari dalam satu halaman. Akan tetapi kode dalam komentar blogspot masih menggunakan tag yang sama dengan judul artikel. Itulah sebabnya banyak mesin pencari dapat mengindikasi terjadi duplikat title.
Untuk mengatasi masalah ini dapat dilakukan dengan cara mengganti kode url permalink komentar blogger dengan kode custom.
Berikut caranya :

Cari kode berikut
<a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a>
Ganti dengan kode berikut
<b:if cond='data:post.commentPagingRequired'><a expr:href='data:comment.url' title='comment permalink'><data.comment.timestamp/></a><b:else/><a expr:href='data:blog.url +”#” + data:comment.anchorName’ rel=’nofollow' title='comment permalink'><data:comment.timestamp/></a></b:if>
Cara belajar SEO sederhana ini saya sudah buktikan dari beberapa tahun lalu dan hasilnya cukup untuk memperbaiki kesalahan tag title komentar blogger. Teman-teman bisa mengecek problem duplikat title ini pada website www.spotibo.com
Textual description of firstImageUrl

Membuat Komentar Lightbox

Kotak Komentar

Membuat Komentar Lightbox dengan Jquery ini memang jarang digunakan oleh kebanyakan blogger. Dikarenakan dapat menimbulkan error di Google web Master Tool. Akan tetapi tampilan akan semakin memancing orang untuk berkomentar di blog kita.
Sejuta trik tidak menjamin dengan membuat komentar lightbox di blogger akan menambah trafik atau membuat banyak pengunjung. So semua terserah pada sahabat semua. 
Bagi yang belum tahu apa itu lightbox, bisa berkunjung di Cara membuat Lightbox dengan Jquery. Jika sudah membaca? Sekarang sebagai contoh membuat komentar lightbox ini.
Lightbox

Lihat gambar di atas! Bagaimana sahabat? itulah yang disebut komentar lightbox dengan Jquery. Mau membuatnya?

Baiklah, kita mulai saja pembahasan tentang membuat komentar lightbox ini. Kometar lightbox ini menggunakan jquery sebagai dasar pembuatannya. Silakan lakukan dengan runtut langkah-langkah  berikut :
Langkah 1: Pemasangan CSS
Copy dan Paste kode di bawah ini :


#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;background:#111;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;vertical-align:middle;margin:0;padding:0;}
#superbox{background:#fff;border:5px solid #ca1717;margin:0 auto;padding:10px;}
#superbox-container .loading{text-align:center;width:32px;height:32px;text-indent:-9999px;background:url(http://2.bp.blogspot.com/_yspTDFyFW2Q/TAfGqh8ilkI/AAAAAAAAASQ/H1WknFavBO4/s320/loader.gif) no-repeat 0 0;margin:0 auto;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight+'px':document.body.offsetHeight+'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close a{float:right;line-height:20px;background:#333;cursor:pointer;padding:0 5px;}
#superbox .close a span{color:#fff;}
#superbox .nextprev a{float:left;margin-right:5px;line-height:20px;background:#333;cursor:pointer;color:#fff;padding:0 5px;}
#superbox .nextprev .disabled{background:#ccc;cursor:default;}
.author-comments{color:#0000ff;background:#ffffff;border:2px solid #0000ff;padding:3px;}
.status-msg-wrap,.feed-links,.comment-form{display:none;}
.post a:hover img,#searchform #s:focus{border:1px solid #999;}
#comments-block .comment-author,.profile-datablock{margin:.5em 0;}
:first-child+html #superbox-container,* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
:first-child+html #superbox,* html #superbox{position:relative;top:-50%;display:block;}

Letakkan kode tersebut di atas ]]></b:skin>
Untuk kode aslinya anda bisa melihat sumber di Official Websitenya Superbox : Jquery Superbox
Dalam web tersebut sudah memuat javascript, jquery dan CSS yang digunakan untuk memanipulasi atau menampilkan efek lightbox pada form. Kita fokuskan pada kotak komentar.

Langkah 2: Menampilkan Link Komentar
Yang perlu kita lakukan adalah membuat sebuah link yang berfungsi menampilkan <div>#comment-form (Pemanggilan form kotak komentar) dalam bentuk modal Lightbox. Pertama-tama, carilah kode berikut ini:

<dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl'><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>
        </b:loop>
      </dl>

kemudian tambahkan kode

<a href='#comment-form' rel='superbox[content][400x420]'>TINGGALKAN KOMENTAR</a>

Gunakan ukuran modal box yang sesuai. Pada kode di atas, [400x420] berarti modal box yang ditampilkan berukuran panjang 400px dan lebar 420px. (Kode ini menampilkan ajakan untuk berkomentar). Kalau diblog saya berupa gambar bertuliskan "Klick here to leave comment" Kemudian tambahkan kode tersebut tepat setelah kode:

</b:loop>

Langkah 3: Pemasangan Script Lightbox
Kemudian pasang javascript berikut di bawah </head> atau di atas </body> terserah sahabat mau memasang di mana.

<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/>
<script src='http://viemonsta.googlecode.com/files/dev_mobile_for_blogger.js' type='text/javascript'/>
<script src='http://viemonsta.googlecode.com/files/devbook.js' type='text/javascript'/>
<script src='http://viemonsta.googlecode.com/files/jquery.superbox-min.js' type='text/javascript'/>

Catatan :
a. Jika kalian sudah memasang kode no 1, di hapus saja kode tersebut.
b. Kode JS tersebut sudah terpasang berbagai macam fungsi, seperti JS Back to Top, Mobile Template, dll.
c. Untuk di blog ini, saya hanya mengaktifkan superbox on form. Jadi pergunakan dengan sebaik-baiknya!

Langkah 4 : Menyembunyikan Kotak Komentar (Comment Form)
Jika sudah simpan template sobat. Jika semua berjalan dengan baik dan sudah bisa digunakan, langkah terakhir adalah menyembunyikan kotak komentar. Langkah ini adalah langkah yang paling sulit. Untuk komentar yang sudah dimodifikasi kadang perlu ketelitian. Gunakan dengan cara yang saya berikan di Cara Menyembunyikan Kotak Komentar 2. Lihat hasilnya dan semoga dalam membuat komenta lightbox sukses dan berjalan dengan baik. Jika ada kendala malasah efek lightbox pada komentar blogspot, Silakan tinggalkan pesan!

Happy Blogging! by. Sejuta Trik Blogger

JS Code by : www.Devbook.net
Textual description of firstImageUrl

Menyembunyikan Kotak Komentar 2

Menyembunyikan kotak komentar 2 adalah menyembunyikan form isian yang biasanya ada di bawah kotak posting. Menyembunyikan kotak komentar 2 ini berfungsi untuk mengganti dengan kotak komentar yang lebih menarik.

Menyembunyikan kotak komentar 2 ini adalah kelanjutan dari posting Menyembunyikan kotak komentar pada posting tertentu. Cara ini berbeda fungsi dengan posting saya yang terdahulu. Tujuan dari menyembunyikan kotak komentar ini adalah :
1.  Menyembunyikan kotak isian untuk berkomentar (comment form)
2. Walaupun kotak komentar disembunyikan tetapi masih menampilkan komentar pengunjung.
3.  Merapikan halaman posting dari form komentar itu sendiri. Sebagai contoh blog saya ini.

Untuk lebih jelasnya tentang menyembunyikan kotak komentar 2 ini, lihat gambar di bawah ini
kotak komentar

OK, langsung saja kita praktek.
Cara 1 

Cari kode berikut ini  dan hapus
<p class='comment-footer'>

        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>
   
 </p>

Cara 2 
Kita hanya menambah CSS kedalam blog kita. Seperti yang kita tahu bahwa CSS untuk kotak komentar adalah #comment-form atau .comment form { silakan disesuaikan. 
Cari kode CSS komentar blog dan pastekan kode berikut :

#comment-form {
display:none;
}

atau

.comment-form {
display:none;
}

Jika anda bingung, pastekan saja di atas ]]></b:skin>

Untuk cara no.1 memang kotak komentar sudah tersembunyi, tetapi untuk kelanjutannya, pengunjung tidak akan bisa berkomentar lagi. Saya menyembunyikan kotak komentar ini untuk memasang lightbox pada kotak komentar di blog ini. So, tentukan pilihan sahabat untuk tujuan apa kalian menyembunyikan kotak komentar tersebut!

Image by : Informasibisnis.net
Happy Blogging! by. Sejuta Trik Blogger
Textual description of firstImageUrl

Membuat Komentar Facebook Valid HTML 5

Membuat Komentar Facebook Valid HTML 5 adalah pilihan ke2 setelah menambah komentar discus di blog untuk membuat kotak komentar yang valid HTML 5. Memang kotak komentar facebook memiliki banyak sekali eror. Belum lagi jika komentar pengunjung sudah saking buanyaknya. Justru akan menambah eror yang lebih banyak lagi.

Bagi sahabat yang sampai hari ini belum juga memasang komentar yang valid html 5. Ataupun bagi sahabat yang masih menggunakan template doctype STRICT atau TRANSITIONAL yang masih belum berhasil, Berikut cara yang mungkin dicoba.

DEMO

1. Silakan Menuju ke http://developers.facebook.com/setup/
2. Klik Aplikasi
3. Anda akan dibawa pada gambar di bawah ini (Isikan sesuai selera) Toh tidak terlihat siapa pun.
4. Klik lanjutkan dan Anda akan di bawa ke gambar di bawah ini
 5. Klik Kirim, dan akan menjumpai seperti di bawah ini
6. Simpan hasilnya. Dan menuju ke https://developers.facebook.com/docs/reference/plugins/comments/

7. Jika sudah klik Get Code

8. Kode di atas akan kita tempatkan berbeda tempat.

9. Kode no.1 kita taruh pada EDIT HTML di bawah <body>

10. Jika sudah, Klik simpan. Untuk kode no.2 kita taruh di ADD ELEMENT seperti menambahkan widget. (ukuran kotak komentar secara default adalah 500. Silakan edit sesuai selera.

11. Taruh dimana anda suka, entah dibawah posting, di bagian header atau footer terserah kita.


PENTING!
Kode HTML pada gambar 7 adalah kode untuk HTML 5. Jadi apabila kita menggunakan strict atau transitional silakan klik dulu iframe.

Nah. Itu saja tentang membuat komentar facebook valid html 5. Semoga membantu.

Update !
Untuk teman-teman yang ingin memiliki template valid HTML 5 sekaligus SEO Friendly khusus blogger silakan Download Template SEO Friendly Valid HTML 5

Happy Blogging! by. Sejuta Trik Blogger
Textual description of firstImageUrl

Menyembunyikan Komentar Pada Posting Tertentu

comment form

Menyembunyikan komentar pada posting tertentu merupakan pilihan bagi admin blog. Entah apa maksud dari pemilik blog untuk menyembunyikan kotak komentar pada posting tertentu. Yang jelas itulah pilihannya. Atau malah mau mengubah kotak komentar berada di atas pengunjung? Klik saja untuk melihatnya! Emmm,

Belum lagi jatah pages di blogger hanya 10 halaman. Jelas ini kurang bagi saya jika halaman tersebut akan diposting untuk tidak ada komentarnya.

Untuk masalah komentar, blogger memang jarang sekali mengadakan pembaharuan. Sekali ada perubahan hanya masalah ukuran kotak komentar yang bisa didrag.

Untuk mengatasi masalah menyembunyikan kotak komentar pada posting tertentu, kita tidak usah mengedit HTML blog kita. Cukup pada saat posting seperti biasa. Kita pun sudah bisa menyembunyikan kotak komentar pada salah satu posting.

Nah, untuk cara hiden kotak komentar pada posting tertentu silahkan cermati cara berikut ini :
Posting Baru

1. Posting seperti biasanya
2. Jika sudah klik Post Options
3. Klik opsi seperti gambar di bawah ini

Allow hide comment
4. Klik Publish Post atau Preview
5. Selesai

Posting Lama
Caranya sama dengan Edit atau Publish ulang blog sahabat dengan cara seperti di atas.

Nah seperti itulah cara menyembunyikan komentar pada posting tertentu. Semoga kata-kata pembuka tips trik ini tidak menyurutkan niat sahabat dalam menyembunyikan kotak komentar pada posting tertentu yang sebenarnya sangat simple. he2

Happy Blogging!
by. Sejuta Trik Blogger

Kotak Komentar Berada Di Atas Komentar Pengunjung

Ada Sejuta Trik membuat komentar blogspot yang unik.  Kemarin saya juga posting membuat background avatar pengunjung (Klik untuk membacanya). Trik lain yang membuat komentar blog kita unik salah satunya membuat kotak komentar berada di atas komentar pengunjung. Apa maksud Kotak Komentar Berada di Atas Komentar Pengunjung? Berikut ini penjelasannya. Secara default kotak komentar berada di bawah komentar pengunjung. Sebagai urutannya adalah 

Judul Posting > Komentar Pengunjung > Kotak Komentar 

maka kita ganti dengan urutan

Judul Posting > Kotak Komentar > Komentar Pengunjung

Sebagai contoh lihat posting saya yang sudah ada komentarnya di cara menggunakan fitur facebook timeline.

Dari posting saya tersebut terlihat kotak komentar yang lain dari yang lain yaitu kotak komentarnya berada di atas pengunjung. Lantas bagaimana membuatnya? Caranya cukup mudah kok. Ikuti langkah-langkahnya dengan cermat. he2.

1. Loging Blogger

2. Klik Design

3. Klik Edit HTML

4. Centang    Expand Widget Templates nya.

5. Jangan lupa Download full Template agar bisa di kembalikan jika terjadi kesalahan.

6. Siapkan air putih agar tidak pusing melihat kodenya.

7. Jika sudah semua silakan cari kode yang mirip seperti milik saya berikut ini :

<p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>

8. Jika sudah COPY dan CUT semuanya seperti kode di atas mulai dari <p class='comment-footer'> sampai </b:if>. 
Cara ini dimaksudkan untuk memindah form kotak komentar agar berada di atas komentar pengunjung.

9. Buka NOTE PAD dan PASTE semua kode no 7 tadi.

10. Sekarang penempatan kode yang sudah di pindah ke notepad tadi di pindah ke atas. Caranya:
Cari lagi code yang seperti ini: <dl expr:class='data:post.avatarIndentClass' id='comments-block'> jika tidak ketemu coba yang ini <dl id='comments-block'> atau yang ini <div id='comments-block'>.

11. Pastekan semua kode yang sudah kita pindah di notepad tadi di atas salah satu kode no. 10.

12. Klik untuk menyimpan pekerjaan sobat.

Dengan cara tersebut kita dapat memindah posisi form kotak komentar blogspot akan berada di atas komentar pengunjung seperti Sejuta Trik Blogger blog punya saya ini. Sekian sharing pengalaman saya membuat kotak komentar berada di atas komentar pengunjung. Semoga membantu.

Happy Blogging!
by. Sejuta Trik Blogger

Special Thanks To : Hantu Facebook on Post

Textual description of firstImageUrl

Membuat Recent Comment Hanya Nama

Maksud Membuat Recent Comment Hanya Nama sesuai judul di atas maksudnya adalah menghilangkan tanggal posting, judul posting, dan isi komentar itu sendiri. Jadi dalam membuat recent comment hanya nama ini untuk menampilkan link nama komentator.

Sebagai contoh lihat gambar di bawah ini :


recent comment hanya nama dan url

Nah untuk membuatnya, silakan Login ke Blogger>>Design>>Add HTML. (atau lebih mudahnya kita tambahkan widget seperti biasa) Kemudian pastekan di dalamnya kode di bawah ini :

<script>// ----------------------------------------
// SHOW RECENT COMMENTS
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version: 1.0
// Date:    2006-12-01
// Author:  Hans Oosting
// URL:     beautifulbeta.blogspot.com
// ----------------------------------------

function showrecentcomments(json) {
  for (var i = 0; i < numcomments; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        alturl = entry.link[k].href;
        break;
      }
    }
   alturl = alturl.replace("#", "#comment-");
   var postlink = alturl.split("#");
   postlink = postlink[0];
   var linktext = postlink.split("/");
   linktext = linktext[5];
   linktext = linktext.split(".html");
   linktext = linktext[0];
   var posttitle = linktext.replace(/-/g," ");
   posttitle = posttitle.link(postlink);
   var commentdate = entry.published.$t;
   var cdyear = commentdate.substring(0,4);
   var cdmonth = commentdate.substring(5,7);
   var cdday = commentdate.substring(8,10);
   var monthnames = new Array();
   monthnames[1] = "Jan";
   monthnames[2] = "Feb";
   monthnames[3] = "Mar";
   monthnames[4] = "Apr";
   monthnames[5] = "May";
   monthnames[6] = "Jun";
   monthnames[7] = "Jul";
   monthnames[8] = "Aug";
   monthnames[9] = "Sep";
   monthnames[10] = "Oct";
   monthnames[11] = "Nov";
   monthnames[12] = "Dec";
   var comment = entry.content.$t;
   var re = /<\S[^>]*>/g;
   comment = comment.replace(re, "");
   if (showcommentdate == true) document.write('Tanggal ' + cdday + ' '+ monthnames[parseInt(cdmonth,10)] + ' ' + cdyear + ' ');
   document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> ');
   if (showposttitle == true) document.write(' pada ' + posttitle);
   document.write('<br/>')
  }

}</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = false;var numchars = false;var standardstyling = false;</script> <script src="http://sejutatrik.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :
var numcomments = 5;            Jumlah komentar yang tampil
var showcommentdate = false; Tampilan tanggal komentar (ganti false dengan true untuk menampilkan)
var showposttitle = false;         Tampilan judul komentar(ganti false dengan true untuk menampilkan)
var numchars = false;               Rincian untuk komentar(ganti false dengan angka jumlah karakter komentar)
var standardstyling = false;       Tampilan komentar standar
ganti http://sejutatrik.blogspot.com/ dengan url blog sobat.

Kelebihan dari membuat recent comment hanya nama ini adalah kita tidak menggunakan javascript dari url blog lain. Jadi loading menjadi lebih cepat. Bukankah loading yang cepat salah satu kriteria blog itu SEO Friendly? Semoga menjadi telaah kita bersama. Nah akhir kata selamat mencoba.
Happy Blogging!
by. Sejuta Trik Blogger
Textual description of firstImageUrl

Menambah Background Avatar Pada Komentar Pengunjung

Avatar kotak komentar
Berbicara kotak komentar memang banyak sekali hal-hal yang bisa kita utak-atik. Seperti merubah warna komentar admin berbeda dengan pengunjung, komentar dengan background dll. Nah terinspirasi dari web favorit saya kibagus. Dimana kotak komentarnya lain dari pada yang lain.
 

Pada blog tersebut bahwa setiap komentar apakah itu menggunakan profil blogger, anonymous, atau name dan url, akan muncul gambar avatar pada komentar pengunjung. Sebagai contoh lihat gambar di atas!

Untuk menambah background avatar pada komentar pengunjung ini juga sudah dijelaskan di Infonetmu. Namun tidak ada salahnya kalau kita berbagi pada orang yang belum tahu seperti saya ini. Belum lagi kasus saya mengikuti tutorial tersebut dimana salah satu kode gagal di temukan atau berbeda dengan yang dijelaskan. Baik langsung saja trik menambah background avatar pada komentar pengunjung.

1. Login ke blog kamu!
login
2. Klik Design
design baru
3.  Klik Edit HTML
edit html lama
4. Download Full template untuk backup template kamu
download ful template
5. Jangan lupa : Centang   Expand Widget Templates

6. Cari kode :

]]></b:skin>

7. Copy dan paste kode ini di atasnya :

#comments-block .avatar-image-container img {background: #fff url(http://4.bp.blogspot.com/_pzw_nbUxkVY/TAs4Ib8NlVI/AAAAAAAAAD4/qp2sS0-YfEg/s1600/arrow-right+copye.png) no-repeat left top; width:35px;height:35px}


8. Cari kode di bawah ini :
<dl id='comments-block'>
Jika kode di atas tidak ketemu mungkin kodenya seperti ini : <dl class='comments-block' id='comments-block'>
9. Hapus kode no 8 dan ganti dengan kode :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

10. Cari lagi kode di bawah ini :
<a expr:name='data:comment.anchorName'/>

11. hapus dan Ganti juga kode no 10 dengan
<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>

12. Jika sudah simpan template sobat.

Lihatlah salah satu posting sobat yang ada komentar dengan anonymous atau name dan url. Saya rasa sobat sudah bisa trik menambah background avatar pada komentar pengunjung. Dengan trik ini komentar anonymous atau komentar yang menggunakan name dan url akan terlihat avatarnya.


NB.

URL no.7 bisa sobat ganti dengan url sobat. Sebagai referensi sobat bisa menggunakan icon di bawah ini. Ukuran iconnya kurang lebih 35 x 35

icon comentar
icon comentar
icon comentar