:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Hướng dẫn bình luận

Chèn link

Sử dụng thẻ TÊN_HIỂN_THỊ

Chèn hình ảnh

[img] LINK_ANH [/img] - sử dụng công cụ bên dưới để upload ảnh.

Định dạng chữ

Chữ in đậm
Chữ in nghiêng
Chữ gạch chân
Chữ gạch ngang

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Đã hiểu

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

2 Bình luận 19:38
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>

Tổng kết

Đây là một widget nhỏ khá đẹp và nhẹ, có thể chèn vào bất cứ vị trí nào trong template, nhớ thay ID feedburner lại cho phù hợp nhé!
Chúc bạn thành công!
Nguồn: www.bacsiwindows.com

Bài viết liên quan:

BÌNH LUẬN (2)

Chèn Icon HD bình luận

Copyright © 2017-2018 By Trọng Trung-Thủ Thuật
About:Nguyễn Trọng Trung