Tạo Sitemap - Sơ đồ Website dạng metro ui trong windows 8 Thứ Bảy, 22 tháng 11, 2014

RÈN LUYỆN TƯ DUY - Hướng dẫn tạo sitemap dạng metro UI theo nhãn cho blogspot. Thủ thuật này được mình chỉnh sửa lại CSS một tí cho giống các live title trong windows 8 là những ô vuông màu tím và màu màu rê chuột vào là màu đỏ.

Xem DEMO

Ưu điểm:

• Hoạt rất tốt trên Di động, mượt và thích hợp cả độ phân giải trên màn hình di động
• Được chia là 3 ô live title trên 1 hàng ngang, font chữ sử dụng là segoe UI

Các thực hiện:
Bước 1: tạo 1 trang tĩnh mới cho blogspot
Bước 2: chuyển qua tab HTML và dán đoạn code bên dưới vào
Bước 3: sửa đoạn code được mình đánh dấu màu đỏ thành địa chỉ website của bạn.

<script src="https://googledrive.com/host/0B-0uHUanipfMMWlMUHJjcERkVFU" type="text/javascript"></script><script src="http://www.renluyentuduy.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script><div style="display: none;"><a href="http://www.renluyentuduy.blogspot.com/">RÈN LUYỆN TƯ DUY</a></div><style type="text/css">.post-archive {width: 100%; padding: 20px 0; text-transform: capitalize; }.post-archive h4 { border-bottom: 1px solid #EEEEEE; color: #be591c; font:28px Segoe ui light; margin: -42px 0 -8px 2px; padding:6px 0 0px}.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }.ct-columns-3 p a {margin:0px 0 -24px 0;height:107px; background: #68217A; color: #fff; display: block; font:16px segoe ui;padding: 10px 15px;}.ct-columns-3 p a:hover {text-decoration:none;background:#cd2122;color: #fff}@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }</style>

Tạo Nút back to top và back to bottom đơn giản không hiệu ứng cho blogspot

Bài viết trước mình cũng đã giới thiệu bài viết tương tự là tạo ra nút back to top và back to bottom với hiệu ứng trượt mượt mà, bài viết này là tiếp theo hướng dẫn các bạn tạo nút back to top khác đơn giản.

Back to top là một trong những tiện ích của blogspot mà bạn cài thêm để điều hướng người dùng lên trên đầu trang blogspot để người xem có thể thao tác trên menu để đọc

Tạo Back to top và back to bottom:

Nút Back top top và back to bottom cho blogspot

Cách thực hiện tạo nút back to top và back to bottom cho blogspot:

Các bạn copy đoạn code bên dưới:
Bước 1: Vào mẫu tìm từ ]]></b:skin> và dán đoạn code CSS bên dưới phía trên thẻ ]]></b:skin>

.toptop{position: fixed;
z-index: 9999;
bottom: 100px;
right: 25px;
padding-bottom: 0px;
background: #fff;}
.bottombottom{position: fixed;
z-index: 9999;
bottom: 150px;
right: 25px;
padding-bottom: 0px;
background: #fff;}

Bước 2: Có 2 cách chèn:
Cách 1: Vào mẫu và dán trước thẻ </body> hoặc </head> đều được

Cách 2: Tạo 1 HTML/JAVACRIPT và dán vào đó

Đoạn code bạn sẽ chèn 1 trong 2 cách đề tạo nút Tạo Nút back to top và back to bottom cho blogspot

<a class='toptop' href='javascript:top.window.scrollTo(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx9Et2mCLBGjczOttc4RVj7KkJdxH77hZ4EKMv79TDOAkumxedAytVeiwqZ9lDYTfzyOsGGf82MSgxfhVE_021MGWKE8aB0bt9oyFL10liqqVO-CgpeCDBQZyeAlJBMe87Qb_hST3hLI0/s1600/back-to-top.png'/></a>
<a class='bottombottom' href='javascript:window.scrollTo(0,999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdsk0v4am5wxs54Dd3ZAxGMsb5KoIRXEXzFDOrLEgQR0cGgMM4toFv5VQKW6GJ7-2D3GCNfZhszvlWIPclRcpAbBEV4j85Ij7XhnhuqJZpJQD5m9TKt0ZJu0Ja1V7tLMG3yuprzm44YvU/s1600/back-to-bottom.png'/></a>

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

Nguồn: Tôi Là Quản Trị BLOG

Tạo thanh cuộn màu scrollbar color toàn trang web Thứ Bảy, 15 tháng 11, 2014

Rèn Luyện Tư Duy - Thủ thuật này giúp bạn tạo một thanh cuộn  scrollbar color bên phải với màu sắc, độ rộng tùy chỉnh. Các bạn có thể xem thanh cuộn blog Rèn Luyện Tư Duy.

Hướng dẫn:

Bước 1: Các bạn vào mẫu và dán đoạn code bên dưới trên thẻ ]]></b:skin>
Bước 2: Các bạn hiện chỉnh lại màu sắc bằng mã màu khác với những đoạn code mình đã tô đậm

/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

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

Thủ thuật ẩn thanh sidebar cho blogspot Thứ Tư, 12 tháng 11, 2014

Thủ thuật ẩn thanh sidebar.

Đầu tiên bạn xem Ví Dụ sơ đồ website của Rèn Luyện Tư Duy khi đó thanh sidebar phân phải đã bị ẩn làm cho nội dung bài viết được mở rộng chiếm luôn phần sidebar bị ẩn. Do đó, mình sẽ giới thiệu bạn thủ thuật này.

HƯỚNG DẪN:

Cách thực hiện rất đơn giản bạn chỉ cần copy đoạn code bên dưới chuyển qua phần HTML của bài viết và dán lên trên cùng, đoạn code có tác dụng ẩn một số widget và giúp bạn mở rộng trang bài viết lên 100%.



Thực hiện ngay nào!

<style>#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:100%!important;} .post { width:100%!important; } #main-atas { width:100%!important; }.topmeta { display:none !important;} #footer-wrapper { display:none !important;}</style>

Chúc các bạn thành công.
Nếu có thắc mắc về thủ thuật này vui lòng bình luận bên dưới để được hỗ trợ

Thêm công cụ chat hoặc liên hệ cho blogspot/website bằng Subiz Thứ Sáu, 7 tháng 11, 2014

