Friday, January 28, 2011

Install Related Next, and Previous Posts for Blogger Blogs.

How to add the Previous Related Posts list to my each post?

  1. Enter in the code of your template (Dashboard ? Layout ? Edit HTML) and search for:
    <div class='post-body entry-content'>
  2. Place under that line the following:
    <!--Start Previous Related Posts Script by Vietutd Dot Com
    http://next-prev-script.vietutd.com/ -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script language='javascript'>

    // <![CDATA[
    var maxprev = 5;
    var prevtitle = 'Previous Posts:';
    // ]]>
    </script>
    <script src='http://vietutd-js.googlecode.com/files/nepr-bver.js' type='text/javascript'/>
    <div id='prev-posts'/><span style='float:right;margin:0;'><a style='margin:0;padding:0;border:0;' href='http://next-prev-script.vietutd.com/'><img alt='Previous Posts Script for Blogger Blogs by Vietutd Dot Com' src='http://sites.google.com/site/vietutd/pixel.png' style='margin:0;padding:0;border:0;display: none;'/></a></span>
    <b:loop values='data:post.labels' var='label'>
    <script language='javascript'>

    var vlabel = &quot;<data:label.name/>&quot;;
    if (relateposturl.indexOf(&#39;?relatedlabel=&#39;)!=-1)
    {prevlabel = (relatedlabel == vlabel) ? 0 : 1;}
    if (prevlabel == 0)
    {
    var vtime = &quot;<data:post.timestampISO8601/>&quot;;
    vtime = vtime.substr(0,19);
    var srcurl = &quot;<data:blog.homepageUrl/>&quot;+ &quot;feeds/posts/default/-/&quot; + vlabel + &quot;?alt=json-in-script&amp;callback=prev_results_labels&amp;max-results=999&quot;;
    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, srcurl);
    script.setAttribute(&#39;id&#39;, &#39;jsonScript&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script);
    prevlabel ++;
    }

    </script>
    </b:loop>
    </b:if>
    <!--End Previous Related Posts Script by Vietutd Dot Com
    http://next-prev-script.vietutd.com/ -->
  3. Save the Template and see the Result.

How to add the Next Related Posts list to my each post?

  1. Enter in the code of your template (Dashboard ? Layout ? Edit HTML) and search for:
    <div class='post-footer-line post-footer-line-1'>
  2. Place under that line the following:
    <!--Start Next Related Posts Script by Vietutd Dot Com
    http://next-prev-script.vietutd.com/ -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script language='javascript'>
    // <![CDATA[
    var maxnext = 10;
    var nexttitle = 'Next Posts:';
    // ]]>
    </script>
    <script src='http://vietutd-js.googlecode.com/files/nepr-bver.js' type='text/javascript'/>
    <div id='next-posts'/><span style='float:right;margin:0;'><a style='margin:0;padding:0;border:0;' href='http://next-prev-script.vietutd.com/'><img alt='Next Posts Script for Blogger Blogs by Vietutd Dot Com' src='http://sites.google.com/site/vietutd/pixel.png' style='margin:0;padding:0;border:0;display: none;'/></a></span>

    <b:loop values='data:post.labels' var='label'>
    <script language='javascript'>
    var vlabel = &quot;<data:label.name/>&quot;;
    if (relateposturl.indexOf(&#39;?relatedlabel=&#39;)!=-1)
    {nextlabel = (relatedlabel == vlabel) ? 0 : 1;}
    if (nextlabel == 0)
    {
    var vtime = &quot;<data:post.timestampISO8601/>&quot;;
    vtime = vtime.substring(0,19);
    var srcurl = &quot;<data:blog.homepageUrl/>&quot;+ &quot;feeds/posts/default/-/&quot; + vlabel + &quot;?alt=json-in-script&amp;callback=next_results_labels&amp;max-results=999&quot;;
    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, srcurl);
    script.setAttribute(&#39;id&#39;, &#39;jsonScript&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script);
    nextlabel +=1;
    }

    </script>
    </b:loop>
    </b:if>
    <!--End Next Related Posts Script by Vietutd Dot Com
    http://next-prev-script.vietutd.com/ -->
  3. Save the Template and see the Result.
Quốc Vịnh theo vietutd

Thursday, January 27, 2011

Tiện ích Bài viết liên quan mới hơn và cũ hơn

Thủ thuật tạo tiện ích Bài viết liên quan mới hơn và cũ hơn cùng chủ đề trước đây được blogger Anh Võ (vietguideweb.com) đã từng phát triển tiện ích dạng này và có nhiều trang giới thiệu lại, tuy nhiên thành công không như mong đợi đối với blogspot tiếng Việt bởi với các nhãn bằng tiếng Việt sẽ không hoạt động được tốt.
Nếu áp dụng lại thủ thuật của Anh Võ nhiều blog khác thì sẽ phải chỉnh lại tên các nhãn sang tiếng Anh hoặc tiếng Việt không dấu. Để giải quyết vấn đề này Huỳnh Nhật Hạ đã áp dụng tiện ích Next Posts and Previous Posts được giới thiệu trên  www.vietutd.blogspot.com và chỉnh sửa code để hiển thị tốt với nhãn tiếng Việt.
Xin giới thiệu với các bạn tiện ích Bài viết mới hơn và cũ hơn cùng chủ đề (Newer and Older Related Posts) mà bạn thường thấy ở trang VnExpress.net.
Và dưới đây là hình minh họa.
Còn chờ gì nữa nào, chúng ta cùng cài đặt tiện ích này.
Bước 1. Đăng nhập Blogger
Vvào Design >> Edit HTML, chọn Expand Widget Templates.
Nếu bạn đã từng cài đặt các tiện ích Bài viết liên quan kiểu khác thì nên tháo ra khỏi Template.
Đặt đoạn code sau đây vào sau dòng ]]></b:skin>.
<!--Related Posts Styled by Huynh Nhat Ha Start-->
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts{float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;}
#related-posts a{color:blue}
#related-posts a:hover{color:brown}
#related-posts ul{list-style-type:none;margin:0 0 0px 0;padding:0;text-decoration:none;font-size:12px;text-color:#000}
#related-posts ul li{display:block;/*background:url("http://img840.imageshack.us/img840/2004/rssqn.png") no-repeat 0 0;*/background:url("http://img208.imageshack.us/img208/9070/weedbullet.gif") no-repeat 0 0;list-style-type:none;margin:0;padding-left:21px;line-height:1.5em;border-bottom:1px dotted #ccc}
</style>
</b:if>
<!--Related Posts Styled by Huynh Nhat Ha End-->
Bước 2. Chèn Code Script
Tìm một trong các dòng dưới đây:
<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
<div class='post-footer'>
Đặt trước nó bằng đoạn code bên dưới.
<!-- Related Posts Code Styled by Huynh Nhat Ha Start-->
<b:if cond='data:blog.pageType == "item"'>
<script language='javascript'>
// <![CDATA[
var maxnext = 5; // Chỉnh số 5 chỉ số bài viết mới hơn tối đa
var nexttitle = 'Bài viết mới hơn';
var maxprev = 8; // Chỉnh số 8 chỉ số bài viết cũ hơn tối đa
var prevtitle = 'Bài viết cũ hơn';
// ]]>
</script>
<script src='http://hacodeproject.googlecode.com/files/newer-older-related-posts.js' type='text/javascript'/>
<div id='related-posts'>
<div id='next-posts'/>
<b:loop values='data:post.labels' var='label'>
<script language='javascript'>
var vlabel = "<data:label.name/>";
if (relateposturl.indexOf('?relatedlabel=')!=-1)
{nextlabel = (relatedlabel == vlabel) ? 0 : 1;}
if (nextlabel == 0)
{
var vtime = "<data:post.timestampISO8601/>";
vtime = vtime.substring(0,19);
var srcurl = "<data:blog.homepageUrl/>"+ "feeds/posts/default/-/" + vlabel + "?alt=json-in-script&callback=next_results_labels&max-results=999";
var script = document.createElement('script');
script.setAttribute('src', srcurl);
script.setAttribute('id', 'jsonScript');
script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script);
nextlabel +=1;
}
</script>
</b:loop>
<div id='prev-posts'/>
<b:loop values='data:post.labels' var='label'>
<script language='javascript'>
var vlabel = "<data:label.name/>";
if (relateposturl.indexOf('?relatedlabel=')!=-1)
{prevlabel = (relatedlabel == vlabel) ? 0 : 1;}
if (prevlabel == 0)
{
var vtime = "<data:post.timestampISO8601/>";
vtime = vtime.substr(0,19);
var srcurl = "<data:blog.homepageUrl/>"+ "feeds/posts/default/-/" + vlabel + "?alt=json-in-script&callback=prev_results_labels&max-results=999";
var script = document.createElement('script');
script.setAttribute('src', srcurl);
script.setAttribute('id', 'jsonScript');
script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script);
prevlabel ++;
}
</script>
</b:loop>
</div>
</b:if>
<!-- Related Posts Code Styled by Huynh Nhat Ha End-->
Lưu Template là OK.
Bạn hãy giữ nguyên phần chú thích để tôn trọng bản quyền tác giả nhé.

