Hướng dẫn tạo tích xanh cho tài khoản quản trị trong bài viết blogger |
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 "<strong><i><data:post.title/></i></strong>" 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigmDUpK0VKh1A-z0HDYwr6lPVWDteUKft6SPeY5IS-1rdo_sCvUQlQZRR53K1tAnz37w8tevb3BUpf-0ilTWP9PmajsHVAGHQl671FgqR2z0_OWuaWykQ337yrUdtQdZEVmGNxn9bY_kld/s1600/OpV3QbH.png'/></a><a href='#' title='Twitter'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJABAmfYqYxan-ByaCkMDVb9PAHasdLPmcRQ3URWAPt9uie3hosG1-C6a_Sy9X7K6ZL0NL_auzBM1itFCJ6YF7J2ENysngpZOzxcT3Q_lafyUS5yUdFMXuAQYltl0YNUyBaN2-2b2wnNm/s1600/mRqmS46.png'/></a><a href='https://m.facebook.com/depzai21891/' title='Facebook'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxguKKSoeurztjFWKbajyb2Dn2yHM-4NhbOzrD04ISRdEZgWzpIJPV3ryigiZQpBKQHuIUhK3R-GysHMEpcCK4kQwauiCl2RKl2ed2g1avuEDZE6qtG46rRGby6-SLXBXxlX7gNSPX-nB/s1600/I5cl6Zo.png'/></a><a href='#' title='Google Plus'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo_kqF5hblCIWUw4pumfqPwPiK45xmSpdS7oObYGSS2bj4EWKS2F3FAgbik8cYPDvtVunTFUQmqW5mSx_CZRKdlJnh1E8rlAL2ASPbiFC8NJH6IR4zJQjVIWpNsc5hyphenhyphenLxFgDtNFlqFs2UQ/s1600/MFUNf7n.png'/></a><a href='http://www.linkedin.com/depzai21891' title='Linkedin'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKr65Z4LHDtfQ91rzO7Khhq3aUnfLmFBqyk0AuZhy-6m_HEorbj-Gf-G8JxMUIRdnxeGSbyvcb4lM4JV8-X1S3zqWWJQK6kN3SnfT6xtK39xYIPR0RWufN5VIQadAbwi9vzMRZekh4ZQmD/s1600/pZdxRe0.png'/></a><a href='http://www.flickr.com/sunshine_angle' title='Flickr'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5iEhKEifaEsnQaiA4xfzCW8oYVi46fWNa8RyX8qM6XdvjjYvc-NACtMX66m-UNjSgM-tghH9NUWh_za0a5GZ4_qpH2r4hsqhKj-Lqe_9JcoqlVIlyri8RymvDSJQBpUWJOpkqeMI-2tF/s1600/X7ohFwB.png'/></a><a href='https://www.youtube.com/user/lethuc21891' title='Youtube'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA6Psmwyz_anKxOxqeJM0xAoY4ANdErsAEzwqX-FWqBizmywLxWKGTa4flQWkzvx5sWVs0vRFyUub58InNe-qHFj4U4sMDHtiStW0OsAtmQOrAMLapAUUusDs_8PpAGZG6RqWmCyrr04vL/s1600/bSkd09J.png'/></a><a href='http://pinterest.com/depzai21891' title='Pintrest'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_TaQpn36NcIeVSawNhOLLd78-2CKQuaTFYq1zjiGBouBeV7MaTig_n6KCjGzPVluj_-VRkc6rGiSG6qrEIxIgw2Z_a5RSe7HoxrDxeH1m2w8yXfWDiEQOk1xRZ8K6ubSFCW6MRJXY0oSN/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.!!
helo :)
ReplyDeletechào bạn, Chào mừng bạn đến với Bchiase Blog
Deletetem cũ đc hơn bác. tem này lag quá. e vô load lâu. với giật giật :(
ReplyDeleteMình cũng thấy chậm quá test chơi xem thế nào
Deletevẫn kết tem cũ của bác, e load cái đc luôn hihi
DeleteTem mới này thì sao nhanh không
Deletecũng đc bác ơi x-)
Delete