Đi thang thang trên mạng và tìm được 1 trang web tiện ích cho phép bạn thêm công cụ chat hoặc là tạo khung liên hệ cho trang blogspot cá nhân hay website của bạn khác hay. Các thực hiện đơn giản luôn công cụ được cung cấp từ Subiz

Ưu điểm là nó trượt phóng ở góc phải bên dưới khá đẹp mắt, giao diện thân thiện và dể sử dụng. Mời các bạn trãi nghiệm nhé!

Demo 1:

Demo 2: Ngay trong Rèn luyện tư duy BLOG

Các bước thực hiện:
Bước 1: Truy cập: https://dashboard.subiz.com
Bước 2: Điền thông tin trong mẫu: sau đó chọn Tạo tài khoản

Bước 3: Vào email để kích hoạt link vừa gởi đến

Bước 4: Copy và chèn code nhận được vào sau thẻ <body> trong blogspot và Lưu mẫu lại

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

Tạo Popup mở tab mới khi click chuột lần đầu cho blogspot Chủ Nhật, 19 tháng 10, 2014

Bài viết trước mình hướng dẫn các bạn popup hiện lên trên cửa sổ hiện tại khi click chuột lần đầu tiên các bạn có thể xem lại ở đây <TẠO POPUP HIỆN TRÊN TRANG WEB HIỆN TẠI KHI NHẤP CHUỘT LẦN ĐẦU CHO BLOGSPOT>. Nhược điểm của nó là làm phiền visitor khi bài viết muốn xem bị che mất và họ có xu hướng đóng nó ngay. Ưu điểm thì nó "đập" vào mắt visitor nếu nó hữu dụng với người dùng thì nó tỏ ra hiệu quả.

Bài viết tiếp theo cũng gần giống như bài viết trên, thủ thuật này giúp bạn không mở cửa sổ mới đè lên cửa sổ hiện tại mà nó sẽ mở 1 tab mới trong trình duyệt mặc định khi click chuột vào lần đầu tiên.

Bài viết này giúp bạn tạo 1 popup khi nhấp chuột lần đầu tiên sẽ mở ra 1 cửa sổ mới hiện lên trên trang web đang xem hiện tại.
1. Đầu tiên bạn vào mẫu > Chỉnh sửa HTML > và thay thẻ <body> bằng dòng code bên dưới nhớ là thay nó nhe.
2. Sửa lại dòng code mà mình đã tô đỏ thành liên kết mà bạn muốn mở cửa sổ popup và lưu mẫu lại

<body onclick='popunder();'>
<script>
/* <![CDATA[ */
function Set_Cookie(a,b,c,e,f,g){var d=new Date;d.setTime(d.getTime());d=new Date(d.getTime()+c);document.cookie=a+"="+escape(b)+(c?";expires="+d.toGMTString():"")+(e?";path="+e:"")+(f?";domain="+f:"")+(g?";secure":"")}function Get_Cookie(a){var b=document.cookie.indexOf(a+"="),c=b+a.length+1;if(!b&&a!=document.cookie.substring(0,a.length)||-1==b)return null;a=document.cookie.indexOf(";",c);-1==a&&(a=document.cookie.length);return unescape(document.cookie.substring(c,a))} function Delete_Cookie(a,b,c){Get_Cookie(a)&&(document.cookie=a+"="+(b?";path="+b:"")+(c?";domain="+c:"")+";expires=Mon, 11-November-2020 00:00:01 GMT")}
function popunder(){null==Get_Cookie("cucre")&&(Set_Cookie("cucre","cucre Popunder","1","/","",""),
pop=window.open("http://renluyentuduy.blogspot.com/p/dang-ki-nhan-tin.html","windowcucre"),
pop.blur(),window.focus())}function addEvent(a,b,c){a.attachEvent?a.attachEvent("on"+b,c):a.addEventListener?a.addEventListener(b,c,!0):a["on"+b]=c} addEvent(window,"load",function(){addEvent(document.body,"click",function(){popunder()})});
/* ]]> */</script>

Tạo popup hiện trên trang web hiện tại khi nhấp chuột lần đầu cho blogspot Thứ Bảy, 18 tháng 10, 2014

Bài viết này giúp bạn tạo 1 popup khi nhấp chuột lần đầu tiên sẽ mở ra 1 cửa sổ mới hiện lên trên trang web đang xem hiện tại.
1. Đầu tiên bạn vào mẫu > Chỉnh sửa HTML > và dán đoạn code bên dưới trước thẻ </head>.
2. Sửa lại dòng code mà mình đã tô đỏ thành liên kết mà bạn muốn mở cửa sổ popup và lưu mẫu lại

<script type='text/javascript'>
//<![CDATA[
function addEvent(obj, eventName, func){
if (obj.attachEvent){
obj.attachEvent("on" + eventName, func);}
else if(obj.addEventListener){
obj.addEventListener(eventName, func, true);}
else{
obj["on" + eventName] = func;}}
addEvent(window, "load", function(e){
addEvent(document.body, "click", function(e){
var params = 'scrollbars,width=1500, height=1024,resizable=1';
if(document.cookie.indexOf("xzipvnpop") == -1){
var w = window.open("http://renluyentuduy.blogspot.com/p/dang-ki-nhan-tin.html",'Đăng Kí Nhận Tin', params);if (w){
document.cookie = "popunder=xzipvnpop";w.blur();}
window.focus();}});});//]]></script>

Code Chống Bôi Đen - Chống Copy Trong Bài Viết Blogspot Thứ Năm, 16 tháng 10, 2014

Bài viết cũng ngắn gọn thôi. Nếu bạn có một bài viết nào trên blog cảm thấy "đắc giá" và không muốn người khác sao chép thì bạn dùng đoạn code dưới đây chèn vào trong bài viết phần HTML. Code này giúp người khác không thể bôi đen nội dung từ đó không thể copy được. Tuy nhiên đối với các pro thì có nhiều các khác để copy ở đây ta chống được "gà" thôi nhé ^^. Code chèn vào bài viết nào thì bài viết đó không thể bôi đen còn các bài khác thì vẫn bình thường. Các bạn có thể tìm hiểu các chèn code không thể copy cho toàn blog nếu bạn có nhu cầu.

