[Thủ Thuật] choiblog.cu.to (tên miền mới)

Vô tình biết được cái tên miền Cu.to ! nên đăng ký choiblog.cu.to xài chơi:

Không phải tự nhiên mà cu.to mà là vô tình đăng ký =))

[Click here to Read More]

[Thủ Thuật] choiblog.cu.to (tên miền mới)

Vô tình biết được cái tên miền Cu.to ! nên đăng ký choiblog.cu.to xài chơi:

Không phải tự nhiên mà cu.to mà là vô tình đăng ký =))

[Click here to Read More]

[Thủ Thuật] Tạo menu ''XEM - thu gọn'' !

(tặng bạn cái này làm kỉ niệm nè)

____________________________________________
- Đây là bài hướng dẫn Để Làm đc một cái nút, khi bấm vào thì hiển thị nội dung bên trong, bấm lần nữa thì thu gọn lại:
- Các bạn làm theo mẫu sau: (bên phần chỉnh sửa HTML á)

<div style="padding-left: 10px;">
<div class="smallfont" style="margin-bottom: 0px;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Thu Gọn !!'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem !!'; }" style="background: #4CA167; color: #FFFFFF; font-size: 15px; margin: 0px; padding: 4px; width: 100px;" type="button" value="Xem !!" /></div>

<div>

<div style="background-color: transparent; background-repeat: repeat; border-style: solid; border-width: 1px; display: none; margin: 0px; padding: 4px; width: 95%;">


( Các bạn dán phần nội dung cần ẩn ở trong đây )


</div>
</div>
</div>

[Click here to Read More]

[Thủ Thuật] Tạo menu ''XEM - thu gọn'' !

(tặng bạn cái này làm kỉ niệm nè)

____________________________________________
- Đây là bài hướng dẫn Để Làm đc một cái nút, khi bấm vào thì hiển thị nội dung bên trong, bấm lần nữa thì thu gọn lại:
- Các bạn làm theo mẫu sau: (bên phần chỉnh sửa HTML á)

<div style="padding-left: 10px;">
<div class="smallfont" style="margin-bottom: 0px;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Thu Gọn !!'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem !!'; }" style="background: #4CA167; color: #FFFFFF; font-size: 15px; margin: 0px; padding: 4px; width: 100px;" type="button" value="Xem !!" /></div>

<div>

<div style="background-color: transparent; background-repeat: repeat; border-style: solid; border-width: 1px; display: none; margin: 0px; padding: 4px; width: 95%;">


( Các bạn dán phần nội dung cần ẩn ở trong đây )


</div>
</div>
</div>

[Click here to Read More]

[Thủ Thuật] Ẩn thông báo trạng thái trong kết quả tìm kiếm và phân loại

Khi tìm kiếm bài viết của blog bằng công cụ tìm kiếm có trên thanh công cụ Blogger, hoặc khi chọn một nhãn (label) nào đó để xem các bài đăng cùng nhãn, nếu quan sát kỹ bạn sẽ thấy một thông báo nhỏ hiển thị ngay phía trên kết quả (Xem hình).



Nếu không thích có thông báo này, mẹo nhỏ sau đây sẽ giúp bạn loại bỏ:

Cách 1: Vô hiệu hóa đoạn mã hiển thị trạng thái. Đăng nhập blog, vào thẻ Layout (Bố cục) Edit HTML (Chỉnh sửa HTML) và đánh dấu chọn Expand Widget Templates (Mở rộng tiện ích mẫu), tìm và thêm hai thẻ <!-- và --> như sau:

<b:includable id='status-message'>
<!--
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
-->
</b:includable>

