Tạo chữ chạy

Lần trước tôi có dịp giới thiệu trang www.taochu.com giúp bạn làm dòng chữ chạy trên blog của mình. Thật ra cơ chế tạo chữ của trang web này rất đơn giản. Bạn nhập các ký tự và chọn mẫu chữ mình ưu thích. Bấm Do it để lấy các chữ lưu dưới dạng hình ảnh tương ứng với các ký tự bạn nhập vào kèm theo mã và bạn dán mã này vào HTML/JavaScript (Template | Add a Page Element). Trang web này tốt độ hơi chậm, vì vậy có thể mất nhiều thời gian để blog của bạn load đầy đủ các hình này. Nếu bạn muốn dùng lâu dài, hãy lấy các lên kết đến các ký tự (nằm trong đoạn mã mà bạn lấy được) và upload lên các trang chia sẻ ảnh trực tuyến như www.photobucket.com, www.imageshack.us,www.tinypic.com,...

Để làm dòng chữ chạy hiển thị trên blog, hãy tham khảo các đoạn mã dưới đây.


1. Bạn cần một dòng chữ chạy đơn giản, hãy đưa nó vào giữa hai tag <marquee> ... </marquee>

Mã :

<MARQUEE> Dòng chữ chạy </MARQUEE>

Kết quả hiển thị:

Dòng chữ chạy

2. Bạn cần dòng chữ có định dạng (kiểu chữ, font chữ, kích thước chữ, màu sắc,...) liên kết, hình ảnh....
Kiểu chữ

In nghiêng
Mã:

<MARQUEE> <span style="font-style:italic;">Chào mừng bạn đến với<a href="http://thuthuatchoblogger.blogspot.com" target="_blank">Thủ Thuật Cho Blogger!</a> </span></MARQUEE>

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!

In đậm

Mã:

<MARQUEE> <span style="font-weight:bold;">Chào mừng bạn đến với<a href="http://thuthuatchoblogger.blogspot.com" target="_blank">Thủ Thuật Cho Blogger!</a> </span></MARQUEE>

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!

Font chữ:

Mã:

<MARQUEE> <span >Chào mừng bạn đến với<a href="http://thuthuatchoblogger.blogspot.com" target="_blank">Thủ Thuật Cho Blogger!</a> </span> </MARQUEE>

Hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!

Màu chữ:

Mã:

<MARQUEE> <span style="color: rgb(255, 102, 0);">Chào mừng bạn đến với<a href="http://thuthuatchoblogger.blogspot.com" target="_blank">Thủ Thuật Cho Blogger!</a> </span> </MARQUEE>

Hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!

Kích thước chữ:

Mã:

<MARQUEE> <span style="font-size:180%;">Chào mừng bạn đến với<a href="http://thuthuatchoblogger.blogspot.com" target="_blank">Thủ Thuật Cho Blogger!</a> </span> </MARQUEE>

Hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger!



Nếu bạn muốn có chữ hoặc hình ảnh hay cả hai cùng "chạy".

Mã:

<MARQUEE> Chào mừng bạn đến với<a href="http://thuthuatchoblogger.blogspot.com" target="_blank">Thủ Thuật Cho Blogger! </a><img border="0" SRC="http://taochu.com/gen/gimg/30/a.gif"/> </MARQUEE>

Kết quả hiển thị:

Chào mừng bạn đến vớiThủ Thuật Cho Blogger! 


3. Định kích thước hiển thị MARQUEE trên trang

Mã:

<MARQUEE WIDTH="20%">Chào mừng bạn đến với Thủ Thuật Cho Blogger</MARQUEE>

Với WIDTH="20%" (chiều rộng) thì dòng chữ chạy chỉ xuất hiện trong khoảng 20% kích thước màn hình.

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Tương tự như vậy bạn có thể định chiều cao HEIGHT.

4. Chiều chạy

Mã:

<MARQUEE DIRECTION="LEFT">Chào mừng bạn đến với Thủ Thuật Cho Blogger</MARQUEE>

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Bạn có thể thay LEFT bằng RIGHT, UP và DOWN nếu bạn muốn chiều chạy lần lượt từ bên phải qua, dưới lên và trên xuống

Kết quả hiển thị:

DIRECTION="RIGHT"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

DIRECTION="UP"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

DIRECTION="DOWN"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

4. Cách "chạy":

Mã:

<MARQUEE BEHAVIOR="SCROLL">Chào mừng bạn đến với Thủ Thuật Cho Blogger</MARQUEE>

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Như mặc định, dòng chữ chạy này sẽ xuất hiện từ bên trái, và lập đi lập lại. Nếu bạn muốn chỉ "chạy" một lần từ bên trái qua hãy thay SCROLL bằng SLIDE, hoặc ALTERNATE chạy qua lại.

Kết quả hiển thị:

BEHAVIOR="SLIDE"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

BEHAVIOR="ALTERNATE"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

5. Thời gian trễ

Mã:

<MARQUEE SCROLLDELAY=200>Chào mừng bạn đến với Thủ Thuật Cho Blogger</MARQUEE>

Ở đây thời gian trễ tính bằng mili giây (1 miligiây=1/1000 giây). Tôi chọn 200, nghĩa là thời gian trễ bằng 200/1000=0,2 giây

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Hãy so sánh:

Không có thời gian trễ

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLDELAY="100"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLDELAY="1000"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLDELAY="2000"

Chào mừng bạn đến với Thủ Thuật Cho Blogger

6. Số lần lặp

Mã:

<MARQUEE LOOP=10>Chào mừng bạn đến với Thủ Thuật Cho Blogger</MARQUEE>

Nếu bạn muốn số lần lặp lại cụ thể, hay thay 10 bằng con số khác. Sau lần lặp cuối dòng chữ sẽ biến mất.

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

7. Bước "nhảy":

Mã:

<MARQUEE SCROLLAMOUNT=30>Chào mừng bạn đến với Thủ Thuật Cho Blogger</MARQUEE>

30 ở đây là số pixel (số điểm ảnh) trên màn hình của bạn. Mỗi lần xuất hiện dòng chữ sẽ "nhảy" một bước cách điểm trước đó 30 pixel.

Kết quả hiển thị:

SCROLLAMOUNT=30

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLAMOUNT=60

Chào mừng bạn đến với Thủ Thuật Cho Blogger

SCROLLAMOUNT=100

Chào mừng bạn đến với Thủ Thuật Cho Blogger

8. Màu nền

Mã:

<MARQUEE BGCOLOR=ORANGE>Chào mừng bạn đến với Thủ Thuật Cho Blogger</MARQUEE>

Kết quả hiển thị:

Chào mừng bạn đến với Thủ Thuật Cho Blogger

Thay ORANGE bằng các từ khác để được màu theo ý muốn của bạn. Ví dụ: RED (đỏ), BLUE (xanh da trời), GREEN (xanh lá cây), PINK (hồng), YELLOW (vàng), VIOLET (tím), BLACK (đen)....


Cuối cùng, bạn copy mã, paste vào HTML/JavaScript (Template | Add A Page Element | HTML/JavaScript), di chuyển đến vị trí thích hợp bấm Save để hoàn tất.

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

[Chi tiết...]

Cài đặt tiêu đề tin tức blogger

Bước 1
* Đăng nhập Blogger
* Click vào Thiết kế:
* Nhập mã dưới đây trong các hình thức:

<script type="text/javascript"
> var hn_url_blog = "http://choiblog-home.blogspot.com";
var hn_jumlah_post = 10;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script> <script src=" https://sites.google.com/site/jeritanblog/javascript/Headline-news-jeritanblog.js "> </script>

Lưu Ý:
* Hn_url_blog là URL của blog của bạn

* Hn_jumlah_post là số tiêu đề của bài báo mà bạn muốn xuất hiện trong tiêu đề tin tức.

* Hn_warna_latar là mã màu cho tiêu đề tin tức nền.

* Hn_warna_garis được mã màu cho khung hình / tin tức tiêu đề biên giới.

* Hn_posisi xác định vị trí của tiêu đề tin tức của bạn ở đầu trang ("top"), hoặc dưới đây ("bottom - đáy"),

* Hn_tampilkan_judul là sự thật nếu bạn tôi muốn hiển thị dòng chữ "tiêu đề tin tức của BLOGKAMU" bên trái và là sai nếu nó không muốn cho nó,

Lưu file js.
http://www.mediafire.com/?u6clbb69wpa4si8

- Chúc thành công và vui vẻ.

[Chi tiết...]

Bài viết gần đây với hình thu nhỏ widget cho các blogger

1. Đăng nhập vào bảng điều khiển Blogger
2. Thiết kế » Thêm một html » tiện ích / javascript
3. Chỉ cần sao chép và dán mã này ..

<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://schemar-mag.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

[Chi tiết...]

Hướng dẫn add Google Translator vào blog

Google Translator là công cụ dịch giữa các ngôn ngữ rất hữu dụng, đặc biệt với những trang web có nhiều khách nước ngoài. Công cụ nổi tiếng này được nhiều developer “chế” thành plugin để cài vào blog như Wordpress. Minh cũng thích công cụ này, nhưng không muốn phải cài đặt plugin cho nặng host. Và bài viết này sẽ hướng dẫn bạn chèn Google Translator vào blog như Wordpress hay Blogspot 1 cách đơn giản và nhẹ nhàng.

- Vào Tools for Google Translator

• Select the language of your webpage: Lựa chọn ngôn ngữ trang web của bạn (Vietnamese)
• Choose optional settings: Lựa chọn các ngôn ngữ bạn muốn dịch sang (English ,…)
• Copy and paste this snippet of code into your webpage: Copy lại code này

Blogspot: vào Layout > Page Elements > Add Gadget > Text > HTML Javascript và paste code.

[Chi tiết...]

Code chèn video ở Youtube vào blog với nhiều chức năng!

1. Thêm chức năng view full màn hình
2. Auto play
3. Auto Next khi post cả list video.

+ {URL} => Đưa link hoặc list link video YOUTUBO vào đây.

:::CODE:::
<div id="load08"><div id="plyoutube"><embed type="application/x-shockwave-flash" src="http://www.longtailvideo.com/jw/embed/player.swf" style="" id="mpl" name="mpl" bgcolor="#000000" quality="high" allowscriptaccess="always" allowfullscreen="true" flashvars="&amp;file={URL}&amp;skin=http://www.longtailvideo.com/jw/upload/stylish.swf&amp;backcolor=006699&amp;frontcolor=FFFFFF&amp;lightcolor=FFFFFF&amp;screencolor=000000&amp;logo=http://i888.photobucket.com/albums/ac87/luanbony/dapandethi-3.png&amp;bufferlength=10&amp;volume=100&amp;autostart=true&amp;icons=false&amp;repeat=list&amp;menu=false" height="350" width="425"></div>

:::TEST CODE:::

DOWNLOAD: player & stylish
- http://www.mediafire.com/?7cuz19dcl5h87p6
- http://www.2shared.com/file/lGiooLst/Th__Thu_t_Code_chn_video___You.html

[Chi tiết...]

Tiện ích ''Đăng ký nhận bài viết mới''

Chức năng này sẽ giúp người đọc nhận bài viết qua email của họ mỗi khi blog của bạn có bài viết mới. Mình xin được hướng dẫn cách làm nó như sau.

Bước 1: Đầu tiên bạn vào địa chỉ http://feedburner.google.com và đăng nhập với một tài khoản gmail của các bạn sau đó nó sẽ như hình bên dưới.

Tiếp đến bạn ghõ địa chỉ RSS của blog ban vào, nhấn vào I am a podcaster! và Next.
(Của CHOIBLOG.TK là http://choiblog-home.blogspot.com/feeds/posts/default)

Để mặc định như vậy rồi nhấn Next

URL feedburner của bạn đã xong. (next)

Bước 2: Bạn bỏ dấu check ở Include iTunes podcasting elements đi, không cần thiết cho lắm...

Bạn cứ nhấn để mặc định và nhấn Next, xong giao diện quản lý Feed của bạn sẽ có như vậy:

Bước 3:
1. Tạo một email subscriptions tự động: bạn click vào Publicize như hình trên và click vào Email Subscriptions và click vào Active và lưu lại cái đoạn code ở trên --> Save.



2. Tạo một hộp đếm người đã đăng ký nhận Feed qua email.
Cũng ở table Publicize, bạn click vào Feed count, bạn có thể tùy chỉnh màu của hộp Feed count sao cho hợp với màu blog của bạn --> click Active và lưu lại cái địa chỉ Congtoan đã bôi đậm như hình dưới --> Save

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

[Chi tiết...]

Tạo “Bài viết liên quan” theo Categories cho Blogger

Người đọc truy cập blog của bạn đều có mong muốn có mục các bài, tin tức có liên quan đến chủ đề mà bài viết họ vừa đọc xong, chính vì thế thủ thuật tạo bài viết liên quan dưới đây là rất quan trọng đối với blog của bạn.

Mức độ thực hiện tương đối đơn giản không quá khó khăn, các bạn thực hiện từng bước như sau:

1> Truy cập vào Layout l Edit HTML và chọn Expand Widget Templates trong Blog template của bạn.

Tìm (Ctrl – F) đoạn code: <data:post.body/>

2> Dán vào phía dưới <data:post.body/> đoạn code sau :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<!-- *****************Related Articles by Labels - Take Two****************** -->
<!--
Distributed by bloggecustom.net and modified by JackBook.com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.bloggercustom.net/' title='Related Posts on Blogger Modified by Bloggecustom.net , Read More?'>Blogger Custom</a></u>
</div>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

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

[Chi tiết...]

Sử dụng JQuery để mở link ngoài bằng cửa sổ trình duyệt mới

ằng cách sử dụng JQuery các liên kết ngoài trong bài viết sẽ được mở tại cửa sổ trình duyệt (tab) khác, trong khi bài viết gốc vẫn giữ nguyên hay vì bị chèn bởi link liên kết ngoài.

Cách thực hiện như sau:
1. Truy cập vào Blogger:
- Bạn truy cập vào tài khoản Blogger: Bảng điều khiển (Dashboard) ..>>.. Thiết kế (Design) ..>>..Chỉnh sửa HTML (Edit HTML)
- Tìm (Ctrl-F) đoạn tag </head>

2. Chèn mã JQuery:

- Dán vào trước đoạn tag </head> đoạn mã dưới đây:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
/*

jQuery - External Links
Created by Andrea Cima Serniotti - http://www.madeincima.eu

*/


$(document).ready(function () {

// ---- External Links -------------------------------------------------------------

$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").attr("target","_blank").attr("title","Opens new window").addClass("external");

});
</script>

<style type="text/css">
.external{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwUV1lKR2R9XkpmdCUV3yPavhR24zoyiOjQeM4x_7wgv-Q3ehv2CVV4H1o4IF8xtdzzLVZXkoh0eyye4yu04p4lyHVFizIxnH4cFLG9enu-6orkYOKzvc7udH9aCaHv_G9H6mJWNyri0/s1600/external_link.gif) top right no-repeat;padding-right:18px}
</style>

* LƯU FILE JS.
- http://www.mediafire.com/?qblyiq4f57ds1w3
- http://www.ziddu.com/download/13289692/jquery.min.rar.html
- http://www.2shared.com/document/FZskMJr5/jquerymin.html
* LƯU FILE GIF
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwUV1lKR2R9XkpmdCUV3yPavhR24zoyiOjQeM4x_7wgv-Q3ehv2CVV4H1o4IF8xtdzzLVZXkoh0eyye4yu04p4lyHVFizIxnH4cFLG9enu-6orkYOKzvc7udH9aCaHv_G9H6mJWNyri0/s1600/external_link.gif
http://i380.photobucket.com/albums/oo241/aqmin/1choiblog-skin/external_link.gif

[Chi tiết...]

Script lượt xem (pageview) cho bài viết Blogger

Script tạo Bộ đếm lượt xem cho bài viết đã từng được cộng đồng Blogger quan tâm nhiều. Một số lập trình viên đã tạo script này nhưng phần lớn đều không thành công về lâu dài. Để tạo bộ đếm pageview cho bài viết thì phải dùng đến PHP. Qua quá trình tìm kiếm và đọc nhiều bài viết liên quan đến chủ đề này, tôi nhận thấy chỉ có script của Abu Farhan là tốt nhất.

Bạn có thể xem Demo cho script ở cuối bài viết này. Nếu bạn thấy nó cần thiết cho blogspot của mình thì thực hiện theo hướng dẫn sau đây.

Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.

Tìm dòng <p><data:post.body/></p> hoặc dòng <data:post.body/> rồi đặt sau nó với đoạn code dưới đây. (Chú ý đối với các Template bạn tìm trên mạng để xài thì dòng  <data:post.body/>phải gần nhất so với dòng chú thích <!-- clear for photos floats -->)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='hit-counter'><span style='font-weight: bold; color: rgb(0, 0, 255);'>❋ Lượt xem:</span>
<a href='http://choiblog-home.blogspot.com/'>
<script src='http://abu-farhan.co.cc/counter/counter.php' type='text/javascript'></script> </a>
</div>
</b:if>

Ở đoạn code trên, bạn cần thay choiblog-home thành tên blogspot của bạn.

Lưu Template.

[Chi tiết...]

Làm nổi bật nhận xét của Admin (Highlight Author Comment cho Blogger )

Làm nổi bật nhận xét của Admin

Nêu bật ý kiến tác giả Blog giúp người đọc phân biệt ý kiến của chủ nhân Blog với độc giả. Điều này đặc biệt hữu ích, ví dụ, khi một người đọc trở lại để kiểm tra trả lời cho câu hỏi của mình thì trả lời nổi bật của Admin sẽ làm cho việc tìm kiếm dễ dàng hơn.

Highlight Author Comment cho Blogger là thủ thuật giúp bạn làm nổi bật comment của Admin. Có rất nhiều cách nhưng theo mình cách thay đổi css như hướng dẫn dưới đây là cách đơn giản nhất.
- Đăng nhập vào tài khoản Blogger của bạn.
- Vào Thiết kế> Bảng điều khiển> Edit HTML.
- Sao lưu Template của bạn .
- Đánh dấu vào ô Expand Widget Templates ở bên phải phía trên cửa sổ HTML.
- Trong cửa sổ code, tìm mã này:

<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<b:include data='comment' name='commentDeleteIcon'/>
</b:if>

Thay thế đoạn code tô đỏ phía trên bằng đoạn code sau:

<b:if cond='data:comment.adminClass == data:post.adminClass'>
<p style='color: limegreen; font-weight:bold;'><data:comment.body/></p>
<b:else/>
<p><data:comment.body/></p>
</b:if>

Ok, lưu lại và thưởng thức nhé! Rất đơn giản phải không, bạn có thể thay đoạn limegreen bằng mã màu tương ứng, xem mã màu tại đây.

[Chi tiết...]

Tiện ích Nhận xét mới nhất có icon