Bài viết dưới đây mình đã sử dụng code chống copy bạn xem coi copy được không nhé!. Coi chừng bị chê là "gà" đấy ^_^

0Chiến Lược Luyện Nói Tiếng Anh Trong 2 Năm

Hải Phụng Huỳnh

 

12:58

Xin chào các bạn hôm nay mình chia sẻ Lịch trình chiến lược cho các bạn luyện nói tiếng anh trong...

Code

<script language="JavaScript1.2">
function disableselect(e){
return false
}function reEnable(){
return true
}//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}</script>

Tạo nút like facebook trượt dọc cho blogspot Thứ Hai, 6 tháng 10, 2014

nút like facebook trượt dọc cho blogspot

Hướng dẫn các bạn tạo nút like trượt dọc bài viết cho blogspot

Ưu điểm: được thiết kế đẹp bắt mắt có hiệu ứng đổ bóng, vì được thiết kế trượt dọc nên visitor có thể thích bài viết bất cứ khi nào, mình đã chỉnh lại màu của nút like để trông nó khác biệt và đẹp mắt.


Nhược điểm: Hầu hết tiện ích like nào cũng làm giảm tốc độ load website, một nhược điểm tiếp theo là tốn diện tích, nếu bạn load trên web trên di động thì tiện ích sẽ chạy theo che bài viết mà màn hình di động lại khá nhỏ.

DEMO ngay trên bài viết này. Nguyên nhân bạn chỉ thấy +1 của G+ thôi là do bài viết đã có like của facebook nên không thể hiển thị like trượt facebook nữa. Thực hiện bài viết này ngay bạn sẽ thấy ấy mà, lười chụp ảnh Demo quá ^^

Nào bắt đầu tạo nút like trượt nào!

Bước 1: Các bạn vào lại trang tổng quan của blog của bạn » Mẫu » Chỉnh sửa HTML
Bước 2: Tìm đến thẻ </body> và thêm đoạn mã sau lên trên thẻ đó.

<style type="text/css">
#chiase {position:fixed; bottom:40%; margin-left:-96px; float:right; background-color:#914500;z-index:10;box-shadow:#914500 0 0 0 4px,0px 7px 1px 0px #000;-webkit-box-shadow:#914500 0 0 0 4px,0px 7px 1px 0px #000;-moz-box-shadow:#914500 0 0 0 4px,0px 7px 1px 0px #000;border: 1px dashed #fff;}
#chiase .nut {float:left;clear:both;}
</style>
<div id='chiase'>
<div style="margin:4px;">
          <div class='nut' id='facebook'>
          <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
          <fb:like layout='box_count' show_faces='false'></fb:like>
          </div>
          <br /><br />
        <div class='nut' id='google'>
     <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
     </script>
        <g:plusone size="tall"></g:plusone>
        </div>

    </div>
</div>

Thêm một code tạo nút like trượt cho blogger

Tiện ích này sẽ có 3 nút like gồm facebook, google và twitter và còn nút share lên các bạn xã hôi khác nữa

Cách thực hiện tạo nút like trượt blogspot vẫn như trên

Bạn tạo 1 HTML/JAVACTIPT mới, và dán code bên dưới vào là xong.

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>
<style>
/* Fixed Positioned AddThis Toolbox */
.sharing_box_ibiet {    border-bottom: 5px solid #FF3D00;
    position: fixed;    z-index: 99999;
    top: 10%;
    left: 5px;
    border-top: 5px solid #FF3D00;
    padding: 5px 5px 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #FFFFFF;
    width: 60px;
    min-height: 275px;
}
.sharing_box_ibiet .item {
width: 50px;
margin: 5px 0 5px 0;
}
.twitter_float iframe
{
width:55px!important;
}
</style>
<!-- SHARING BOX Fixed-Positioned Toolbox -->
<div class='sharing_box_ibiet'>
<div style='text-align:center; margin-top:5px'>
<!-- TWITTER -->
<div class='item twitter_float' style='margin-left:3px'>
<a class='twitter-share-button' data-count='vertical' data-lang='en' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- FACEBOOK -->
<div class='item' style='margin-left:3px'>
<div class='fb-like' data-font='verdana' data-layout='box_count' data-send='false' data-show-faces='true' data-width='44'></div>
<div id='fb-root'></div>
</div>
<!-- G+ -->
<div class='item' style='margin-left:5px'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='tall'></g:plusone>
</div>
<!-- OTHERSHARE -->
<div class='item' style='margin-left:5px'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'></a>
</div>
<!-- AddThis Button END -->
</div>
<!-- FAST SHARING SCRIPT -->
<!-- TWITTER SCRIPT -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- G+ SCRIPT -->
<!-- Place this render call where appropriate -->
<script type='text/javascript'>gapi.plusone.go();</script>
<!-- STUMBLEUPON SCRIPT -->
<!-- Place this snippet wherever appropriate -->
<script type='text/javascript'>
 (function() {
     var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
      li.src = 'https://platform.stumbleupon.com/1/widgets.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
 })();
 </script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f660fb932fd0f15"></script></div></div>

P/s Các bạn có thể tùy chỉnh CSS mà mình đã tô màu theo ý của mình.

CHÚC CÁC BẠN THÀNH CÔNG!

P/s Nếu không hiểu phần nào vui lòng comment bên dưới!

Tạo nút like facebook g+ trượt dọc bài viết cho blogspot

Bài viết này RÈN LUYỆN TƯ DUY hướng dẫn bạn tạo nút like trượt dọc theo bài viết đẹp mắt
Ưu điểm: được thiết kế đẹp bắt mắt có hiệu ứng đổ bóng, vì được thiết kế trượt dọc nên visitor có thể thích bài viết bất cứ khi nào, mình đã chỉnh lại màu của nút like để trông nó khác biệt và đẹp mắt.
Nhược điểm: Hầu hết tiện ích like nào cũng làm giảm tốc độ load website, một nhược điểm tiếp theo là tóm diện tích, nếu bạn load trên web trên di động thì tiện ích sẽ chạy theo che bài viết mà màn hình di động lại khá nhỏ.

DEMO ngay trên bài viết này. Nguyên nhân bạn chỉ thấy +1 của G+ thôi là do bài viết đã có like của facebook nên không thể hiển thị like trượt facebook nữa. Thực hiện bài viết này ngay bạn sẽ thấy ấy mà, lười chụp ảnh Demo quá ^^

