Rất hân hạnh chào đón các bạn đã đến thăm Blog này!
- Nếu các bạn đang cần trao đổi về thiết kế quảng cáo, thiết kế web, thiết kế đồ họa.. - Nếu các bạn muốn tự tìm hiểu một phần mềm đồ họa , muốn tìm kiếm vài hình clipart nào đó...- Nếu các bạn đang muốn tự tay mình thiết kế một tấm thiệp, một tờ lịch bàn cho "hoàng tử hay "công chúa" ở nhà...- Nếu các bạn đang cần một sự giúp đỡ, tư vấn về nghề Thiết kế nói chung và các phần mềm đồ họa nói riêng...
Đây có thể là nơi các bạn đang tìm kiếm - Tomnhien Design Blog?!
Hãy tham quan một vòng các Nhãn (Label) mà bạn quan tâm và đừng ngần ngại post những thắc mắc, góp ý hoặc những yêu cầu của bạn. Xin cám ơn!
Theo mặc nhiên Blogspot xếp bài theo thứ tự ngày tháng - bài post mới nhất luôn nằm trên cùng. Từ những ngày đầu mày mò làm blog, điều này thực sự khó chịu. Chúng ta muốn viết vài dòng thông báo, những điều cần chú ý hoặc vài lời welcome khách đến thăm blog, không biết để ở đâu, nếu template không có chỗ để dành cho nó.
Tìm hiểu trên Net, đa phần đều hướng dẫn cách "kỳ cục", ngay cả help của Google cũng thế (!), thay đổi ngày tháng của post để cho nó lên trên đầu??? Rốt cục, cũng tìm được cách hoàn hảo cho việc này - gọi là Sticky Post (Các bạn xem VD ngay trên blog này của tôi). Sau đây là cách làm: 1. Vào Page Elements >> Edit Template 2. Tìm đoạn code sau (Ctrl+F để search): 4. Click Page Elements, lúc này ta sẽ thấy có thêm một cái Add a Gadget ngay trên phần post contents. Xem hình. 5. Tới đây ta có thể click để thêm vào một gadget TEXT hoặc HTML/Javascript để viết tùy thích. Những dòng này luôn nằm trên cùng ở tất cả các trang.<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section></div>
3. Đến ngay đoạn code
Dựa theo: http://www.solidblogger.com
Read more...
Labels là nơi phân loại các đề tài đã post, vì vậy nó được người xem quan tâm trước hết. Với những blogger lâu năm, con số bài post nằm phía sau nhãn (label) là niểm hãnh diện của họ (số lớn hoặc rất lớn). Ngược lại, với những ai mới tập tành làm blog những con số này có khi chỉ là 1 hoặc 2 (không được hãnh diện lắm?), tốt hơn là dấu nó đi!
Cách làm như sau:
+ Layout > Edit Template HTML > check Expand widget template
+ Ctrl+F > search đoạn code: (<data:label.count/>)+ Delete nó đi là xong.
Đây có lẽ là hack đơn giản và hiệu quả nhất dành cho Blogspot!
Read more...
Làm sao để có thêm dòng "Những bài liên quan" (Related Post) dưới mỗi post trong Blogspot? Tham khảo trên Net, có nhiều cách làm - English và tiếng Việt, đa phần đều khá phức tạp, phải paste code nhiều nơi, rất dễ nhầm lẫn. Theo tôi - người xem code như là một đống "giun dế"! 
Cách làm như sau:
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
7. Copy và paste đoạn script này ngay bên dưới dòng code <b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace(" ", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
Click SAVE TEMPLATE và VIEW BLOG để xem kết quả.
Với những Template đã thêm vào tính năng "Read More", các bạn paste vào chỗ như hướng dẫn sau:<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
Paste ở đây
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>
Click SAVE TEMPLATE và VIEW BLOG để xem kết quả.
Read more...
Trong bài viết này tôi xin hướng dẫn các bạn cách cài đặt để có được tiện ích dịch Translate đa ngôn ngữ như hình minh họa dưới, mỗi lần bạn trỏ chuột tới hình lá cờ mỗi nước sẽ thấy hiệu ứng mờ Blur rất chuyện nghiệp của Kang Rohman.
Các bước tiến hành cụ thể như sau:
- Truy cập vào blogger
- Click chọn Layout
- Click chọn tab Page Element
- Click chọn thêm tiện ích Add A Gadget
- Click chọn dấu sign plus (+) HTML/JavaScript
-
Copy và paste mã Google Translate dưới vào trong đó (vùng chứa mã của HTML/JavaScript).
- Click chọn Save để lưu lại.
Như vậy bạn đã thực hiện xong các bước cài đặt để có tiện ích dịch Google Translate với biểu tượng lá cờ các ngôn ngữ cho blog của bạn!
Chúc các bạn thành công!!!
Read more...
Your Language