Để cài đặt tiện ích này, trước tiên bạn cần chuẩn bị một số điều kiện sau đây. Thứ nhất là BlogID của bạn, nó chính là chuỗi số trên công cụ trình duyệt khi bạn đăng nhập Blogger ở chế độ chỉnh sửa Template. Thứ hai là Blogger Profile ID của bạn, nó là chuỗi số trên công cụ trình duyệt khi bạn xem hồ sơ Blogger của bạn (ví dụ: http://www.blogger.com/profile/08632189195057782511).

Nào, chúng ta cùng cài đặt nhé. Đăng nhập Blogger, vào Design >> Page Elements. Thêm một tiện ích HTML/JavaScript và đặt đoạn code dưới đây vào phần nội dung tiện ích.

<style type="text/css">
.rcmstyle {padding:3px 0 5px;border-bottom:1px #bbbbbb dotted}
.rcmstyle:hover {background: #A0CFEC}
.rcmstyle a {text-decoration:none}
.rcmstyle a:hover {text-decoration:underline;color: #667C26}
</style>
<script type="text/javascript">
var cm_mode = "icon"; // Bạn hãy xóa từ icon nếu k muốn hiển thị icon
var cm_num = 7; // Số nhận xét
var cm_desc = 100; // Số ký tự thể hiện độ dài nhận xét
var blogID = "5730565790137789925"; // Bạn thay ID cho blog của bạn
var homepage = "http://huynh-nhat-ha.blogspot.com"; // Bạn cần thay tên blogspot

var cm_icon = new Array();
cm_icon['admin'] = "URL_icon_Admin"; // Bạn cần thay URL_icon_của bạn
cm_icon['blogger'] = "http://sites.google.com/site/ngonngulaptrinhvn/files/blogger.gif";
cm_icon['openid'] = "http://sites.google.com/site/ngonngulaptrinhvn/files/openid.gif";
cm_icon['livej'] = "http://sites.google.com/site/ngonngulaptrinhvn/files/lj.gif";
cm_icon['wp'] = "http://sites.google.com/site/ngonngulaptrinhvn/files/wp.gif";
cm_icon['typekey'] = "http://sites.google.com/site/ngonngulaptrinhvn/files/typkey.gif";
cm_icon['aim'] = "http://sites.google.com/site/ngonngulaptrinhvn/files/aim.gif";
cm_icon['anon'] = "http://sites.google.com/site/ngonngulaptrinhvn/files/anon.gif";
</script>
<script type="text/javascript">
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 showRComments(json){
var entry = json.feed.entry;
var str = "<ul id=\"rcommentwg\">";
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
for(var i=0; i < cm_num; i++){

str += "<li class=\"rcmstyle\">" + "<a href='" + entry[i].link[2].href + "'>" + entry[i].author[0].name.$t+"</a>";
var pdate = entry[i].published.$t;
var m = parseInt(pdate.substring(5,7));
for(var j=0; j<month.length;j++){
if(m==month[j]){
m = month2[j]; break;
}
}
str += ", <i><a href='" + entry[i].link[2].href + "'>" + pdate.substring(8,10) + "-" + pdate.substring(5,7) + "-" + pdate.substring(0,4)+"</a></i>";
str += "<br/> " + removeHtmlTag(entry[i].summary.$t,cm_desc) + "</li>";
}
str = str + "</ul>";
document.write(str);
}
function showRCommentsThumb(json){
var entry = json.feed.entry;
var str = "<div id=\"rcommentwg\">";

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
for(var i=0; i < cm_num; i++){
var iconUrl = entry[i].author[0].uri;
var iconT = "";
if(iconUrl != undefined) {
if(iconUrl.$t.match("00819429141342166010")) { iconT = cm_icon['admin'] ;}
else if(iconUrl.$t.match("blogger.com")) { iconT = cm_icon['blogger'] ;}
else if(iconUrl.$t.match("openid.net")) { iconT = cm_icon['openid'] ;}
else if(iconUrl.$t.match("livejournal.com")) { iconT = cm_icon['livej'] ;}
else if(iconUrl.$t.match("wordpress.com")) { iconT = cm_icon['wp'] ;}
else if(iconUrl.$t.match("typekey.com")) { iconT = cm_icon['typekey'] ;}
else if(iconUrl.$t.match("aol.com")) { iconT = cm_icon['aim'] ;}
else { iconT = cm_icon['anon'] ;}
} else { iconT = cm_icon['anon'] ;}

str += "<div class=\"rcmstyle\"><img align=\"top\" src=\"" + iconT + "\" />&nbsp;<a href='" + entry[i].link[2].href + "'>" + entry[i].author[0].name.$t+"</a>";
var pdate = entry[i].published.$t;
var m = parseInt(pdate.substring(5,7));
for(var j=0; j<month.length;j++){
if(m==month[j]){
m = month2[j]; break;
}
}
str += ", <i><a href='" + entry[i].link[2].href + "'>"+ pdate.substring(11,16) + "-" + pdate.substring(8,10) + "/" + pdate.substring(5,7) + "/" + pdate.substring(2,4)+"</a></i>";
str += "<br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + removeHtmlTag(entry[i].summary.$t,cm_desc) + "</div>";
}
str = str + "</div>";
document.write(str);

}
if(cm_mode == "icon") {
document.write("<script type=\"text/javascript\" src=\""+homepage+"/feeds/comments/summary?max-results="+cm_num+"&alt=json-in-script&callback=showRCommentsThumb\"><\/script>");
}

else {
document.write("<script type=\"text/javascript\" src=\""+homepage+"/feeds/comments/summary?max-results="+cm_num+"&alt=json-in-script&callback=showRComments\"><\/script>");
}
</script>
<div class='clear'></div>

Trong đoạn code trên, bạn cần thay BlogID và thay chuỗi số 00819429141342166010 bằng ID cho Blogger Profile của bạn. Ngoài ra cần thay tên blogspot của bạn và URL icon đại diện cho bạn là tác giả blog (Ngoài ra bạn nên download các icon về rồi upload lên host của bạn để xài riêng, tránh hạn chế băng thông do dùng chung code thủ thuật). Sau đó Lưu tiện ích là OK.

[Chi tiết...]

Thay đổi tầng xuất màu sắc của từng kích thước Nhãn đám mây

- Nhãn đám mây, nhấn mạnh số bài đăng nào được bạn quan tâm đăng nhiều nhất, điều đó đồng nghĩa với việc khách ghé thăm bạn lần đầu thấy gì... Theo tầng xuất màu sắc giúp bạn làm tăng ý nghĩa của Nhãn Đám Mây.

- Những Nhãn ít bài đăng thì kích thuớc sẽ nhỏ,
- Những Nhãn nhiều bài đăng thì kích thuớc sẽ lớn,
- Do vậy để làm đúng ý nghĩa thủ thuật, ta chọn màu đậm cho Nhãn lớn, màu sắc nhạt cho nhãn nhỏ.
- Copy code sau vào trong phần css của blog bạn, phần css nằm trong thẻ
<head> </head>
- Save temp.

/* CSS THEM .[Thủ Thuật] Thay đổi tầng xuất màu sắc của từng kích thước Nhãn đám mây */
.label-size-1 a {
font-size: 13px;
text-decoration: none;
color:#4B8A08;
}
.label-size-2 a {
font-size: 15px;
text-decoration: none;
color:#ceff9c;
}
.label-size-3 a {
font-size: 16px;font-family: Arial, Verdana;text-decoration: none;
color:#a7ff5e;
}
.label-size-4 a {
font-size: 18px;
text-decoration: none;
color:#6fff28;
}
.label-size-5 a {
font-size: 23px;
text-decoration: none;
color:#00ff00;

}
.label-size-1 a:hover,
.label-size-2 a:hover,
.label-size-3 a:hover,
.label-size-4 a:hover,
.label-size-5 a:hover {text-decoration:underline}

- CHÚC THÀNH CÔNG, VUI VẺ.

[Chi tiết...]

Hướng dẫn copy bài ở blog không cho tô đen, chuột phải.

- Bài viết chủ yếu hướng dẫn copy văn bản và hình ảnh của một trang web nào đó được khóa chức năng tô đen, chuột phải.

- Đơn giản đoạn mã script dữ chức năng đó, bạn chỉ việc thao tác như sau:
- Mình dùng Mozilla Firefox:
+ Nhấn Ctrl+U (view mã nguồn trang).
+ Mở ra cửa sổ mã nguồn, nhấn Ctrl+S (để lưu bài).
+ Mở file vừa lưu bằng Notepad.exe
+ Ctrl+F tìm chữ <script xóa bỏ hết,
+ Lưu lại với đuôi html. (name.html)
+ Mở file vừa lưu tha hồ thao tác.

* Với các bạn không rành về script thì có thể thao tác như vậy.

[Chi tiết...]

Tự động thể loại với chỉ Hình thu nhỏ (Automatic Category with only Thumbnail )

Bước 1: Lưu temp phòng hờ, trườc khi thao tác :)
Click Design > Edit HTML > Download Full Template.

Bước 2: Tìm code có sẵn và chèn code của thủ thuật:

- Copy code /*** Labels Thumbs ***/ bên dưới vào trước code sau:

]]></b:skin>

/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}

