tháng 10 2011 | blogcuatui

Home » Archives for tháng 10 2011

XEM 1.000 BỘ PHIM FULL-LENGTH

Người đăng: yeu mai em on Thứ Hai, 31 tháng 10, 2011

Khác với trailer hay exerpt (những đoạn video ngắn chỉ mang tính giới thiệu hoặc trích dẫn), Full-length là những bộ phim được phát trọn vẹn (đúng thời gian thực). Lâu nay vì yếu tố bản quyền, nên nhiều Website chia sẻ video (trong đó có YouTube), gặp rất nhiều khó khăn khi muốn công chiếu nhưng bộ phim này trên màn hình máy tính. Tuy nhiên, ngày 07/10 vừa qua với cái gật đầu của những ông trùm tại kinh đô điện ảnh thế giới Hollywood mọi thứ đã gần như thay đổi hoàn toàn...

Theo hợp đồng đa phương vừa được ký kết giữa Goolge (chủ sở hữu thương hiệu YouTube), Warner Bros, Universal cùng nhiều hãng phim danh tiếng khác, trước mắt YouTube được phép upload gần 1.000 bộ phim thuộc nhiều thể loại khác nhau trên kênh mới Movies. Dự kiến, công việc này sẽ hoàn tất trước mùa giáng sinh năm nay.

Để khám phá kênh mới này, trước tiên bạn cần truy cập VÀO ĐÂY, sau đó lựa chọn cho mình một loại phim ưa thích từ danh sách liệt kê trong vùng Tất cả danh mục (All Categories), danh sách sẽ xổ xuống bao gồm các thể loại: Phim mới phát hành (New Releases), Hành động và phiêu lưu (Action & Adventure), Hoạt ảnh và hoạt hình (Animation & Cartoon), Cổ điển (Classics), Hài kịch (Comedy), Tội phạm (Crime), Tài liệu (Documentary), Kịch (Drama), Gia đình (Family), Nước ngoài (Foreign Film), Kinh dị (Horror), Điện ảnh Ấn Độ (Indian Cinema), Bí ẩn ly kỳ (Mystery & Suspense), Lãng mạn (Romance), Khoa học viễn tưởng (Science Fiction)...

Khi đã chọn được thể loại cần xem, một trang Web mới sẽ đưa bạn tới các phim ở thể loại đó được liệt kê bằng những ảnh minh hoạ của phim, nếu bạn trỏ con chuột vào ảnh của một phim bất kỳ, bạn sẽ thấy được những thông tin hữu ích có liên quan: nội dung phim, diễn viên, nhãn phân loại phim, thời lượng phim, năm sản xuất...

Muốn xem phim nào, bạn chỉ cần bấm và ảnh minh hoạ của bộ phim cần xem rồi bấm vào nút Xem ngay bây giờ (Watch Now) và "rung đùi" thưởng thức bộ phim.

Trong thời gian tới, YouTube còn công bố thêm kênh Movies Extras, kênh này đăng những clip giới thiệu về hậu trường của các bộ phim "bom tấn" sắp được công chiếu, những cuộc phỏng vấn độc quyền với các ngôi sao điện ảnh hàng đầu thế giới cùng nhiều nội dung đặc sắc khác có liên quan...

Nếu bạn là "tín đồ" của màn ảnh thì hãy "thử một lần xem sao? Bạn sẽ thích ngay mà..."

Chúc các bạn vui

More about →

Script phân trang cho bảng

Người đăng: yeu mai em

Trước đây hẳn bạn nghe nhiều đến script phân trang cho toàn bộ blog và phân trang cho nội dung trong bài viết, chứ ít khi nghe kiểu phân trang cho bảng. Đôi khi bạn cần phải dùng đến bảng (table) để bố trí nội dung theo nhiều cột và nhiều dòng giống như trong văn bản Microsoft Word. Trong trường hợp nội dung quá nhiều thì bảng sẽ trở nên rất dài, khi đó với script phân trang sẽ giúp bảng trở nên gọn gàng hơn.

