Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
Không có kết quả
Tất cả kết quả
Trang chủ Blogspot

Hướng dẫn thêm widget tác giả bài viết cho Blogspot

Trần Bá Đạt bởi Trần Bá Đạt
14/12/2017
trong Blogspot, Thủ thuật Blogspot
0
CHIA SẺ
501
LƯỢT XEM
Chia sẻTweetPinChia sẻ

Bạn vào rất nhiều blogspot thường thấy cuối mỗi bài viết có 1 widget về tác giả bài viết đó, ví dụ như của mình. Widget tác giả bài viết này nhằm cung cấp thông tin cho người dùng về tác giả của bài viết, bạn có thể tùy viết gì trong đó miễn bạn thấy hợp lý và gây ấn tượng cho người xem.

Hướng dẫn thêm widget tác giả bài viết vào Blogspot

Việc thêm widget tác giả bài viết là một thủ thuật blogspot để giúp việc kết nối của bạn với mọi người dễ dàng hơn, và tạo thương hiệu cho blog của bạn. Việc có thông tin tác giả sẽ gây hứng thú hơn cho người xem, họ sẽ trao đổi nhiều với bạn hơn, và điều này giúp xây dựng lòng tin và uy tín cho các bài viết của bạn.

Một số tính năng của Widget tác giả bài viết này:

  1. Đơn giản nhưng chuyên nghiệp
  2. Responsive
  3. Không ảnh hưởng tới tốc độ load trang vì chỉ có một hình ảnh
  4. Dễ dàng tùy chỉnh code

Ngay bây giờ mình sẽ hướng dẫn các bạn thêm nó vào cuối mỗi bài viết, còn việc tùy chỉnh nội dung thế nào là của các bạn nha, cả việc tùy chỉnh cho đẹp mắt nữa ^_^

Hướng dẫn thêm widget tác giả bài viết vào Blogspot

– Truy cập trang quản trị Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)

Hướng dẫn thêm widget tác giả bài viết vào Blogspot

– Click vào vùng code và bấm Ctrl + F để mở hộp tìm kiếm, tìm đến thẻ ]]></b:skin>

– Thêm đoạn code CSS dưới đây vào phía trên nó:

NÊNĐỌC THÊM

Người chơi không nạp làm thế nào mạnh hơn người chơi nạp?

Kinh nghiệm sử dụng kim cương hợp lý trong Pocket Ninja

Những tính năng cơ bản của game Pocket Ninja

.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.

– Tiếp tục tìm đến đoạn code này:

<div class=’post-footer-line post-footer-line-1′>

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é.

  • Xem thêm: Cách tạo widget bình luận mới nhất cho Blogspot

– Thêm đoạn code này phía trên nó:

<div class=’i-author’>
<img alt=” src=’https://lh3.ggpht.com/-X5ZRXwG0-NI/VeQJ13UYxjI/AAAAAAAACGY/q3PjwoXBvOQ/s320/CTPG%2Btron.png‘/><h4>Trần Bá Đạt (_CTPG_)</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/_CTPG_‘ rel=’nofollow’ target=’_blank’><font color=’#00aced’>Twitter</font></a> | <a href=’https://www.facebook.com/tranba.dat.1‘ rel=’nofollow’ target=’_blank’><font color=’#3b5998′>Facebook</font></a> | <a href=’https://plus.google.com/+TranBaDat‘ 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é.

Hướng dẫn thêm widget tác giả bài viết vào Blogspot

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 laugh  Nhớ là nên thay đổi thông số cho phù hợp với template của bạn nhé smile

Copy vui lòng ghi nguồn bài viết được viết bởi: https://www.tranbadat.com/
Chia sẻTweetPinChia sẻ

Nhận thông báo khi bài viết này được cập nhật. Đăng ký ngay!

Hủy đăng ký
CÓ THỂ BẠN THÍCH
Trần Bá Đạt

Trần Bá Đạt

Là một người yêu thích công nghệ thông tin và hiện đang là một SEOer, một Marketer. Trong đó tranbadat.com là một trong những dự án của mình nhằm cung cấp nhiều kiến thức hơn cho mọi người về Internet, SEO, Blogspot, Wordpress và Windows

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận 2

  1. Đặng Minh Quy says:
    7 năm trước

    bác bài e làm thumbnai như bác đc k

    Trả lời
  2. Yato Thành says:
    7 năm trước

    (h)

    Trả lời

ĐƯỢC YÊU THÍCH

  • Cách gỡ bỏ Microsoft Office tận gốc

    Cách gỡ bỏ Microsoft Office hoàn toàn khỏi máy tính khi bị lỗi

    13 chia sẻ
    Chia sẻ 11 Tweet 0
  • Tổng hợp 1069 icon Facebook – biểu tượng cảm xúc FB 2020

    104 chia sẻ
    Chia sẻ 103 Tweet 0
  • Hướng dẫn nhận key Office 2016 bản quyền, active Office 2016 mới nhất (Updated 2020)

    75 chia sẻ
    Chia sẻ 74 Tweet 0
  • Cách khôi phục tin nhắn Messenger Facebook đã xóa 2018

    2 chia sẻ
    Chia sẻ 1 Tweet 0
  • Cách tạo chữ ký trong Outlook 2010/2013/2016

    0 chia sẻ
    Chia sẻ 0 Tweet 0

VPS NÊN DÙNG

Trần Bá Đạt Blog
Trần Bá Đạt Blog hình thành với mục đích chia sẻ, hướng dẫn và đồng hành cùng bạn tiếp cận và giải quyết các vấn đề về Internet, Windows, Wordpress và SEO.

Email: [email protected]
Fanpage: Trần Bá Đạt Blog

DMCA.com Protection Status

EXTERNAL LINKS

  • Chữ ký số Viettel CA
  • Hóa đơn điện tử viettel
  • bàn trang điểm đẹp
  • Technology Knowledge

TAGS THÔNG DỤNG

  • Tìm hiểu Gmail
  • Tìm hiểu theme Newspaper
  • Kiến thức Wordpress

INTERNAL LINKS

  • Biểu tượng Facebook
  • Key Win 10
  • Key Office 2016
  • Cách vào Facebook
  • SEO Blogspot
  • Thủ thuật Blogspot
  • Lập Gmail
  • Ứng dụng học tiếng Anh
  • Key Office 2019
  • Liên hệ
  • Sitemap

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.

Không có kết quả
Tất cả kết quả
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.