Menambahkan foto avatar di samping kiri judul blog

Foto avatar atau bisa disebut dengan foto profil biasanya dipakai di sosial media seperti twitter, facebook, instagram, google+, dan lain-lain. Biar menarik tentunya blog atau website anda juga tidak mau kalah memakai foto avatar. Sehingga dapat menambah menarik perhatian para pengunjung blog anda. Seperti contoh foto avatar di blog saya terletak di sebelah kiri judul Blog.


Cara menambahkannya cukup sederhana : :37::37:

  1. 1. Siapkan dulu foto avatar yang ingin anda gunakan, gunakan ukuran panjang lebar 1:1 misalnya saja 100px : 100px, kemudian upload dan copy linknya.
  1. 2. Selanjutnya cari kode ]]></b:skin> lalu copy Script berikut tepat di atas kode ]]></b:skin>

.post-gravatar {
        float: left;
        margin-right: 10px;
}

  1. 3. Cari kode <b:includable id='post' var='post'> lalu copy kode berikut tepat di bawahnya
<div class='post-gravatar'>
<img alt='gravatar' class='avatar' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq77lGNmaxMZ4aun9cezAB4dbPH7SDUy1XOROW3Clze2rjFT0_3lsYqmNK7lC0lW4mDJg2ZK93nA_CTl12BZHh99_I3uE4x0QVPmF5ykSEIBrK3-C38XsD0b0pBTNwetqaDpMQ_7z28i-z/s1600/hjuk.jpg' width='50'/>
    </div>

    note: silahkan ganti link warna merah dengan link avatar yang sudah anda upload


    1. 4. Save dan lihat hasilnya.

    Terimakasih...selamat mencoba :14::14::14:

    Related Posts:

    0 comments:

    Warning!
    - Tinggalkan jejak anda di kolom komentar.