Bắt đầu nào!

Bước 1: Các bạn vào lại trang tổng quan của blog của bạn » Mẫu » Chỉnh sửa HTML
Bước 2: Tìm đến thẻ </body> và thêm đoạn mã sau lên trên thẻ đó.

<style type="text/css">
#chiase {position:fixed; bottom:40%; margin-left:-96px; float:right; background-color:#914500;z-index:10;box-shadow:#914500 0 0 0 4px,0px 7px 1px 0px #000;-webkit-box-shadow:#914500 0 0 0 4px,0px 7px 1px 0px #000;-moz-box-shadow:#914500 0 0 0 4px,0px 7px 1px 0px #000;border: 1px dashed #fff;}
#chiase .nut {float:left;clear:both;}
</style>
<div id='chiase'>
<div style="margin:4px;">
          <div class='nut' id='facebook'>
          <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
          <fb:like layout='box_count' show_faces='false'></fb:like>
          </div>
          <br /><br />
        <div class='nut' id='google'>
     <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
     </script>
        <g:plusone size="tall"></g:plusone>
        </div>

    </div>
</div>

P/s Các bạn có thể tùy chỉnh CSS mà mình đã tô màu theo ý của mình.

CHÚC CÁC BẠN THÀNH CÔNG!

P/s Nếu không hiểu phần nào vui lòng comment bên dưới!

Hướng dẫn tạo back to top back to bottom bằng CSS cho blogspot

Bài viết này TÔI LÀ QUẢN TRỊ BLOG sẽ hướng dẫn cho các bạn tạo ra nút Back to top và Back to bottom được tạo ra bằng CSS rất đẹp mắt và mượt mà nên rất nhẹ

Đầu tiên là tạo BACK TO TOP cho blogspot

Bước 1: Các bạn vào lại trang tổng quan của blog của bạn » Mẫu » Chỉnh sửa HTML
Tìm đến thẻ ]]></b:skin> và thêm đoạn css sau lên trên.

#bttop{border-top-left-radius:99px;background:#F77B09;text-align:center;padding:2% 0.5% 1%;position:fixed;bottom:0;right:0px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;}
#bttop:hover{background:#24bde2;border-bottom:4px solid #F77B09}

Bước 2: Tìm đến thẻ </body> và thêm đoạn mã sau lên trên thẻ đó.

<div id="bttop">PG UP</div><script type="text/javascript">$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$(&#39;#bttop&#39;).fadeIn();}else{$(&#39;#bttop&#39;).fadeOut();}});$(&#39;#bttop&#39;).click(function(){$(&#39;body,html&#39;).animate({scrollTop:0},800);});});</script>

Thứ 2 là tạo BACK TO BOTTOM

Bước 1: Các bạn vào lại trang tổng quan của blog của bạn » Mẫu » Chỉnh sửa HTML
Tìm đến thẻ ]]></b:skin> và thêm đoạn css sau lên trên.

#gobottom{border-bottom-left-radius:99px;color:#fff;font-size:11px;font-weight:900;cursor:pointer;position:fixed!important;position:absolute;z-index:99;background-color:#F77B09;overflow:hidden;padding:1% 0.5% 2%;}
#gobottom:hover{background:#24bde2;text-decoration:none;border-top:4px solid #F77B09}

Bước 2: Tìm đến thẻ </body> và thêm đoạn mã sau lên trên thẻ đó.

<script type='text/javascript'>//<![CDATA[$(window).scroll(function () {   if ($(this).scrollTop() > 100) {        $("#gobottom").removeAttr("href");        $("#gobottom").stop().animate({            top: "-50",            right: "-50"        }, {            duration: 600,            queue: false        })    } else {        $("#gobottom").stop().animate({            top: "0",            right: "0"        }, {            duration: 500,            queue: false        })    }});$(function () {       $("#gobottom").click(function () {        $("html, body").animate({            scrollTop: $('#footer').offset().top        }, 970);        return false    })});//]]></script><a id='gobottom' style='top: 0px; right: 0px;'>PG DN</a>

CHÚC CÁC BẠN THÀNH CÔNG!

P/s Nếu không hiểu phần nào vui lòng comment bên dưới!
Nguồn Tôi là quản trị blog

Hướng dẫn tạo back to top back to bottom bằng CSS cho blogspot

Bài viết này TÔI LÀ QUẢN TRỊ BLOG sẽ hướng dẫn cho các bạn tạo ra nút Back to top và Back to bottom được tạo ra bằng CSS rất đẹp mắt và mượt mà nên rất nhẹ

Đầu tiên là tạo BACK TO TOP cho blogspot

Bước 1: Các bạn vào lại trang tổng quan của blog của bạn » Mẫu » Chỉnh sửa HTML
Tìm đến thẻ ]]></b:skin> và thêm đoạn css sau lên trên.

#bttop{border-top-left-radius:99px;background:#F77B09;text-align:center;padding:2% 0.5% 1%;position:fixed;bottom:0;right:0px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;}
#bttop:hover{background:#24bde2;border-bottom:4px solid #F77B09}

Bước 2: Tìm đến thẻ </body> và thêm đoạn mã sau lên trên thẻ đó.

<div id="bttop">PG UP</div><script type="text/javascript">$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$(&#39;#bttop&#39;).fadeIn();}else{$(&#39;#bttop&#39;).fadeOut();}});$(&#39;#bttop&#39;).click(function(){$(&#39;body,html&#39;).animate({scrollTop:0},800);});});</script>

Thứ 2 là tạo BACK TO BOTTOM

Bước 1: Các bạn vào lại trang tổng quan của blog của bạn » Mẫu » Chỉnh sửa HTML
Tìm đến thẻ ]]></b:skin> và thêm đoạn css sau lên trên.

#gobottom{border-bottom-left-radius:99px;color:#fff;font-size:11px;font-weight:900;cursor:pointer;position:fixed!important;position:absolute;z-index:99;background-color:#F77B09;overflow:hidden;padding:1% 0.5% 2%;}
#gobottom:hover{background:#24bde2;text-decoration:none;border-top:4px solid #F77B09}

Bước 2: Tìm đến thẻ </body> và thêm đoạn mã sau lên trên thẻ đó.

