Mengembalikan Dan Mengaktifkan Komentar Avatar Blogger Pada Custom Template

Secara default gotong royong komentar avatar pada blogger sudah dapat rekan aktifkan eksklusif tanpa merubah apapun pada tempate yang belum dimodifkasi. Tapi ini akan bermasalah bila template yang dipakai ketika ini sudah memakai custom template. Nah agar komentar avatar ini dapat tampil kembali caranya sangat mudah, ikuti saja tutorial dibawah ini:

Mengaktifkan Komentar Avatar Blogger Pada Custom Template 

Pertama cari arahan dibawah ini.

<dl id='comments-block'>

Kemudian ganti arahan diatas dengan arahan dibawah ini.

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

Setelah mengganti arahan diatas, lalu cari baris arahan dibawah ini.

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

Kemudian letakan arahan dibawah ini sehabis arahan diatas.

<b:if cond='data:blog.enabledCommentProfileImages'>
        <data:comment.authorAvatarImage/>
 </b:if>

Untuk mengaktifkan atau menonaktifkan gambar profil dalam komentar, buka halaman Pengaturan - Komentar. Lalu beri tanda check "Ya" pada "Tampilkan gambar profil dalam komentar?"

Mengembalikan Komentar Avatar  kalau memakai avatar dari MyBloglog

Sebelumnya aku pernah menulis tutorial memasang komentar avatar memakai mybloglog, nah bila rekan hanya ingin memakai avatar standar blogger, rekan dapat dengan gampang mengembalikannya. ikuti tutorial dibawah ini.

Untuk memudahkan rekan menghapus kodenya, pertama coba cari dulu arahan dibawah ini

<b:loop values='data:post.comments' var='comment'>

Kemudian lihat baris arahan dibawahnya menyerupai ini

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

Kalo sudah ketemu, tinggal hapus aja semua arahan diatas, lalu ikuti kembali cara mengaktifkan komentar avatar menyerupai yang tertulis diatas.

Cara Menampilkan Blank Avatar / Default Komentar Avatar

Satu hal yang tidak aku suka dari komentar avatar blogger alasannya tidak bisa menampilkan avatar selain avatar blogger itu sendiri. Yang lebih kurang menyenangkan, komentar avatar hanya bisa menampilkan poto profile kalau status kita hanya dalam keadaan login . Makara jangan berharap avatar akan tampil kalau kita hanya memasukan alamat URL saja, tentu ini akan mengurangi dari segi kerapian tampilan, alasannya akan terlihat space kosong tanpa dihiasi avatar sama sekali.

 

Nah biar space avatar tidak kosong, kita coba menambahkan avatar gres berupa gambar default pada blank avatar, ikuti caranya dibawah ini

 

Letakan arahan CSS dibawah ini diatas arahan ]]></b:skin>

/* Avatar */
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheqNK8nlDrX-baC2y7gWubsmanC0tBGkgjkHEspodljVox0T0lFnw67ag_HfOhyAbRq84rb8pesZbRG0csjSR8yTr0xNMiBlZdLYfYgOw6VpPm1gZLcXIrZZGC2gHGBF285012s0hBW44v/s320/AvatarBlogger.png);
width:35px;
height:35px;
}

 

Cari arahan dibawah ini.

 

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

 

Kemudian ganti arahan diatas dengan arahan dibawah ini.

 

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>

</b:if>

Selamat mencoba, semoga hingga tujuan :D

Memasang Total Comment Pada Title Post

Pasti rekan sudah melihat ada yang menarik dari tampilan title post pada blog ini, disitu terlihat gambar icon kecil plus total komentar yang terletak berbarengan di sebelahnya. Untuk dapat mempunyai tampilan ibarat itu caranya sangat gampang sekali. ikuti saja tutorialnya dibawah:


Pertama buka halaman "EDIT HTML", lalu beri tanda centang pada "Expand Template Widget". cari instruksi ibarat dibawah

<a expr:href='data:post.url'><data:post.title/></a>

kalo sudah ketemu, tinggal Copy-paste aja semua instruksi dibawah ini dan letakan saja dibawah instruksi diatas.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3O6oI4rbA44oCtXPa4gl12lfJsXJCX0L3J4ERgKu3zfAtTkFNZtRVK_UWglC_3VNxTSUOBxulECbhYftwcP0twxLWGLCopkoNKBklkoszpbWUfgj_ULN2jNM-HSuqvBS_nlF0n4wyTYX_/s400/icon_comments.png'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>

Semoga berhasil :)

Menampilkan Next Comments Blogger Untuk Komentar Diatas 200

Kita yang memakai Blogger Custom Template biasanya tidak terlalu memperhatikan problem Next Comment ini, problem ini biasanya gres tertangkap lembap sehabis jumlah komentar diblog kita sudah melebihi angka 200. Saya dulu sempat kaget juga melihat jumlah komentar blog aku yang seharusnya menampilkan lebih dari 500 komentar dan ternyata dari blogger sendiri hanya membatasi pada 200 komentar saja per artikel, selebihnya blogger meminta pengguna untuk melihat halaman lanjutan yang ditampilkan bedasarkan jumlah komentar dan link ke halaman  komentar yang lebih baru. Anda dapat melihat misalnya pada gambar dibawah ini.

 

 

Tidak adanya akomodasi Next Comment ini pada Custom Template usang juga bukan kesalahan dari pembuat template terdahulu, aku dapat menyampaikan ini alasannya yakni blogger sendiri yang beberapa waktu kemudian gres memperbaharui akomodasi ini, balasannya tempate-template yang usang malah tidak support untuk menampilkan akomodasi ini. Tapi jangan kawatir, untuk menambah akomodasi Next Comment ini gak begitu sulit kok, ikutin saja tutorialnya di bawah ini:

 

Pertama cari arahan dibawah ini, oh iya jangan lupa memberi centang pada Expand Template Widget.

 

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

 

Kalau sudah ketemu Copas aja semua arahan dibawah ini, kemudian letakan sempurna dibawah arahan diatas.

 

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

 

Dengan cara yang sama, Copas kembali semua arahan diatas, kemudian cari kembali arahan dibawah ini dan letakan arahan yang gres saja kita copas tadi sempurna diatas arahan dibawah ini.

 

<p class='comment-footer'>

 

Silahkan disimpan, oh iya sayangnya kita tidak dapat melihat hasilnya kecuali komentar di blog kita ada yang sudah mencapai angka lebih dari 200 :(

 

Yups! Tutorial diatas bahwasanya sudah Finish, tapi jikalau ingin menampilkan tampilan yang berbeda memakai Custom CSS pada Blogger Next Comment, kita dapat memakai coding CSS dibawah ini:

 

.paging-control-container
{
float: right;
margin-top: 0pt;
margin-right: 6px;
margin-bottom: 0pt;
margin-left: 0pt;
font-size: 11px;
font-weight:bold;
} 

 

Seperti biasa, untuk memasang Code CSS diatas tinggal masukannya saja pada gugusan Code CSS yang ada pada halaman Edit HTML, kemudian simpan dan lihat hasilnya. Silahkan dicoba aja ya :)