Tiện ích "Recent posts" với hiệu ứng trượt từ jQuery

[FD's BlOg] - Bài viết này mình sẽ lại giới thiệu cho các bạn một ứng dụng khác nữa của jQuery cho tiện ích Recent posts. Với hiệu ứng ẩn hiện mô tả bài viết (ảnh thumbnail và phần tóm tắt) khi ta click chuột vào thanh header tương ứng của bài viết đó.

Xem demo ở đây : LIVE DEMO

Hình ảnh minh họa :

Bắt đầu thủ thuật:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chèn đọan code bên dưới vào trước thẻ đóng </head>

<script type="text/javascript" src="http://data.fandung.com/js/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$(".accordion h3:first").addClass("active");
$(".accordion p:not(:first)").hide();

$(".accordion h3").click(function(){
$(this).next("p").slideToggle("slow")
.siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});

});
</script>

<style type="text/css">
.accordion {
width: 480px;
border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
background: #e9e7e7 url(http://www.webdesignerwall.com/demo/jquery/images/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;
}
.accordion h3:hover {
background-color: #e3e2e2;
}
.accordion h3.active {
background-position: right 5px;
}
.accordion p {
background: #f7f7f7;
margin: 0;
padding: 10px 15px 20px;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;
}
</style>

4. Save template.
5. Tạo 1 widget HTML/Javascript rồi dán code bên dưới vào:

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";

showRandomImg = true;

jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = "#E67C15";
jaBold = true;

jtext = "Comments";
jshowPostDate = true;

jsummaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";

numposts = 6;
label = "Film";
home_page = "http://www.fandung.com/";

</script>

<div class="accordion">
<script src="http://data.fandung.com/js/recent-post-Jquery/accordion/j-label-fix.js" type="text/javascript"></script>
</div>

- Tùy chỉnh lại những đọan code im đậm cho phù hợp với blog của bạn.(xem các thủ thuật recent posts cơ bản để hiểu rõ hơn)
- Nếu muốn hiển thị bài viết cho cả blog thì đổi link javascript(code màu xanh) ở trên thành link bên dưới:

http://data.fandung.com/js/recent-post-Jquery/accordion/j-post-fix.js

Tham khảo hiệu ứng jQuery từ Web Designer Wall
Chúc các bạn thành công.

10 Font chữ đẹp cho việc thiết kế Blog, Web

[FD's BlOg] - Dạo này chưa có ý tưởng mới cho blogspot, nên lang thang trên mạng kiếm 1 chút gì đó để chia sẻ cho mọi người. Bài viết giới thiệu cho các bạn 10 font chữ đẹp, hỗ trợ cho việc chỉnh sửa cũng như thiết kế blog hoặc web của mình.

1. 7 Days (download 7 Days)




2. Caracteres L2 (download Caracteres L2)




3. Twilight (download Twilight)





4. Charrington (download Charrington)




5. Elsewhere (download Elsewhere)




6. Stone (download Stone)




7. Stewardson (download Stewardson)




8. Dorkbutt (download Dorkbutt)




9. Bronic Shadow (download Bronic Shadow)




10. Copyright Violations (download Copyright Violations)

Đếm ngược sự kiện với jQuery

[FD's BlOg] - Bài viết này mình sẽ lại giới thiệu cho các bạn một ứng dụng khác từ jQuery, đó là tiện ích đếm ngược thời gian. Với việc đếm ngược tới từng giây.
Ở thủ thuật này ta có thể tùy chỉnh được kiểu chữ hiển thị. Khác với 1 số tiện ích đếm ngược khác.

Xem demo ở đây : DEMO

Hình minh họa kết quả :

- Như đã nói ở trên, các bạn có thể tùy chỉnh kiểu chữ, kích thước, màu sắc hiển thị theo ý mình, chỉnh cần cần chỉnh sửa code CSS trong các class tương ứng (xem hình minh họa ở trên sẽ rõ)

☼ Các bước thực hiện:
1. Vào bố cục
2. vào chỉnh sửa code HTML
3. Chèn đoạn code bên dưới vào trước thẻ đóng </head>

<style style="text/css">
.count_down{
padding: 3px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-weight:bold;
color:#f00;
}

.count_down sup{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#555;
font-weight:normal;

}
</style>

<script type="text/javascript" src="http://data.fandung.com/blog/demo/countdown-jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://data.fandung.com/blog/demo/countdown-jquery/countdown.js"></script>

4. Save template
5. Tạo 1 widget HTML/Javascript rồi dán đoạn code bên dưới vào:

<div id="count_down_container"></div>

<script type="text/javascript">
var currentyear=new Date().getFullYear()
var target_date=new cdtime("count_down_container", "December 31, "+currentyear+" 0:0:00")
target_date.displaycountdown("days", displayCountDown)
</script>

- Chú ý đoạn code màu đỏ, đây chính là mốc thời gian để đếm ngược. và các tháng trong năm phải viết bằng tiếng anh đúng chính tả.

Power by Dynamic

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

Tạo 1 trang RSS nhắc nhở công việc hay sự kiện nào đó

[FD's BlOg] - Đôi khi bạn cần làm 1 cái gì đó, hoặc chuẩn bị cho 1 sự kiện nào đó mà bạn lại sơ ý quên đi thì 1 ghi chú sẽ là cách tốt nhất để ta không quên nó. Còn với blog, chúng ta cũng có thể tạo 1 bảng ghi chú như vậy với RSSbirthday.net

RSSbirthday.net là 1 website cho phép ta tạo chú thích (nhắc nhở) các sự kiện dạng 1 trang RSS, cũng giống như link RSS của blogspot vậy, với các ghi chú sẽ là 1 bài viết, và các sự kiện nào xảy ra trước sẽ được hiển thị ở trên cùng.

Đây là hình minh họa 1 trang RSS mà mình đã tạo được:

☼ Các bạn thực hiện các bước sau:

1. Truy cập vào trang http://www.rssbirthday.net và đăng kí 1 tài khoản, việc đăng kí rất đơn giản, bạn chỉ việc điền mail và password để đăng nhập là đủ, như bên dưới:


2. Sau đó ta sẽ thấy giao diện như bên dưới:


- Hãy làm theo hình hướng dẫn, sau khi hoàn tất, nhấn vào dòng Subscribe to your feed để tới trang RSS của bạn.
- Việc tùy chỉnh số ngày sẽ hiển thị các nhắc nhở sẽ chỉ cho phép hiển thị các nhắc nhở nằm trong khoảng thời gian đó thôi.
- Ví dụ ta có 2 nhắc nhở : Công việc 1 sẽ phải làm trong 1 ngày tới, Công việc 2 sẽ phải làm trong 7 ngày tới, nếu bạn chọn ngày hiển thị các nhắc nhở là 5 thì trang RSS chỉ hiển thị 1 nhắc nhở của công việc 1.

Như thế là ta đã có 1 trang RSS với list cách công việc, sự kiện rồi, rất đơn giản phải ko.

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

Chèn 1 đoạn nhạc , 1 bài hát vào blog dễ dàng với muzicons.com

[FD's BlOg] - Muzicons.com không những giúp cho việc nghe 1 đoạn nhạc trực tiếp trên blog của bạn, mà nó còn hỗ trợ cho các bạn tạo 1 skin trực tuyến cho trình nghe nhạc, giúp các bạn tạo 1 skin mang phong cách trẻ trung, ngộ nghĩnh cho đoạn nhạc của bạn.

Demo :


Để thực hiện, các bạn truy cập vào trang chủ của Muzicons : http://www.muzicons.com/
- Và các bạn sẽ thấy giao diện như bên dưới:


- có 2 cột, cột lớn là phần tùy chỉnh, cột nhỏ là kết quả.
- Các bạn thực hiện 4 bước như trong hình :
+ Bước 1: đầu tiên, hãy chọn cho bạn 1 icon cho skin
+ Bước 2: hãy điền link bài nhạc của bạn vào ô mp3 URL,hoặc các bạn có thể đánh tên bài hát để Muzicons tự tìm kiếm.
+ Bước 3: chọn skin cho trình nghe nhạc .
+ Bước 4: chọn màu nền.

Sau khi tùy chỉnh xong, các bạn sẽ thấy phần cột bên phải (cột hiển thị kết quả) nó sẽ có 1 đoạn code. Muzicons cung cấp cho chúng ta 1 code HTML và 1 code BB (dùng cho forum). Ở đây chúng ta chỉ sử dụng code HTML.

Copy đoạn code này về và dán nó vào vị trí muốn hiển thị trong blog của bạn là xong.

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

[Movie] Đẹp từng Centimet - Multi LINK

[FDs BlOg] - Đẹp từng centimet là cuộc gặp gỡ tình cờ làm nên duyên phận giữa một anh chàng mê nhiếp ảnh và một Hoa hậu. Nhân vật chính là Ngô Đồng (Tăng Thanh Hà đóng) - từng đoạt giải Hoa hậu Phù sa tại hội chợ Miền Tây 2005. Cô ước mơ trở thành diễn viên nổi tiếng nhưng ngoài vẻ xinh đẹp thì mọi người cho rằng cô không có tài. Ngô Đồng vẫn kiên trì theo đuổi ước mơ cho đến một ngày gặp Quang Hy (Lương Mạnh Hải đóng) - anh chàng chuyên chụp ảnh khỏa thân đa tình và lưu manh. Ngô Đồng đặt niềm tin vào Quang Hy, hy vọng anh ta sẽ giúp mình thành công trong nghề diễn viên nhưng đó cũng là lúc xảy ra những chuyện dở khóc dở cười…

Nguồn download: Nhạc Hot

Đạo diễn : Vũ Ngọc Đãng
Diễn viên : Tăng Thanh Hà, Lương Mạnh Hải
Sản xuất : Hãng Phim Việt, Hãng phim Giải phóng, Phương Nam Film
Kịch bản : Vũ Ngọc Đãng.
Thể loại : Hài
Xuất bản : 2008
Độ dài : 108 phút

Ngô Đồng (Tăng Thanh Hà đóng) là hoa khôi cấp hội chợ, nhưng nuôi mộng trở thành diễn viên nổi tiếng. Cuộc đời không phụ bạc một người đẹp như nàng. Ngô Đồng từng tham gia khoảng 60 phim. Nhưng tất cả chỉ là vai quần chúng, hoặc cùng lắm được nói dăm ba lời thoại. Để theo đuổi ước mơ, cô cũng từng thi vào trường Sân khấu điện ảnh, nhưng thi ba lần trượt cả ba. Các buổi casting cho các vai nữ chính cũng đều thất bại. Ngay cả chị chủ của căn hộ chung cư tầng thượng mà cô thuê cũng chỉ biết phán một câu về diễn xuất của Ngô Đồng: dở ẹc. Hiện nàng làm phục vụ tại quán cà phê kiêm diễn viên quần chúng mỗi khi được mời.

Trong khi đó, anh thợ chụp ảnh studio ở Nha Trang là Quang Hy (Lương Mạnh Hải) lại ôm một giấc mộng khác thường: trở thành nhiếp ảnh gia chuyên chụp ảnh khỏa thân. Yêu một cô bé học lớp 10, Quang Hy thường rủ nàng lang thang ra bãi biển chụp ảnh sexy với đồ tắm. Anh chàng sẵn sàng chụp ảnh khỏa thân cho người yêu, nàng cũng sẵn sàng làm điều đó, chỉ để tung lên blog câu pageview. Ngặt nỗi nàng mới 16 tuổi, làm chuyện kia ngồi tù như chơi nên Quang Hy chẳng dám. Trước đó, anh chàng từng ngỏ lời mời chụp ảnh khỏa thân với ba người đẹp, nhưng nhận về đến bốn cái tát, lại còn bị dọa báo công an. Vậy là Quang Hy đành tạm gác giấc mộng đặc biệt.

Bước ngoặt cuộc đời quét qua nhanh như luồng gió. Cầm 100 triệu đồng của cha người yêu, Quang Hy đổi lại bằng lời hứa sẽ rời bỏ cô bé 16 tuổi và biến mất vĩnh viễn. Anh chàng khăn gói lên Sài Gòn lập nghiệp.

Thói quen nghề nghiệp khiến Quang Hy gặp rắc rối ngay ngày đầu tiên lên thành phố lớn. Những tác phẩm nhiếp ảnh anh chàng vừa chụp bị nhân vật trong hình phản ứng dữ dội và bắt phải xóa tất cả. Ngay sau đó, chàng trai thành phố biển còn bị cô ta cho một vố đau đớn. Nhưng không phải chỉ toàn vận rủi. Quang Hy thuê được một căn phòng chung cư đẹp đẽ giá rẻ. Nhưng bất ngờ khi hàng xóm cùng khu lại là Ngô Đồng - chính là cô nàng vừa đụng độ ngoài đường.

Nhưng khắc tinh lại biến thành vận may. Giấc mơ của người này có thể giúp người kia thực hiện khát vọng. Tuy nhiên, sự chân tình lại xuất hiện giữa những lời dối trá, biến những nông cạn thành chín chắn, dù kèm theo đó là thất vọng và đau khổ.

Bộ phim của đạo diễn Vũ Ngọc Đãng hội tụ nhiều yếu tố ăn khách: hai diễn viên chính xứng đôi và đang là tiêu điểm hot, cảnh quay đẹp như mơ, và một câu chuyện kiểu “cô bé Lọ Lem” phong cách Hàn Quốc được thêm gia vị là sự hài hước từ một scandal của làng giải trí Hoa ngữ. Bên cạnh đó là những ca khúc phù hợp với từng diễn biến chính của phim, sôi nổi, da diết, trẻ trung và lãng mạn.

Với Đẹp từng centimet, khán giả được xem những khuôn hình thật nét, hình ảnh ấn tượng và một câu chuyện hài hước. Tuy có thể bị bội thực một số thứ, nhưng bộ phim sẽ là một lựa chọn ưu tiên của phần lớn khán giả tuổi teen vào dịp năm mới.

http://rapidshare.com/files/239460583/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part01.rar
http://rapidshare.com/files/239460418/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part02.rar
http://rapidshare.com/files/239460527/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part03.rar
http://rapidshare.com/files/239459518/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part04.rar
http://rapidshare.com/files/239459309/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part05.rar
http://rapidshare.com/files/239459618/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part06.rar
http://rapidshare.com/files/239459665/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part07.rar
http://rapidshare.com/files/239457652/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part08.rar
http://rapidshare.com/files/239457660/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part09.rar

http://www.megaupload.com/?d=36GYLF6P
http://www.megaupload.com/?d=4O52PIF6
http://www.megaupload.com/?d=CAAO8G6Q
http://www.megaupload.com/?d=T01NK3ET
http://www.megaupload.com/?d=LC1M3BO2
http://www.megaupload.com/?d=WGRE00AO
http://www.megaupload.com/?d=L47AMACC
http://www.megaupload.com/?d=4NI7RKD8
http://www.megaupload.com/?d=QLXJ6JXX

http://hotfile.com/dl/4581540/48646fc/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part01.rar.html
http://hotfile.com/dl/4581587/a1dba5a/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part02.rar.html
http://hotfile.com/dl/4581642/d9c2bbe/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part03.rar.html
http://hotfile.com/dl/4580636/58e3ccd/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part04.rar.html
http://hotfile.com/dl/4580759/48229ce/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part05.rar.html
http://hotfile.com/dl/4580907/facbe01/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part06.rar.html
http://hotfile.com/dl/4580987/31f2b19/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part07.rar.html
http://hotfile.com/dl/4581155/972a980/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part08.rar.html
http://hotfile.com/dl/4581275/f04c2d1/Dep.Tung.Centimet.2009.D.v.D.R.I.P.AC3.NHR.part09.rar.html


http://www.mediafire.com/download.php?1kd15ddzmie
http://www.mediafire.com/download.php?tjmm2zyjtdz
http://www.mediafire.com/download.php?yt2jyrjmznw
http://www.mediafire.com/download.php?ttyzltdlnjo
http://www.mediafire.com/download.php?nnzr0jt42ya
http://www.mediafire.com/download.php?mjhjuizqjmk
http://www.mediafire.com/download.php?orjidliknnj
http://www.mediafire.com/download.php?mmfmijewdtn
http://www.mediafire.com/download.php?ykz1kem1jmd



http://mega.1280.com/file/CME9WT9V/
http://mega.1280.com/file/2WYTZQF5/
http://mega.1280.com/file/CUPA0IZ7/
http://mega.1280.com/file/479QRASG/
http://mega.1280.com/file/2HXXL0ID/
http://mega.1280.com/file/WRKNSK6U/
http://mega.1280.com/file/7FF977ED/
http://mega.1280.com/file/J36C2O3M/
http://mega.1280.com/file/0A1N8O10/


Pass (nếu có) : www.nhachot.info

[ Yêu cầu ] : Hiển thị bài viết ngoài trang chủ giống như trang tin247.com

Theo yêu cầu của bạn Thuấn (share4vnn.tk)

[FD's BlOg] - Theo yêu cầu, thủ thuật sẽ tạo các chuyên mục ngoài trang chủ, mỗi chuyên mục tương ứng với 1 nhãn. Bài viết mới nhất của nhãn đó sẽ hiển thị có kèm ảnh thumbnail, các bài viết khác sẽ hiển thị dạng list, có kèm hiệu ứng mô tả bài viết. Đây là 1 style lấy ý tưởng từ trang tin247.com.

Cập nhật yêu cầu của bạn Vietmanga (vietmanga.blogspot.com) - (3/7/2009)

Xem demo trực tiếp ở đây.

Hình ảnh minh họa từ trang tin247.com

và đây là kết quả sẽ dùng cho blogspot:

Nếu bạn nào muốn thực hiện giống như trang tin247.com thì phải làm 4 bước sau:
- Bước 1: làm ẩn bài viết mới nhất ở trang chủ.
- Bước 2: tạo các widget HTML/javascript, mỗi widget là 1 chuyên mục, sau đó dán code của thủ thuật vào.
- Bước 3 : Chỉ cho phép các chuyên mục vừa tạo hiển thị ở trang chủ.
- Bước 4 : là bước trang trí cho các chuyên mục, như tạo khung, màu nền, tạo header cho các chuyên mục...

Và ở bài viết này mình sẽ không hướng dẫn các bạn từng bước, mà chỉ cung cấp cho các bạn code của thủ thuật mà thôi. Còn thủ thuật chỉ cho phép các widget này hiển thị ở trang chủ hoặc ẩn bài viết ngoài trang chủ, các bạn có thể tham khảo bài viết này.

☼ Và bây giờ ta bắt đầu :
1. Đăng nhập blog
2. Vào bố cục
3. Vào chỉnh sửa code HMTL
4. Dán code CSS bên dưới vào trước dòng code ]]></b:skin>

.mota{
position: relative;
z-index: 0;
text-decoration:none;
}

.mota:hover{
background-color: transparent;
z-index: 50;
}

.mota span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.mota span img{
border-width: 0;
padding: 2px;
}

.mota:hover span{
padding:5px;
visibility: visible;
top: 20px;
left:50px;
width:250px;
background:#ccc;
text-align: justify;
}

5. Save template.
6. Tạo widget HTML/Javascript, và dán code bên dưới vào:

<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";


showRandomImg = true;
tablewidth = 245;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";


imgw = 130;
imgh = 130;

imgwidth = 60;
imgheight = 60;

fntsize = 12;
fontsize = 18;
fontsizecm = 11;

acolor = "#000";
titlecolor = "#f00";
aBold = true;
icon = " » ";

text = "Nhận xét";

showPostDate = true;
poston = "Ngày đăng :";

minisummaryPost= 200;
summaryPost = 350;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " » ";

numposts = 8;
sobaiviet = 10;
label = "Love";
nhan= "Tình Yêu";
home_page = "http://fandung.blogspot.com/";

</script>

<script src="http://data.fandung.com/blog/demo/label-tin247/a-label.js" type="text/javascript"></script>
<script src="http://data.fandung.com/blog/demo/label-tin247/b-label.js" type="text/javascript"></script>

Để có thể hiểu rõ và tùy chỉnh code theo ý mình thì các bạn xem hình minh họa bên dưới:


Một vài thiếu sót của thủ thuật : do mình không rành về việc chỉnh sửa code javascript, nên thủ thuật này không hoàn hảo cho lắm :

+ Thứ nhất : chưa thực hiện được việc bài viết mới nhất (đầu tiên) không cho phép hiển thị ở list, vì thế phải dùng tới 2 file javascript.
+ Thứ 2 : chưa áp dụng được hiệu ứng mô tả bài viết bằng javascript (như của trang tin247.com) vào thủ thuật này.

Hy vọng sau này mình sẽ rành hơn về javascript để có thể có nhưng bài viết tốt hơn.


☼ Thực hiện yêu cầu của bạn Vietmanga
- Trong yêu cầu có việc lấy bài viết từ 1 blog khác, cái này rất đơn giản, bạn chỉ việc thay link(code màu xanh) trong code home_page = "http://fandung.blogspot.com/"; thành URL của blog mà bạn muốn lấy bài vết.

Yêu cầu chỉnh sửa như hình bên dưới:

Và đây là kết quả :

Xem demo trực tiếp: http://data.fandung.com/blog/demo/label-tin247/fix2/index.html

☼ Và đây là code của thủ thuật :
- Lưu ý, code chỉ dùng được cho 1 blog, nếu muốn hiển thị cho nhiều blog thì phải chỉnh sửa lại đôi chút trong file JS.

<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
img_icon = "http://farm3.static.flickr.com/2426/3638176588_31366a6822_o.gif";

showRandomImg = true;

imgw = 130;
imgh = 130;

fntsize = 12;
fontsize = 16;
fontsizecm = 11;
acolor = "#000";
titlecolor = "#f00";
aBold = true;

text = "Nhận xét";

showPostDate = true;
poston = "Ngày đăng :";

summaryPost = 350;
summaryFontsize = 12;
summaryColor = "#000";

numposts = 6;
home_page = "http://www.fandung.com/";
blogname = "Blog FD";

</script>

<script src="http://data.fandung.com/blog/demo/label-tin247/fix2/fix1-247-post.js" type="text/javascript"></script>

<div style="padding-left:30px;">
<script src="http://data.fandung.com/blog/demo/label-tin247/fix2/fix-247-post.js" type="text/javascript"></script>
</div>

- Vài lưu ý :

+ img_icon = "http://farm3.static.flickr.com/2426/3638176588_31366a6822_o.gif"; : đây là link của ảnh icon đầu dòng.
+ padding-left:30px; : có thể tùy chỉnh lại, nếu muốn thụt vào nữa thì tăng lên là 40px, 50px;...
+ blogname = "Blog FD"; : tên blog mà bạn muốn hiển thị bài viết.
+ Những đoạn code khác thì có lẽ khá quen thuộc.

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