▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

TẠO SLIDESHOW (Kiểu 6)

Ở kiểu 6 này, dưới slideshow ảnh có các thẻ bấm bao gồm: XEM TIẾP, QUAY LẠI và XEM LẠI TỪ ĐÂU...
Trên đầu slideshow có dòng chữ chạy để các bạn giới thiệu mô tả vài nét về slideshow, ngoài ra các bạn có thể điều chỉnh kích thước ảnh mà mình mong muốn (không lệ thuộc vào ảnh gốc) và tốc độ load ảnh rất nhanh. Slideshow này có thể add các định dạng ảnh (ảnh động hoặc ảnh tĩnh đều được).



Mời các bạn xem thử slideshow phía dưới nha.





Các hình ảnh động dưới đây được lấy từ trang anhdepblog.blogspot.com. Cám ơn các bạn đã ghé tham quan và ủng hộ dunghennessy. Chúc các bạn luôn vui khoẻ và hạnh phúc
Trở lại từ đâu


Để làm được như vậy, các bạn đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML/Javacript (nếu chưa biết cách thêm tiện ích HTML mời các bạn xem TẠI ĐÂY), sau đó copy đoạn code phía dưới dán vào.
<center><table border="0" cellpadding="0">
  <caption><marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="scroll" direction="left" bgcolor="#FFE87C" scrollamount=3> <span style="font-weight:bold;font-size:150%;color: rgb(#ffffff,#7D053F, 0);">Lời giới thiệu về slideshow ghi tại đây</span>
</marquee>
</caption>
  <tr>
    <td width="100%"><img src="http://1.bp.blogspot.com/-xh2ALmGfOg8/UkNmbkEHF7I/AAAAAAAAuDk/q1PXVMiTQ2I/s1600/0014.gif" width="300" height="400" name="photoslider" /></td>
  </tr>
  <tr>
    <td width="100%"><form method="POST" name="rotater">
      <div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array()
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="http://1.bp.blogspot.com/-xh2ALmGfOg8/UkNmbkEHF7I/AAAAAAAAuDk/q1PXVMiTQ2I/s1600/0014.gif"
photos[1]="http://1.bp.blogspot.com/-nQI59W3NyWA/UikDH5MVuJI/AAAAAAAArKg/ioqjy5Aax3s/s1600/0355.gif"
photos[2]="http://2.bp.blogspot.com/-z5zmZ7P5bnI/UjzxsIrZabI/AAAAAAAAtMM/_UAkdjqh3zI/s1600/0039.gif"
photos[3]="http://4.bp.blogspot.com/-ZxxIVy-kLEk/T3r5Q0lUdgI/AAAAAAAAWs0/eLv_vG1VP5o/s1600/0210.gif"
photos[4]="http://1.bp.blogspot.com/-sNmQ_7ixaUs/UkNm6BK1kgI/AAAAAAAAuH4/oVmK-jnHp6M/s1600/0073.gif"
photos[5]="http://4.bp.blogspot.com/-xN7DX4o5QiA/UkOjjIzZuUI/AAAAAAAAufA/H7P9KOGY35g/s1600/0231.gif"
photos[6]="link ảnh"
photos[7]="link ảnh"
photos[8]="link ảnh"
photos[9]="link ảnh"
photos[10]="link ảnh"



function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><input type="button" value="&lt;&lt;Xem lại" name="B2"
 onclick="backward()" /> <input type="button" value="Xem tiếp&gt;&gt;" name="B1"
 onclick="forward()" /><br />
      <a href="#" onclick="which=1;backward();return false"><small>Trở lại từ đâu</small></a></p>
      </center></div>
    </form>
    </td>
  </tr>
</table>

</center>
Bây giờ các bạn có thể thay đổi các dòng lệnh màu đỏ (lời mô tả giới thiệu cho slideshow), dòng lệnh màu trắng (kích thước của ảnh) và dòng lệnh màu vàng (các link ảnh). Cuối cùng bấm Lưu lại và trở lại blog xem kết quả nha.
* Mở rộng thêm: muốn thêm ảnh vào slideshow, các bạn chỉ việc thêm đoạn code sau:
photos[n+1]="link ảnh" 
dán tiếp theo sau dòng lệnh photos [10] cuối cùng, trong đó n là số thứ tự cuối cùng của ảnh (ở code trên số thứ tự cuối cùng của ảnh là số 10). Ví dụ bạn muốn thêm một ảnh nữa thì code là: 
photos[11]="link ảnh"
Chúc các bạn thành công.

11 nhận xét:

Việt Nam Yêu nói...

cái này hay đó anh

Dung PHAM HOANG nói...

Cám ơn em đã ghé tham quan và ủng hộ dunghennessy.
Chúc em cuối tuần vui vẻ

TranHieu nói...

Tác giả ơi, mình tìm mãi không thấy chỗ nào để liên hệ với tác giả. Tác giả có email hay gì để liên hệ không ạ. Mình có chút thắc mắc muốn nhờ riêng tác giả. Hoặc nếu tác giả ngại đăng thì có thể gửi email cho mình tranhieu.ktkt5@gmail.com. Xin chân thành cảm ơn.

Chúc tác giả buổi tối cuối tuần vui vẻ.

Dung PHAM HOANG nói...

Nếu bạn có thắc mắc gì về Blogspot hoặc về máy vi tính, liên hệ qua dungheineken@gmail.com, mình sẽ trả lời cho bạn (nếu biết).
Chúc bạn vui

Ha Cong Quoc nói...

Anh Dũng ơi. Cái khung chứa hình ảnh bài viết trên blog của em nó không chạy. Giúp em nha anh. Cám ơn anh nhiều.hacongquoc.blogspot.com

Dung PHAM HOANG nói...

Địa chỉ Blog của em, Anh không vào được????

Ha Cong Quoc nói...

Em vẫn vào bình thường anh Dũng ơi. địa chỉ hacongquoc.blogspot.com

Dung PHAM HOANG nói...

Khung chứa hình ảnh bài viết đó em copy ở đâu??? Em có thể nhờ admin của code đó giúp đỡ cho em (vì Anh đâu có code của "nó"???)

The Original nói...

Làm sao làm được cái "góc giải trí" như blog của bạn vậy?

Suối nguồn cuộc sống nói...

Blog này load ghê quá!

Lê Minh Tiền nói...

anh dung cho minh hỏi,giờ mình muốn hiển thị bài đăng trong một nhãn như blog này thì làm sao. http://kiacaudienblog.blogspot.com/
nhờ ah dũng giúp dzùm, mình không rah blog lắm nên chẳng biết sửa sao.
Mong nhận được phản hồi sớm.
thank!

Đăng nhận xét

 
Powered by by: Blogger