Cách 2: Thêm đoạn CSS sau đây vào bất kỳ vị trí nào giữa <b:skin><![CDATA[/* và ]]></b:skin> trong template của blog:

.status-msg-wrap {
display: none;
}

[Click here to Read More]

[Thủ Thuật] Ẩn thông báo trạng thái trong kết quả tìm kiếm và phân loại

Khi tìm kiếm bài viết của blog bằng công cụ tìm kiếm có trên thanh công cụ Blogger, hoặc khi chọn một nhãn (label) nào đó để xem các bài đăng cùng nhãn, nếu quan sát kỹ bạn sẽ thấy một thông báo nhỏ hiển thị ngay phía trên kết quả (Xem hình).



Nếu không thích có thông báo này, mẹo nhỏ sau đây sẽ giúp bạn loại bỏ:

Cách 1: Vô hiệu hóa đoạn mã hiển thị trạng thái. Đăng nhập blog, vào thẻ Layout (Bố cục) Edit HTML (Chỉnh sửa HTML) và đánh dấu chọn Expand Widget Templates (Mở rộng tiện ích mẫu), tìm và thêm hai thẻ <!-- và --> như sau:

<b:includable id='status-message'>
<!--
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
-->
</b:includable>

Cách 2: Thêm đoạn CSS sau đây vào bất kỳ vị trí nào giữa <b:skin><![CDATA[/* và ]]></b:skin> trong template của blog:

.status-msg-wrap {
display: none;
}

[Click here to Read More]

[Thủ Thuật] Tùy chỉnh đoạn code ở trong một khung có nền

Thông thường, khi giới thiệu code, chúng ta hay đặt chúng ngay trên bài viết. Vì cùng nằm trên một nền nên nhiều khi trông rất lộn xộn. Vậy phải làm sao để phần giới thiệu ở nền blog chính thức, còn đoạn code ở trong một khung có nền tùy chỉnh ?
Đầu tiên, các bạn hãy vào Trình bày (Layout) và chọn tab Chỉnh sửa HTML mà không cần bật Mở rộng mẫu tiện ích. Sau đó , hãy thêm đoạn code dưới đây ngay trên thẻ

<strong>]]>>

1. Style 1:

/* CSS chen them .codeview
----------------------------------------------- */
.codeview {
margin : 5px 5px 5px 5px;
padding : 1px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i380.photobucket.com/albums/oo241/aqmin/1choiblog/code.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
color:#000;
}

1. Style 2:

/* CSS chen them .codeview2
----------------------------------------------- */
.codeview2 {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 20px solid #ff9600;
color:#000;
}

1. Style 3:

/* CSS chen them .codeview3
----------------------------------------------- */
.codeview3 {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://farm4.static.flickr.com/3575/3555191103_7ce001f502_o.gif) no-repeat right top;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
color:#000;
}

Ghi chú : Bạn có thể thay đổi phần chữ màu đỏ theo ý thích

Vậy là các bạn đã tạo xong thuộc tính đặt code trong một khung độc đáo rồi đấy .
Từ giờ , bạn có thể thêm code vào bất cứ đâu trên bài viết với thẻ <div> sau

<div class="codeview">
Điền code vào đây
</div>

Tiếp Tục. Chèn code vào bài viết:
- Như chúng ta đã biết, khung sọan thảo của blogspot cho phép hiển thị hầu hết code HTML, vì thế khi bạn chèn code vào bài viết thì code đó cũng sẽ được hiển thị.
- Để có thể hiển thị được chúng ngòai layout, bạn phải chuyển 1 vài kí tự đặc biệt trong mã code HTML thành các kí tự khác.
- Về cơ bản, ta chỉ cần thay đổi 2 kí tự đặc biệt là < và >

- Kí tự : < sẽ chuyển thành &lt;
- Kí tự : > sẽ chuyển thành &gt;

Đó là cách thực hiện bằng tay khi code của bạn chỉ có vài dòng, nhưng đối với những đọan code dài thì sao, ta không thể ngồi đó mày thay thế tất cả chúng, rất tốn thời gian.
- Để khắc phục điều này, đã có website cho phép bạn chuyển đổi tất cả các kí tự đặc biệt của mã HTML 1 cách nhanh chóng.
- Các bạn vào địa chỉ này : http://blogcrowds.com/resources/parse_html.php, giao diện sẽ trông như bên dưới:

[Click here to Read More]

[Thủ Thuật] Tùy chỉnh đoạn code ở trong một khung có nền

Thông thường, khi giới thiệu code, chúng ta hay đặt chúng ngay trên bài viết. Vì cùng nằm trên một nền nên nhiều khi trông rất lộn xộn. Vậy phải làm sao để phần giới thiệu ở nền blog chính thức, còn đoạn code ở trong một khung có nền tùy chỉnh ?
Đầu tiên, các bạn hãy vào Trình bày (Layout) và chọn tab Chỉnh sửa HTML mà không cần bật Mở rộng mẫu tiện ích. Sau đó , hãy thêm đoạn code dưới đây ngay trên thẻ

<strong>]]>>

