Tạo Slide ảnh đẹp cho blogspot, Web V2 - Thủ thuật

Thủ thuật hôm nay mình giới thiệu tới các bạn là thủ thuật cách tạo slide show hình ảnh cho những bài viết nổi và cần được quan tâm. Slide ảnh với những hiệu ứng đơn giản nhưng nổi phù hợp cho việc tạo thêm ảnh cho slide. Tạo thêm bài viết nổi. Hướng người đọc Blog tới những bài mình muốn nhiều người đọc tới cũng là 1 phần rất quan trọng trong blog của bạn. Lưu ý, Slide này hoàn toàn được ứng dụng cho Website chuyên nghiệp
DEMO
Hướng dẫn thủ thuật trên Blogger. Đối với Website các bạn thêm như những code HTML, CSS, Javascript bình thường
- Cách làm thủ thuật:
1. Đăng nhập vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML) -> Check vào ô "Mở rộng mẫu tiện ích" (Expand Widget Templates)
2. Tìm đến thẻ ]]> và dán code dưới đây ngay trên nó

/* slideshow huong dan thu thuat itviet360.com */
.sample{padding:20px 10px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
#box2{
position:absolute;
}
#box2 span{
display:block;
float:left;
}
.buttons{text-align:center;padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

.mask2{
position:relative;
width:240px;
height:180px;
overflow:hidden;
}

3. Tìm tới và dán code dưới đây trên nó:







Sau đó lưu mẫu (save Template)
4. Thêm 1 tiện ích HTML/Javascript bằng cách vào Bố cục (Layout) -> Thêm tiện ích (Add a widget) -> HTML/Javascript
Dán đoạn Code dưới đây vào nó

SlideShow





<span style=Miêu tả hình ảnh" src="Link hình ảnh"/>
<b style=Miêu tả hình ảnh" src="Link hình ảnh"/>
<b style=Miêu tả hình ảnh"  src="Link hình ảnh"/>
<b style=Miêu tả hình ảnh" src="Link hình ảnh"/>
<b style=Miêu tả hình ảnh" src="Link hình ảnh"/>
<b style=Miêu tả hình ảnh" src="Link hình ảnh"/>
<b style=Miêu tả hình ảnh" src="Link hình ảnh"/>
<b style=Miêu tả hình ảnh" src="Link hình ảnh"/>



<< Previous
Next >>




Lưu lại và xem kết quả.

Chúc các bạn thành công !

0 comments: