TẠO ẢNH KÈM FLASH VÀO BLOG

Bạn có thể dễ dàng gắn ảnh tĩnh và ảnh động vào Blog hoặc vào các bài đăng, tuy nhiên để hình ảnh thêm đẹp bạn nên thêm vào ảnh một hiệu ứng flash...

Nhưng thêm hiệu ứng Flash vào ảnh như thế nào? Bài viết dưới đây sẽ giúp các bạn làm được điều này.

Để hiểu rõ hơn, mời các bạn xem các hình phía dưới.

Hình phía trên là hình gốc, hình phía dưới là hình đã thêm hiệu ứng Flash nhưng hình ảnh gốc vẫn "y chang" không thay đổi gì khác.

Để làm được như vậy, bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript, rồi dán code phía dưới vào.

<table><tbody><tr><td style="border:0px solid rgb(180, 4, 4);background:transparent url(Link Ảnh) repeat;width:X;"><embed type="application/x-shockwave-flash" AllowScriptAccess='never' src="http://i173.photobucket.com/albums/w49/chiplove9xpro/Flash/Share/chiploveFlashloader.swf?file=Link Flash&scalemod=true" wmode="transparent" height="Y" width="X2"></embed></tr></tbody></table>

Bây giờ, bạn thay thế các lệnh màu đỏ để phù hợp với blog của mình:

Link Ảnh : Thay Link ảnh muốn chèn vào.
X là chiều rộng của ảnh

Y là chiều cao.

X2 = X
Link Flash : Thay Link của file Flash muốn chèn vào.

Và cuối cùng bấm Lưu lại là xong.

Nếu bạn chưa có sẳn link file Flash, các bạn có thể xem các bài: TRANG TRÍ TIÊU ĐỀ BLOG (gồm có 7 phần) để lựa chọn cho mình một số file Flash đẹp.

Còn muốn có một số hình ảnh đẹp để trang trí cho blog thì mời bạn VÀO ĐÂY

Chúc các bạn vui!!! 

More about →

THÊM 2 CỘT TIỆN ÍCH PHÍA DƯỚI KHU VỰC BÀI ĐĂNG

Thông thường các bạn có thể thêm nhiều tiện ích phía dưới khu vực bài đăng nhưng những tiện ích này sẽ có chiều ngang bằng với chiều ngang của khu vực bài đăng, điều này gây nhiều bất tiện khi bạn muốn chèn nhiều tiện ích có chiều ngang nhỏ hơn. 

Với thủ thuật dưới đây, các bạn có thể thêm được 2 cột tiện ích có chiều ngang dài bằng phân nửa chiều ngang của khu vực bài đăng.

Bạn xem hình phía dưới sẽ rõ

Đầu tiên, bạn đăng nhập vào Blog > Chọn Thiết kế > Chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào dòng lệnh <div id='main-wrapper'> rồi Enter, bạn sẽ thấy trên bảng lớn có dòng lệnh này và được highlight màu xanh.

Bạn copy code phía dưới và dán vào ngay sau dòng lệnh đó

<b:section class='sidebar' id='magazine-left' showaddelement='yes'>
<b:widget id='Text51' locked='false' title='Column 1' type='Text'/>
</b:section> <b:section class='sidebar' id='magazine-right' showaddelement='yes'>
<b:widget id='Text52' locked='false' title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>

Bước kế tiếp, bạn gõ vào hộp tìm kiếm dòng lệnh ></b:skin> và copy code phía dưới vào ngay trên dòng lệnh ></b:skin>


#magazine-left2 {
width: 45%;
float: left;
}
#magazine-right2 {
width: 45%;
float: right;
}

Cuối cùng, bấm Lưu mẫu rồi trở vào bố cục, bạn sẽ thấy dưới khu vực bài đăng của mình xuất hiện thêm 2 cột tiện ích.

Lưu ý: Thủ thuật này chỉ thực hiện thành công cho giao diện Blogspot V2 (giao diện tải về trên mạng), không thực hiện được đối với giao diện mặc định của Blogspot

