Bước 1: Đăng nhập vào Blog
Bước 2: Chọn Chủ đề > Chỉnh sửa HTML
Bước 3: Mở hộp tìm kiếm, tìm đến thẻ ]]></b:skin>
Bước 4: Thêm đoạn code dưới đây vào phía trên nó:
.i-author {overflow: hidden;padding: .7em;background: #ECF7FF;}.i-author img {float: left;height: 5.5em;padding: 2px;margin: 0px 5px 2.5em 0px;width: 5.5em;border: 1px solid rgb(0, 4, 91) !important;border-radius: 50%;}.i-author h4 {color: #000000;font-size: 1.5em;margin: 0px;padding: 0px 0px .5em 0px;}.i-author p {color: #434343;font-size: 1em;line-height: 1.7em;margin: 0;}.i-social{font-size:1.3em;margin-top: 5px;}
Trong đó #ECF7FF là màu nền của widget, thay màu cho phù hợp với web bạn.
Có thể sẽ tìm thấy đến 2 đoạn code trên, bạn hãy làm bước tiếp theo với từng cái nhé.
– Thêm đoạn code này phía trên nó:
<div class=’i-author’>
<img alt=” src=’Ảnh đại diện‘/><h4>Khánh Linh</h4>
<p>Viết nội dung về bạn</p>
<div class=’i-social’>Theo dõi tôi: <a href=’https://twitter.com/your‘ rel=’nofollow’ target=’_blank’><font color=’#00aced’>Twitter</font></a> | <a href=’https://www.facebook.com/your‘ rel=’nofollow’ target=’_blank’><font color=’#3b5998′>Facebook</font></a> | <a href=’https://plus.google.com/ID của bạn‘ rel=’nofollow’><font color=’#dd4b39′>Google Plus</font>0
</a></div>
</div>
Thay tương ứng các thông tin của bạn vào từng vị trí màu xanh nhé.
Sau khi hoàn thành xong thì bạn hãy lưu template lại và tận hưởng widget tác giả bài viết cho Blogspot của bạn đi nào.Nhớ là nên thay đổi thông số cho phù hợp với template của bạn nhé.