DEMO

Để phân trang cho bảng như vậy, bạn hãy thực hiện như sau:

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML. Đặt đoạn code sau đây vào trước thẻ </head>.

<script type="text/javascript">
//<![CDATA[
function Pager(tableName, itemsPerPage) {
this.tableName = tableName;
this.itemsPerPage = itemsPerPage;
this.currentPage = 1;
this.pages = 0;
this.inited = false;
this.showRecords = function(from, to) {
var rows = document.getElementById(tableName).rows;
// i starts from 1 to skip table header row
for (var i = 1; i < rows.length; i++) {
if (i < from || i > to)
rows[i].style.display = 'none';
else
rows[i].style.display = '';
}
}
this.showPage = function(pageNumber) {
if (! this.inited) {
alert("not inited");
return;
}
var oldPageAnchor = document.getElementById('pg'+this.currentPage);
oldPageAnchor.className = 'pg-normal';
this.currentPage = pageNumber;
var newPageAnchor = document.getElementById('pg'+this.currentPage);
newPageAnchor.className = 'pg-selected';
var from = (pageNumber - 1) * itemsPerPage + 1;
var to = from + itemsPerPage - 1;
this.showRecords(from, to);
}
this.prev = function() {
if (this.currentPage > 1)
this.showPage(this.currentPage - 1);
}
this.next = function() {
if (this.currentPage < this.pages) {
this.showPage(this.currentPage + 1);
}
}
this.init = function() {
var rows = document.getElementById(tableName).rows;
var records = (rows.length - 1);
this.pages = Math.ceil(records / itemsPerPage);
this.inited = true;
}
this.showPageNav = function(pagerName, positionId) {
if (! this.inited) {
alert("not inited");
return;
}
var element = document.getElementById(positionId);
var pagerHtml = '<span onclick="' + pagerName + '.prev();" class="pg-normal"> &#171 Prev </span> | ';
for (var page = 1; page <= this.pages; page++)
pagerHtml += '<span id="pg' + page + '" class="pg-normal" onclick="' + pagerName + '.showPage(' + page + ');">' + page + '</span> | ';
pagerHtml += '<span onclick="'+pagerName+'.next();" class="pg-normal"> Next »</span>';
element.innerHTML = pagerHtml;
}
}
//]]>
</script>

Bước 2. Đặt đoạn CSS sau đây vào trước dòng ]]></b:skin> để định dạng các thuộc tính cho phần phân trang:

.pg-normal {
color: red;
font-weight: normal;
text-decoration: none;
cursor: pointer;
}
.pg-selected {
color: black;
font-weight: bold;
text-decoration: underline;
cursor: pointer;
}

Lưu Template.

Bước 3. Khi tạo nội dung trong một bài viết nào đó, hãy sử dụng cấu trúc HTML cho bảng dưới dạng như sau (ở đây demo bảng có 3 cột và 9 dòng để phân trang thành 3 trang, bạn có thể vận dụng linh hoạt):

<table id="results">
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
<tr>
<td>Column 1 – Row 1</td>
<td>Column 2 – Row 1</td>
<td>Column 3 – Row 1</td>
</tr>
<tr>
<td>Column 1 – Row 2</td>
<td>Column 2 – Row 2</td>
<td>Column 3 – Row 2</td>
</tr>
<tr>
<td>Column 1 – Row 3</td>
<td>Column 2 – Row 3</td>
<td>Column 3 – Row 3</td>
</tr>
<tr>
<td>Column 1 – Row 4</td>
<td>Column 2 – Row 4</td>
<td>Column 3 – Row 4</td>
</tr>
<tr>
<td>Column 1 – Row 5</td>
<td>Column 2 – Row 5</td>
<td>Column 3 – Row 5</td>
</tr>
<tr>
<td>Column 1 – Row 6</td>
<td>Column 2 – Row 6</td>
<td>Column 3 – Row 6</td>
</tr>
<tr>
<td>Column 1 – Row 7</td>
<td>Column 2 – Row 7</td>
<td>Column 3 – Row 7</td>
</tr>
<tr>
<td>Column 1 – Row 8</td>
<td>Column 2 – Row 8</td>
<td>Column 3 – Row 8</td>
</tr>
<tr>
<td>Column 1 – Row 9</td>
<td>Column 2 – Row 9</td>
<td>Column 3 – Row 9</td>
</tr>
</table>
<div id="pageNavPosition"></div>
<script type="text/javascript"><!--
var pager = new Pager('results', 3);
pager.init();
pager.showPageNav('pager', 'pageNavPosition');
pager.showPage(1);
//--></script>