1. Style 1:

/* CSS chen them .codeview
----------------------------------------------- */
.codeview {
margin : 5px 5px 5px 5px;
padding : 1px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i380.photobucket.com/albums/oo241/aqmin/1choiblog/code.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
color:#000;
}

1. Style 2:

/* CSS chen them .codeview2
----------------------------------------------- */
.codeview2 {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 20px solid #ff9600;
color:#000;
}

1. Style 3:

/* CSS chen them .codeview3
----------------------------------------------- */
.codeview3 {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://farm4.static.flickr.com/3575/3555191103_7ce001f502_o.gif) no-repeat right top;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
color:#000;
}

Ghi chú : Bạn có thể thay đổi phần chữ màu đỏ theo ý thích

Vậy là các bạn đã tạo xong thuộc tính đặt code trong một khung độc đáo rồi đấy .
Từ giờ , bạn có thể thêm code vào bất cứ đâu trên bài viết với thẻ <div> sau

<div class="codeview">
Điền code vào đây
</div>

Tiếp Tục. Chèn code vào bài viết:
- Như chúng ta đã biết, khung sọan thảo của blogspot cho phép hiển thị hầu hết code HTML, vì thế khi bạn chèn code vào bài viết thì code đó cũng sẽ được hiển thị.
- Để có thể hiển thị được chúng ngòai layout, bạn phải chuyển 1 vài kí tự đặc biệt trong mã code HTML thành các kí tự khác.
- Về cơ bản, ta chỉ cần thay đổi 2 kí tự đặc biệt là < và >

- Kí tự : < sẽ chuyển thành &lt;
- Kí tự : > sẽ chuyển thành &gt;

Đó là cách thực hiện bằng tay khi code của bạn chỉ có vài dòng, nhưng đối với những đọan code dài thì sao, ta không thể ngồi đó mày thay thế tất cả chúng, rất tốn thời gian.
- Để khắc phục điều này, đã có website cho phép bạn chuyển đổi tất cả các kí tự đặc biệt của mã HTML 1 cách nhanh chóng.
- Các bạn vào địa chỉ này : http://blogcrowds.com/resources/parse_html.php, giao diện sẽ trông như bên dưới:

[Click here to Read More]

[Thủ Thuật] Ẩn thanh Navbar của blogspot

Đây là một trong những thủ thuật cơ bản và cũng là 1 trong những bước đầu tiên để biến blogspot của bạn thành 1 weblog.

Thanh Navbar là 1 dạng thanh menu cho phép ta truy cập nhanh vào blogger, để thực và cho phép thực hiện nhanh những thao tác như : đăng bài, vào bảng điều khiển...

Có lẽ có 1 vài người sẽ hỏi, nếu ẩn thanh Navbar đi rồi thì làm sao đăng nhập vào blog được. Rất đơn giản, bạn chỉ việc truy cập vào trang chủ http://www.blogger.com là có thể đăng nhập.

Hình ảnh minh họa kết quả:

trước khi thực hịên thủ thuật:

sau khi thực hiện thủ thuật:

☼ Để thực hiện thủ thuật này, các bạn thực hiện các bước sau:

1. Truy cập vào trang chủ của blogger.
2. Đăng nhập blog
3. Vào bố cục
4. Vào chỉnh sửa code HTML
5. Chèn đọan code CSS bên dưới vào trước dòng code ]]></b:skin> trong code của template:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

6. Save template.

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

[Click here to Read More]

[Thủ Thuật] Ẩn thanh Navbar của blogspot

Đây là một trong những thủ thuật cơ bản và cũng là 1 trong những bước đầu tiên để biến blogspot của bạn thành 1 weblog.

Thanh Navbar là 1 dạng thanh menu cho phép ta truy cập nhanh vào blogger, để thực và cho phép thực hiện nhanh những thao tác như : đăng bài, vào bảng điều khiển...

