Trình diễn ảnh chạy xoay tròn trên blog

1. Đăng nhập vào tài khoản blogger
 
2. Vào phần thiết kế (Design) chọn chỉnh sửa HTML
 
3. Thêm code bên dưới vào trước thẻ </head>

<script src='http://dothang.googlecode.com/files/circle_img.js.txt' type='text/javascript'/>

4. Save template lại và trở về phần tử trang và thêm 1 HTML/Javascript
 
5. Thêm code bên dưới vào phần tử vừa thêm ở trên

<script


type='text/javascript'>

carousel({id:'',

border:'',

size_mode:'image',

width:159, //độ rộng của
ảnh trình diễn

height:110, //chiều cao
của ảnh trình diễn

sides:12,

steps:23,

speed:2, //tốc độ trình
diễn

direction:'left',
//hướng chạy của ảnh bạn có thể đổi thành RIGHT

images:[

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_q0MFC6YJON8NxKPaWkKkuSXe52u0Iye9TYq0Ka-AVZSKcrnTheYgLKpgXdhNMkfhA-88Maw0BVl6LXLH5d9P6P27TzCQ81th1wxp2jRu_Jbk9P6ADmJKn8nPCy6XCkiEqwBjI5KcC9o/s400/12122011218.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvXB6KWqr_l0PqBPaVXSM2nH_-cVDR4yLMIpzUzc20rDiElT_Z_ygygX8-0kuRseg4SaXAHmsFp7BUkORt4fbHFifGHcIQKTtYvyQXsHD_GV96frLsPVurHSeDBDbwEWe-FmDn9E_UNaM/s400/12122011229.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTbJlVkFX1TqEAbdoNnPPQy-QsUvgm4dYxG40chbzRDyG8Ao_-cRvzfzs7mJy4Hg1kfVFg7O0bLYVWLrUSbp916nAvpYWVUh6jo95g2Ld9SFaMAFbM3CKPfGgbihL1aQYKjaVbOPs3kjQ/s400/10122011170.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqnhZzDIUzQNuFJI5dexGGgK_t4e5L3zF0TTzZ0CUo1CfwRzLTiSWSAD8o526icG6dgD074pfHMDyGm51N5UZUJ2POGqXTeX6XdQS_hoQF0jiS2170KraKsw-I2Ju0zsOTD8lwz1O2eyo/s400/11122011178.png',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjnlXqHco5P7ZqJHSs8UdmjehDMdWBO07iyFSV_Ojlb9Z1E3qAVaUtnFaue2qjfxQvGGN3wdxWRIC4WDmMuooXGESjZu59xTbUpCWnojzAT2SdpL9jl07-pMRUEaj8_LuWBRiLQG2cJ7M/s400/10122011176.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVsPOmelgy2UrspdEgNMvrVTUK4nutZsVcQsvgSTnU-A0rFWP1nJ4eL2S377gnCGFEKhF7K1_Pcr8nGXucgnNX6qS4Kwnay9Wb5mDL5kUK5ESTKxEjPUL-WXDgf3DXRcrlz_X3TMEuEQI/s400/Picture+076.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNc-pjk9vf0yKZ298ubdkfuydtTiHYLjdenWQXnNQ_kRV_fzaHLJ5jiZjSjDHu3Vb0jBTd0BRh48HlQ4td_i8S2Aw7bosIa1lSfb49O1547twFZQCHGjwTdCTMbUYId6ONC0y9J_XRzcA/s400/27022011011.jpg',

'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIVU87ZdCt7rxg3bUKSEKf17ULeEnoWyhsSf4H4DGy5NNaSpNX6g51o4wQdf3FebLgV4ibxk3dD2i3CSqMcyzKapH-9xOdXbrRBJ_fNNc5g18skROtLzeQLr36jTt0nbaDxtIe4wI7UwM/s400/27022011017.jpg',

'https://dl.dropbox.com/u/74775294/anh/thienduongqb/thienduong5.jpg'

],

links: [

'http://www.dvt.com.vn/2011/12/noi-song-hong-chay-vao-at-viet.html',

'http://www.dvt.com.vn/2011/12/mot-so-hinh-anh-ve-sa-pa.html',

'http://www.dvt.com.vn/2011/12/mot-so-hinh-anh-ve-yen-bai.html',

'http://www.dvt.com.vn/2011/12/mot-so-hinh-anh-ve-ho-thac-ba-yen-bai.html',

'http://www.dvt.com.vn/2011/12/en-au-co-phu-tho.html',

'http://www.dvt.com.vn/2011/10/anh-chup-bang-nokia-e6.html',

'http://www.dvt.com.vn/2011/10/anh-chup-bang-nokia-n97.html',

'http://www.dvt.com.vn/2011/10/uong-len-chua-ong-yen-tu.html',

'http://www.dvt.com.vn/2012/07/mot-so-hinh-anh-ong-thien-uong-quang.html'

],

titles:[

'Nơi Sông Hồng chảy vào
đất Việt',

'Một số hình ảnh về Sa
Pa',

'Một số hình ảnh về Yên
Bái',

'Một số hình ảnh về Hồ
Thác Bà',

'Đền mẫu Âu Cơ - Phú Thọ',

'Ảnh chụp bằng Nokia E6',

'Ảnh chụp bằng Nokia N97',

'Đường lên Chùa Đồng Yên
Tử',

'Một số hình ảnh Động
Thiên Đường'

],

image_border_width:1,

image_border_color:'transparent'

});

</script>

 Chỉnh code:
- Dòng màu cam chính là link của các hình ảnh trình diễn trong tiện ích này, bạn thay thành những địa chỉ hình ảnh của bạn.
- Thay màu xanh trong code thành đường dẫn của ảnh tương ứng.
- Cuối cùng là phần Title là tiêu đề mô tả cho ảnh (dòng màu đỏ), phần này sẽ hiển thị khi bạn rê chuột vào ảnh, bạn hãy thay đổi tương ứng với ảnh của bạn.

6. Cuối cùng bạn save tiện ích lại