Ở đoạn script trên thì số 3 biểu thị số dòng mỗi trang, bạn có thể điều chỉnh tùy theo trường hợp áp dụng của bạn.

More about →

TIỆN ÍCH XEM BÁO TRỰC TIẾP NGAY TẠI BLOG (KIỂU 2)

Người đăng: yeu mai em

Trước đây, tôi có chia sẻ với các bạn tiện ích xem báo ngay tại blog (kiểu 1) xem TẠI ĐÂY, hôm nay tôi sẽ tiếp tục chia sẻ với các bạn cách gắn tiện ích xem báo hoặc xem trang Web ưa thích trực tiếp ngay tại Blog (kiểu 2).

Với kiểu này, các trang Web, trang báo sẽ có các Tab riêng biệt, được sắp xếp khá gọn gàng ở hàng phía trên cùng, khi muốn xem trang nào các bạn chỉ cần bấm về tab đó để xem mà không cần rời khỏi trang Blog hiện tại. Nếu muốn xem trang Web đó ở một tab mới, các bạn chỉ cần đánh dấu chọn vào hàng chữ cuối cùng của khung Open tab links in browser window instead, ngay lập tức sẽ mở trang Web đó ở một trang riêng biệt hoàn toàn.

Bạn bấm vào XEM THỬ phía dưới để trải nghiệm nha.

Xem thử

Rất đơn giản, chỉ cần bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML rồi dán tất cả các code phía dưới vào

/*Eric Meyer's based CSS tab*/

#tablist{

padding: 3px 0;

margin-left: 0;

margin-bottom: 0;

margin-top: 0.1em;

font: bold 12px Verdana;

}

#tablist li{

list-style: none;

display: inline;

margin: 0;

}

#tablist li a{

text-decoration: none;

padding: 3px 0.5em;

margin-left: 3px;

border: 1px solid #778;

border-bottom: none;

background: white;

}

#tablist li a:link, #tablist li a:visited{

color: navy;

}

#tablist li a:hover{

color: #000000;

background: #C1C1FF;

border-color: #227;

}

#tablist li a.current{

background: lightyellow;

}

</style>

