Sunday 14 August 2016

CÁCH LÀM ẨN HÌNH ẢNH TRONG BÀI VIẾT

Để làm ẩn hình ảnh trên bài viết không có gì là phức tạp cả. Hình ảnh ví dụ bài viết đã được ẩn hình ảnh :

Các bước thực hiện như sau :
Bước 1: Coppy đoạn code sau vào trước thẻ ]]></b:skin>

<b:if cond="data:blog.pageType != &quot;index&quot;">
<style>
.hidepic{
display: none;
}
</style>
</b:if>

Bước 2 : Vào bài viết mà bạn muốn ẩn hình. Sau khi tải ảnh lên, vào phần HTML

đoạn code hình ảnh có dạng sau :

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFGd7jnyqQ9Q1u8nBrs1M1RLP4cc2L0v_bLNr7RsZUayY-c9Xi2X-Gn0uId7paZafI628t8GZTbJhQmQwPO-RzK5ymNhW7fxMpMTgkx3YCfR2jMVQpGup6tymy2f3BfcWeNBUGkab2Y_i/s1600/ook.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFGd7jnyqQ9Q1u8nBrs1M1RLP4cc2L0v_bLNr7RsZUayY-c9Xi2X-Gn0uId7paZafI628t8GZTbJhQmQwPO-RzK5ymNhW7fxMpMTgkx3YCfR2jMVQpGup6tymy2f3BfcWeNBUGkab2Y_i/s1600/ook.jpg" /></a></div>

Thay separator = hidepic .
Như vậy là xong, lưu lại và kiểm tra kết quả.