More about →

ĐỒNG HỒ CÓ KÈM LỊCH

Trước đây, tôi có chia sẻ với các bạn một số mẫu đồng hồ đẹp (xem TẠI ĐÂY), kỳ này tôi chia sẻ thêm với các mẫu đồng hồ có kèm theo lịch (made in tự tui), mời các bạn xem các mẫu phía dưới.

 Mẫu 1:

Mẫu 2:







Mẫu 3:






Mẫu 4:






Mẫu 5:







Mẫu 6:







Mẫu 7:







Mẫu 8:







Mẫu 9:









Mẫu 10:







Mẫu 11:






Mẫu 12:

Các bạn thích mẫu nào thì gởi mã số và địa chỉ mail của bạn qua dungheineken@gmail.com, tôi sẽ gởi code cho các bạn...

More about →

ĐÙA VỚI TRANG CHỦ GOOGLE

Trong thời gian làm việc căng thẳng, bạn cần giải trí "chút đỉnh", có nhiều cách để giải trí như: nghe nhạc, xem phim, chơi game...nhưng bạn cũng có thể giải trí nhẹ nhàng với cách đùa giỡn với Trang chủ Google.

Nếu bạn đang sử dụng trình duyệt Google hoặc FireFox, bạn có thể BẤM VÀO ĐÂY, để trải nghiệm trang tìm kiếm của Google, thay vì hiển thị tìm thấy theo kiểu bình thường, trang Google sẽ xoay một vòng 360 độ rồi mới đứng yên để bạn xem kết quả.

Còn khi bạn BẤM VÀO ĐÂY thì trang tìm kiếm Google sẽ bị nghiêng một chút về bên tay phải của bạn.

Còn khi bạn BẤM VÀO ĐÂY, bạn sẽ thấy trang tìm kiếm Google bình thường như mọi khi nhưng khi bạn cần nhích nhẹ con chuột thì bất ngờ biểu tượng Google, thanh công cụ và thanh nhập từ khoá tìm kiếm sẽ vỡ vụn và rơi xuống đáy màn hình. Không chỉ có thế, bạn còn có thể bấm chuột vào các mảnh vỡ hoặc biểu tượng Google rồi tung chúng lên một cách ngẫu hứng trên màn hình để thư giãn, tuỳ vào lực ném của bạn mà biểu tượng Google và các mảnh vụn sẽ di chuyển và tác động vào nhau theo định luật vật lý.

Bạn thử xem sao

More about →

FLASH ĐẸP CHO BLOG (PHẦN 11)

Dưới đây là một số files flash đẹp để bạn có thể trang trí cho Blog mình thêm đẹp, ứng với mỗi files flash là mã code phía dưới, bạn chỉ cần copy và thêm tiện ích HTML/Javacrip rồi dán vào nơi mà bạn muốn. (Bạn có thể thay đổi kích thước ở mục height: chiều cao và width: chiều rộng để cho thích hợp với blog của mình).

Vì files flash nhiều sẽ làm cho Blog load chậm, do đó mỗi bài tôi chỉ giới thiệu 10 files (chia thành nhiều bài), mong các bạn thông cảm.

MẪU 1:

<embed bgcolor="#FFFFFF" height="320" width="450" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img224.imageshack.us/img224/9053/jeh3152hf1.swf" type="application/x-shockwave-flash" ><br /> </embed>

MẪU 2:

<embed bgcolor="#FFFFFF" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img216.imageshack.us/img216/272/t1611zh8.swf" type="application/x-shockwave-flash" width="450"></embed>

MẪU 3:

<embed bgcolor="#FFFFFF" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img227.imageshack.us/img227/1332/t1021nb3.swf" type="application/x-shockwave-flash" width="450"></embed><br />

MẪU 4:

<embed bgcolor="#FFFFFF" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://blog.roodo.com/ok5348/b3352422.swf" type="application/x-shockwave-flash" width="450"></embed>