<script type='text/javascript'>//<![CDATA[$(window).scroll(function () {   if ($(this).scrollTop() > 100) {        $("#gobottom").removeAttr("href");        $("#gobottom").stop().animate({            top: "-50",            right: "-50"        }, {            duration: 600,            queue: false        })    } else {        $("#gobottom").stop().animate({            top: "0",            right: "0"        }, {            duration: 500,            queue: false        })    }});$(function () {       $("#gobottom").click(function () {        $("html, body").animate({            scrollTop: $('#footer').offset().top        }, 970);        return false    })});//]]></script><a id='gobottom' style='top: 0px; right: 0px;'>PG DN</a>

CHÚC CÁC BẠN THÀNH CÔNG!

P/s Nếu không hiểu phần nào vui lòng comment bên dưới!
Nguồn Tôi là quản trị blog

Tạo trang liên hệ từ widget của blogspot

Hôm nay rèn luyện tư duy hướng dẫn bạn tạo trang liên hệ mặc định của blogspot từ đó các bạn có thể tùy biến css theo ý thích của bạn.

Đầu tiên show DEMO ra cho bạn xem trước đã.

Nếu thấy quá ok thì chúng ta tiến hành thủ thuật "Tạo trang liên hệ từ widget của blogspot"

Bước 1: Đăng nhập vào Blogger » Bố cục » Thêm tiện ích

Tại của số của thêm tiện ích, các bạn ngó qua khu vực menu phía bên trái, chọn vào tab Tiện ích Khác. Sau khi chọn vào tab đó bạn sẽ thấy tiện ích Biểu mẫu liên hệ, chọn và thêm nó vào blog của bạn.

Bước 2: Các bạn vào lại trang tổng quan của blog của bạn » Mẫu » Chỉnh sửa HTML
Tìm đến thẻ ]]></b:skin> và thêm đoạn css sau lên trên.

.ContactForm {  display: none;}

Nhiệm vụ của code trên là ẩn widget mặc định của blogspot đi.

Bước 3: Ở trang tổng quan bạn vào Trang » Trang mới. Bạn chuyển sang soạn thảo bằng HTML và dán code bên dưới vào

<div class="contact-form-widget"><div class="form"><form name="contact-form">Họ Tên của bạn<input class="placer" id="ContactForm1_contact-form-name" name="name" placeholder="Nhập Tên của bạn (không bắt buộc)" size="30" type="text" value="" />E-mail *<input class="placer" id="ContactForm1_contact-form-email" name="email" placeholder="Nhập Email của bạn (bắt buộc)" size="30" type="text" value="" />Lời nhắn *<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><input class="button1" id="ContactForm1_contact-form-submit" type="button" value="Submit" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></form></div></div>

Bước cuối cùng: là đoạn code css bạn vào Mẫu » Chỉnh sửa HTML tìm đến thẻ ]]></b:skin> và thêm đoạn code bên dưới vào và Save lại

.contact-form-widget {font:148% segoe ui light;max-width: 100%;padding: 3% 10% 8% 21%;background:#3f65b7;color: #fff;border: 1px solid #C1C1C1;line-height:240%;}.contact-form-name, .contact-form-email, .contact-form-email-message {max-width: 88%;}.contact-form-button-submit {border-color: #C1C1C1;background: #E3E3E3;color: #585858;width: 20%;max-width: 20%;margin-bottom: 10px;}.contact-form-button-submit:hover{background: #4C8EF9;color: #ffffff;border: 1px solid #FAFAFA;}

CHÚC CÁC BẠN THÀNH CÔNG!

P/s Nếu không hiểu phần nào vui lòng comment bên dưới!

Tiện ích tra từ điển cho blogspot

Dưới đây là thành quả!

Hôm nay Rèn Luyện Tư Duy sẽ hướng dẫn bạn tạo 1 tiện ích tra từ điển Anh > Việt; Việt > Anh ngay trong blogspot. Tiện ích này rất hưu~ ích cho blog về học tập

Cách thực hiện như sau:

B1. Tạo 1 HTML/JAVACRIPT mới trong phần bố cục.

B2. Dán code này vào một HTML/JAVACRIPT

<div id="responsiveness">
<form action="http://bea.vn/course/blocks/dictionary_mc/dic/search.php" method="post" name="dictionary" style="margin: 4px;" target="_blank" onsubmit="return doSearch(this);">
<select class="placer" name="dict" style="color:#333;padding:14px;font-size: 14px; width: 100%;margin-bottom:13px;border:1px solid #eee;border-radius:5px;"><option selected value="ev" />English - Vietnamese<option value="ve" />Vietnamese - English</select>
<input class="placer" name="word" placeholder="Nhập từ cần dịch" style="width: 100%;font-family:PT Sans,sans-serif;margin-bottom:12px;" type="text" />
<input name="go" style="font-size: 14px;" type="submit" value="TRANSLATE" class="button"/></form>
</div>

B3. Vào mẫu > Chỉnh Sửa mẫu và dán đoạn code bên dưới trước thẻ ]]></b:skin>

#responsiveness{padding:0px;text-align:center;}
input.placer{color:#333;padding:16px;font-size:14px;font-family:PT Sans,sans-serif;border:1px solid #EEE;transition:border .15s linear 0s,box-shadow .15s linear 0s,color .15s linear 0s;border-radius:3px;width:88%}input.button{border-radius:3px;color:#fff;background:#F77B09;border:1px solid #4E4E4E;padding:12px 15px;width:100%;margin:5px auto 0}input.button:hover{background:#FFF;color:#333
}

Với bước 2: Bạn có thể dán code bài phần HTML của Trang hay bài viết nếu bạn muốn có một trang tra từ điển cho riêng mình.

Bạn có thử Tiện ích tra từ điển cho blogspot ngay bên dưới đây - Rèn Luyện Tư Duy

English - VietnameseVietnamese - English

CHÚC CÁC BẠN THÀNH CÔNG!

P/s Nếu không hiểu phần nào vui lòng comment bên dưới!

Tổng Hợp Ký Tự Đặc Biệt Đẹp Chủ Nhật, 5 tháng 10, 2014

Tổng Hợp Ký Tự Đặc Biệt Đẹp