/***********************************************

* Tabbed Document Viewer script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

var selectedtablink=""

var tcischecked=false

function handlelink(aobject){

selectedtablink=aobject.href

tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false

if (document.getElementById && !tcischecked){

var tabobj=document.getElementById("tablist")

var tabobjlinks=tabobj.getElementsByTagName("A")

for (i=0; i<tabobjlinks.length; i++)

tabobjlinks[i].className=""

aobject.className="current"

document.getElementById("tabiframe").src=selectedtablink

return false

}

else

return true

}

function handleview(){

tcischecked=document.tabcontrol.tabcheck.checked

if (document.getElementById && tcischecked){

if (selectedtablink!="")

window.location=selectedtablink

}

</script>

</ul>

<input name="tabcheck" type="checkbox" onClick="handleview()"> Open tab links in browser window instead.

</form>

Bây giờ, bạn thay địa chỉ trang Web hoặc trang tờ báo ở dòng lệnh

<li><a href="Địa chỉ trang Web, bạn dán vào đây" onClick="return handlelink(this)">Tên tờ báo</a></li>

Nếu muốn thêm một trang Web nào nữa thì bạn chỉ cần dán thêm dòng lệnh phía trên vào phía dưới tiếp theo là được, cuối cùng bấm Lưu lại rồi trở lại vào Blog xem kết quả

More about →

XEM TRỰC TIẾP MỘT TRANG WEB NGAY TẠI BLOG

Người đăng: yeu mai em on Chủ Nhật, 30 tháng 10, 2011

Khi đang ở trang Blog của mình, nếu bạn muốn xem một trang Web bất kỳ nào đó thì bạn phải mở thêm Tab mới trên trình duyệt.

Với thủ thuật đơn giản dưới đây, bạn có thể xem trang Web mình ưa thích ngay tại trang Blog của mình mà không cần mở Tab mới và không cần rời khỏi trang Blog của mình "nửa bước"!!!

Bạn bấm vào XEM THỬ phía dưới để thử nghiệm nha

Xem thử

Đầu tiên bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML rồi copy đoạn code phía dưới dán vào.

Bây giờ, bạn thay địa chỉ trang Web mình ưa thích vào thay cho dòng lệnh URL OF WEB PAGE, bạn có thể chỉnh sửa độ dài của trang Web hiển thị trên Blog mình bằng cách thay số 400 bằng số khác mà mình muốn. Cuối cùng bấm Lưu lại và quay trở lại xem kết quả nha.

More about →

Thêm 2 cột tiện ích trên khu vực bài đăng

Người đăng: yeu mai em on Thứ Bảy, 29 tháng 10, 2011

Thông thường các bạn có thể thêm nhiều tiện ích trên 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 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-left2' showaddelement='yes'>
<b:widget id='Text512' locked='false' title='Column 1' type='Text'/>
</b:section>

<b:section class='sidebar' id='magazine-right2' showaddelement='yes'>
<b:widget id='Text522' locked='false' title='Column 2' type='Text'/>
</b:section>

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 trên 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 →

Sổ lưu niệm

Người đăng: yeu mai em on Thứ Sáu, 28 tháng 10, 2011

Lời đầu tiên xin chân thành cảm ơn sự ủng hộ nhiệt tình của quý bạn đọc gần xa đối với trang web Thủ thuật Blogger trong thời gian qua.

Ban Quản trị Thủ thuật Blogger đã, đang và sẽ không ngừng nỗ lực phấn đấu để trang web ngày càng phong phú hơn, chất lượng hơn để đáp ứng yêu cầu ngày càng cao của các bạn. Quả thật, trong chặng đường đã qua không thể nào tránh khỏi những thiếu sót, những điều chưa hoàn thiện. Nếu các bạn cảm thấy những điểm chưa hài lòng, chưa có sự đổi mới, hẳn đó là vì sức lực của Ban Quản trị cũng có hạn, không thể làm thỏa mãn đến từng chân tơ kẻ tóc đối với tất cả mọi mong muốn của bạn đọc. Rất mong quý bạn đọc cảm thông.

Sổ lưu niệm là nơi để các bạn viết vài dòng nhắn gửi, những lời tri ân hoặc những góp ý đối với Ban Quản trị giúp Thủ thuật Blogger có thêm cơ sở để ngày càng nâng cao chất lượng thông tin. Sổ lưu niệm cũng có thể là nơi khách vãng lai lưu lại những dòng chân tình nhắn nhủ với người thân quen, tri kỷ, người yêu dấu, bạn bè … để nhỡ biết đâu đó người ấy có thể đọc được tâm tình của bạn …

Quy định chung của Sổ lưu niệm: sử dụng tiếng Việt có dấu; ngôn ngữ nghiêm túc, lành mạnh.

Thân mến!

More about →

Định dạng CSS riêng cho các tag có số bài viết nhiều hơn một số nhất định

Người đăng: yeu mai em on Thứ Năm, 27 tháng 10, 2011

Tiện ích đám mây nhãn (Tag Cloud) rất cần thiết cho blogspot, giúp người dùng dễ dàng tìm kiếm bài viết theo từng chuyên mục. Trước đây mình đã từng hướng dẫn tùy biến màu sắc cho các tag trên tiện ích này. Hôm nay mình sẽ hướng dẫn bạn cách định dạng CSS riêng cho các tag có số bài viết nhiều hơn một con số nhất định nào đó. Bạn có thể xem demo ở tiện ích Tag Cloud trên Thủ thuật Blogger. Ở đây mình định dạng cho các tag có số bài viết lớn hơn số 10.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML. Chọn Expand Widget Templates. Tìm thẻ đóng </b:widget> của một tiện ích bất kỳ mà bạn muốn đặt tiện ích Tag Cloud này gần với nó, rồi đặt sau thẻ </b:widget> đã tìm bằng đoạn code bên dưới:

<b:widget id='Label100' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:loop values='data:labels' var='label'>
<b:if cond='data:label.count > 10'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<style>
a#more10post_label {background:#777;padding: 0 3px 0 3px}
</style>
<b:if cond='data:showFreqNumbers'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"' expr:title='data:label.count + " bài viết trong nhãn " + data:label.name' id='more10post_label'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"'><data:label.name/></a>
</b:if>
</b:if>
</span>
<b:else/>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<b:if cond='data:showFreqNumbers'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"' expr:title='data:label.count + " bài viết trong nhãn " + data:label.name'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"'><data:label.name/></a>
</b:if>
</b:if>
</span>
</b:if>
</b:loop>
</div>
</b:includable>
</b:widget>

Ở đây mình gán id='more10post_label' để chuyên biệt hóa liên kết của các tag có số bài viết lơn hơn 10. Từ đó bạn có thể thêm thuộc tính CSS (ở dòng code số 14) để tạo bản sắc cho tiện ích.

Lưu Template.

Bước 2. Vào Page Elements. Chỉnh sửa tiện ích Tag Cloud, cho tiện ích hiển thị dưới dạng Cloud và chọn Show number of posts per label theo như hình minh họa bên dưới.

Về phần CSS, bạn có thể tham khảo thêm ở bài viết Tùy biến tiện ích đám mây nhãn.

More about →

TẠO 5 TAB CHO MỘT TIỆN ÍCH

Người đăng: yeu mai em

Để 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ế > Thêm tiện ích HTML và dán tất cả code phía dưới vào

<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td align="middle" onclick="st2('1')" height="22" id="tt1"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid" width="70"
class="Tab1"><a id="aa1"
class="srchlinksel2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 1</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('2')" height="22" id="tt2"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="47"
class="tb2"><a id="aa2"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 2</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('3')" height="22" id="tt3"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="62"
class="tb2"><a id="aa3"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 3</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('4')" height="22" id="tt4"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="48"
class="tb2"><a id="aa4"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 4</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('5')" height="22" id="tt5"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="52"
class="tb2"><a id="aa5"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 5</b></font></a></td></tr>
<tr>
<td colspan="9">
<div style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP:
0px; BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px;
BORDER-BOTTOM: 0px"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380" height="5">
<tbody>
<tr>
<td height="5"></td></tr></tbody></table>
   <font color="#797979" class="f10"
>



</font>


<div id="dd1" style="BORDER-RIGHT: #b5d6ef 0px solid;
BORDER-TOP: 0px; DISPLAY: block; VISIBILITY: visible;
BORDER-LEFT: #b5d6ef 0px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 1, BẠN DÁN VÀO ĐÂY
</font></td>
</tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com/"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table></div></div>
<div id="dd2" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 2, BẠN DÁN VÀO ĐÂY
</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table></div>
<div id="dd3" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 3, BẠN DÁN VÀO ĐÂY
</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table></div>
<div id="dd4" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 4, BẠN DÁN VÀO ĐÂY
</font></td>
</tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table></div>
<div id="dd5" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 5, BẠN DÁN VÀO ĐÂY
</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td
height="4"></td></tr></tbody></table>

Bây giờ, bạn thay đổi TIÊU ĐỀ TIỆN ÍCH (dòng màu đỏ) và NỘI DUNG TIỆN ÍCH (dòng màu xanh), và bấm Lưu lại là xong.

Lưu ý: Tiện ích mẫu tôi làm với kích thước 380px, nếu bạn muốn thay đổi để cho phù hợp với blog của mình thì bạn phải thay đổi TẤT CẢ SỐ 380px THÀNH SỐ KHÁC MÀ MÌNH MUỐN

More about →

CÁC MẪU BÌA ĐỒ ÁN, KẾ HOẠCH ĐẸP

Người đăng: yeu mai em on Thứ Tư, 26 tháng 10, 2011

Trong thời gian "lang thang" trên mạng, vô tình tôi gặp được một trang Web đăng các mẫu bìa để làm đồ án, làm kế hoạch hoặc giáo án cho học sinh, sinh viên và các thầy cô khá đẹp mắt. Với các mẫu bìa này, các bạn có thể chỉnh sửa lại theo ý của mình, sau đó in ra để phục vụ công tác cho chính mình hoặc cho bạn bè khá tiện lợi. Các bạn xem hình mẫu phía dưới.

Đây là những file Word, rất dễ chỉnh sửa, các bạn có thể chỉnh sửa lại tiêu đề, tên trường lớp hoặc thêm bất kỳ mục nào mình thích và có thể xoá bớt các mục không cần thiết...

Các bạn có thể tải TẠI ĐÂY.

More about →

THAY ĐỔI MÀU NỀN VÀ THÊM ICON CHO THANH TIÊU ĐỀ TIỆN ÍCH

Người đăng: yeu mai em on Thứ Ba, 25 tháng 10, 2011

Các bạn có thể dễ dàng thay đổi màu nền cho thanh tiêu đề tiện ích khi vào thẻ "Trình thiết kế mẫu", nhưng thẻ này chỉ áp dụng cho giao diện Blogger mặc định, còn các giao diện bạn tải trên mạng sẽ vô ích với "Trình thiết kế mẫu" này.

Đối với giao diện tải về trên mạng, bạn phải áp dụng thủ thuật sau:

Đầ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 chọn Mở rộng mẫu tiện ích), bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào dòng lệnh .main .Blog { và Enter thì bạn sẽ thấy dòng lệnh giống như vầy:

.main .Blog {
border-bottom-width: 0;
}

Bây giờ, bạn thêm vào sau nó dòng lệnh dưới đây:

.sidebar .widget h2 {
background: yellow url('URL OF YOUR IMAGE') no-repeat left top;
margin-top:5px;
text-indent: 20px;
padding:7px;
}

Code ở trên đang áp dụng màu nền vàng, bạn có thể thay đổi màu khác để thích hợp với màu giao diện của Blog mình bằng cách thay đổi chữ Yellow thành: green (xanh da trời), Blue (xanh dương), White (trắng), Black (đen), Red (đỏ)...và dán link icon vào thay thế dòng lệnh URL OF YOUR IMAGE và bấm Lưu mẫu là xong

More about →

blogcuatui

XEM 1.000 BỘ PHIM FULL-LENGTH

Script phân trang cho bảng

TIỆN ÍCH XEM BÁO TRỰC TIẾP NGAY TẠI BLOG (KIỂU 2)

XEM TRỰC TIẾP MỘT TRANG WEB NGAY TẠI BLOG

Thêm 2 cột tiện ích trên khu vực bài đăng

Sổ lưu niệm

Định dạng CSS riêng cho các tag có số bài viết nhiều hơn một số nhất định

TẠO 5 TAB CHO MỘT TIỆN ÍCH

CÁC MẪU BÌA ĐỒ ÁN, KẾ HOẠCH ĐẸP

THAY ĐỔI MÀU NỀN VÀ THÊM ICON CHO THANH TIÊU ĐỀ TIỆN ÍCH

shares

Like

menu

Category

Popular Posts

About Me

Labels

Recent Posts

Categories

Subscribe

Recent Comments

Popular Posts

Connect With Us

Popular Posts