Hướng Dẫn Tạo Bản Giới Thiệu Đẹp Cho Blogspot

watch_later 9/8/16
QC

Cách tạo bản giới thiệu cho blogspot cực đẹp , bản giới thiệu này có thể áp dụng cho giới thiệu cho template của bạn, Tất nhiên nó khá phù hợp. 

Code Tạo Bản Giới Thiệu Đẹp Cho Blogspot, code tạo bản giới thiệu template blogspot, huong dan tao ban gioi thieu blogger

Bản Giới Thiệu Như Trên ảnh thật tuyệt phải không nào. Đoạn Bản Giới Thiệu Này Đi Kèm Với Đoạn HTML5 Và Đoạn CSS

Bước 1 : Vào Phần ]]></b:skin> và chèn đoạn code phía dưới vào

.post-body table {width:100%;}
.post-body table td,.post-body table caption{background:#f8f8f8;border:1px solid rgba(0,0,0,0.05);padding:10px;text-align:left;vertical-align:top}
.post-body table th{background:#f98329;color:#fff;border:1px solid rgba(0,0,0,0.05);border-bottom:0;padding:10px;text-align:left;vertical-align:top}
.post-body table.tr-caption-container {border:1px solid rgba(0,0,0,0.14);margin:0;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #ddd;}
.post-body th{}
.post-body th:hover{color:#fff;}
.post-body td a{color:#444;}
.post-body td a:hover{color:#f98329;}
.post-body table.tr-caption-container td{border:0;padding:8px;background:#f8f8f8;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#000;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body li {list-style-type:square;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px!important;}
Còn Đây Là Phần HTML Các Bạn Chèn Vào Bài Viết
<table cellpadding="0" cellspacing="0" style="text-align: left;">
<tbody>
<tr>
<th>Giới Thiệu</th>
<th>Giới Thiệu</th>
<th>Giới Thiệu</th>
</tr>
<tr>
<td>Giới Thiệu</td>
<td>Giới Thiệu</td>
<td>Giới Thiệu</td>
</tr>
<tr>
<td>Giới Thiệu</td>
<td>Giới Thiệu</td>
<td>Giới Thiệu</td>
</tr>
<tr>
<td>Giới Thiệu</td>
<td>Giới Thiệu</td>
<td>Giới Thiệu</td>
</tr>
</tbody>
</table>
Sau Đó Cac Bạn Lưu Lại Và Xem kết quả nhé. Đó là Típ Blogspot Cơ bản các bạn có thể xem cách tạo tiện tích bình luận mới nhất hoặc là cách tạo hiệu ứng loading giống youtube ở trang chủ

Vnlike247.Net



sentiment_satisfied Emoticon