Bài viết "Tổng Hợp Ký Tự Đặc Biệt Đẹp" là chia ký tự đặc biệt với người dùng thông thường sẽ giúp cho các bạn tạo nick chat, comment bình luận sống động hơn nhất là trên facebook để cho các bài viết tăng lượng TAT.

 ✔ Lấy kí tự đặc biệt có sẳn trong windows 7/8/10

Các bạn truy cập vào Menu Start -> All Programs -> Accessories -> System Tools => Character Map rồi tha hồ lựa chọn font chữ để có thể lấy các kí tự đặc biệt

Lấy kí tự đặc biệt có sẳn trong windows

✔ Các kí tự đặc biệt đẹp về toán học

≤ , ≥ , ≠ , ≍, ≉ , ≡ , ≢, ≮ , ≯ , ≰ , ≱ , ⊂ , ⊃ , ⊄ , ⊅ , ⊆ , ⊇ , ⊈ , ⊉ , ∈, ∉

± , ∓, ÷ , × , ∑ ,√ , ∛, ∜, ∫ ,∬, ∮, ∯, ∭,∰, ∧,∨, ∩ , ⋃

π, α, β , γ , δ , ε ,∂ , ⋋, ω, ζ , μ, Δ , Ω , ∇

x², x³

∀ , ∃ , ∄ , ∅, ∠, ⊥ , ⋮ , ∞

✔ Kí tự đặc biệt về các mặt cười

☹ ☺ ☻ت ヅ ツ ッ シ Ü ϡ ﭢ✿◕ ‿ ◕✿   ❀◕ ‿ ◕❀   ❁◕ ‿ ◕❁   (◡‿◡✿)   (✿◠‿◠) ≥^.^≤   (>‿◠)✌   ≧✯◡✯≦✌   ≧◠◡◠≦✌   ≧'◡'≦   =☽   ≧◔◡◔≦   ≧◉◡◉≦ ≧✯◡✯≦   ≧❂◡❂≦   ≧^◡^≦   ≧°◡°≦

^o^^.^ᵔᴥᵔ^^ (°⌣°) ٩(^‿^)۶ ٩(͡๏̮͡๏)۶ =^.^= (•‿•) (^L^) (>‿♥)
♥‿♥◙‿◙ ^( ‘‿’ )^^‿^乂◜◬◝乂

(▰˘◡˘▰) < (^^,) >».«ಠ_ృ ಥ_ಥ ►_◄►.◄ >.<ಠ_ರೃ ಠ╭╮ಠמּ_מּಸ_ಸಠ,ಥ໖_໖ Ծ_Ծಠ_ಠ●_● (╥﹏╥)（ ´_⊃｀） (►.◄)(ு८ு) (ಠ_ರೃ)(◕︵◕)*-*^( ‘-’ )^ఠ_ఠಠ~ಠ ರ_ರ{•̃̾_•̃̾}【•】 _【•】v( ‘.’ )v».« >.< ॓_॔ (-”-) (>.<)\m/(>.<)\m/ ⊙▃⊙O.o v(ಥ ̯ ಥ)v (ㄒoㄒ) \˚ㄥ˚\õ.O (O.O)⊙.◎)๏_๏|˚–˚| ‘Ω’ಠoಠ☼.☼ ♥╭╮♥ôヮô◘_◘ਉ_ਉ

