Tạo slide ảnh có chứa link chạy ngang qua Blog

CODE

<div class="Modul_nd">
<div class="chuyenmuc">
<style type="text/css">
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 960;
}
#demo img {
border: 2px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
} </style><b><span style="font-size: large;">
</span></b>
<div id="demo">
<div id="indemo">
<div id="demo1">
<b><span style="font-size: large;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://suoinganthong.blogspot.com/search/label/Du%20l%E1%BB%8Bch"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNEsJiD6TN4rHJGlIyyYbLPsOGyj58ECQKovpHsOqMNds7UADFHPFqHClYePurrTlksJzgYyrsXlwV3Fj2e7r2y0xaxDh_uWdJ2R6p4KcLd02xKXe2HjcHRm3sVdyLx2Kpf7xTLCVscEc/s320/DU+LICH.jpg" style="height: 100px; width: 139px;" title="TRANG DU LỊCH" /></a><a href="http://suoinganthong.blogspot.com/search/label/S%E1%BA%AFc%20m%C3%A0u%20cu%E1%BB%99c%20s%E1%BB%91ng"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDnpakOhfOgrhy_9-1dLDVlXN8trGXQ4zybRMInbKyB5v_NR2lwC78dxZODUKZwq7vDsRnEQ7yliM7wblcKaPuzp4P69AOpAN25HSn_LRuKIauod2AV2hMQr6HvKsd_-_M1EIBw_kvvOE/s320/nhip+song.jpg" style="height: 100px; width: 139px;" title="SẮC MÀU CUỘC SỐNG" /></a><a href="http://suoinganthong.blogspot.com/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blog"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWbnPVtP_y7k23k5UvE7EJN_qlNXI2sMX0fJvzBixJP0Gg5evhflSc53dkU-jxKKsL2kmQX_CNoRQyFnMQlIgb3OSc07iMkbnO1PqPmG3FIv9LOkZ9jlGDMSbng5BsAGVaAQDcMDsTqnQ/s320/KN+Blog.jpg" style="height: 100px; width: 139px;" title="THỦ THUÂT BLOG" /></a><a
<div id="demo2">
<b><span style="font-size: large;"></span></b>
<b></b>
<b>
</b></div>
</div>
</div>
<script>
var speed = 30;
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
href="http://suoinganthong.blogspot.com/search/label/Th%C6%B0%20vi%E1%BB%87n%20%E1%BA%A3nh"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhO2fhZzImqE_vwjBxiB8rKIHqp0Iqq1Uk-AZ45ChUvi-zmsSdiKv3teraY5-JOevjQdvEDhQyOflMy6gVJDdTXNbp1xJTO9PSYLFQJ6QBYiuprrZKgCRQPcoYB0Sljupev_-QxYbs5jo/s320/THUY+TIEN.jpg" style="height: 100px; width: 139px;" title="TRANG HÌNH ẢNH" /></a><a href="http://suoinganthong.blogspot.com/search/label/Th%C6%A1"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA7cJ3HreqCpDsquQFbZ8ZL5VJXgWjHCgGD89Mi7kgS4eb4MckSv0FgvzMHFYwE6JEi1PHssWJ2bm7rXmEyNyxHOqF_8wssiLaJvWc30klKPSS51Hy4NnepboapFFyPBFAq5Ju1UhKe9E/s320/Y%C3%8AU+TH%C6%A0.jpg" style="height: 100px; width: 139px;" title="TRANG THƠ" /></a><a href="http://suoinganthong.blogspot.com/search/label/%C3%82m%20nh%E1%BA%A1c"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTSwh5MlzzzMKTWvv1qwBFVfF08zPH9P_ab0055wVeF2CGT45KB7w9vyASrEFXQr0Wb3JyBuhdYBz1DRaAG6m96SI22muTIY-9kTm2R8yjwieDCBmU3UaZv4ELnmp7N8E7nSHkd9YZnY/s320/Nh%25E1%25BA%25A1c.jpg" style="height: 100px; width: 138px;" title="TRANG ÂM NHẠC" /></a></span></b></div>
tab2.innerHTML = tab1.innerHTML;
function Marquee() {
if (tab2.offsetWidth - tab.scrollLeft <= 0)
tab.scrollLeft -= tab1.offsetWidth
else {
tab.scrollLeft++;
}
}
var MyMar = setInterval(Marquee, speed);
tab.onmouseover = function() { clearInterval(MyMar) };
tab.onmouseout = function() { MyMar = setInterval(Marquee, speed) };
</script><b><span style="font-size: large;"> </span></b></div>
</div>
<div style="text-align: center;">
<span style="font-size: large;">
</span>
</div>

Trong đó tất cả chỗ nào có:

<a href: Thay link website
img alt="" src="Thay link ảnh"
var speed: điều chỉnh tốc độ chạy của slide ảnh

 Sau khi đã chỉnh sửa thay link xong, bạn thêm mới module text/htlm, và copy code vào module.

Ấn Lưu hoặc Cập nhật 

HÌNH MẪU

Nguồn http://suoinganthong.blogspot.com/

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..