Breaking News

Hướng dẫn tạo tích xanh cho tài khoản quản trị trong bài viết blogger

Hướng dẫn tạo tích xanh cho tài khoản quản trị trong bài viết blogger
Hướng dẫn tạo tích xanh cho tài khoản quản trị trong bài viết blogger
Ở bài trước mình đã hướng dẫn các bạn tạo author box cho blogger xong với mẫu này bạn chưa hoàn toàn ưng ý thì hôm nay tôi xin hướng dẫn các bạn một mẫu khác với mẫu này đầu tiên tôi xin nói là nó mang hơi hướng của facebook với dấu tích xanh đẹp mắt của các trang fanpage facebook mà không phải ai cũng có đó là dấu xác nhận page của bạn là duy nhất và chính chủ.
Với mẫu Author box  tích xanh tài khoản quản trị trong bài viết blogger bạn sẽ có một khung  hiển thị thông tin tác giả bên trên cùng của bài viết giới thiệu về tác giả bài viết đó giúp người đọc biết được người viết bài đó là ai và có thể đảm bảo bạn là người tạo ra tác phẩm đó.
Để tạo được mẫu này các bạn làm theo các bước sau:
Bước 1: Truy cập trang mẫu blog Mẫu - Chỉnh sửa html
Bước 2: Đoạn code quy định style chung cho cả hai cách hiển thị bạn chèn nó vào trước thẻ </head>
/* Author Box Style */ .author-box{overflow:hidden;background-color:#fff;font-size:16px;padding:20px} .author-box .avatar{margin-right:20px;float:left} .author-box-title{font-size:18px;margin-bottom:4px;text-transform:uppercase} .author-box p:last-child{margin-bottom:0}.author-social{margin-top:10px} .author-social a{opacity:0.7;margin-left:2px}.author-social a:hover{opacity:1} .author-social a img{width:25px}
Bước 2: Tìm đến đoạn <b:includable id='post' var='post'>. Chèn đoạn code sau vào trước thẻ <data:post.body/>
<div class="author-box"><b:if cond='data:top.showAuthor'><img alt='Author' class='avatar' src='https://lh3.googleusercontent.com/-vTDXPnE1Hp4/AAAAAAAAAAI/AAAAAAAAAAA/AGNl-OpMuryTvJZ9WnigQWEkfQ1Ev2Oosg/s96-c-mo/photo.jpg' height='110' width='110'/><h4 class='author-box-title'><a expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='author profile'> <span class='fn'><data:post.author/></span></a></h4></b:if> <div class='author-box-content' itemprop='description'>Bạn đang xem &quot;<strong><i><data:post.title/></i></strong>&quot; tại <b><data:blog.title/></b>. Đừng quên <script type='text/javascript'> //<![CDATA[ var siteurl = window.location.href; document.write('<b><a href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="Share to Facebook">Chia sẻ ngay</a></b>'); //]]></script>để ủng hộ <b><data:blog.title/></b> nếu bài viết có ích! Like <b><a href='https://www.facebook.com/bchiasedotcom' target='_blank'>Bchiase.com</a></b> trên Facebook để ủng hộ mình nhé.<data:post.authorAboutMe/> </div><div class='author-social'><a href='http://b-chiase.blogspot.com/' title='Website'><img alt='' src='http://lh5.ggpht.com/-h7x5nyXxGEY/VuwTnJKQ0BI/AAAAAAAAD30/6CrdOQNhVYkeWwslbaU_XTxzm8Gq58qcA/s1600/OpV3QbH.png'/></a><a href='#' title='Twitter'><img alt='' src='http://lh5.ggpht.com/-OwfrBmgwFnk/VuwToHuSYPI/AAAAAAAAD4E/WzU9ucxwcWgxFO-gQP0eY9M3AvQO8o-HQ/s1600/mRqmS46.png'/></a><a href='https://m.facebook.com/depzai21891/' title='Facebook'><img alt='' src='http://lh5.ggpht.com/-cIb3ssSicts/VuwTnDeL4II/AAAAAAAAD3w/wLoqxrG2apUffC4exilgs7s69SiQ55WJQ/s1600/I5cl6Zo.png'/></a><a href='#' title='Google Plus'><img alt='' src='http://lh5.ggpht.com/-Aa3aMv8DcQ4/VuwTnIGwNvI/AAAAAAAAD3s/sIzKkKgKbr4b1uvsUDX9iK-D8ZGKFt7Kw/s1600/MFUNf7n.png'/></a><a href='http://www.linkedin.com/depzai21891' title='Linkedin'><img alt='' src='http://lh5.ggpht.com/-sbQDWArW6eM/VuwToXz6YqI/AAAAAAAAD4I/D3FJ_k4zWt0nEAwbtGcRXA8ZEjv2tc2JQ/s1600/pZdxRe0.png'/></a><a href='http://www.flickr.com/sunshine_angle' title='Flickr'><img alt='' src='http://lh5.ggpht.com/-X9bpGYj94iY/VuwTnsgf34I/AAAAAAAAD34/_7BDkRu7Iz07VLEYzF1MaYgazsY9PI12g/s1600/X7ohFwB.png'/></a><a href='https://www.youtube.com/user/lethuc21891' title='Youtube'><img alt='' src='http://lh5.ggpht.com/-Gcapl7PQEv4/VuwTnjARnTI/AAAAAAAAD38/MRSYw2IluWsX_av20KU5CgpLjWMJkzdng/s1600/bSkd09J.png'/></a><a href='http://pinterest.com/depzai21891' title='Pintrest'><img alt='' src='http://lh5.ggpht.com/-tOfOpGXVoxs/VuwTnwaZdBI/AAAAAAAAD4A/Wl2gKAuSqtkgS8vH1h7FtArg5r6hpj0IQ/s1600/czFNlQ5.png'/></a></div></div>
Các bạn có thể tùy chỉnh lại các thông số mình tô đỏ bên trên theo blog của bạn. Mọi thắc mắc liên hệ với mình qua fanpage nhé. Chúc thành công.!!

6 nhận xét:

  1. chào bạn, Chào mừng bạn đến với Bchiase Blog

    Trả lờiXóa
  2. tem cũ đc hơn bác. tem này lag quá. e vô load lâu. với giật giật :(

    Trả lờiXóa
    Trả lời
    1. Mình cũng thấy chậm quá test chơi xem thế nào

      Xóa
    2. vẫn kết tem cũ của bác, e load cái đc luôn hihi

      Xóa
    3. Tem mới này thì sao nhanh không

      Xóa
    4. cũng đc bác ơi x-)

      Xóa