$_$◄.► ~,~ಠ▃ಠತಎತ˚⌇˚॓.॔‹•.•›ಸ_ಸ~_~˘˛˘ ^L^句_句 (°∀°)ヽ (｀Д´)ﾉ ‹(•¿•)› (•̪●) (╥╥) (✖╭╮✖) ⊙︿⊙⊙﹏⊙●︿●●﹏●{(>_<)} o(╥﹏╥)o(`･ω･´)இ_இ(• ε •)
(●´ω｀●) १|˚–˚|५(>‘o’)>^( ‘-’ )^<(‘o’<)

̿' ̿'\̵͇̿̿\з=(•̪●)=ε/̵͇̿̿/'̿'̿ ̿
┌∩┐(◣_◢)┌∩┐

@(ᵕ.ᵕ)@(*≗*) (─‿‿─) 凸(¬‿¬)凸 ¯\(©¿©) /¯
◤(¬‿¬)◥(∪ ◡ ∪)(*^ -^*) (●*∩_∩*●)
◖♪_♪|◗•(⌚_⌚)•!⑈ˆ~ˆ!⑈⋋ō_ō` ‹(•¿•)›
(\/) (°,,°) (\/)╚(•⌂•)╝(-’๏_๏’-) Ƹ̴Ӂ̴Ʒ εїз

✿ Biểu tượng có thể dùng làm kí hiệu đầu dòng để nhấn mạnh ý

☺ ☻ ♦ ♣ ♠ ♥ ♂ ♀ ♪ ♫ ☼ ↕ ✿ ⊰ ⊱ ✪ ✣

✤ ✥ ✦ ✧ ✩ ✫ ✬ ✭ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿ ✶

✴ ❄ ❉ ❋ ❖ ⊹⊱✿ ✿⊰⊹ ♧ ✿ ♂ ♀ ∞ ☆

｡◕‿◕｡☀ ツⓛ ⓞ ⓥ ⓔ ♡ ღ ☼★ ٿ « » ۩ ║ █ ● ♫ ♪ ☽♐♑♒♓♀♂☝☜

✔ Kí tự đặc biệt về cung hoàng đạo

♒ Bảo Bình (Aquarius) 

♊ Song Tử (Gemini) 

♎ Thiên Bình (Libra) 

♊ Song Tử(Gemini) 

♋ Cự Giải (Cancer) 

♏ Scorpio (Hổ Cáp) 

♈ Bạch dương (Aries) 

♌ Sư Tử (Leo) 

♐ Nhân Mã (Sagittarius) 

♉ Kim Ngưu (Taurus) 

♍ Xử Nữ (Virgo) 

♑ Ma Kết (Capricorn)

❤ ❥ ❣ ♡ ღ ❦ ♂ ♀ 웃 유

✔ Kí tự Sao - Hoa = Stars & Flowers

✪ ✩ ✰ ✫ ✬ ✭ ★ ⋆ ✢ ✣ ✤ ✥ ❋ ✦ ✧ ✱ ✶ ✷ ✴ ✸ ✺ ✻ ❇ ❈ ❉ ❊ ✽ ✾ ✿ ❁ ❃ ❋ ❀

✔ Kí tự về thời tiết Weather

☀    ☼   ☁   ❅   ☃  ℃  ℉  ϟ

✔ Kí tự trong cờ Vua Chess

♚  ♛  ♜  ♝  ♞   ♟   ♔  ♕  ♖   ♗   ♘  ♙

✔ Kí tự trong tứ - Cards

♠    ♣   ♥   ♦   ♤   ♧   ♡   ♢

✔ Kí tự đặc biệt thể hiện cảm xúc trên Yahoo và Facebook

(n_n) Cười

(._.) Uh oh

(-__-) Đau, buồn ngủ, mệt

(T_T) Khóc, buồn

(@_@) Choáng váng, chóng mặt

(O_O) Sửng sốt, ngạc nhiên

(*^*) Ngạc nhiên, kinh ngạc

(>_<) Ối

(^_^) Vui vẻ, hạnh phúc

*(^O^)* Vui hơn, hạnh phúc hơn

(^o^) Sung sướng, vui mừng

(¬_¬) Bực bội

(¬_¬”) Bực mình

(X_X) Chết

(=_=) Chán

(*-*) Yêu thích

(!__!) Buồn

(o_O) Hoài nghi, ngờ vực

(p_q) Bối rối, ngượng

(o_o) “Không đùa chứ ???”

(-_-)

(’_') Nghiêm túc

(?_?) “Cái gì ???”

w(^o^)W Wow !!!

(=^_^=) Mèo

(u_u) Buồn

(ú_ú) Đau ốm

(ñ_ñ) Cười giả tạo

(Y_Y) Buồn vô tận

($_$) “Tiền tiền”

(ò_ó) Tức điên

(♥_♥) Đang yêu

(-_o) Nháy mắt

(>_<) Ghen tị, đố kỵ

(ô_ô) “Đang nhìn cái gì thế ???”

(z_z) Buồn ngủ, ngái ngủ

(9_9) Không ngủ được

(U_U) “Tôi xin lỗi”

^(*-*)^ Đầu hàng

(^-^)b Thành công

(ò_ô) “Cái gì thế ???”

(õ_ó) “Uhhh”

✔ Kí tự đặc biệt xếp thành các hình tuyệt đẹp

Kí tự những lời chúc hay

────(♥)(♥)(♥)────(♥)(♥)(♥) __ ɪƒ ƴσυ’ʀє αʟσηє,

──(♥)██████(♥)(♥)██████(♥) ɪ’ʟʟ ɓє ƴσυʀ ѕɧα∂σѡ.

─(♥)████████(♥)████████(♥) ɪƒ ƴσυ ѡαηт тσ cʀƴ,

─(♥)██HAPPY BIRTHDAY███(♥) ɪ’ʟʟ ɓє ƴσυʀ ѕɧσυʟ∂єʀ.

──(♥)██████  05/10  █████(♥) ɪƒ ƴσυ ѡαηт α ɧυɢ,

────(♥)████  2014 ████(♥) __ ɪ’ʟʟ ɓє ƴσυʀ ρɪʟʟσѡ.

──────(♥)████████(♥) ɪƒ ƴσυ ηєє∂ тσ ɓє ɧαρρƴ,

────────(♥)████(♥) __ ɪ’ʟʟ ɓє ƴσυʀ ѕɱɪʟє.

─────────(♥)██(♥) ɓυт αηƴтɪɱє ƴσυ ηєє∂ α ƒʀɪєη∂,

───────────(♥) __ ɪ’ʟʟ ʝυѕт ɓє ɱє.

(⁀‵⁀) ✫ ✫ ✫.

`⋎´✫¸.•°*”˜˜”*°•✫

..✫¸.•°*”˜˜”*°•.✫

☻/ღ˚ •。* ♥ ˚ ˚✰˚ ˛★* 。 ღ˛° 。* °♥ ˚ • ★ *˚ .ღ 。

/▌*˛˚ღ •˚ Type your status message ˚ ✰* ★

GOOD ♥

(¯`♥´¯).NİGHT.♥

.`•.¸.•´(¯`♥´¯)..SWEET ♥

*****.`•.¸.•´(¯`♥´¯)..DREAMS ♥

***********.`•.¸.•´(¯`♥´¯)..♥

...***************.`•.¸.•´……♥ ♥

..... (¯`v´¯)♥

.......•.¸.•´

....¸.•´

... (

☻/

/▌♥♥

/ \ ♥Type your status message♥

✔ Kí tự đặc biệt  xếp thành hình ôtô

──────▄▌▐▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▌

───▄▄██▌█ ░Xe chở 100000000 LIKE đến đây..

▄▄▄▌▐██▌█ ░░░░░░ ░░░░░░░░░ ░░░░░░░▐\.

███████▌█▄▄▄▄▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▌ \.

▀❍▀▀▀▀▀▀▀❍❍▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀❍❍ ▀▀.

✔ Kí tự đặc biệt hình xe tăng

░░░░░░███████ ]▄▄▄▄▄▄▄▄▃

▂▄▅█████████▅▄▃▂

I███████████████████].

◥⊙▲⊙▲⊙▲⊙▲⊙▲⊙▲⊙◤...

✔ Kí tự đặc biệt hình bánh sinh nhật

``````````` ✬ '✧ '✬

````````` __♜_♜_♜__

``````` `{,,,,,,,,,,,,,,,,,,,,,}

'``` ✩`{✫/\/\✰/\/✰/\/\✫}` ✩

'``` ♖_{♖___♖__♖___.♖}_♖

``` {/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\}

```{,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,}

``{/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/}

``{_✿_❤_❀_♥_✿_♥_❀_❤_✿_}

```````` * ` ` * ` ` *

'```````` 0 ` ` 0 ` ` 0

```````` ||___||___||

```` * ` {,,,,,,,,,,,,,,,,,,,} ` *

```` 0 ` {/\/\/\/\/\/\/\/\} ` 0

'```_||_{_______”_____}_||_

```{/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\}

```{,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,}

```{/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\}

```{_____________”________}

✔ Kí tự hình bàn tay Like huyền thoại

░░░░░░░░░░░░▄▄

░░░░░░░░░░░█░░█

