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

Người đăng: ngaybennhau on Thứ Ba, 15 tháng 11, 2011


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

Người đăng: ngaybennhau on Thứ Hai, 14 tháng 11, 2011

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

Người đăng: ngaybennhau

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

BLOGGER.TUBE THEMES

Người đăng: ngaybennhau on Thứ Bảy, 12 tháng 11, 2011

Đâ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


* Cách Add video:
Khi "post" vide các bạn làm các bưc sau:
Đăng nhp 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 thHTML.
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

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

Người đăng: ngaybennhau on Thứ Năm, 10 tháng 11, 2011

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/AVvXsEjX8Ef_PF8q1t3__TyPUG_ECQJrPJp4-wxJYdkSB4uVCYTLZ1LW6O7FN_1eXrnICa9oX94qhkrNie6t_Zf1-ZiizVlSzoyV0w1kEI61iytqj_P5ADEBa7Quc-dblK-1MoWWNV0kCEOVwhhyphenhyphen/) 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)

Người đăng: ngaybennhau


Để 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)








Đầ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

Người đăng: ngaybennhau on Thứ Ba, 8 tháng 11, 2011

Đâ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



Nguồn: Btemplate box
More about