![[PICS/VIDS] SNSD @ Girls' Generation 2nd Tour in HongKong](http://4.bp.blogspot.com/-Zu_su9nayxM/TxUkZ70sPCI/AAAAAAAAA00/HKUHh3RHE7M/s72-c/IMG_5393.JPG)
![[16.12.11] Girls' Generation (SNSD) Sooyoung cho rằng mình quá mảnh mai](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6k1dRr7sMvKo8bj4_smjMRpExBXaF0Z7CgqCSavQt8RMTufpyqbDzILFKbj_og4newycApgjQalEcZV86V6NmiD38YQmA9GI0ku_ed4gNLBI5zElOB6pkRxWJP7pjC4olbDLqh89AAmQq/s72-c/soo1.jpg)
![[16.12.11] Rạng rỡ Giáng sinh cùng emoticons của Girls' Generation](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOHbJFMHCVOSjN0bi_sqZ9ZWkg-qruLdnCVsFpCF5wOF_xR22t95j_oVtbAHLUZCrXepSVwOeVOdqdvTNj_qm9gRHYW4uyxWq-1VpUxy8ac5w6RyVlSB-6G-yGfXZP_ApLtscMEda-JPE/s72-c/snsd+kakao+talk+emoticons.jpg)
![[SONESvn subs] Star King - Jessica Sunny Tiffany HyoYeon [19.11.11]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW888QabgPnGxoKnWXfVmrGCgTSQH80DdN8qijCXTne_Ngx0k9-30_zQ6VcN6g0Xq47nyv3ELcKG61CZvwllqQ2M448qHRPYnRTylflTw28tlCj51dpSseH_UVBql-83jsdwSZlS0n5bLc/s72-c/11..jpg)
![[16.12.11] Thành viên nào của Girls' Generation (SNSD) mất nhiều thời gian nhất để tập luyện một điệu nhảy mới?](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfiHd64wFeCoVNK5dayAgbOp6fciuw5ibRjY1LnoLFZkB0S5_KZMDwx7haKZmahMOnoHqJFUChKJvtZ0L37muoLN2frQ11Qzm5d53yd7T53v74PdR09n4RfM19qYrd56spW2nqwsR9_jEt/s72-c/16.jpg)
![[16.12.11] SNSD trở lại với ‘MR.TAXI’ trên Music Bank](http://1.bp.blogspot.com/-QlTRQiLyTAE/Tutp_Mj_xCI/AAAAAAAAAWk/dO76Fbi3lTI/s72-c/e1c963e89f99ce7b3ad9213108197c94_38714333.0wkkm.jpg)
![[16.12.11] Jung JuRi muốn được là YoonA](http://3.bp.blogspot.com/-3deBVfhsY0M/TusD057M8qI/AAAAAAAAAWc/uBDrlQV-UxY/s72-c/J.Juri+want+to+be+Yoona.jpg)
![[16.12.11] Girls' Generation (SNSD) Seohyun chưa từng có cảm giác thực sự với Yonghwa?](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt_Ic_B83_IpqWMD6bavmofY-JjtrPdhVzulbOeCltQxQ0ayItwpeKPY6F0NWkn6K0ZKibVGEu57BXRX-MsGna6Io4r5xnUT9zqpdDx316-QNAckH3bMdM275OP-wao0OsiD4jrkT3Uf9X/s72-c/seo3.jpg)
Code trình diễn ảnh tuyệt đẹp cho vào blog
Hôm nay mình post tặng các bạn code trình diễn ảnh rất đẹp
Demo
http://caobang83.webng.com/slides2/
Code
1.Code sau các bạn cho vào thẻ head nhé
<script type="text/javascript" src="http://caobang83.webng.com/slides2/jquery.js"></script>
<script type="text/javascript" src="http://caobang83.webng.com/slides2/jquery.nivo.slider.pack.js"></script>
<link rel="stylesheet" href="http://caobang83.webng.com/slides2/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://caobang83.webng.com/slides2/themes/default.css" type="text/css" media="screen" />
<style>
.theme-default #slider, .theme-default #slider img
{
top:100px;
left: 20%;
width:700px; /* Chiều rộng */
height:300px; /* Chiều cao */
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
body {
line-height:1;
color:black;
background:white;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
body {
font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
color:#333;
background:#eee;
}
a, a:visited {
color:blue;
text-decoration:none;
}
a:hover, a:active {
color:#000;
text-decoration:none;
}
</style>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
animSpeed: 1000,// Tốc độ trượt ảnh, quy định 1000 = 1giây
pauseTime: 3000, // Tốc độ chuyển ảnh A sang ảnh B
startSlide: 2 // Để ảnh số mấy hiển thị đầu tiên, Ảnh số 1 để startSlide: 0
});
});
</script>
2. Code sau các bạn cho vào thẻ body nhé chôc nào muốn hiển thị
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="http://webtruonghoc.oni.cc"><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_1.jpg" alt="" title="Điền nội dung vào đây 1" /></a>
<a href="http://webtruonghoc.oni.cc"><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_2.jpg" alt="" title="Điền nội dung vào đây 2" /></a>
<a href="http://webtruonghoc.oni.cc><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_3.jpg" alt="" title="Điền nội dung vào đây 3" /></a>
<a href="http://webtruonghoc.oni.cc"><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_4.jpg" alt="" title="Điền nội dung vào đây 4" /></a>
<a href="http://webtruonghoc.oni.cc"><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_5.jpg" alt="" title="Điền nội dung vào đây 5" /></a>
</div>
</div>
3.Hướng dẫn
-Các bạn chỉnh sửa phần in đậm ở code 1 còn lại để nguyên
-Các bạn thay đổi link liên kết ,link ảnh , nội dung ở code 2
http://caobang83.webng.com/slides2/
Code
1.Code sau các bạn cho vào thẻ head nhé
<script type="text/javascript" src="http://caobang83.webng.com/slides2/jquery.js"></script>
<script type="text/javascript" src="http://caobang83.webng.com/slides2/jquery.nivo.slider.pack.js"></script>
<link rel="stylesheet" href="http://caobang83.webng.com/slides2/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://caobang83.webng.com/slides2/themes/default.css" type="text/css" media="screen" />
<style>
.theme-default #slider, .theme-default #slider img
{
top:100px;
left: 20%;
width:700px; /* Chiều rộng */
height:300px; /* Chiều cao */
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
body {
line-height:1;
color:black;
background:white;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
body {
font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
color:#333;
background:#eee;
}
a, a:visited {
color:blue;
text-decoration:none;
}
a:hover, a:active {
color:#000;
text-decoration:none;
}
</style>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
animSpeed: 1000,// Tốc độ trượt ảnh, quy định 1000 = 1giây
pauseTime: 3000, // Tốc độ chuyển ảnh A sang ảnh B
startSlide: 2 // Để ảnh số mấy hiển thị đầu tiên, Ảnh số 1 để startSlide: 0
});
});
</script>
2. Code sau các bạn cho vào thẻ body nhé chôc nào muốn hiển thị
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="http://webtruonghoc.oni.cc"><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_1.jpg" alt="" title="Điền nội dung vào đây 1" /></a>
<a href="http://webtruonghoc.oni.cc"><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_2.jpg" alt="" title="Điền nội dung vào đây 2" /></a>
<a href="http://webtruonghoc.oni.cc><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_3.jpg" alt="" title="Điền nội dung vào đây 3" /></a>
<a href="http://webtruonghoc.oni.cc"><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_4.jpg" alt="" title="Điền nội dung vào đây 4" /></a>
<a href="http://webtruonghoc.oni.cc"><img src="http://doxinh.com/templates/default/img/jqbanner/doxinh_5.jpg" alt="" title="Điền nội dung vào đây 5" /></a>
</div>
</div>
3.Hướng dẫn
-Các bạn chỉnh sửa phần in đậm ở code 1 còn lại để nguyên
-Các bạn thay đổi link liên kết ,link ảnh , nội dung ở code 2
. 
:) 
:( 
:)) 
:(( 
=)) 