Tuesday, January 25, 2011

Hướng dẫn tạo blogger.com bằng video

          Video hướng dẫn tạo blog rất nhanh chóng, đơn giản trên nên blogspot. Video rất cần thiết cho các bạn mới làm quen với blog. Xem xong video này bạn sẽ biết được cách tạo blog như thế nào? hiệu chỉnh blog ra sao trước khi đi chuyên sâu tìm hiểu về blogspot.

          Hướng dẫn này giúp bạn làm quen với các tính năng chính của Blogger và bắt tay vào viết blog của chính bạn.
          Để bắt đầu sử dụng Blogger, đơn giản chỉ sign in (đăng nhập) tài khoản Google của bạn. (Nếu sử dụng Gmail, Google Groups, hoặc orkut, là bạn đã có sẵn một tài khoản.) Nếu bạn chưa có một tài khoản Google, bạn có thể tạo một tài khoản ngay bây giờ.
Quốc Vịnh theo Internet

Monday, January 24, 2011

Tạo logo trực tuyến miến phí

Bạn có muốn thiết kế một logo cho doanh nghiệp hay đơn giản chỉ là website cá nhân của bạn mà vẫn đảm bảo tính chuyên nghiệp của logo không? Vậy tại sao bạn không thử truy cập vào website LogoMaker và đăng ký thành viên (miễn phí) để được sử dụng các tính năng công nghệ cao để tạo logo "made in chính bạn".
Một mẫu logo được thiết kế tại www.logomaker.com
Thiết kế logo của riêng bạn chỉ trong vòng vài phút! Hãy thử ngay, free!
Đó là slogan của website LogoMaker, bạn chỉ cần:

