Cara Mengganti Avatar pada Komentar Blogger
2 minute read
Avatar Blogger merupakan salah satu hal yang menjadi ciri khas dari seorang bloger. Sehingga tidak jarang ada membuat avatar mereka menjadi semenarik mungkin, baik itu dari foto dia sendiri, logo, atau bahkan gambar yang menjadi kesukaannya.
Namun, ada juga pengguna anonim blog yang hanya sekedar mampir di blog dan ikut berkomunikasi dengan bloger lainnya. Sehingga mereka yang bukan bloger akan mendapatkan avatar default dari blogger.
Untuk memperbaiki tampilan di blog kita, tampilan avatar pada komentar blogger dari pengguna anonim terkadang sangat mengganggu. Untuk itu, di sini saya akan membagikan cara untuk mengganti tampilan avatar blogger agar sesuai apa yang diinginkan.
Hanya Mengganti Avatar Pengguna Anonim
Berikut cara ntuk mengganti avatar pengguna anomin saja.
Pertama
Masuk ke beranda blog.
Kedua
Pilih menu tema, kemudian pilih edit HTML.
Ketiga
Cari kode </body>, kemudian letakkan kode berikut tepat di atas </body>.
<script type="text/javascript">
(function() {
var avatars = document.getElementsByClassName("avatar-image-container");
for (i=0; i < avatars.length; i++) {
var image = avatars[i].firstChild;
if (image.src === 'https://img1.blogblog.com/img/blank.gif' || image.src === 'http://img1.blogblog.com/img/blank.gif') {
image.src = 'GANTI DENGAN URL GAMBAR KALIAN';
image.style.height='36px';
image.style.width='36px';
}
}
})();
</script>
Mengganti Seluruh Avatar Pengguna
Berikut cara ntuk mengganti seluruh avatar pengguna, baik yang anomin maupun bloger.
Pertama
Masuk ke beranda blog.
Kedua
Pilih menu tema, kemudian pilih edit HTML.
Ketiga
Cari kode .avatar-image-container img{ bla.. bla.. bla..;}, kemudian ganti seluruh kode tersebut dengan kode berikut.
.avatar-image-container img {content: url(GANTI DENGAN URL GAMBAR KALIAN);width: 36px;height: 36px;}
Sekarang kalian hanya tinggal melihat tampilan di blog kalian. Semoga bermanfaat.
5 comments