Matxac 2012 Blogger Templates

Người đăng: chaobuoisang on Thứ Sáu, 20 tháng 7, 2012


Templates dành cho các bạn thích làm site nhạc DJ , Rap Việt ...
Matxac 2012 Blogger Templates


XEM DEMO DOWNLOAD


Hướng dẫn cài đặt.
Để thay đổi Menu tìm :
<li><h2><a href='/' title='Home'>Home</a></h2></li>
<li><h2><a href='/search/label/Nonstop' title='Nonstop'>Nonstop</a></h2></li>
<li><h2><a href='/search/label/House Club' title='House club'>House club</a></h2></li>
<li><h2><a href='/search/label/Việt Mixes' title='Việt Mix'>Việt Mix</a></h2></li>
<li><h2><a href='/search/label/Dance Trance' title='Dance - Trance'>Dance Trance</a></h2></li>
<li><h2><a href='/search/label/Producer VN' title='Producer VN'>Producer VN</a></h2></li>
<li><h2><a href='/search/label/Video' title='Videos Clip'>Videos Clip</a></h2></li>

Tìm http://matxac2012-helloximo.blogspot.com thay bằng tên miền của bạn

Để hiện thị icon , , bạn cần thêm nhãn có tên tương tự là New , Hot , Video

Cách post nhạc, đọc bài này: http://www.bay68.com/2012/08/ancmusic-edition-plugin-ho-tro-nghe-nhac.html

Mục Video Dance Remix ở Sidebar vào Cài đặt -> Thiết kế -> chỉnh sửa tiện ích Video Dance Remix chèn vào
<div align="center" class="videox">
<script>document.write("<script src=\"/feeds/posts/default/-/Video?max-results="+5+"&orderby=published&alt=json-in-script&callback=bayvideo\"><\/script>");</script>
</div>

Thêm 1 pic ảnh demo bài viết


Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé
More about

Matxac 2012 Blogger Templates

Người đăng: chaobuoisang


Templates dành cho các bạn thích làm site nhạc DJ , Rap Việt ...
Matxac 2012 Blogger Templates


XEM DEMO DOWNLOAD


Hướng dẫn cài đặt.
Để thay đổi Menu tìm :
<li><h2><a href='/' title='Home'>Home</a></h2></li>
<li><h2><a href='/search/label/Nonstop' title='Nonstop'>Nonstop</a></h2></li>
<li><h2><a href='/search/label/House Club' title='House club'>House club</a></h2></li>
<li><h2><a href='/search/label/Việt Mixes' title='Việt Mix'>Việt Mix</a></h2></li>
<li><h2><a href='/search/label/Dance Trance' title='Dance - Trance'>Dance Trance</a></h2></li>
<li><h2><a href='/search/label/Producer VN' title='Producer VN'>Producer VN</a></h2></li>
<li><h2><a href='/search/label/Video' title='Videos Clip'>Videos Clip</a></h2></li>

Tìm http://matxac2012-helloximo.blogspot.com thay bằng tên miền của bạn

Để hiện thị icon , , bạn cần thêm nhãn có tên tương tự là New , Hot , Video

Cách post nhạc, đọc bài này: http://www.bay68.com/2012/08/ancmusic-edition-plugin-ho-tro-nghe-nhac.html

Mục Video Dance Remix ở Sidebar vào Cài đặt -> Thiết kế -> chỉnh sửa tiện ích Video Dance Remix chèn vào
<div align="center" class="videox">
<script>document.write("<script src=\"/feeds/posts/default/-/Video?max-results="+5+"&orderby=published&alt=json-in-script&callback=bayvideo\"><\/script>");</script>
</div>

Thêm 1 pic ảnh demo bài viết
Matxac 2012 Blogger Templates

Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé
More about

AncMusic Edition - Plugin hỗ trợ nghe nhạc

Người đăng: chaobuoisang

Chắc hẳn ai làm blog music và phim hầu như đều quen thuộc với Plugin này.
Chức năng chính của nó là hỗ trợ play nhạc từ zippy, youtube, zing, nhaccuatui ...

Mọi người đều biết Plugin ban đầu suzuki_aka viết khá sơ sài, vì vậy mình sẽ fix và update thêm 1 số tính năng.

