Áo Lụa Trắng: 2012

Saturday, December 29, 2012

Saturday, December 1, 2012

Thursday, November 29, 2012

Hình ảnh tuyệt đẹp về lịch sử trang phục Việt Nam

(REDS.VN) Là một nghệ sĩ có niềm đam mê to lớn dành cho văn hóa Á Đông, đặc biệt là Việt Nam, Nancy Dương đã dùng kỹ thuật số hiện đại để thổi sức sống mới vào các giá trị truyền thống của người Việt.

Nancy Dương chia sẻ, cô rất yêu thích trang phục lịch sử Việt Nam và muốn được quan sát quá trình tiến hóa của chúng qua từng giai đoạn. Với các tác phẩm đồ họa theo dạng timeline, cô đã giúp người xem có một cảm nhận trực quan về sự tiến hóa này qua việc đối chiếu các mẫu trang phục được đặt nối tiếp nhau theo các cột mốc thời gian.

Những hình ảnh được tái hiện dựa trên việc tham khảo các tư liệu lịch sử như tranh, tượng cổ, những bức ảnh thời xưa, thông qua internet và một ấn phẩm có tên “Đi tìm trang phục Việt” của các nhà sản xuất phim.

Nancy Dương cho biết, dù đã cố gắng để tái hiện hình ảnh giống với nguyên mẫu nhất, nhưng cô không dám khẳng định rằng tất cả hoàn toàn chính xác. Trong một số hình vẽ, màu sắc là do tác giả tự lựa chọn theo cảm quan của mình vì các tư liệu gốc không có màu sắc để tham khảo. Do không có hiện vật liên quan, trang phục của một số thời kỳ đã không có mặt.

Dưới đây là một số tác phẩm đã được Nancy Dương giới thiệu:

1.000 năm trang phục Việt Nam

Sự tiến hóa của áo dài Việt Nam trong lịch sử

Các kiểu tóc và mũ trong lịch sử Việt Nam

Một số hình ảnh tư liệu tham khảo để thực hiện các hình vẽ

T.B

Có thể một số màu sắc chưa chính xác so với thực tế như tự nhận bởi tác giả, nhưng chúng ta phải cảm ơn Nancy Duong đã dành nhiều thời gian và công sức để hoàn thành bộ hình ảnh tuyệt vời này.

Nguồn:Trúc Lâm Trang

-------------------

-->Đọc tiếp...

Tuesday, November 6, 2012

Welcome to Autumn 2012

-->Đọc tiếp...

Tiện ích phân trang PageNavi theo kiểu WordPress cho Blogspot

Tiện ích phân trang dùng để hiện thị 1 số lượng trang theo thứ tự trên blog của bạn nhằm giúp người đọc di chuyển nhanh hơn cũng như giúp blog nhìn hấp dẫn hơn so với giao diện mặc định Bài viết mới hơn, Trang chủ, Bài viết cũ hơn của Blogger.

Hình ảnh minh họa

Thực hiện như sau:
- Đăng nhập Blogspot => Thiết kế => Mẫu => Tùy chỉnh HTML (mở rộng mẫu tiện ích).
- Chèn đoạn Code sau vào trên thẻ </b:skin>

