Tạo Khung Thông Tin Tác Giả Cho Blogspot

Tạo Khung Thông Tin Tác Giả Cho Blogspot

Hello bé Lê Văn Đạt, á nhầm xin chào mọi người. Hôm nay, Thanh Phú IT hướng dẫn các bạn tạo khung thông tin tác cho blogspot đơn giản và chất. Và cuối cùng chúc mọi người năm mới an khang thịnh vượng, vạn sự như ý, tiền vô xồng xốc - tiền ra từ từ và tràn đầy hạnh phúc.

CÁCH THỰC HIỆN

Bước 1: Chèn đoạn code này vào dưới ]]></b:skin>
.autor-avatar img:hover {
    border-radius: 5px!important;
}
.author-box{
float: left;
border: 1px solid #ddd;
background: linear-gradient(260deg, #3492b5, #0ecf8a);
border-radius: 3px;
padding: 15px;
margin: 15px 0 10px;
}
.autor-avatar{float:left;width:130px}
.autor-avatar img{        transition: .4s;
height: auto;
width: 95px;border: 3px solid #fff;border-radius:100px}
.author-box .name{color: white;font-size:20px}
.author-box a{    text-transform: uppercase;
font: 700 21px Roboto Condensed;color:#424242;}
.author-box p.desc{color: white;margin:8px 0}
body {
background: #f8f8f8 url() repeat scroll top left;
font-family: 'Roboto', sans-serif;
color: #777;
font-size: 14px;
font-weight: 400;
word-wrap: break-word;
margin: 0;
padding: 0
}
Bước 2: Chèn đoạn code này vào dưới chỗ bạn muốn chèn.
<div class="author-box">
<div class="autor-avatar">
<img alt="" class="avatar avatar-130 photo" height="130" src=" https://1.bp.blogspot.com/-vr0tnuoHhOk/XAfDObgKX0I/AAAAAAAAA-A/SEwwUP8IDZMEEC58w36fE_HtsIYNCqa9ACK4BGAYYCw/s220/43626275_1359235400885750_8159768770919792640_n.jpg" width="130">
</div>
<div class="right">
<div class="name">Tác giả: <a href="#">Thanh Phú IT</a>
</div>
<p class="desc">Tôi lang thang trên đường đời, bỏ qua những thứ quan trọng nhất. Để rồi khi ngoảnh lại, chỉ còn Tôi - Các Bạn và Blog!</p>
</div>
</div>

TÙY CHỈNH

Thay đổi ảnh thì bạn thì bạn chỉ cần thay đổi link này https://1.bp.blogspot.com/-vr0tnuoHhOk/XAfDObgKX0I/AAAAAAAAA-A/SEwwUP8IDZMEEC58w36fE_HtsIYNCqa9ACK4BGAYYCw/s220/43626275_1359235400885750_8159768770919792640_n.jpg
Thay tên Thanh Phú IT thành tên bạn.
Chúc bạn thành công.
Tác giả: Thanh Phú IT

Tôi lang thang trên đường đời, bỏ qua những thứ quan trọng nhất. Để rồi khi ngoảnh lại, chỉ còn Tôi - Các Bạn và Blog!

67 nhận xét:


Cùng tham gia bình luận bài viết này nhé!

  1. cmt đầu nhé !! bài viết hữu ít

    Trả lờiXóa
  2. Chúc Mừng Năm Mới 2019 nhé :D Năm Mới Vui Vẻ Nha Hơi Muộn Tí

    Trả lờiXóa
  3. Thiếu thẻ đóng a ơi

    from hoangminhit.net

    Trả lờiXóa
  4. Hay nào giờ lo tìm cái gradient cho khung author mà giờ có Phú dz share rồi :V

    Trả lờiXóa
  5. Đơn giản mà đẹp đó e :) thêm chút thông tin số lượng bài viết + bình luận nữa thì ok luôn :D

    Trả lờiXóa
  6. ông ơi,cho tôi xin 1 slot đặt lk blog với,tôi đã đặt trước cho ông rồi nhé
    Link blog : https://trickertranha2003.blogspot.com/
    Hóng ông rep+đặt lại nhé <3

    Trả lờiXóa
  7. Chào bé Thanh Phú, dạo này em còn làm ở đó hông ta

    Trả lờiXóa
  8. Đẹp đó e :D, nhưng blog e hơi lag đấy :s

    Trả lờiXóa
    Trả lời
    1. đúng rồi :)) có hiệu ứng nên hơi lag thôi đành chịu đến khi nào qua tết thôi

      Xóa
  9. ông ơi,blog tôi ms thay lk đổi lại giùm tôi nhé
    https://hadenroi.blogspot.com/

    Trả lờiXóa
  10. :v sắp nghỉ tết là nghỉ blog ăn tết :v

    Trả lờiXóa
  11. hello,blog t hiện tại đang có event tri ân độc giả 100.00 view,mong ông ghé nha

    Trả lờiXóa
  12. Thông báo: Trần Hà IT blog đã chuyển về tên miền là hadenroi.tk
    Các liên kết vẫn có thể truy cập qua trickertranha2003.blogspot.com hoặc hadenroi.blogspot.com nhé.Tất cả sẽ đều trở về hadenroi.tk
    Trân trọng !!

    Trả lờiXóa
  13. dạo này bơ blog, giờ làm lại r đặt liên kết lại tôi với
    https://huybloggers.blogspot.com/
    Huy Blogger

    Trả lờiXóa
  14. Nhân dịp năm mới, tôi xin gửi đến các bạn một lời chào mong một ngày may mắn. Một lới nhắn nhủ mong bạn thành công. Một lời chúc mong bạn ấm lòng. Một nụ cười để vượt qua tất cả. Một ý chí để đập tan vất vả, lo âu. Một năm mới tràn đầy niềm vui và hạnh phúc.

    Trả lờiXóa
  15. Happy New Year 2019, Chúc Blog Cũng Ngày Càng Phát Triển!!!

    Trả lờiXóa
  16. Chúng ta đều bận đi chơi tết :vvvv

    Trả lờiXóa