TẠO KHUNG THÔNG TIN TÁC GIẢ KÈM HỘP ĐĂNG KÝ BÊN DƯỚI BÀI VIẾT BLOGSPOT

Bởi Trọng Trungg vào 08 thg 7, 2017

Chào các bạn hôm này minh chia sẻ khung thông tin tác giả. Có cả đăng ký nhận bài viết cực chất cho các bạn nào đặt dưới bài viết.

Các bước thực hiện

Bước 1: Chèn CSS dưới đây vào trước thẻ ]]></b:skin>

.submitbutton:hover{background:#666;color:#fff}
#subscribe-box-bsw{height:150px;float:right;width:280px;background-color:#7577a9;margin:0;padding:15px;overflow:hidden}
#subscribe-box-bsw h1{color:#fff;margin:0;text-transform:uppercase;text-align:center;font:700 20px Roboto;letter-spacing:0}
.author-box{height:150px;float:left;width:500px;overflow:hidden;padding:15px;text-align:justify}
.author-box .avatar{margin:0 10px 0 0;float:left;width:150px;height:150px;pointer-events:none}
.author-box-title{font:700 24px Roboto Condensed;text-transform:uppercase}
.author-box-content{font:400 18px Roboto;color:#666;line-height:1.35;margin:4px 0 0}
@media only screen and (max-width:1000px){#author-bsw-box{display:none}

Bước 2: Chèn HTML. Các bạn chèn chổ nào mà các bạn cần nó hiện.

<div id='author-bsw-box'>
<div class='author-box' itemprop='author' itemscope='itemscope' itemtype='//schema.org/Person'><img alt='logo' class='avatar' height='150' src='//2.bp.blogspot.com/-BdZahr9Qwy4/WNXhN6hOUxI/AAAAAAAAAJk/_7cC82z3NfEVQ-drE0LqiJCgl-1OgkbnwCLcB/s150/Logo-Bac-Si-Windows.png' style='display: block;' width='150'/>
<div class='author-box-title'>About Author: Bác Sĩ Windows</div>
  <div class='author-box-content'>Bacsiwindows.com - Chuyên trang chia sẻ Thủ Thuật Blogger/Blogspot, Thủ Thuật Máy Tính, Thủ Thuật Internet, Phần Mềm, Template Blogger/Blogspot, Free Blogspot Theme,... quảng cáo, hợp tác, liên hệ/báo lỗi <b><a href='/contact' target='blank'>tại đây</a></b>.
</div>
</div>
<div id='subscribe-box-bsw'>
<h1>ĐĂNG KÝ NHẬN BÀI VIẾT</h1>
<div class='emailfield'>
<form action='//feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;//feedburner.google.com/fb/a/mailverify?uri=bacsiwindowsdotcom&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;bacsiwindows.com@gmail.com&quot;;}' onfocus='if (this.value == &quot;bacsiwindows.com@gmail.com&quot;) {this.value = &quot;&quot;;}' placeholder='bacsiwindows.com@gmail.com' type='text' value='bacsiwindows.com@gmail.com'/>
<input name='uri' type='hidden' value='bacsiwindowsdotcom'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Đăng ký'/>
</form>
</div>
</div>
</div>