Có lẽ có 1 vài người sẽ hỏi, nếu ẩn thanh Navbar đi rồi thì làm sao đăng nhập vào blog được. Rất đơn giản, bạn chỉ việc truy cập vào trang chủ http://www.blogger.com là có thể đăng nhập.

Hình ảnh minh họa kết quả:

trước khi thực hịên thủ thuật:

sau khi thực hiện thủ thuật:

☼ Để thực hiện thủ thuật này, các bạn thực hiện các bước sau:

1. Truy cập vào trang chủ của blogger.
2. Đăng nhập blog
3. Vào bố cục
4. Vào chỉnh sửa code HTML
5. Chèn đọan code CSS bên dưới vào trước dòng code ]]></b:skin> trong code của template:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

6. Save template.

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

[Click here to Read More]

[Thủ Thuật] Thay đổi liên kết ''Bài đăng cũ hơn, bài đăng mới hơn'' bằng hình ảnh

Thay đổi liên kết Bài đăng cũ hơn, bài đăng mới hơn bằng hình ảnh
________________________________________
Đối với mỗi template của blogspot, mặc định cuối mỗi trang sẽ có 3 link liên kết là "Bài viết mới hơn", "Trang chủ", "Bài viết cũ hơn". Để làm cho blog trông đẹp hơn, hôm nay mình giới thiệu cho các bạn 1 thủ thuật nhỏ để đổi các liên kết đó thành hình ảnh.

Các bạn coi hình minh họa bên dưới:


Sau khi chỉnh sửa:


Thực hiện các bước sau:
1. Đầu tiên bạn phải có hình tượng trưng cho 3 liên kết link đó
Có thể tham khảo 3 hình dưới đây


2. Đăng nhập blog
3. Vào Chỉnh sửa Code HTML
4. Nhấn vào Mở Rộng Tiện Ích
5. Tìm đọan code sau:

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

6. Thay những đọan code màu đỏ bằng những đọan code sau:

a. đọan code 1 : <data:newerPageTitle/>
thay bằng
<img alt='Next' border='0' src='{link hình 1}' title='Next'/>
b. đọan code 2 : <data:olderPageTitle/>
thay bằng
<img alt='previous' border='0' src='{link hình 2}' title='previous'/>
c. đọan code 3 : <data:homeMsg/>
thay bằng
<img alt='home' border='0' src='{link hình 3}' title='home'/>

7. Save template
8. Xong

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

[Click here to Read More]

[Thủ Thuật] Thay đổi liên kết ''Bài đăng cũ hơn, bài đăng mới hơn'' bằng hình ảnh

Thay đổi liên kết Bài đăng cũ hơn, bài đăng mới hơn bằng hình ảnh
________________________________________
Đối với mỗi template của blogspot, mặc định cuối mỗi trang sẽ có 3 link liên kết là "Bài viết mới hơn", "Trang chủ", "Bài viết cũ hơn". Để làm cho blog trông đẹp hơn, hôm nay mình giới thiệu cho các bạn 1 thủ thuật nhỏ để đổi các liên kết đó thành hình ảnh.

Các bạn coi hình minh họa bên dưới:


Sau khi chỉnh sửa:


Thực hiện các bước sau:
1. Đầu tiên bạn phải có hình tượng trưng cho 3 liên kết link đó
Có thể tham khảo 3 hình dưới đây


2. Đăng nhập blog
3. Vào Chỉnh sửa Code HTML
4. Nhấn vào Mở Rộng Tiện Ích
5. Tìm đọan code sau:

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

6. Thay những đọan code màu đỏ bằng những đọan code sau:

a. đọan code 1 : <data:newerPageTitle/>
thay bằng
<img alt='Next' border='0' src='{link hình 1}' title='Next'/>
b. đọan code 2 : <data:olderPageTitle/>
thay bằng
<img alt='previous' border='0' src='{link hình 2}' title='previous'/>
c. đọan code 3 : <data:homeMsg/>
thay bằng
<img alt='home' border='0' src='{link hình 3}' title='home'/>

7. Save template
8. Xong

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

[Click here to Read More]