Tạo phần tác giả đăng bài trong bài viết cho blogspot

Tạo phần tác giả đăng bài trong bài viết cho blogspot

Start Tiến IT đã đăng
Hiện có lượt xem và 0 bình luận
Chi tiết Liên quan Nhận xét Tác giả Hướng dẫn
  • Xem toàn trang
  • Chào các bạn, bài viết này mình sẽ hướng dẫn các bạn tạo phần tác giả trong bài viết cho blogspot

    Hướng dẫn cách làm:

    Bước 1: Tìm đến <data:post.body/> tuy nhiên kết quả sẽ cho nhiều hơn 1, vì vậy bạn cần thử từng cái (nên backup template nếu có lỗi thì còn mẫu để cập nhật lại), thường là cái thứ 3. Sau đó bạn dán code sau phía dưới thẻ vừa tìm được
    <div class='gbld-author-bio' itemprop='publisher' itemscope='' itemtype='https://schema.org/Organization'>

    <div class='media'>

    <div class='pull-left author-avatar'>

    <div class='avatar-image img-circle' itemprop='logo' itemscope='' itemtype='https://schema.org/ImageObject'>

    <img alt='' class='avatar avatar-100 photo' height='100' src='https://graph.facebook.com/100010597577095/picture?width=500&amp;height=500' width='100'/>

    <meta content='https://graph.facebook.com/100010597577095/picture?width=500&amp;height=500' itemprop='url'/>

    <meta content='100' itemprop='width'/>

    <meta content='100' itemprop='height'/>

    </div> <!-- .avatar-image -->

    </div> <!-- .author-avatar -->

    <div class='media-body'>

    <header class='author-bio-header media-heading'>

    <h4 class='third-color'><span itemprop='name'>Thanh Bình</span> <small class='first-color'><i>Designer, Developer</i></small></h4>

    </header> <!-- .author-bio-header -->

    <div class='author-description'>
    Muốn giỏi phải học, muốn học thì phải hỏi. Chính vì thế, hãy cùng tham gia thảo luận với nhau để tìm ra câu trả lời nếu có thắc mắc nhé! Xem thêm nhiều bài viết hay <b><a href='https://www.toishare.net/search?max-results=20' style='color:#3b5998'>tại đây</a></b> nhé.
    <br/>
    Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
    <br/>
    </div>

    <footer class='author-bio-footer'>

    <div class='social-media'>

    <a class='external' data-original-title='Facebook' data-placement='top' data-toggle='tooltip' href='https://www.facebook.com/iambinhseu' rel='nofollow' target='_blank' title=''><i class='fa fa-facebook'/></a>

    <a data-original-title='Twitter' data-placement='top' data-toggle='tooltip' href='#' rel='nofollow' style='pointer-events: none;' target='_blank' title=''><i class='fa fa-twitter'/></a>

    <a data-original-title='Instagram' data-placement='top' data-toggle='tooltip' href='#' rel='nofollow' style='pointer-events: none;' target='_blank' title=''><i class='fa fa-instagram'/></a> </div> <!-- .social-media -->

    </footer> <!-- .author-bio-footer -->

    </div> <!-- .media-body -->

    </div> <!-- .media -->

    </div>
    // Tùy chỉnh lại thông tin sao cho phù hợp
    Bước 2: Tìm thẻ ]]></b:skin> và gán đoạn css này lên trên thẻ vừa tìm được
    /* CSS Author Post */
    .gbld-author-bio .author-avatar{padding:60px 0 0;margin-right:-50px}
    .gbld-author-bio .avatar-image{overflow:hidden;background-color:#eee;border-radius:50%;width:100px;height:100px}
    .gbld-author-bio .avatar-image img{width:inherit;height:inherit;margin:0}
    .gbld-author-bio header{margin-top:0;margin-bottom:5px;padding:0;border:0}
    .gbld-author-bio footer{padding:0;border:0}
    .gbld-author-bio footer .social-media{margin:9px 0 7px}
    .gbld-author-bio footer .social-media a{color:#777677;display:inline-block;margin-left:14px}
    .gbld-author-bio footer .social-media a:first-child{margin-left:0}
    .gbld-author-bio h4{font-weight:700!important;text-transform:uppercase;font-size:16px;margin-top:10px;margin-bottom:10px;font-style:italic}
    .gbld-author-bio h4 span{color:#666}
    .gbld-author-bio h4 small{font-size:16px;text-transform:none;display:inline-block;margin-left:10px;color:#13afec;font-weight:400!important}
    .gbld-author-bio .author-description{font-size:14px;border:1px solid #ececec;padding:25px 25px 25px 75px;min-height:135px}
    .gbld-author-bio .author-description a.cta{display:inline-block;padding:2px 6px 0;font-size:12px;color:#fff;outline:0;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,0.2);font-weight:700;background-color:#efcc6d;text-transform:uppercase}
    .gbld-author-bio .media-body,.gbld-author-bio .media-left,.gbld-author-bio .media-right{display:table-cell;vertical-align:top;width:10000px;overflow:hidden;zoom:1}
    @media screen and (max-width: 468px) {
    .gbld-read-more{width:100%}
    }
    @media screen and (max-width: 1024px) {
    .gbld-author-bio{text-align:center}
    .gbld-author-bio .author-avatar{float:none!important;margin:0 0 10px;padding:0}
    .gbld-author-bio .avatar-image{width:100px;margin:0 auto}
    .gbld-author-bio h4>small{display:block;margin:5px 0}
    .gbld-author-bio .author-description{padding:15px 20px;margin-bottom:15px;text-align:justify}
    }
    #Code trên được lấy ý tưởng từ trang blog Oanh Phạm
    Mục Lục Nội Dung

      Minh Tiến IT

      Pass giải nén mặc định: truongblogger
      Chắc bạn cũng đã nhiều lần gặp những link của 123link dạng 123link.co tại những trang web chia sẻ nội dung số. Nhưng bạn không biết cách nào để truy cập vào đúng link gốc của nội dung mà mình muốn truy cập. Bài viết này sẽ giúp bạn làm điều đó.
      Đầu tiên bạn truy cập vào một link 123link. Khi bạn truy cập xong thì nội dung bạn thấy sẽ tựa như hình ở dưới.
      Trang 123link
      Trang 123link
      Đánh dấu check vào vô “I’m not a robot”. Sau đó sẽ có một bảng captcha hiện ra. Bạn trả lời theo câu hỏi của captcha rồi bấm Verify để xác nhận.
      I’m not a robot
      I’m not a robot
      Verify
      Verify
      Sau khi xác nhận captcha thành công thì bấm chọn nút “Click here to continue” để sang bước tiếp theo.
      Click here to continue
      Click here to continue
      Ở trang tiếp theo, bạn sẽ thấy một đồng hồ đếm ngược, thường thì nhiều nhất sẽ là 7 giây. Bạn đợi cho thời gian đếm ngược chạy hết.
      Bạn đợi cho thời gian đếm ngược chạy hết
      Bạn đợi cho thời gian đếm ngược chạy hết
      Khi thời gian đếm ngược chạy hết, bạn sẽ thấy nút Get Link hiện ra. Bạn bấm vào nút đó để truy cập đến đường link đã được rút gọn bởi 123link.
      Get Link
      Get Link
      Bạn cứ yên tâm là link từ 123link sẽ không có ẩn chứa những mối nguy hiểm như virus, các pop-up quảng cáo không lành mạnh và phiền toái khi bạn đang thao tác các bước để tới link đích.
      HIỆN CÓ 0 BÌNH LUẬN