Share Code Giới Thiệu Tác Giả Cho Blog

Cũng đã lâu rồi mình chưa share cho các bạn một vài code blog nên hôm nay mình sẽ share cho các bạn code giới thiệu tác giả đẹp và đơn giản. Đầu tiên mời các bạn xem qua demo ở hình bên dưới.

Demo Code Giới Thiệu Tác Giả Đẹp Và Đơn Giản Cho Blog

Hướng dẫn:

Bước 1: Các bạn đăng nhập vào Blog của các bạn => Bố cục.
Bước 2: Chọn Thêm Tiện ích => HTML/Javascript => Copy đoạn code dưới đây và paste vào ô Nội dung sau đó bấm Lưu.

<h2><span>Tác giả</span></h2>
<div class="about-widget">
    <div class="about-widget-img">
        <img alt="blogger template" src="https://i.imgur.com/lOIwIA1.png" width="120" height="120" />
    </div>
    <h4>Trương Văn Tuấn</h4>
    <p>
Tôi là blogger nghiệp dư có sở thích viết blog, tự tìm tòi học hỏi và chia sẻ đến mọi người <i class="fa fa-smile-o"></i>
</p>
    <div class="about-widget-social">
        <a href="https://www.facebook.com/" target="_blank">
            <i class="fa fa-facebook"></i>
            <span>Facebook</span>
        </a>
        <a href="https://twitter.com/" target="_blank">
            <i class="fa fa-twitter"></i>
            <span>Twitter</span>
        </a>
        <a href="https://instagram.com/" target="_blank">
            <i class="fa fa-instagram"></i>
            <span>Instagram</span>
        </a>
        <a href="https://plus.google.com/" target="_blank">
            <i class="fa fa-google-plus"></i>
            <span>Google Plus</span>
        </a>
        <a href="https://youtube.com/" target="_blank">
            <i class="fa fa-youtube-play"></i>
            <span>Youtube</span>
        </a>
    </div>
</div>

Nguồn: VanTuanIT.Com