.pagenavi{background:#transparent;clear:both;margin:30px auto 20px;text-align:center;border:1px solid #575757;padding:3px 0}
.pagenavi span,.pagenavi a{border:1px solid #5b5b5b;padding:1px 4px;color:#dd7700;margin:2px;font-size:15px}
.pagenavi span{color:#3a3a3a}
.pagenavi a:hover,.pagenavi .current{border:1px solid #bfbfbf;background:#transparent;color:#bf9000;text-decoration:none}
.pagenavi .pages{color:#dd7700}

Chỉnh lại các thông số màu đỏ trên theo ý thích của bạn.

Lưu ý: 1 số Template có cách sắp xếp code CSS rất khó chịu và nó thực thi Code theo thứ tự từ trên xuống, nếu có những đoạn code trùng chức năng thì nó sẽ thực thi cái trên cùng và bỏ qua các đoạn phía dưới (như template này chẳng hạn). Với hững template như vậy, việc đặt đoạn code trên ngay trên thẻ </b:skin> sẽ không có tác dụng. Lúc này, ta cần dò qua toàn bộ code CSS 1 lần, đối chiếu các vị trí code chức năng trong CSS và sự hiển thị của nó trên Blog để xác định vị trí thích hợp.

Ví dụ: với Template của mình, nếu dán đoạn code trên ngay trên thẻ </b:skin> thì nó sẽ bị vô hiệu hóa bởi 1 lệnh sắp xếp mặc định phía trên. Do vậy, ta phải di chuyển đoạn code này lên phía trên các code có cùng chức năng. Ở đây mình di chuyển nó lên ngay dưới phần này

/* Accents---------------------------------------------- */

ta được kết quả như sau:

/* Accents
---------------------------------------------- */
.pagenavi{background:#transparent;clear:both;margin:30px auto 20px;text-align:center;border:1px solid #575757;padding:3px 0}
.pagenavi span,.pagenavi a{border:1px solid #5b5b5b;padding:1px 4px;color:#dd7700;margin:2px;font-size:15px}
.pagenavi span{color:#3a3a3a}
.pagenavi a:hover,.pagenavi .current{border:1px solid #bfbfbf;background:#transparent;color:#bf9000;text-decoration:none}
.pagenavi .pages{color:#dd7700}

Tiếp theo ta tìm đến dòng này:

<b:widget id='Blog1' locked='true' title='Bài Đăng Trên Blog' type='Blog'>

Phần Bài Đăng Trên Blog là tên khung bài viết của bạn. Nếu không nhớ, bạn có thể search thế này <b:widget id='Blog1' locked='true' title= để tránh việc tìm không thấy đoạn code trên.

Chèn đoạn code sau đây vào ngay dưới nó:

<b:includable id='page-navi'>
<div class="pagenavi">
<script type="text/javascript">
var pageNaviConf = {
perPage: 7,
numPages: 9,
firstText: "Trang đầu",
lastText: "Trang cuối",
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot; }
</script>
<script type="text/javascript" src="http://bongnguoilangle.googlecode.com/files/pagenavi.min.js"></script>
<div class="clear" />
</div>
</b:includable>

Trong đó:
perPage: 7 là số bài hiển thị trên 1 trang
numPages: 9 là số trang
firstText: "Trang đầu", lastText: "Trang cuối", nextText: "»", prevText: "«" là nội dung hiển thị của các lệnh First, Last, Next, Previous.

Tiếp theo, tìm đến thẻ:

<!-- navigation -->
<b:include name='nextprev'/>

Thay dòng code màu đỏ bằng đọn code dưới đây:

<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi' />
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi' />
</b:if>
</b:if>

Lưu mẫu (Save Template) và thưởng thức.

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

Javascript: Hỗn Tạp's Blog

Edited: Bóng Người Lặng Lẽ

-->Đọc tiếp...

Monday, November 5, 2012

Tiện ích "Bài viết liên quan" cho Blogger, bản nâng cao, có phân trang

Script tạo danh sách các bài viết liên quan cho Blogger ban đầu được Hoctro phát triển, sau đó được nhân rộng ra với khá nhiều chỉnh sửa. Các bản "bài viết liên quan" hiện nay đều cho phép cấu hình số bài viết hiển thị và số bài viết lấy theo mỗi label. Tuy vậy, trong trường hợp cần liệt kê số lượng lớn các bài viết liên quan thì chưa script nào có khả năng phân trang. Trong bài viết này, tôi sẽ hướng dẫn các bạn làm phân trang cho chúng.

Script này thích hợp với các blog cần liệt kê số lượng lớn các bài viết liên quan (VD như các tập trong 1 bộ truyện tranh). Nếu blog bạn không có nhu cầu này, hãy dùng các bản cũ mà bạn thấy phù hợp.

Cách cài đặt

Mở template của bạn ở chế độ chỉnh sửa HTML (hoặc download file template về để mở), chèn đoạn sau ngay phía trước thẻ </head>:

<script type="text/javascript" src="http://bongnguoilangle.googlecode.com/files/jquery.min-1.8.2.js"></script>
<style type="text/css">
.related-posts-navi a{border:1px solid #36c;background:#fff;color:#36c;display:block;float:left;margin-right:10px;padding:2px 5px;text-decoration:none}
.related-posts-navi a:hover{background:#36c;color:#fff;text-decoration:none}
.related-posts-navi .related-posts-navi-selected{background:#36c;color:#fff}
</style>

Sau đó, tìm trong template của bạn dòng:

<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>

(Ở đây chữ Bài đăng trên Blog màu đỏ là tên của phần tựa đề trang bài viết của bạn, hãy sửa lại cho đúng với blog của mình.)
rồi chèn ngay phía sau đoạn code này: (copy code trong khung dưới hoặc tại đây http://pastebin.com/raw.php?i=jadhiYiU)

<b:includable id='related-posts' var='post'>
 <div id="related-posts">
  <h3>Related Posts</h3>
  <ul id="related-posts-list"></ul>
 </div>
 <script type="text/javascript">
 var relatedPostsConfig = {
  maxPosts: 200,
  perLabel: 200,
  perPage: 8,
  hiddenLabel: ['Label 1', 'Label 2', 'Label 3']
 };

 function getRelatedPosts(json) {
  var posts = [],
   num = 0,
   max = (relatedPostsConfig.maxPosts - relatedPostsConfig.count &gt; json.feed.entry.length) ? json.feed.entry.length : (relatedPostsConfig.maxPosts - relatedPostsConfig.count); // max number of entries can be loaded
  
  if (max &lt;= 0) {
   return;
  }
  
  for (var i = 0; i &lt; max; i++) {
   entry = json.feed.entry[i];

   posts[num] = {};
   posts[num].title = entry.title.$t;
   for (var j = 0; j &lt; entry.link.length; j++) {
    if (entry.link[j].rel == "alternate") {
     posts[num].url = entry.link[j].href;
     break
    }
   }
   num++;
  }
  
  relatedPostsConfig.count += max;

  for (i = 0; i &lt; num; i++) {
   var li = document.createElement("li"),
    a = document.createElement("a");
   a.href = posts[i].url;
   a.title = posts[i].title;
   a.appendChild(document.createTextNode(posts[i].title));
   if (a.href != location.href) {
    li.appendChild(a);
    relatedPostsConfig.container.appendChild(li);
   }
  }
 }

 (function() {
  var obj = {};
  for(var i = 0; i &lt; relatedPostsConfig.hiddenLabel.length; i++) {
   obj[relatedPostsConfig.hiddenLabel[i]] = '';
  }
  
  relatedPostsConfig.count = 0;
  relatedPostsConfig.container = document.getElementById("related-posts-list");
  <b:loop values='data:posts' var='post'>
  <b:loop values='data:post.labels' var='label'>
   if (!('<data:label.name/>' in obj)) {
    document.write('&lt;script type="text/javascript" src="/feeds/posts/summary/-/'+'<data:label.name/>'+'?alt=json-in-script&amp;callback=getRelatedPosts&amp;max-results='+relatedPostsConfig.perLabel+'"&gt;&lt;/' + 'script&gt;');
   }
  </b:loop>
  </b:loop>
 })();

 $(function(){
  var pages = 1;
  while ($('#related-posts-list &gt; li').length) {
   var $ul = $('&lt;ul/&gt;').appendTo($('#related-posts'));
   $('#related-posts-list &gt; li:lt('+relatedPostsConfig.perPage+')').appendTo($ul);
   pages++;
  }
  $('#related-posts &gt; ul:gt(1)').hide();
  var $div = $('&lt;div class="related-posts-navi"/&gt;').appendTo($('#related-posts'));
  for (var i = 1; i &lt; pages; i++) {
   var $a = $('&lt;a id="related-posts-page-' + i + '" href="#"/&gt;').click(function(){
     var id = $(this).attr('id').substr(19);
     $('#related-posts &gt; ul').hide();
     $('#related-posts &gt; ul:eq(' + id + ')').show();
     
     // change class
     $('.related-posts-navi &gt; a').removeClass('related-posts-navi-selected');
     $(this).addClass('related-posts-navi-selected');
     return false;
    }).append(i).appendTo($div);
  }
  $('.related-posts-navi &gt; a:first').addClass('related-posts-navi-selected');
  $('&lt;div style="clear:both" /&gt;').appendTo($('#related-posts'));
 });
 </script>
</b:includable>

Cuối cùng, tìm đến vị trí mà bạn muốn hiển thị các bài viết liên quan trong template và chèn dòng sau:

<b:include data='post' name='related-posts'/>

Ở đây, vị trí mà bạn muốn hiển thị tiện ích Bài viết liên quan là bất kỳ chỗ nào bạn muốn trên bài viết. Nếu bạn muốn đặt nó ở cuối nội dung bài viết thì đặt code trên vào ngay sau thẻ <data:post.body/> (thường là thẻ ở vị trí đầu tiên nếu có nhiều kết quả)

Cách tùy biến

Tiêu đề của mục các bài viết liên quan được mặc định là "Related Posts". Để sửa nó, các bạn sửa lại chỗ sau (nằm trong đoạn code mà bạn copy từ link http://pastebin.com/raw.php?i=jadhiYiU phía trên):

<div id="related-posts">
  <h3>Related Posts</h3>
  <ul id="related-posts-list"></ul>
 </div>

(Nếu không muốn hiển thị, có thể xóa nó đi)

Tham số tùy biến của script được liệt kê ở phần đầu của đoạn code như sau:

var relatedPostsConfig = {
  maxPosts: 50,
  perLabel: 25,
  perPage: 8,
  hiddenLabel: ['Label 1', 'Label 2', 'Label 3']
 };

Trong đó:
- maxPosts: chỉ số lượng bài viết liên quan (tối đa) được hiển thị
- perLabel: chỉ số lượng bài viết liên quan (tối đa) tính theo mỗi label
- perPage: chỉ số lượng bài viết liên quan được liệt kê trong 1 trang
- hiddenLabel: danh sách các label không hiển thị, phân cách bằng dấu phẩy. hiddenLabel được dùng khi bài viết của bạn có nhiều label, trong đó có 1 số label đặc biệt mà bạn không muốn liệt kê các bài viết liên quan nằm trong đó (VD 'Thông báo', 'Tổng hợp', ...). Khi đó bạn chỉ cần liệt kê các label dạng này vào biến hiddenLabel là xong. Nếu muốn hiển thị tất cả các label (không ẩn label) nào thì khai báo:

hiddenLabel: []

Mẹo nhỏ:
Để chỉ hiện các bài viết liên quan của label đầu tiên, hãy cấu hình maxPosts = perLabel

Ngoài ra, tôi cũng tạo 1 số style cơ bản cho các nút chuyển trang, là đoạn CSS được chèn ở trong thẻ <head> (đoạn code màu xanh đầu tiên):

<style type="text/css">
.related-posts-navi a{border:1px solid #36c;background:#fff;color:#36c;display:block;float:left;margin-right:10px;padding:2px 5px;text-decoration:none}
.related-posts-navi a:hover{background:#36c;color:#fff;text-decoration:none}
.related-posts-navi .related-posts-navi-selected{background:#36c;color:#fff}
</style>

Các nút phân trang này tôi làm theo mẫu của Flickr, nếu các bạn thích style khác, hãy tùy biến CSS theo ý mình.

Cuối cùng, chúc các bạn blogging vui vẻ. Mọi góp ý xin để lại dưới comments.

Nguồn: Hỗn Tạp's Blog
Nguồn: http://bongnguoilangle.blogspot.com/

-->Đọc tiếp...

Tiện ích Auto Readmore Hack with Thumbnail for Blogger

Auto Readmore Hack with Thumbnail là tiện ích xuất hiện đã lâu và được cộng đồng Blogspot sử dụng rất phổ biến bởi những lợi ích rất thiết thực mà nó mạng lại.

Tuy Google cũng đã bổ sung JumpLink ( một dạng Readmore ) cho Blogspot nhưng dường như vẫn chưa thỏa mãn yêu cầu của các Blogger, nhất là các WebBlog như iTechPlus. Việc thực hiện thủ công JumpLink cho từng bài post xem ra khá nhọc nhằn đối với những Blog đã có nhiều bài viết.

Vì vậy, tuy Auto Readmore không phải là mới, nhưng nhận thấy nhu cầu sử dụng của các Blogger đối với tiện ích này vẫn còn khá lớn, nên iTechPlus quyết định giới thiệu lại 2 phiên bản phổ biến nhất của tiện ích này dành cho các bạn quan tâm.

1. Auto Readmore v.4.1 by Anhvo (Vietwebguide.com)

Đây là phiên bản cuối cùng của Anhvo – một Blogger Việt rất nổi tiếng trước đây. Tuy nhiên hiện nay trang web này đã đóng cửa.

Một số đặc điểm của tiện ích :

Fix lỗi Width và Height của ảnh Thumbnail. Không giống các bản trước chỉ hiện cố định Width và Height của ảnh, bản 4.1 sẽ kiểm tra kích thước của ảnh và hiện kích thước MaxWidth và MaxHeight nếu ảnh lớn, nếu như ảnh nhỏ thì hiện kích cỡ thật sự của ảnh, cả 2 trường hợp đều giữ đúng tỉ lệ Width và Height.
Cải tiến phương pháp lấy đoạn summary (đoạn miêu tả), không còn nối dòng lung tung mà sẽ xuống dòng y chang như bài gốc. Summary tối đa lấy theo lượng từ chứ không còn theo kiểu ký tự nữa.
Cải tiến tốc độ Load cho blog. Bản 4.1 đã loại bỏ hoàn toàn việc Load toàn bộ ảnh trong bài, mà sẽ chỉ Load ảnh đầu tiên của bài đó để làm ảnh Thumbnail.
Hỗ trợ chế độ Readmore giống Wordpress, đây là tính năng khá thú vị mặc dù nó chỉ là Manual Readmore.
Hỗ trợ thụt đầu dòng cho Summary. Khi Summary có 2 đoạn trở lên thì việc thụt đầu dòng sẽ làm cho người đọc thấy rõ từng đoạn.
Có thể chọn lựa phương pháp hiện ảnh thumbnail: dồn trái (float, phù hợp cho các blog tin tức) và Gallery (no-float, phù hợp cho các trang có nhiều hình ảnh quảng cáo, trang Softs).
Có thể tùy chỉnh kích thước ảnh thumbnail theo ý muốn
Có thể chọn lựa giữa phương pháp lấy Summary cổ điển và Summary cải tiến.

Cài đặt :

Bước 1 : Vào Thiết kế > Chỉnh sửa HTML > Mở rộng mẫu tiện ích

Bước 2 : Tìm trong template ( Ctrl + F ) dòng <data:post.body/> và thay thế nó bằng đoạn code bên dưới

<b:if cond='data:blog.pageType == "item"'><data:post.body/> 
<b:else/> 
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/> 
<b:else/> 
<div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div> 
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> 
<div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'>-->Đọc tiếp...</a></div> 
</b:if></b:if>

* Đoạn code trên iTechPlus đã sửa lại đôi chút để tiện ích không thực thi đối với trang Static Page

Bước 3 : Chèn đoạn code bên dưới vào trước thẻ đóng </head>

<!-- 
/***************************************************** 
Auto-readmore link script, version 4.1 (for blogspot) 
(C)2009 by Anhvo 
Homepage:  http://vietwebguide.com 
Please dont remove this copyright or change it into your own 
******************************************************/ 
-->
<style type="text/css"> 
.thumbnailimg IMG { 
max-width:150px; 
   width: expression(this.width > 150 ? 150: true); 
   max-height:120px; 
   height: expression(this.height > 120 ? 120: true);
} 
.thumbnailimg { 
float:left; 
padding:0px 10px 5px 0px; 
} 
</style> 
<script type='text/javascript'> 
var thumbnail_mode = "no-float" ; 
var classicMode = false ; 
var summary_noimg = 50; 
var summary_img = 40; 
var indent = 3; 
</script> 
<script  type='text/javascript'> 
//<![CDATA[ 
function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}
function getSummaryLikeWP(id) { 
        return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0]; 
}
function getSummaryImproved(post,max){ 
   var re = /<.*?>/gi 
   var re2 = /<br.*?>/gi 
   var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi 
   var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi 
   post = post.replace(re4,'') 
   post = post.replace(re3,'<br /> ').split(re2) 
   for(var i=0; i<post.length; i++){ 
    post[i] = post[i].replace(re,''); 
   } 
var post2 = new Array(); 
for(var i in post) { 
  //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]); 
  if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;
} 
var s = ""; 
var indentBlank = ""; 
for(var i=0;i<indent;i++){ 
  indentBlank += " "; 
} 
if(post2.join('<br/>').split(' ').length < max-1 ){ 
   s = post2.join(indentBlank +' <br/>'); 
} else { 
  var i = 0; 
  while(s.split(' ').length < max){ 
   s += indentBlank + ' ' + post2[i]+'<br/>'; 
   i++; 
  } 
}  
return s; 
}
function createSummaryAndThumb(pID){ 
var div = document.getElementById(pID); 
var content = div.innerHTML; 
if (/<!--\s*more\s*-->/.test(content)) { 
  div.innerHTML = getSummaryLikeWP(pID); 
  div.style.display = "block"; 
} 
else { 
var imgtag = ""; 
var img = div.getElementsByTagName("img"); 
var summ = summary_noimg; 
if(img.length>=1) { 
  if(thumbnail_mode == "float") { 
   imgtag = '<span class="thumbnailimg"><img src="'+img[0].src+'" /></span>'; 
   summ = summary_img; 
  } else { 
   imgtag = '<div class="thumbnailimg" align="center"><img src="'+img[0].src+'" /></div>'; 
   summ = summary_img; 
  } 
} 
var summary = (classicMode) ? imgtag + '<div>' + stripHtmlTags(content,summ) + '</div>' : imgtag + '<div>' + getSummaryImproved(content,summ) + '</div>'; 
div.innerHTML = summary; 
div.style.display = "block"; 
} 
} 
//]]> 
</script>

Trong đoạn code trên sẽ có những chỗ bạn cần thay đổi như sau:

150 và 120 lần lượt là rộng và cao của ảnh thumbnail. Các chỗ cần thay đã được tô màu nền nổi, bạn nhớ thay cho đúng, mỗi cái xuất hiện tới 3 lần.
Giá trị "no-float" của thumbnail_mode là chế độ hiển thị ảnh theo kiểu Gallery, khi bạn chọn chế độ này, bạn phải thay đổi giá trị left ở trên css thành none. Bạn có thể đổi "no-float" thành "float" để cho ảnh của bạn hiện dồn về trái.
Giá trị false của classicMode ý nói là chế độ hiện Summary cổ điển đang tắt (đã cải tiến), bạn có thể thay nó thành true nếu muốn xài Summary kiểu cũ.
Giá trị 50 của summary_noimg là số từ tối đa cho Summary khi bài viết không có ảnh nào.
Giá trị 40 của summary_img là số từ tối đa cho Summary khi bài viết có ảnh.
Giá trị 3 cho indent, tức là thụt vô đầu dòng 3 ký tự của đoạn Summary. Bạn có thể đặt giá trị của nó là 0,1,2,3,4... đều được.

Sau khi thiết lập xong, bạn bấm Save để lưu thay đổi, vào lại blog và kiểm tra xem Auto Readmore chạy thế nào nhé.

* Một tính năng độc đáo mà Anhvo đã giới thiệu ở trên, đó là hiện Readmore giống Wordpress. Cái readmore này có cái lợi là bạn có thể định vị chỗ ngắt Summary, tuy nhiên thêm code rất đơn giản, chỉ cần thêm dòng

<!-- more -->

vào chỗ mà bạn cần ngắt cho Summary, như thế tất cả các định dạng HTML của bạn trong Summary sẽ không thay đổi so với bài gốc. Nhưng hạn chế là bạn phải chèn dòng  bằng tay.

2. Automatic Read More Hack With Thumbnail for Blogger Bug Fixed

Đây là tiện ích do một Blogger nước ngoài “bào chế” mà iTechPlus sưu tầm được đã khá lâu nên cũng không nhớ rõ. Thủ thuật có đôi chút ngắn gọn và đơn giản hơn :

Bước 1 : Vào Thiết kế > Chỉnh sửa HTML > Mở rộng mẫu tiện ích

Bước 2 : Tìm trong template ( Ctrl + F ) dòng <data:post.body/> và thay thế nó bằng đoạn code bên dưới

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> 
<b:else/> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/> 
<b:else/> 
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:10px;'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEFxaASAzq50axoWsLvXg28-qd8yxidW1dH-H5KYcnpv8Qi9P3PMYQTVAq9zWorLMzkuLwJsbKqzo52tDOqJe9fQciACPmDVLzieFDz-vBlm1tA3C_DK6h5TgR7MyItKqp-WMKMKnpH_s/' style='border:none'/></a></span> 
</b:if></b:if>

Bước 3 : Chèn đoạn code bên dưới vào trước thẻ đóng </head>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.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);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></span>';
summ = summary_img;
}
if(img.length<1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihwjW2LX4Gl3kIqoUI9oGxXN5_ZNl8edo51aUzwdjyyKY27SWyVh0gC2JqGNoy1M9L6Hbi6z7f2T5uVXRPwZyPpUSjMSa0SoQ5itpY6bamfGDWx8542Xp4tHtSU5Jkz2Q0RfocDU0GsosU/" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></span>'; 
summ = summary_img; 
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

* Đoạn code trên iTechPlus đã thêm ảnh mặc định cho những bài viết không có ảnh

Bước 4 : Save template and Done.

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

iTechPlus ( tổng hợp)

-->Đọc tiếp...

Chèn ảnh, video, nhạc vào comment Blogger

Điểm mạnh của blog là tính tương tác giữa người viết và người đọc. Những dẫn chứng dạng chữ chưa đủ tính thuyết phục thì người đọc còn muốn chèn thêm ảnh, video hoặc nhạc. Ở diễn đàn thì việc chèn ảnh, video hay nhạc được thực hiện dễ dàng với BB code, còn Blogger chỉ hỗ trợ 3 thẻ HTML là <b>, <i> và <a> - điều đó chưa đủ làm thỏa mãn bạn? Bài viết này sẽ giúp bạn làm việc đó dễ dàng cho khung comment của Blogger.
Ảnh được chèn từ direct link còn video và nhạc thì từ Youtube và Nhaccuatui dựa vào link trên thanh địa chỉ. Code để chèn cụ thể:

Chèn ảnh:
Link ảnh là http://domain.com/image.png thì code chèn sẽ là

[img]http://domain.com/image.png[/img]

Chèn video từ Youtube:
Link video là http://www.youtube.com/watch?v=0nbY7Mg_vMI&feature=related thì code chèn sẽ là

[youtube]http://www.youtube.com/watch?v=0nbY7Mg_vMI&amp;feature=related[/youtube]

Link video là http://youtu.be/0nbY7Mg_vMI thì code chèn sẽ là

[youtube]http://youtu.be/0nbY7Mg_vMI[/youtube]

Chèn nhạc từ Nhaccuatui:
Link nhạc là http://www.nhaccuatui.com/nghe?L=6g3kDUIYbvmt thì code chèn sẽ là

[nct]http://www.nhaccuatui.com/nghe?L=6g3kDUIYbvmt[/nct]

Link nhạc là http://www.nhaccuatui.com/nghe?M=B_6M7IcZTz thì code chèn sẽ là

[nct]http://www.nhaccuatui.com/nghe?M=B_6M7IcZTz[/nct]

Mở template và chèn đoạn mã dưới đây trước thẻ </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'>

//<![CDATA[

function replaceText(){if(!document.getElementById){return;}

bodyText = document.getElementById("comment-holder"); 

theText = bodyText.innerHTML;

theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");

theText = theText.replace(/\[nct\].*?'.*?\[\/nct\]/gi, "");

theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");

theText = theText.replace(/\[img\]/gi, "<div 
style='clear:both'></div><img style='float:left;margin:10px 
0;border:1px solid #DDD;max-width:590px;background:#FFF;padding:4px' 
src='");

theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");

theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe 
width='480' height='390' src='http://www.youtube.com/embed");

theText = 
theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, 
"<iframe width='480' height='390' 
src='http://www.youtube.com/embed/");

theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");

theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");

theText = 
theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?L=/gi, 
"<div style='overflow:hidden'><embed 
style='margin-top:-250px;width:300px;height:400px' 
src='http://www.nhaccuatui.com/l/");

theText = 
theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?M=/gi, 
"<div style='overflow:hidden'><embed 
style='margin-top:-350px;width:300px;height:400px' 
src='http://www.nhaccuatui.com/m/");

theText = theText.replace(/\[\/nct\]/gi, "' quality='high' 
wmode='transparent' 
type='application/x-shockwave-flash'></embed></div>");

bodyText.innerHTML = theText;

}replaceText();

//]]>

</script>

</b:if>

Lưu Mẫu (save template)

Chúc mọi người thành công

 Nguồn: http://namkna.blogspot.com/2011/10/chen-anh-video-nhac-vao-comment-blogger.html

-->Đọc tiếp...

Đếm lượt xem từng bài viết cho Blogspot

Bạn muốn cho đọc giả mình biết số lượt xem của một bài viết. Với những bài viết nhiều lượt truy cập sẽ tạo uy tín và tin tưởng cho đọc giả. Sau đây là cách để hiển thị số lượt xem cho từng bài viết mà bạn đã đăng.

BẮT ĐẦU THỦ THUẬT:
1. Đăng nhập Blogger.
2. Vào Thiết Kế => Chỉnh Sửa HTML (Mở rộng mẫu tiện ích)
3. Tìm đến đoạn code <data:post.body/> hoặc <div class='post-header'>
4. Thêm đoạn code bên dưới vào TRÊN <data:post.body/> hoặc DƯỚI <div class='post-header'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='hit-counter'>
<p><b><img alt='Smiley face' height='10' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDccc6_thlMCk_L_RNSH-sJh3B6-3L_7zXO88Vzy5Er9qjFh7P40O_Y8lZ14uY3CeO32w521qOuxVm6LUY5PeKWzXV8oeHQiJawLuff72TRxnsWoCqcprfu0lP8mnW6t8M1jwSlkgH03M/s1600/green-star.gif' width='10'/> <font color='#066'>Xem :</font></b> <i><font color='#066'><script src='http://amitjain.in/pageviews.php' type='text/javascript'/></font></i></p>
</div>
</b:if>

5. Lưu Mẫu.

Chúc các bạn vui vẻ cùng Blogspot!

Bóng người lặng lẽ

-->Đọc tiếp...

Hướng dẫn sử dụng Google code để chứa các file JS (javascript) cho Blogspot

-->Đọc tiếp...

Chèn bộ gõ tiếng Việt vào Blogger (Blogspot)

Với những Blogger Việt chúng ta, thì 1 công cụ khó có thể thiếu được là bộ gõ tiếng Việt. Tuy nhiên, những bạn đang sinh sống ở nước ngoài hay sử dụng các thiết bị kết nối đặc biệt thì không phải lúc nào cũng sẵn có công cụ này. Sẽ bất tiện khi lướt web và dạo blog trong hoàn cảnh đó, vì câu chữ khó đọc thậm chí có thể gây hiểu lầm. Vì thế, tích hợp sẵn 1 bộ gõ tiếng Việt trong trang blog của mình không những giúp ngôi nhà của bạn sang trọng hơn mà còn tiện lợi cho khách ghé thăm, những comment với đầy đủ dấu câu cũng giúp người đọc dễ hiểu và dễ chịu hơn nhiều.

Vậy, tích hợp 1 bộ gõ tiếng Việt vào blog như thế nào? Bây giờ chúng ta sẽ cùng làm điều đó.

Hiện nay có 2 bộ gõ tiếng Việt mà webmaster hay sử dụng để chèn vào blog/forum là bộ gõ avim và bộ gõ mudim, ở đây mình sử dụng bộ gõ mudim. Sau khi được tích hợp, bộ gõ sẽ xuất hiện ở đáy màn hình ngay trên thanh Taskbar của các bạn. Nếu không cần thiết, bạn có thể tắt và ẩn nó đi.

Rất đơn giản, bạn chỉ việc vào Bảng điều khiển, chọn Mẫu, chọn tiếp Chỉnh sửa HTML
Sau đó chèn đoạn mã dưới đây vào ngay trước </head> và lưu lại là xong!

<script type="text/javascript" src="http://bongnguoilangle.googlecode.com/files/mudim.js"></script>

Nếu các bạn có Host riêng, hãy download file .js về và upload lên Host để tùy nghi sử dụng.

Chúc các bạn vui vẻ!

Bóng Người Lặng Lẽ

-->Đọc tiếp...

Tiện ích Recent Posts tự động scroll với nút Stop/Play bằng mootools

Hôm nay ở thủ thuật này mình sẽ giúp các bạn tạo Recent Posts tự động scroll bằng mootools. Bạn sẽ có thể tùy chọn Stop Scroll hay Play Scroll rất dễ dàng. Với hiệu ứng mootools tiện ích này sẽ giúp các bài viết của bạn scroll rất mượt và rất tiện lợi với nút Stop/Play.

Hình ảnh minh họa

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào sau thẻ <head>

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://lh3.googleusercontent.com/-_Fv9pINaLTc/UHvEhtj2_aI/AAAAAAAAEnI/tzRrE_naY_0/s225/MG-4278-Blogspot.jpg"; //thay bằng link tới hình bạn muốn hiển thị làm Thumnail khi trong bài viết không có hình ảnh
showRandomImg = true;
imgwidth = 42; //Chiều rộng ảnh thumb
imgheight = 40; //Chiều cao ảnh thumb
dcmcolor = "#000033";
dcmsize = "1";
aBold = true;
text = "nhận xét";
showPostDate = true; //nếu không muốn hiển thị ngày đăng thay TRUE thành FALSE
summaryPost = 120; // số ký tự nội dung bài viết
icon = " Â» ";
numposts = 8; //số bài viết hiển thị
label = "Bài Viết Mới Nhất"; //thay bằng tên nhãn trên blog của bạn
home_page = "http://thuoaymuahong.blogspot.com/"; //thay bằng địa chỉ blog của bạn
</script>

<script language="javascript" type="text/javascript" src="http://bongnguoilangle.googlecode.com/files/mootools.1.11.js"></script>

5. Chèn tiếp code CSS sau vào trước thẻ ]]></b:skin>

#NewsTicker{
border:solid 1px #cccccc;
background:#eaf5e0; /* màu nền của khung tiện ích, nếu bạn muốn nền trong suốt thì thay mã màu này thành transparent
width:315px; /* độ rộng của tiện ích*/
height:450px; /* chiều cao của tiện ích*/
}
#NewsTicker h1{
padding:6px; /* phần tiêu đề của tiện ích Recent Comments
text-align:center; /* chỉnh các thông số này để đồng bộ với cấu hình theme của bạn
margin:0;
background:#dfe9d5;
color:#000000;
font-size:12px;
font-weight:bold; /* có thể thêm lệnh font-family: để định dạng font cho hợp với các thẻ khác
}
#NewsVertical {
height: 375px; /* chiều cao của nội dung tiện ích*/
display: block;
overflow: hidden;
position: relative;
}
#controller{
cursor:pointer;
padding:5px 5px 0px 5px;
font-size:11px; /* tùy chỉnh chữ Play Scroll và Stop Scrool
color:#666;
margin-left: 265px;
}
#play_scroll_cont{display:none;}
#TickerVertical {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#TickerVertical li {
display: block;
color: #333333;
font-size: 11px;
margin-bottom: 5px;
padding: 0px 6px 6px 6px;
float: left;
border-bottom:1px solid #ddd;
}
#TickerVertical li .NewsTitle{
color: #000000;
font-size: 12px;
font-weight:bold;
margin:0px;
}
#TickerVertical li a {
margin-bottom:2px;
display: block;
color: #000000;
font-size: 12px;
font-weight:bold;
text-decoration:none;
}
#TickerVertical li a:hover {
color: #666;
text-decoration:underline;
}
#TickerVertical li .NewsImg{
float:left;
border:1px solid #ccc;
padding:2px;
margin-right:5px;
margin-top:2px;
}
#TickerVertical li .NewsFooter{
display: block;
float:right;
color: #000000;
font-size: 10px;
margin:6px 0px 0px 0px;
}

6. Save template lại và trở về phần tử trang (Page Elements)
7. Thêm 1 HTML/Javascript và thêm vào code bên dưới

<div id="NewsTicker">
<h1>Bài Viết Mới Nhất</h1>
<div id="controller">
<div id="stop_scroll_cont"><a id="stop_scroll"><img src="https://lh5.googleusercontent.com/-n2JuB67fY4U/UHvJ0GOe01I/AAAAAAAAEnc/7dSLdpEfNGE/s14/stop.png" width="14" height="14" border="0" align="absmiddle" /></a> Stop scroll</div>
<div id="play_scroll_cont"><a id="play_scroll"><img src="https://lh6.googleusercontent.com/-e3RVY-noZ44/UHvKOkS_-iI/AAAAAAAAEnk/s3cY5IdkA_8/s14/play.png" width="14" height="14" border="0" align="absmiddle"/></a> Play scroll</div></div>

<div id="NewsVertical">
<script language="javascript" type="text/javascript" src="http://bongnguoilangle.googlecode.com/files/re_post_autoscroll.js"></script>

</div></div>

<script language="javascript" type="text/javascript" src="http://bongnguoilangle.googlecode.com/files/newsticker.js"></script>

8. Save tiện ích lại là xong

Chúc các bạn tạo được 1 trang blog như ý!

Bóng Người Lặng Lẽ

-->Đọc tiếp...

Wednesday, October 10, 2012

Có bầu rồi!

-->Đọc tiếp...

Thursday, August 23, 2012

Tháng Năm Thu

-->Đọc tiếp...

Sài Gòn , Nhớ !

Sài Gòn , Nhớ!

Đêm qua chợt nhớ Sài Gòn,
Ba mươi năm hẹn vẫn còn là mơ !
Bỗng dưng lòng trải ra thơ ,
Chạm cái dằm nhớ , người ngơ ngẩn buồn
Một tôi từ độ mưa tuôn
Xuân thì chưa chín đã mòn lộc xanh
Sai gon dưỡng mắt long lanh
Nuôi chân chim sáo nõn cành yêu thương
Tôi xa lay lắt con đường
Chân đi lòng đứng vô thường nhớ quên
Vẫn là phố chật người chen
Ngõ ai bùn vấy chiều len lén vào
Tai còn vọng tiếng quà rao
Tiếng xe cắc cụp , tiếng chào rổn rang
Tôi đi nhốt giọt nắng vàng
Dấu trong áo lụa đã ngàn trùng xa
Thế nên chiều ngắm " yên ba ..." (*)
Xổ lồng nỗi nhớ vượt qua tay rồi
Ừ thôi cứ thế ngậm ngùi
Nghìn trùng ngày tháng mang tôi xa người !
-------------------------------------

(*)Nhật mộ hương giang hà xứ thị
Yên ba giang thượng sử nhân sầu.
( Hoàng Hạc Lâu- Thôi Hiệu)

Ừ, chơt nhớ Saigon, mà sao không nhớ Nhatrang, nơi mình đã sinh ra và lớn lên !

Khéo không sẽ bị bụp tan tành vì nói ra 1 nỗi nhớ bất chợt hôm nay

( Có sao nói vậy người ơi !!!)

Chắc là vì Saigon nương nhẹ , mở rộng vòng tay bao dung đón tôi, chắc vì Saigon không có những khắc nghiệt thành kiến hận thù mưa xoi nắng háp trói buộc trái tim non nớt của tôi , không có những kỷ niệm cay đắng với những địa phương nhỏ bé, Sài gon nuôi dưỡng một tôi mới lớn trong veo mơ ước và tình người !
----------

------------
* Hoàng Guitar hoạ , mà hoạ kiểu mới chế đi ngược từ dưới lên !( bác này .. ngược đời !)
Xa tôi ngày tháng nghìn trùng
Ngậm ngùi cứ thế xổ lồng qua tay
Yên ba giang thượng chiều nay
Áo lụa ai đó sầu lay đôi tà
Nắng vàng trong áo bay ra
Tiếng ồn phố thị khi xa khi gần
Vô thường chân đứng phân vân
Con chim sáo nõn ngủ quên trên cành
Sài gòn ơi, vẫn long lanh
Xuân thì dẫu chín lá xanh vẫn còn
Mưa trong lòng ngỡ chực tuôn
Thơ trong hồn đã trào cơn lũ buồn
Đêm qua chợt nhớ Sài gòn
Ba mươi năm hẹn vẫn còn là mơ

Comments

(13 total) Post a Comment

Hoàng…
Offline

Ây dà. Bài thơ hay thế này phải nhanh tay poc tem cái đã rồi bình hay họa gì tính sau

Monday April 6, 2009 - 04:05am (PDT) Remove Comment

Trang…
Offline

Dạ , anh Đờn - nhà bảo trợ tài năng ... chẻ - cứ tự nhiên bơm nâng tài của em lên , cho em tưởng thật cứ thế ma` ten tuo^?i em lừng lững đi vào nền thi ca nước nhà ! ( Bây giờ em len lén đi vô giấc mộng đó ở trên giuờng, mai sẽ đọc những phê bình ... sắt đá !) Goodnight!

Monday April 6, 2009 - 04:19am (PDT) Remove Comment

Hoàng…
Offline

Đây là kiểu đối mới mình mới chế ra. Đối từ dưới đối lên. Chơi thế mới chơi chứ. Hà hà hà

Xa tôi ngày tháng nghìn trùng
Ngậm ngùi cứ thế xổ lồng qua tay
Yên ba giang thượng chiều nay
Áo lụa ai đó sầu lay đôi tà
Nắng vàng trong áo bay ra
Tiếng ồn phố thị khi xa khi gần
Vô thường chân đứng phân vân
Con chim sáo nõn ngủ quên trên cành
Sài gòn ơi, vẫn long lanh
Xuân thì dẫu chín lá xanh vẫn còn
Mưa trong lòng ngỡ chực tuôn
Thơ trong hồn đã trào cơn lũ buồn
Đêm qua chợt nhớ Sài gòn
Ba mươi năm hẹn vẫn còn là m ơ

Monday April 6, 2009 - 04:30am (PDT) Remove Comment

Xổ lồng nỗi nhớ vượt qua tay rồi

Ừ thôi cứ thế ngậm ngùi....Hay wa' chi Trang oi , em nho' nha` nua~ roi^`, nho' oi la nho'

Monday April 6, 2009 - 08:05pm (CST) Remove Comment

Thương quá bài thơ lay lắt nỗi nhớ của em .Bài thơ đẹp quá , hay quá . Saigon thì thế ...cứ dường như vô tâm bởi cái ồn ào , bởi cái lướt nhanh như chạy của mọi vật mọi người chung quanh nhưng thật ra Saigon luôn bao dung , luôn thân thiện , Saigon níu nỗi nhớ người đi bởi hạt nắng , cơn mưa ... Trang sẽ nhớ Sagon và có lẽ giấc mơ ba mươi năm cũng có ngày trùng phùng ..Trang nhỉ ?

Tuesday April 7, 2009 - 12:11am (ICT) Remove Comment

Vào nhà Trang thấy tươi mắt hẳn ra, uống ly trà, rít điếu thuốc lào xong thấy fê fê ngà ngà ... rít thêm tí cốt lõi, lững thững đứng dậy ngâm nga...(vì say thuốc lào)

Ngồi đây hồi tưởng Sàigòn
Ngồi đây mà tưởng như còn người yêu
Thuở xưa khi đọc truyện Kiều
Thuở xưa đâu hiểu hết điều đắng cay
Hôm nay nhìn cảnh đổi thay
Hôm nay mới thấy rượu cay hơi nồng
Ngày mai lúc tuổi vào đông
Ngày mai sẽ thấy chất chồng hôm nay.

Monday April 6, 2009 - 05:41pm (CDT) Remove Comment

Đang rít thuốc lào mà say rượu thì đúng là ....tửng. Thôi để xin phép đổi lại.

Ngồi đây hồi tưởng Sàigòn
Ngội đây mà tưởng như còn người yêu
Thuở xưa khi đọc truyện Kiều
Thuở xưa đâu hiểu hết điều đắng cay
Hôm nay nhìn cảnh đổi thay
Hôm nay mới thấy thuốc say thế này
Ngày mai nếu phải chia tay
Ngày mai chắc sẽ tiếc ngày hôm nay!

Monday April 6, 2009 - 05:49pm (CDT) Remove Comment

Ha
Offline

Ừa, Sài Gòn bao dung đón những mãnh đời tha phương. Và ở đây có những người con xa xứ thành đạt... Chị gắn bó với Sài Gòn lâu rồi, từ cái ngày đưa anh T.V ra tàu xuôi phương Nam, có lần anh nói với chị: Nha Trang là chốn để nhớ chứ không là nơi để về mà sống! Nha Trang mãnh đất thật xinh đẹp hiền hòa, nhưng Nha Trang không rộng lòng lưu giữ những đứa con của mình. Thế đấy! Và giờ chị Sài Gòn mà thi thoảng cũng nhớ Nha Trang, nhớ lắm những ngày cũ ấy... có cười và khóc!

Tuesday April 7, 2009 - 05:50am (ICT) Remove Comment

langyen
Offline

Tui lạc dzô mấy chùm thơ này...ko nói gì được mà mắc kẹt ở đây luôn.Bồ đừng có buồn nếu tui đổi thơ của bồ ra văn xuôi rồi tui suy ngẫm từ từ nghen.Bồ ở SG hồi nào sao tui hổng biết?Mà lén tui đi qua bển hồi nào tui cũng hổng hay, còn tui mới vói tay nhéo cái đùi khói là bị bồ phát hiện liền...Nói dzậy chứ bây giờ tui xa SG chừng 3 ngày là tui nhớ rồi, ba mươi năm làm sao chịu nổi hở chời! Hay là đổi hướng , nhớ tui với mấy chị đi...dễ chịu hơn ..hìhì...

Tuesday April 7, 2009 - 07:18pm (ICT) Remove Comment

Tập trung ở đây không ít người Nha Trang nhưng Sài Gòn lại là nơi "Xin chọn nơi này làm quê hương". Ôi em, phải sống giữa lòng SG mới hiểu và yêu SG như chính mảnh đất chôn nhau cắt rốn của ta.
Chị gắn bó nơi này không lâu nhưng cũng đã gởi vào đây biết bao tình cảm thân thương, nơi đã cho mình cuộc sống, công việc , bạn bè...trân quý.
Một chút hoài quê của em gợi nhớ biết bao điều...
Và, không ngờ nhất là thơ em lại mượt mà và tình cảm đến vậy.

Tuesday April 7, 2009 - 04:26pm (PDT) Remove Comment

Thu N…
Offline

Mình mang tiếng dân Văn Khoa mà một chữ thơ bói không ra. Mắc cỡ quá!
Đọc thơ Trang va` mọi người thấy mềm lòng ra. Sài Gòn với mình cũng gợi nhớ bao điều, nhớ “con đường Duy Tân cây dài bóng mát”, nhớ con đường Tú Xương với “Ngọn cây ướt đẫm xanh bờ mắt em”, nhớ đường Cường Đễ “Xưa sao xa vắng bơ vơ cổng trường” nhớ nhiều điều về một thời đã xa lắc xa lơ rồi. Giờ thi thoảng về lại SG, thấy tiếc tiếc, buồn buồn…

Wednesday April 8, 2009 - 07:59am (ICT) Remove Comment

Trang…
Offline

@anh Đờn : cám ơn bài thơ hoạ lộn ngược của anh ! Đạt mức độ Outstanding luôn! Cảm phục!
(Khi nào anh rảnh anh .... phổ thơ luôn rồi ... đờn guitar, record luôn giọng hát mình , upload lên cho anh chị em nghen luôn, thì chơi như thế mới gọi là ... chơi! ) Hù vậy thôi chứ như vậy cũng biết tài cúa anh rồi ! Đa tạ !

@ ongdia75 : thấm thía hả em ? Những người xa nhà, xa Saigon , nhớ lắm giọng rao cúa mấy người bán hàng SG, không ở đâu có những tiếng động tiếng rao như vây.. . chia xẻ cùng em một chút nhớ !

@ chị Gió : Dạ đúng, SG có cái thản nhiên , dửng dưng như vô tâm, nhưng nó ấn tượng sâu sắc lắm chị ! Đi xa rồi mới biết thấm! Trùng phùng về không gian thì dễ chị ơi, cái em muốn tìm là cái trùng phùng thời gian thì vĩnh viễn không bao giờ tìm đươc,! Vì thế, nỗi nhớ cứ suốt đời mà thôi !

@Bác Từ : Cảm ơn cơn say thuốc lào, say men, hay say thơ cúa Bác Từ !
Ai dè bác có người yêu
Ngồi đây hồi tưởng dáng kiều ngày xưa ...
Vậy Bác làm thêm bài thơ về người yêu ngày xưa ở Saigon đi Bác , hong chừng nàng đọc được tâm thơ của Bác mà có cơ hội trùng phùng á ! Và biết đâu nhờ vậy Bác sẽ thấy là sư tử có lúc hiền như .... nai !

Thursday April 9, 2009 - 04:08am (PDT) Remove Comment

Trang…
Offline

@ chị Hà : chị có biết là khi đọc cmt này của chị thì em đã rưng rưng, cay mũi, cay mắt ....
Đồng cảm với anh chị ! Lòng biển sâu mà không giữ được những đứa con của biển , để cho " thương hải biến vi tang điền !" , người tài ra đi tứ tán, Tiếc lắm! Cảm phục sự mạnh mẽ của chị ngày ấy !

@ Lang yen: Trùi, tui ở cạnh bồ mà bồ hong hay, bồ cứ lo để ý anh hàng xóm, đến lúc tui ra đi rồi bồ mới ... tiếc ! Nhớ SG rồi bây giờ thêm nhớ bồ với mấy chị nữa cũng là nhớ, mà cụ thể hơn ! Tui nhớ luôn anh hàng xóm của bồ được không ?

@ chi Yến :em cũng đông cảm với chị là đất SG tuy xô bồ vậy chứ không bạc đãi người xa xứ!
Trùi ui, thơ em mượt mà và tình cảm mà .... em còn mượt mà và tình cảm hơn á ! Hì!
Từ từ chị ... khám phá thêm em nha !j/k

@ Chi T . Nhan : Em cũng quên hết chữ nghĩa bao năm rồi đó chị ! Nhờ em ..." gần đèn thì sáng "... gần mấy anh chị văn chương lai láng cho nên em có nhiều cảm xúc và thi hứng từ lâu bỏ em ra đi , đã trở về mái nhà xưa! Cũng nhờ mấy chị cho em có động lực mạnh mẽ mà gõ bàn phim' !
Hong được biết cái thời Văn Khoa cúa chị , nhưng em cũng nhớ theo hình ảnh Nguời Em Văn Khoa của chi ,chị Gió , và nhiêu người nữa ... thơi sinh viên hoc sinh là thời đẹp nhât ' 1 đời người hả chị !

Thursday April 9, 2009 - 04:40am (PDT) Remove Comment

Tags: tho than

Prev: Vịnh Mái Blog Tui!
Next: Chiều Thứ Năm

reply edit delete