░░░░░░░░░░░█░░█

░░░░░░░░░░█░░░█

░░░░░░░░░█░░░░█

███████▄▄█░░░░░██████▄

▓▓▓▓▓▓█░░░░░░░░░░░░░░█

▓▓▓▓▓▓█░░░░░░░░░░░░░░█

▓▓▓▓▓▓█░░░░░░░░░░░░░░█

▓▓▓▓▓▓█░░░░░░░░░░░░░░█

▓▓▓▓▓▓█░░░░░░░░░░░░░░█

▓▓▓▓▓▓█████░░░░░░░░░█

██████▀░░░░▀▀██████▀

✔ Kí tự đặc biệt Chúc mừng sinh nhật

╔♫╗────────╔═╦╗─♫╗╔╗─╔╗─♥──

║╩╠═╦═╦═╦╦╗║╚╠╬╦╣╚╣╚╦╝╠═╦╦╗

║╦║╬║╬║╬║║║║╔║║╔╣╔╣║║╬║╬║║║

╚╩╩╩╣╔╣╔╬╗║♫═╩╩╝╚═╩╩╩═╩╩╬╗║

────♫╝╚╝╚═╝─────────────╚═♥

✔ Kí tự đặc biệt Chúc mừng Giáng sinh

★ 。★ 。★ 。★ 。★ 。★ 。★ 。★

★˛˚˛*˛°.˛*.˛°˛.*★˚˛*˛°.˛*.˛°˛.*★Merry*★* 。*˛.

˛°_██_*.。*./ ♥ \ .˛* .˛。.˛.*.★* Christmas*★ 。*

˛. (• ..•)*.。*/♫.♫\*˛.* ˛_Π_____.♥ ♥ ˛* ˛*

.°( . • . ) ˛°./• '♫ ' •\.˛*./______/~＼*. ˛*.。˛* ˛.*。

*(...'•'.. ) *˛╬╬╬╬╬˛°.｜田田 ｜門｜╬╬╬╬╬*˚ .˛ ...

>>>>>>>..&……Happy New Year 2012…

Merry★* 。 • ˚ ˚ •。★Christmas★ 。* 。*

° 。 ° ˚* _Π_____*。*˚★ 。* 。*。 • ˚ ˚ •。★

˚ ˛ •˛•*/______/~＼。˚ ˚ ˛★ 。* 。*★ 。* 。*

˚ ˛ •˛• ｜ 田田｜門｜ ˚And a happy new year... to all my facebook family & friends

╔══╗

╚╗╔╝

╔╝(¯`v´¯)

╚══`.¸.Your lover's name

╔♫═╗╔╗ ♥

╚╗╔╝║║♫═╦╦╦╔╗                                   

╔╝╚╗♫╚╣║║║║╔╣      

╚═♫╝╚═╩═╩♫╩═╝

ஜ۩۞۩ஜ YOU ஜ۩۞۩ஜ  

▂ ▃ ▅ ▆ █ Type your status message █ ▆ ▅ ▃ ▂ 

★·.·´¯`·.·★  Type your status message  ★·.·´¯`·.·★

 ..♩.¸¸♬´¯`♬.¸¸¤ Type your status message o ¤¸¸.♬´¯`♬¸¸.♩..

♬ •♩ ·.·´¯`·.·♭•♪ Type your status message e ♪ •♭·.·´¯`·.·♩ •♬

»------(¯`  Type your status message  ´¯)------»

¸.·'★¸.·'★*·~-.¸-(★  Type your status message  ★)-,.-~*¸.·'★¸.·'★

•(♥).•*´¨`*•♥•(★)  Type your status message  (★)•♥•*´¨`*•.(♥)•

♥ⓛⓞⓥⓔ♥☜ facebook emoticons ☞♥ⓛⓞⓥⓔ♥

◢♂◣◥♀◤ facebook emoticons ◢♂◣◥♀◤

¸.•♥•.¸¸.•♥• Type your status message •♥•.¸¸.•♥•.¸☜♥☞ º°”˜`”°º☜(Type your status message )☞ º°”˜`”°☜♥☞

┊　　┊　　┊　　┊

┊　　┊　　┊　　★

┊　　┊　　☆

┊　　★

☆

(¯`·.º-:¦:-†__†-:¦:-º.·´¯)
(¯`'•.¸(¯`'•.¸†____ †¸.•'´¯)¸.•'´¯)
¸.·'´¯) ¸,ø¤°``°¤ø,¸(¯`'·.¸___¸.·'´¯) ¸,ø¤°``°¤ø,¸(¯`'·.¸
¸.•´¯`•.¸¸.¤ -¤-:¦:-´¯))--»
ஐ๑۩۞۩๑[♥๑۩۞۩๑ (¯`•♥ ♥•´¯) ๑۩۞۩๑[♥๑۩۞۩๑
¸ .?'´¯) ¸,ø¤°``°¤ø,¸(¯`'?.¸
¸ .?'´¯),ø¤°``°¤ø,¸¸,ø¤°`°¤ø,¸(¯`' ?.¸
(`'•.¸(`'•.¸¤*¤¸.-'´)¸.•'´)
«´¨`•..¤ Ohh :¤..•´¨`»
(¸.•'´(¸.•'´¤*¤`'•.¸)`'•.¸)

____♥♥♥_____♥♥♥_____
__♥_____♥_♥_____♥___
__♥______♥______♥___
___♥____Kima___♥____
_____♥_______♥______
_______♥___♥________
_________♥__________
_______♥___♥________
_____♥_______♥______
___♥____hashi___♥____
__♥______♥______♥___
__♥_____♥_♥_____♥___
____♥♥♥_____♥♥♥_____

✔ Bảng chữ cái đặc biệt

๖ۣۜA ๖ۣۜB ๖ۣۜC ๖ۣۜD ๖ۣۜE ๖ۣۜF ๖ۣۜG ๖ۣۜH ๖ۣۜI ๖ۣۜJ ๖ۣۜK ๖ۣۜL ๖ۣۜM ๖ۣۜN ๖ۣۜO ๖ۣۜP ๖ۣۜQ ๖ۣۜR ๖ۣۜS ๖ۣۜT ๖ۣۜU ๖ۣۜW ๖ۣۜV ๖ۣۜX ๖ۣۜY ๖ۣۜZ