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 →

HIỂN THỊ BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 3)

Với thủ thuật này, các bài viết trong cùng một nhãn sẽ hiển thị một bài mới nhất ở phía trên, bên cạnh là vài dòng giới thiệu đầu (bạn có thể cho hiển thị một hay nhiều bài có hình cũng được), các bài viết còn lại sẽ hiển thị phía dưới dạng List (chỉ có các tiêu đề). Khi bạn bấm vào dòng tiêu đề đầu tiên có màu nền xanh (thủ thuật Windows 7) thì sẽ xem hết các bài trong nhãn...

Mời các bạn xem thử hình phía dưới sẽ thấy rõ hơn.

Hiển thị một bài mới nhất có hình phía trên, các bài còn lại hiển thị dạng List

Hiển thị 2 bài mới nhất có hình phía trên, các bài còn lại hiển thị dạng List

Đầ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ả các code phía dưới vào.

<style type="text/css">
#itechplus-rc {width:260px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}
.itechplus-rc h2{background:#39c;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold}
.itechplus-rc ul{list-style:none;margin:0;padding:0}
.itechplus-rc li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Mj5BVwc9B8A6r5djya47JHYMJNPgUj9F31g9tZB8dtJ9j4fHvY5p1im5La8uY4b2GJKBmJmNbyx8r4j_QwOE3elH2M55D1o_CDZvGfpxleWTk5yq5CSnqO2zen86chtxxFcOqjUcUBff/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.itechplus-rc h2 a:link, .itechplus-rc h2 a:visited {color:#fff}
</style>
<div id="itechplus-rc" class="itechplus-rc">
<h2><a href="http://www.dungheineken.blogspot.com/search/label/WIN 7">Thủ thuật Windows7</a></h2>
<script type='text/javascript'>
numposts = 5; list1 = 1; sumPosts = 168;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
    var s = a.split("<");
    for (var i = 0; i < s.length; i++) {
        if (s[i].indexOf(">") != -1) {
            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
        }
    }
    s = s.join("");
    s = s.substring(0, b - 1);
    return s
}
function showrecentposts(e) {
    img = new Array();
    for (var i = 0; i < numposts; i++) {
        var f = e.feed.entry[i];
        var g = f.title.$t;
        var h;
        if (i == e.feed.entry.length) break;
        for (var k = 0; k < f.link.length; k++) {
            if (f.link[k].rel == 'alternate') {
                h = f.link[k].href;
                break
            }
        }
        if ("content" in f) {
            var j = f.content.$t
        } else if ("summary" in f) {
            var j = f.summary.$t
        } else
        var j = "";
        s = j;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '">' + g + '</a></li>';
        if ((i >= 0) && (i < list1)) {
            var n = l
        }
        if (i == list1) {
            var n = '<div class="itechplus-rc"><ul>' + m
        }
        if ((i > list1) && (i < numposts - 1)) {
            var n = m
        }
        if (i == numposts - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
document.write("<script src=\"http://www.dungheineken.blogspot.com/feeds/posts/default/-/WIN 7?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>

Bây giờ, bạn thay đổi các đường link màu đỏ (http://www.dungheineken.blogspot.com/feeds/posts/default/-/WIN 7) là địa chỉ nhãn mà bạn muốn hiển thị, thay đổi các số màu xanh theo ý muốn của bạn:

* Numposts (Số bài hiển thị kể cả có hình hoặc không có hình).

* List1 (Số bài hiển thị có hình)

* SumPots (Số chữ giới thiệu ở bài có hình)

* Width (độ rộng của khung tiện ích)

và bấm LƯU lại là xong

LƯU Ý: Các bạn phải điền thật chính xác địa chỉ nhãn của bạn ở các dòng màu đỏ, nếu không nó sẽ bị lỗi và không hiển thị được.

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

Nguồn: Itech Plus

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 →

FOLIOPRESS THEMES

Đây là Theme không có side nào, khung bài đăng được phân thành nhiều ô nhỏ (thuận tiện cho các bạn đăng hình ảnh), có 3 cột sidebar phía dưới chân Blog, 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 FOLIOPRESS

Xem trước  Download

Nguồn: Btemplate box

More about →