Labels

[Blogger] Thêm hộp giới thiệu tác giả cuối mỗi bài post blogspot


Cuối mỗi bài post của blogspot ta hay thấy có 1 vùng mà blogger tự giới thiệu về  bản thân mình hay tâm sự những gì họ muốn giãi bày, điều này cũng góp phần trang trí thêm tính thẩm mỹ cho blog

Đại đa số template đều đã thiết kế hộp hiện thông tin này và blogger chỉ cần chỉnh sửa thông tin mà họ muốn hiển thị, tuy nhiên cũng có một số mẫu không có điều đó ví dụ như mẫu mình đang dùng. Và bài viết này sẽ giúp các bạn thực hiện điều đó


  • Bạn đăng nhập vào blogger
  • Chọn mẫu và chỉnh sửa html
  • Dán đoạn này trước thẻ  ]]></b:skin>

.i-author {overflow: hidden;padding: .7em;}
.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;}

Tiếp theo dán đoạn này vào vị trí mà bạn muốn hộp thông tin của mình hiện ra, thường thì nó sẽ nằm trên phần Related post và dưới các nút chia sẻ bài viết


<div class="i-author">  
<h4>About Hưng Hoàng Văn</h4>  
<img alt="" src="#">  
<p>  
Nội dung giới thiệu  
</p>  
</div>

Trong đó
  • bạn có thể chỉnh sửa thẻ <h4> thành tên bạn
  • Nội dung giới thiệu trong cặp thẻ <p>
  • src='#' bạn thay dấu # bằng link ảnh đại diện của mình
Chúc thành công !
Bạn được tự do bày tỏ quan điểm nhưng nghiêm cấm spam
  • Chèn ảnh theo mẫu [img]link[/img]
  • Chèn video Youtube theo mẫu [youtube]link[/youtube]
  • Chèn code theo mẫu [pre]code[/pre]. Lưu ý: mã hóa code trước khi bình luận

  • 1