+ Hỗ trợ play ở IE
+ Thêm nút download
+ Sử dụng getlink để lấy link nhạc
+ Hỗ trợ add skin
.....

XEM DEMO


Hướng dẫn cài đặt:

Trước hết bạn cần xác định trang item (trang bài viết) của blog , nội dung trang item sẽ được show ra qua thẻ <data:post.body/>
thẻ này được nằm trong <b:includable id='post' var='post'>

Hãy chỉnh sửa thành
<div id='Player'>
<div align='center' id='playing'/>
<data:post.body/>
</div>

Chú ý: <div id='Player'> phải được bao quanh <div align='center' id='playing'/> và <data:post.body/>

<div align='center' id='playing'/> đây là chỗ sẽ hiện thị khung player . bạn hãy đặt vào chỗ muốn hiện thị với giao diện Blog.

Tiếp đó dán đoạn code sau trước thẻ
<script src='http://bay68.googlecode.com/svn/trunk/friends/anc-music.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
ANCMusic.Player(ANCMusic.up("Player"),"playing");
//]]></script>

Tiếp theo tìm ]]></b:skin> dán code css sau lên trước nó

.buttons li, .buttons li a, .buttons li a span{float:left; height:27px; line-height:26px; background-image:url(http://4.bp.blogspot.com/--2KygnNlFeM/T2AYFzR-6UI/AAAAAAAAA0A/9IevgvlCTXU/s1600/btn.gif); background-position:0 -27px; background-repeat:no-repeat}
.buttons li{margin-right:10px; background-position:0 -54px; background-repeat:repeat-x; float:none; display:inline-block; zoom:1; *display:inline; overflow:hidden}
.buttons{margin:15px 0; overflow:hidden; text-align:center}
.buttons li a span{background-position:right 0px}
.buttons li a span span{padding:0 10px 2px 30px; height:25px}
.buttons li.commentc a span span{background-image:url(http://1.bp.blogspot.com/-kwVsDVPVUoU/T2AYGXgpOsI/AAAAAAAAA0I/1s25xnsMLF8/s1600/btn_cmt.gif); background-position:6px 6px; background-repeat:no-repeat}
.buttons li.download a span span{background-image:url(http://4.bp.blogspot.com/-xDYSsC68aTE/T2AYG7hrFEI/AAAAAAAAA0Q/SCzh4YLDExE/s1600/btn_dl.gif); background-position:6px 3px; background-repeat:no-repeat}
.buttons li.warning a span span{background-image:url(http://3.bp.blogspot.com/-Gn1U34FOgtQ/T2AYHYOzunI/AAAAAAAAA0Y/tiKjCFGM7kM/s1600/btn_err.gif); background-position:6px 3px; background-repeat:no-repeat}
.buttons li a{color:#fff !important}

Sử dụng:
* Cách post nhạc như sau ( Post ở chế độ HTML của blog )

[m]http://www8.zippyshare.com/v/62373339/file.html[/m]
[m]http://www.youtube.com/watch?v=xEsuIB7H8SM[/m]
[m]http://mp3.zing.vn/bai-hat/Quen-Cach-Yeu-Luong-Bich-Huu/ZW607CCF.html[/m]
[m]http://mp3.zing.vn/video-clip/Dung-Buong-Tay-Anh-Ho-Quang-Hieu/ZW6IO8IU.html[/m]
[m]http://www.nhaccuatui.com/mv4u/xem-clip/vku2SkirbZX4h/song-trong-ky-niem-quang-vinh.html[/m]
[m]http://www.nhaccuatui.com/nghe?M=mDBrrZdtFl8t[/m]
[m]http://www.nhaccuatui.com/nghe?L=dlXRd6DGxmNP[/m]

Ví dụ 1 bài:

Nội dung của bài viết của bạn
<!--more-->
[m]http://www21.zippyshare.com/v/6050087/file.html[/m]

Chú ý: Hãy cho <!--more--> vào trước link nhạc . điều này thực sự quan trọng để bạn ko bị rip mất data.
Vào Cài đặt -> Nguồn cấp Trang Web -> Cho phép Nguồn cấp dữ liệu Blog -> Chọn: Cho đến dấu ngắt

DOWNLOAD GETLINK


Do mình không có hosting để lưu trữ file getlink, vì vậy để cho link nhạc hoạt động ổn định bạn nên kiếm 1 hosting hỗ trợ cUrl up getlink nên root hosting của bạn

Vì anh Hà chưa DNS lại nên sẽ có người ko vào được nên mình tạm support tại đây: http://blog.bay68.com

Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé
More about

AncMusic Edition - Plugin hỗ trợ nghe nhạc

Người đăng: chaobuoisang

Chắc hẳn ai làm blog music và phim hầu như đều quen thuộc với Plugin này.
Chức năng chính của nó là hỗ trợ play nhạc từ zippy, youtube, zing, nhaccuatui ...

Mọi người đều biết Plugin ban đầu suzuki_aka viết khá sơ sài, vì vậy mình sẽ fix và update thêm 1 số tính năng.

+ Hỗ trợ play ở IE
+ Thêm nút download
+ Sử dụng getlink để lấy link nhạc
+ Hỗ trợ add skin
.....

XEM DEMO


Hướng dẫn cài đặt:

Trước hết bạn cần xác định trang item (trang bài viết) của blog , nội dung trang item sẽ được show ra qua thẻ <data:post.body/>
thẻ này được nằm trong <b:includable id='post' var='post'>

Hãy chỉnh sửa thành
<div id='Player'>
<div align='center' id='playing'/>
<data:post.body/>
</div>

Chú ý: <div id='Player'> phải được bao quanh <div align='center' id='playing'/> và <data:post.body/>

<div align='center' id='playing'/> đây là chỗ sẽ hiện thị khung player . bạn hãy đặt vào chỗ muốn hiện thị với giao diện Blog.

Tiếp đó dán đoạn code sau trước thẻ
<script src='http://bay68.googlecode.com/svn/trunk/friends/anc-music.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
ANCMusic.Player(ANCMusic.up("Player"),"playing");
//]]></script>

Tiếp theo tìm ]]></b:skin> dán code css sau lên trước nó

.buttons li, .buttons li a, .buttons li a span{float:left; height:27px; line-height:26px; background-image:url(http://4.bp.blogspot.com/--2KygnNlFeM/T2AYFzR-6UI/AAAAAAAAA0A/9IevgvlCTXU/s1600/btn.gif); background-position:0 -27px; background-repeat:no-repeat}
.buttons li{margin-right:10px; background-position:0 -54px; background-repeat:repeat-x; float:none; display:inline-block; zoom:1; *display:inline; overflow:hidden}
.buttons{margin:15px 0; overflow:hidden; text-align:center}
.buttons li a span{background-position:right 0px}
.buttons li a span span{padding:0 10px 2px 30px; height:25px}
.buttons li.commentc a span span{background-image:url(http://1.bp.blogspot.com/-kwVsDVPVUoU/T2AYGXgpOsI/AAAAAAAAA0I/1s25xnsMLF8/s1600/btn_cmt.gif); background-position:6px 6px; background-repeat:no-repeat}
.buttons li.download a span span{background-image:url(http://4.bp.blogspot.com/-xDYSsC68aTE/T2AYG7hrFEI/AAAAAAAAA0Q/SCzh4YLDExE/s1600/btn_dl.gif); background-position:6px 3px; background-repeat:no-repeat}
.buttons li.warning a span span{background-image:url(http://3.bp.blogspot.com/-Gn1U34FOgtQ/T2AYHYOzunI/AAAAAAAAA0Y/tiKjCFGM7kM/s1600/btn_err.gif); background-position:6px 3px; background-repeat:no-repeat}
.buttons li a{color:#fff !important}

Sử dụng:
* Cách post nhạc như sau ( Post ở chế độ HTML của blog )

[m]http://www8.zippyshare.com/v/62373339/file.html[/m]
[m]http://www.youtube.com/watch?v=xEsuIB7H8SM[/m]
[m]http://mp3.zing.vn/bai-hat/Quen-Cach-Yeu-Luong-Bich-Huu/ZW607CCF.html[/m]
[m]http://mp3.zing.vn/video-clip/Dung-Buong-Tay-Anh-Ho-Quang-Hieu/ZW6IO8IU.html[/m]
[m]http://www.nhaccuatui.com/mv4u/xem-clip/vku2SkirbZX4h/song-trong-ky-niem-quang-vinh.html[/m]
[m]http://www.nhaccuatui.com/nghe?M=mDBrrZdtFl8t[/m]
[m]http://www.nhaccuatui.com/nghe?L=dlXRd6DGxmNP[/m]

Ví dụ 1 bài:

Nội dung của bài viết của bạn
<!--more-->
[m]http://www21.zippyshare.com/v/6050087/file.html[/m]

Chú ý: Hãy cho <!--more--> vào trước link nhạc . điều này thực sự quan trọng để bạn ko bị rip mất data.
Vào Cài đặt -> Nguồn cấp Trang Web -> Cho phép Nguồn cấp dữ liệu Blog -> Chọn: Cho đến dấu ngắt

DOWNLOAD GETLINK


Do mình không có hosting để lưu trữ file getlink, vì vậy để cho link nhạc hoạt động ổn định bạn nên kiếm 1 hosting hỗ trợ cUrl up getlink nên root hosting của bạn

Vì anh dũng chưa DNS lại nên sẽ có người ko vào được nên mình tạm support tại đây: http://blog.bay68.com

Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé

More about

Bảo vệ các tài liệu dùng chung

Người đăng: chaobuoisang on Thứ Năm, 19 tháng 7, 2012

Bạn muốn bảo vệ các tập tin Word và Excel không bị thay đổi khi bạn gửi chúng tới những người khác. Các tập tin dùng chung rất dễ bị thay đổi, chỉnh sửa lại. Vậy có cách nào để giữ nguyên định dạng và nội dung các tập tin bạn gửi?

Bạn có thể bảo vệ được các tập tin Word, tuy nhiên sự bảo vệ này không phải là hoàn hảo. Trong Word 2003, bạn chọn menu Tools -> Protect Document. Bạn đánh dấu chọn vào mục Allow only this type of editing in the document. Bạn hãy để nguyên giá trị No changes (Read only), hoặc chọn Comments- lựa chọn này cho phép người nhận có thể thêm các chú thích vào tài liệu. Bạn có thể thêm tài liệu bằng cách Insert -> Comment mà không làm thay đổi nội dung tài liệu. Sau đó, bạn nhấn nút Yes, Start Enforcing Protection, nhập mật khẩu 2 lần, nhấn OK.

Trong Excel 2003, bạn chọn Tools -> Protection -> Protect Sheet. Trong danh sách các hoạt động được phép, bạn hãy bỏ chọn tất cả đánh dấu ngoại trừ 2 lựa chọn đầu tiên (Select locked cells và Select unlocked cells). Tiếp theo, bạn nhập mật khẩu, nhấn OK, và lặp lại bước này một lần nữa. Bởi vì tất cả các ô đều bị khóa nên người sử dụng không có mật khẩu sẽ không thể thay đổi được.

Bảo vệ tài liệu Word

Tuy nhiên, phương pháp này sẽ không cho phép người sử dụng khác có thể thay đổi các tập tin của bạn, nhưng với những người sử dụng máy tính có kinh nghiệm thì sự bảo vệ này quá đơn giản với họ. Chẳng hạn, họ có thể sao chép (copy) và dán (paste) các đoạn văn bản từ tài liệu của bạn sang một tài liệu mới, xóa tài liệu gốc đi, thay đổi tên tài liệu mới thành tên tài liệu của bạn.

Bảo vệ tài liệu Excel

Không những thế, trên Internet còn có vô số các tiện ích cho phép bẻ khóa mật khẩu các tài liệu của Office.

Còn một cách nữa, bạn chuyển các tài liệu của mình sang định dạng PDF hoặc lưu lại thành dạng ảnh, cách này sẽ gây khó khăn hơn khi người nhận định thay đổi tài liệu của bạn. Tuy nhiên, bạn dù cách nào đi nữa thì người nhận cũng có thể tìm ra cách để phá vỡ. Vì vậy, điều đó còn tùy thuộc vào sự tin tưởng của bạn nơi người nhận.

More about

Tìm kiếm bài hát dễ dàng và nhanh chóng với Google

Người đăng: chaobuoisang on Thứ Sáu, 13 tháng 7, 2012

Tìm kiếm bài hát dễ dàng và nhanh chóng với Google

Nếu bạn muốn tìm kiếm các bài hát trên Internet thì có lẽ Google là sự lựa chọn số một của bạn. Tuy nhiên trong một rừng dữ liệu mà Google cung cấp, chẳng khác nào bạn đang "mò kim dưới đáy biển". Thủ thuật nhỏ sau đây sẽ giúp bạn rút ngắn thời gian tìm kiếm và dĩ nhiên là cả tiền bạc nữa.

Đầu tiên, bạn nhập đoạn mã dưới đây vào thanh Address của trình duyệt IE rồi nhấn Enter.

javascript:Qr='';if(!Qr){void(Qr=prompt('NHAP TEN CA SI HAY TEN BAI HAT:',''))};if(Qr)location.href='http://www2.google.com/ie?query=%22parent+directory%22+%22'+escape(Qr)+'%22+mp3+OR+wma+OR+ogg+-html+-htm&num=100&hl=en&lr=&ie=UTF-8&oe=UTF-8&safe=active&sa=N'

Lưu ý: các dấu '' là hai dấu nháy đơn ', không phải là một dấu nháy kép " (bạn nên Add vào danh sách Favorites để khỏi phải gõ lại những lần sau). Một hộp thoại xuất hiện (hình 1), bạn nhập tên bài hát hay tên ca sĩ vào rồi nhấn OK. Một danh sách các địa chỉ sẽ hiển thị gọn gàng như hình 2:

Hình 1

Hình 2

Bạn chỉ cần nhấp chuột chọn một liên kết nào đó, danh sách các bài hát sẽ hiện ra và có thể sẽ có bài hát mà bạn đang tìm kiếm. Khi đã tìm thấy, bạn chỉ cần nhấn chuột phải vào link chứa bài hát mà bạn đang tìm, chọn Save target as. Sau đó bạn chỉ định đường dẫn lưu chúng lại là xong.

Với đoạn mã trên, bạn có thể thay các định dạng mp3, wma bằng các định dạng mpg, mpeg, wmv.

More about

TẠO SLIDESHOW (Kiểu 5)

Người đăng: chaobuoisang

Với kiểu 5 này, các ảnh lần lượt trình diễn với hiệu ứng thu nhỏ và phóng to rất đẹp mắt.
Ở mỗi ảnh bạn cũng có thể ghi vài dòng chú thích cho ảnh.
Mời bạn bấm vào Xem thử phía dưới để thấy rõ kiểu SLIDESHOW này.










Xem thử


Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.


<center>
<style>           
.textboxstyle {
font-family:Arial;
font-size:16pt;
color:black;
text-align:center;
vertical-align:top;
}

.textboxbackgroundstyle {
background-color:white;
padding:5px;

/* rounded corners for Firefox */
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;

/* rounded corners for for Safari and Chrome */
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;

/* rounded corners for Opera */
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
}

.curveandshadowstyle {

/* shadow and rounded corners for Firefox */
-moz-box-shadow: 5px 5px 8px #818181;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;

/* shadow and rounded corners for Safari and Chrome */
-webkit-box-shadow: 5px 5px 8px #818181;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;

/* shadow and rounded corners for Opera */
box-shadow: 5px 5px 5px #818181;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;

/* shadow for Internet Explorer */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#818181');

border-style:solid;
border-width:1px;
border-color:white;
}
</style>

<!----------------------------------------->
<!-- STYLE-CONFIGURATION STOPS HERE -->
<!----------------------------------------->
           
<script>

var imgurl= new Array()
var message= new Array()
var thislink= new Array()

/////////////////////////////////////////////////
// SCRIPT-CONFIGURATION STARTS HERE
/////////////////////////////////////////////////

// Các link ảnh theo thứ tự
imgurl[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpyc1A56LAKpQF_-5Azy-Ljr8s2HuRQtlCWZ_QQz_uAwcMSKjbQKzP8C53cpqAq_EyfBCNIZRN2cvNjx9MXie45hU2HXkpyVa1O2zaxQP_Ukb3nt2mvxCD-yFS5dqXhKLljv7SWvgtJXX2/s1600/0003.gif"
imgurl[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKV4-Bp1Ruk1l1h8ovYsg_UJ9rl-PQmt2C7aJ8tL6ZPswVpKSgfCiLshIr7BGK99qe3ThsdHtgZCYT3QN9cUlV2A3Np2FqB35u3MV4xcujClWFUVrOZd_IgeINZB1KhkEpkuFZLISKzj9V/s1600/0008.gif"
imgurl[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtwSvo93YKdOcTNyEYdPWljuok77F1fSKJtSOtx2KjB56QtE40WcvDJv5x58sF7l-wNlgcXAoQHmvJSH2ZVxKzQmN0vn-1KWcLQ_F5pp9Y_rWps6tCoZmcELgEjt9sAyEMVI7wmXjyy_2u/s1600/0009.gif"
imgurl[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia9VFgBamR4wnOZh8T9NUCe2L4NmLIs8Q3_VU7fyhD748io_lCR1OsMZR1s9bqNwK0puPODN9_bFXutkCSLSswxOtyf7SQH5GF0qVQ3KQ81zANAzmI8qmuQQ5LMGMFizTmtB08tML3N6t0/s1600/0019.gif"
imgurl[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3WBq4rqcbxvGQArnaCMNNblriCVIxiW8sZAqu-bUkPAytuXcy-4spO4Df-J_36DZ_ThuS4q61qqL2Pn_F3oMUlwzgbR274X5s7_4RHF1jRyEQHfTOE36GwtMZXisPxVgXixXUuMMFT76/s1600/0027.gif"
imgurl[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNZcpae7MPMaOXKj8qGeumCTEr7f1WNNgc6b1TOCG6is4jXNEAUmjldn-9Q63TekWxuyy3MTiBOUEcJY3Nzm9fONosEiLgh45Et4HaZmTFxQ9d74UC12P6ihcgfKxBpWKY3FS9GyIP1AY/s1600/0048.gif"
imgurl[6]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoXASc2zqVhJRxIcpa9hG2ss4N5YbOOc5jdyBCdu-ir48eYKjkKX4xRaMkOI6X2BWp3LTeFYYN55GFmcgM2KHenAca5XEjdDH-qCCjoJImGyzfyVVimkZfs-J24543vjDEe1D2b5HQtlcD/s1600/0050.gif"
imgurl[7]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxV0BjLK_cAqleXKkIEluCIrs9-j3aY6vU5u4poS5tkNORWW6jkO5rBvb4ARQiJOUAyKseKGfeAjSaBzJN39GmoswyXcJhcoW888zZ1cQ0rA6fOmBsvYx44nBMJTXdmiscIVHpVFbCHXG_/s1600/0059.gif"
imgurl[8]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOUjsrd8f04XledVcwGBQO7e9Xfo9KN2oGMyxFeMp4LY8_nQLJWkG2O73CGKCwJoGxxYRJEG-2CCZ6xOWF8LhkBiCHDeMLjbpcHnl-bwzFp4C1VMQcSicd9np99A8fPPLiAZ6L-Km-8h5v/s1600/0062.gif"
imgurl[9]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinsTVzG4UdCxWjEYP6GtxbeiK8nYrubwLnmOV4mWA9_hENr2HBXEfiGJWLtJrKOyI82po__nMe5PaHx01OyyYisfED07iRFAJIR4glnwPpHv8rijbxnb6nohyrFcuAF_nu876SMJ8g7egu/s1600/0069.gif"


// Ghi chú cho ảnh
message[0]="Welcome to my Blog"
message[1]="dunghennessy"
message[2]="Cám ơn các bạn đã ghé tham quan"
message[3]="Chúc các bạn luôn vui khoẻ"

// set the links corresponding to the images above (no more no less than the images above)
// Nếu muốn đặt liên kết thì thay dấu # bằng link mình muốn liên kết đến
thislink[0]="#"
thislink[1]="#"
thislink[2]="#"
thislink[3]="#"

// Chiều rộng của ảnh (pixel)
var imgwidth=240

// Chiều cao của ảnh (pixel)
var imgheight=320

// set stillstand of picture (seconds)
var stillstand=2.5

// set opacity-strength (transparency-effect). Values may range from 1 to 100
var opacitystrength=60

/////////////////////////////////////////////////
// SCRIPT-CONFIGURATION STOPS HERE
/////////////////////////////////////////////////


// Do not edit below this line
var tmr
var step=10
var i=imgwidth
var i_imgurl=0
stillstand*=1000

var preloadedimages=new Array()
for (iii=0;iii<imgurl.length;iii++){
            preloadedimages[iii]=new Image()
            preloadedimages[iii].src=imgurl[iii]
}

function shrinkpic() {
            document.getElementById("textbox").innerHTML=""
            if (i>0) {
                        i-=step
                        document.getElementById("picdiv").style.width=i+"px"
                        document.getElementById("picdiv").style.height=i*(imgheight/imgwidth)+"px"
                        document.getElementById("picdiv").style.left=imgwidth/2-(i/2)+"px"
                        document.getElementById("picdiv").style.top=(imgwidth/2-(i/2))*(imgheight/imgwidth)+"px"
                        tmr=setTimeout("shrinkpic()",20)
            }
            else {
                        i_imgurl++
                        if (i_imgurl>=imgurl.length) {
                                    i_imgurl=0
                        }
                        document.getElementById("picdiv").style.background="url("+imgurl[i_imgurl]+")"
                        i=1
                        tmr=setTimeout("enlargepic()",20)
            }
}

function enlargepic() {
            if (i<=imgwidth) {
                        i+=step
                        document.getElementById("picdiv").style.width=i+"px"
                        document.getElementById("picdiv").style.height=i*(imgheight/imgwidth)+"px"
                        document.getElementById("picdiv").style.left=imgwidth/2-(i/2)+"px"
                        document.getElementById("picdiv").style.top=(imgwidth/2-(i/2))*(imgheight/imgwidth)+"px"
                        tmr=setTimeout("enlargepic()",20)
            }
            else {
                        i=imgwidth
                        showmessage()
            }
}

function showmessage() {
            document.getElementById("textbox").innerHTML='<span class="textboxbackgroundstyle">'+message[i_imgurl]+'</span>'
            tmr=setTimeout("shrinkpic()",stillstand)
}

function gotothislink(){
            document.location.href=thislink[i_imgurl]

}

document.write('<div id="roof" style="position:relative;width:'+imgwidth+'px;height:'+imgheight+'px;">')
document.write('<div id="picdiv" class="curveandshadowstyle" style="position:absolute;background:url('+imgurl[0]+');width:'+imgwidth+'px;height:'+imgheight+'px;top:0px;left:0px;"></div>')

document.write('<div id="tt" onClick="gotothislink()" style="position:absolute;width:'+imgwidth+'px;height:'+imgheight+'px;top:0px;left:0px;filter:alpha(opacity='+opacitystrength+');opacity:'+(opacitystrength/100)+';cursor:pointer;"><table width='+imgwidth+' height='+imgheight+'><tr><td id="textbox" class="textboxstyle"><span class="textboxbackgroundstyle">'+message[0]+'</span></td></tr></table></div>')

document.write('</div>')

window.onload=shrinkpic
</script></center>
<!-- END OF THE CODE FOR THE CSS-3-SLIDESHOW-->


Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ theo ý thích của mình, sau cùng bấm Lưu lại là xong.

Mở rộng thêm:
* Nếu muốn thêm nhiều ảnh nữa, bạn copy dòng lệnh này
imgurl[n+1]="Link ảnh"


Dán tiếp xuống phía dưới các link ảnh, trong đó n là số thứ tự cuối cùng của ảnh. Ví dụ ở code trên tôi có SlideShow gồm tất cả 10 ảnh được đánh số từ 0 - 9, nếu thêm một ảnh nữa thì ảnh cuối cùng của tôi là 10 thì SlideShow sẽ có tất cả 11 ảnh...thì code sẽ giống như vầy:
.......................
imgurl[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpyc1A56LAKpQF_-5Azy-Ljr8s2HuRQtlCWZ_QQz_uAwcMSKjbQKzP8C53cpqAq_EyfBCNIZRN2cvNjx9MXie45hU2HXkpyVa1O2zaxQP_Ukb3nt2mvxCD-yFS5dqXhKLljv7SWvgtJXX2/s1600/0003.gif"
imgurl[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKV4-Bp1Ruk1l1h8ovYsg_UJ9rl-PQmt2C7aJ8tL6ZPswVpKSgfCiLshIr7BGK99qe3ThsdHtgZCYT3QN9cUlV2A3Np2FqB35u3MV4xcujClWFUVrOZd_IgeINZB1KhkEpkuFZLISKzj9V/s1600/0008.gif"
imgurl[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtwSvo93YKdOcTNyEYdPWljuok77F1fSKJtSOtx2KjB56QtE40WcvDJv5x58sF7l-wNlgcXAoQHmvJSH2ZVxKzQmN0vn-1KWcLQ_F5pp9Y_rWps6tCoZmcELgEjt9sAyEMVI7wmXjyy_2u/s1600/0009.gif"
imgurl[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia9VFgBamR4wnOZh8T9NUCe2L4NmLIs8Q3_VU7fyhD748io_lCR1OsMZR1s9bqNwK0puPODN9_bFXutkCSLSswxOtyf7SQH5GF0qVQ3KQ81zANAzmI8qmuQQ5LMGMFizTmtB08tML3N6t0/s1600/0019.gif"
imgurl[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3WBq4rqcbxvGQArnaCMNNblriCVIxiW8sZAqu-bUkPAytuXcy-4spO4Df-J_36DZ_ThuS4q61qqL2Pn_F3oMUlwzgbR274X5s7_4RHF1jRyEQHfTOE36GwtMZXisPxVgXixXUuMMFT76/s1600/0027.gif"
imgurl[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNZcpae7MPMaOXKj8qGeumCTEr7f1WNNgc6b1TOCG6is4jXNEAUmjldn-9Q63TekWxuyy3MTiBOUEcJY3Nzm9fONosEiLgh45Et4HaZmTFxQ9d74UC12P6ihcgfKxBpWKY3FS9GyIP1AY/s1600/0048.gif"
imgurl[6]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoXASc2zqVhJRxIcpa9hG2ss4N5YbOOc5jdyBCdu-ir48eYKjkKX4xRaMkOI6X2BWp3LTeFYYN55GFmcgM2KHenAca5XEjdDH-qCCjoJImGyzfyVVimkZfs-J24543vjDEe1D2b5HQtlcD/s1600/0050.gif"
imgurl[7]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxV0BjLK_cAqleXKkIEluCIrs9-j3aY6vU5u4poS5tkNORWW6jkO5rBvb4ARQiJOUAyKseKGfeAjSaBzJN39GmoswyXcJhcoW888zZ1cQ0rA6fOmBsvYx44nBMJTXdmiscIVHpVFbCHXG_/s1600/0059.gif"
imgurl[8]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOUjsrd8f04XledVcwGBQO7e9Xfo9KN2oGMyxFeMp4LY8_nQLJWkG2O73CGKCwJoGxxYRJEG-2CCZ6xOWF8LhkBiCHDeMLjbpcHnl-bwzFp4C1VMQcSicd9np99A8fPPLiAZ6L-Km-8h5v/s1600/0062.gif"
imgurl[9]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinsTVzG4UdCxWjEYP6GtxbeiK8nYrubwLnmOV4mWA9_hENr2HBXEfiGJWLtJrKOyI82po__nMe5PaHx01OyyYisfED07iRFAJIR4glnwPpHv8rijbxnb6nohyrFcuAF_nu876SMJ8g7egu/s1600/0069.gif"
imgurl[10]="Link ảnh"
.........................
Dòng lệnh màu xanh là dòng lệnh mới thêm.
Và để slideshow được đẹp, các bạn nên chọn các ảnh có cùng kích thước và thay đổi kích thước của khung trình chiếu bằng với kích thước của ảnh....

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




More about