MẪU 5:

<embed bgcolor="#FFFFFF" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img73.imageshack.us/img73/9937/t11wj6.swf" type="application/x-shockwave-flash" width="450"></embed>

MẪU 6:

<embed bgcolor="#FFFFFF" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img233.imageshack.us/img233/2029/t7js4.swf" type="application/x-shockwave-flash" width="450"></embed>

MẪU 7:

<embed bgcolor="#FFFFFF" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img234.imageshack.us/img234/8276/061fe7.swf" type="application/x-shockwave-flash" width="450"></embed>

MẪU 8:

<embed bgcolor="#FFFFFF" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img72.imageshack.us/img72/6906/ec97b0ec9db8ge5.swf" type="application/x-shockwave-flash" width="450"></embed>

MẪU 9:

<embed bgcolor="#FFFFFF" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img150.imageshack.us/img150/8971/8f8594ed1hy8.swf" type="application/x-shockwave-flash" width="450"></embed>

MẪU 10:

<embed bgcolor="#FFFFFF" height="320" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://img442.imageshack.us/img442/6228/82022655oe4.swf" type="application/x-shockwave-flash" width="450"></embed>

More about →

BLOGGER.TUBE THEMES

Đây là Theme có một menu ngang nằm phía trên, một sidebar bên tay phải, khu vực bài đăng được chia tay 3 ô nhỏ (giao diện này dùng để các bạn đăng bài bằng video trên YouTube), các bạn bấm xem trước phía dưới, nếu thích thì bấm Download để tải theme này về và cài đặt cho Blog của mình. Các bạn có thể xem bài "THAY ĐỔI GIAO DIỆN CHO BLOGGER" để biết cách cài đặt cho Blog

THEMES BLOGGER TUBE

Xem trước  Download

* Cách Add video:
Khi "post" vide các bạn làm các bước sau:
Đăng nhập vào Blog > Chọn Đăng bài mới, một ô để đăng bài hiện ra, các bạn bấm vào thẻ HTML.
Tiếp tục tại ô đăng bài bạn copy đoạn code này dán vào:
http://www.youtube.com/watch?v=CacWHKlSru0endofvid
Bây giờ bạn thay đổi đường link video (màu xanh) bằng đường link mình muốn nha. Cuối cùng bấm Xuất bản.
Chúc bạn thành công.
 

Nguồn: dantearaujo

More about →

TẠO TAB CHO BLOG (MẪU 3)

Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem tiện ích nào đó bất kỳ chúng ta chỉ việc bấm vào tiện ích đó, TAB tiện ích hiện hành sẽ đổi màu khác biệt so với các TAB khác...

Thủ thuật này cũng khá đơn giản.

Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)

XEM THỬ  

Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh </head>  và dán tất cả code phía dưới vào trên thẻ đóng </head> này và bấm Lưu mẫu.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">

</script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">

</script>

<script>

    $(document).ready(function() {

        $("#tabs").tabs();

    });

</script>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/hot-sneaks/jquery-ui.css" type="text/css" />  

Tiếp theo, bạn thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.

<div id="tabs">

<ul>

<li><a href="#tabs-1">Tiêu đề tiện ích 1</a></li>

<li><a href="#tabs-2">Tiêu đề tiện ích 2</a></li>

<li><a href="#tabs-3">Tiêu đề tiện ích 3</a></li>

</ul>

<div id="tabs-1">Nhập nội dung tiện ích 1 vào đây</div>

<div id="tabs-2">Nhập nội dung tiện ích 2 vào đây</div>

<div id="tabs-3">Nhập nội dung tiện ích 3 vào đây</div>

<span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">+ dungheineken</a></span>

<noscript><span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">dungheineken</a></span></noscript>

</div>

Bây giờ, bạn có thể thay tên hiển thị và dán nội dung của bạn vào code trên và bấm lưu mẫu, quay trở lại blog xem kết quả.

More about →