1. Chọn ảnh từ thư viện biểu tượng (icon)

Các ảnh đã được sắp xếp theo chuyên mục, bạn có thể chọn theo chủ đề, tên chữ cái đầu tiên hoặc tìm theo từ khóa.

2. Sử dụng các tính năng hữu ích để chọn màu. thêm chữ và hơn thế nữa.

Nhập tên doanh nghiệp bạn và bắt đầu quá trình design. Chọn từ danh sách các font và màu sắc cho logo của bạn. Cân chỉnh vị trí và kích thước của chữ với ảnh...

3. Thử bắt đầu với logo vừa thiết kế ngay trên website của bạn.

Trang web sẽ cung cấp mã HTML cần cho bạn để đặt thử logo lên website của chính bạn, hoàn toàn miễn phí. Hoặc bạn sẽ chỉ phải trả 49$ để sở hữu logo của riêng bạn và tải ảnh về đặt lên card visit, in ra hay đặt lên áo phông...

Kinh nghiệm: Sau khi thiết kế xong logo ưng ý, bạn có thể dùng phím Print Screen để chụp lại logo và sử dụng tùy ý. Trang web rất hữu ích cho những ai muốn phác thảo logo dựa trên thư viện biểu tượng và font chữ của website.

Chúc bạn tạo được một logo ưng ý!
Quốc Vịnh

Tuesday, January 4, 2011

Bài viết liên quan theo label cho blogspot (khắc phục lỗi vỡ phông tiếng Việt)

Bài viết liên quan theo label cho blogspot (khắc phục lỗi vỡ phông tiếng Việt). Code này là của hoctro và đã được khắc phục để hiển thị được label tiếng Việt như trên mathvn.com.

Bai viet lien quan theo label cho blogspot
Vào Design > Edit HTML > Expand Widget Templates, tìm đến dòng

<div class='post-footer-line post-footer-line-3'/> </div>

Copy code sau đây và dán vào trước thẻ </div>

<b:if cond='data:blog.pageType == "item"'>
<div class='widget-content'>
<h2>Các bài liên quan</h2>
<div id='data2007'/><br/><br/>
<script type="text/javascript">
homeUrl3 = "www.mathvn.com";
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 6;
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;
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+21);
label = decodeURIComponent(label);
var txt = document.createTextNode(label);
var h = document.createElement('h4');
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', 'http://' + 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>
</b:if><br/>


Thay www.mathvn.com bằng đại chỉ website của bạn. Chúc thành công!
Quốc Vịnh (Theo: mathvn)
Girls Generation - Korean