- Sao chép CODE SCRIPT /*** Labels Thumbs *** và dán trước code dưới đây:

</head>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>

</script>

* Lưu Temp để hoàn thành bước 2.

Bước 3: Tạo (HTML/JavaScript) và dán code.
Click Page Element > Add a Gadget (HTML/JavaScript).

<script type='text/javascript'>var numposts = 6;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Video-Fun?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

*Click Lưu để hoàn thành Thủ Thuật.

*** CHỉnh sửa CSS để sáng tạo của riêng bạn về kích thước ảnh và biên giới ( khoản cách giữa các ảnh)

/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}

- Tuỳ theo temp blog mà mình thay đổi số liệu "12", phù hợp hơn.

<script type='text/javascript'>var numposts = 12;</script>

*CHÚC CÁC BẠN HOÀN THÀNH THỦ THUẬT VUI VẺ.

[Chi tiết...]

Hiển thị thể loại dựa vào tên Nhãn

Hiển thị thể loại hoặc nhãn hiệu dựa trên tên thể loại hoặc nhãn hiệu được coi là thú vị hơn bởi vì nó cụ thể hơn, ví dụ như một blog có chuyên mục về kinh tế, chính trị, giải trí, và như vậy.

Bước đầu tiên để chuẩn bị là xác định các hạng mục hoặc các nhãn mà bạn muốn hiển thị.

http://yourblogname.blogspot.com/feeds/posts/default/-/label_name

Ví dụ, CHOIBLOG.TK có URL như http://www.quangmai93.tk và tên nhãn hiển thị là Thủ Thuật Blog, vì vậy địa chỉ nguồn cấp dữ liệu cho tên nhãn là:

http://choiblog.tk/feeds/posts/default/-/Thủ Thuật Blog

Sau đây là làm thế nào để hiển thị loại dựa vào tên nhãn trong Blogger:

1. Đăng nhập vào blogger với ID của bạn.
2. Nhấp vào thiết kế > Phần Tử Trang > THêm tiện ích (Nguồn Cấp)

3. Nhập địa chỉ nguồn cấp dữ liệu bạn đã chuẩn bị trước. Ví dụ, xin vui lòng nhập địa chỉ nguồn cấp dữ liệu dưới đây:

http://www.quangmai93.tk/feeds/posts/default/-/Thủ Thuật Blog

# Các tùy chọn sẽ xuất hiện. Ở đây, bạn có thể thay đổi tiêu đề, số lượng bài viết hiển thị (tối đa 5 bài viết), và nhiều hơn nữa.

4. Lưu để hoàn tất thủ thuật.

[Chi tiết...]