Credit : CTV Dramas
Translator : Tiểu Vũ
Time + Kara : Nguyen_libra
Encode : Xianli
Clip gốc : www.youtube.com/watch?v=nDI4y-zl4DY
Download free HD at http://williamfengvn.net
Hiển thị các bài đăng có nhãn Nhạc phim. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Nhạc phim. Hiển thị tất cả bài đăng
* [Vietsub + Kara] MV Tình Khó Cầu Mong - Phong Mịch trong Mỹ Nhân Tâm Kế
Credit : CTV Dramas
Translator : Tiểu Vũ
Time + Kara : Nguyen_libra
Encode : Xianli
Clip gốc : www.youtube.com/watch?v=nDI4y-zl4DY
Download free HD at http://williamfengvn.net
* [Vietsub + Kara] MV Hoa Rơi - OST Mỹ Nhân Tâm Kế - Chuyện tình Lưu Chương + Tuyết Diên
Credit : Pangia Xiong
Time + Kara : Nguyen_libra
Encode : Xianli
Thank Pangia Xiong
Clip gốc : www.youtube.com/watch?v=rgyYIaqw24w
Time + Kara : Nguyen_libra
Encode : Xianli
Thank Pangia Xiong
Clip gốc : www.youtube.com/watch?v=rgyYIaqw24w
* Hiển thị bài viết mới nhất chạy marquee chiều ngang
Có nhiều kiểu tiện ích Bài viết mới nhất với những kiểu dáng và đặc điểm riêng biệt. Hôm nay tôi xin giới thiệu một kiểu tiện ích Bài viết mới nhất chạy marquee chiều ngang (Horizontal Marquee Recent Posts Widget) rất hữu ích cho blogspot. Tiện ích này hiển thị những bài viết mới nhất cho blogspot với kiểu trình chiếu chạy ngang ( không có ảnh đại diện ), với đặc trưng tiết kiệm không gian web là một ưu điểm có thể nhìn thấy dễ dàng so với các kiểu tiện ích cùng loại.
Để cài đặt tiện ích này, bạn chỉ cần Đăng nhập Blogger sau đó đặt toàn bộ đoạn code dưới đây vào phần nội dung của một tiện ích HTML/Javascript là OK.
<style type="text/css">
.feedmarquee a:link{
font-size: 11px;
text-decoration: none;
color:#fff;
}
.feedmarquee {
font-size: 12px;
color:#FEE405;
position:absolute;
background: #C0C0C0;
padding:2px;
width: 640px;
}
</style>
<script src="http://hacodeproject.googlecode.com/files/recentpostsscrollerha.js" type="text/javascript"></script>
<div class="feedmarquee">
<script type="text/javascript">
var nMaxPosts = 20;
var sBulletChar="-" ;
var nWidth;
var nScrollDelay = 155;
var sDirection="left";
var sOpenLinkLocation="p";
</script>
<script src="http://huynh-nhat-ha.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerha" type="text/javascript"> </script>
</div>
Trong đoạn code trên, bạn có thể điều chỉnh chiều rộng bố trí tiện ích tại tham số width: 640px, điều chỉnh số bài viết tối đa được trình chiếu tại tham số var nMaxPosts = 20 đồng thời cần thay huynh-nhat-ha bằng tên blogspot của bạn.
Để cài đặt tiện ích này, bạn chỉ cần Đăng nhập Blogger sau đó đặt toàn bộ đoạn code dưới đây vào phần nội dung của một tiện ích HTML/Javascript là OK.
<style type="text/css">
.feedmarquee a:link{
font-size: 11px;
text-decoration: none;
color:#fff;
}
.feedmarquee {
font-size: 12px;
color:#FEE405;
position:absolute;
background: #C0C0C0;
padding:2px;
width: 640px;
}
</style>
<script src="http://hacodeproject.googlecode.com/files/recentpostsscrollerha.js" type="text/javascript"></script>
<div class="feedmarquee">
<script type="text/javascript">
var nMaxPosts = 20;
var sBulletChar="-" ;
var nWidth;
var nScrollDelay = 155;
var sDirection="left";
var sOpenLinkLocation="p";
</script>
<script src="http://huynh-nhat-ha.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerha" type="text/javascript"> </script>
</div>
Trong đoạn code trên, bạn có thể điều chỉnh chiều rộng bố trí tiện ích tại tham số width: 640px, điều chỉnh số bài viết tối đa được trình chiếu tại tham số var nMaxPosts = 20 đồng thời cần thay huynh-nhat-ha bằng tên blogspot của bạn.
nguồn: http://www.bloggerism.tk
* [Vietsub] Nụ Cười Đi Cùng Cuộc Sống - OST Sống Với Nụ Cười
Bài Hát : Nụ Cười Đi Cùng Cuộc Sống
Trình Bày : Diêu Thiên Vũ
Trình Bày : Diêu Thiên Vũ
Vietsub by nguyen_libra
Clip đã được Vietsub
* [Vietsub] Minh Nguyệt 《明月》 - OST Cung Tỏa Tâm Ngọc
Bài hát : Minh Nguyệt
Trình Bày : Dương Mịch
Vietsub by nguyen_libra
Clip đã được Vietsub
Trình Bày : Dương Mịch
Vietsub by nguyen_libra
Clip đã được Vietsub
* [Vietsub] 杨幂 《琉璃月》 - Lưu Ly Nguyệt - Dương Mịch
Bài hát : Lưu Ly Nguyệt
Trình Bày : Dương Mịch
Vietsub by nguyen_libra
Clip đã được Vietsub
Trình Bày : Dương Mịch
Vietsub by nguyen_libra
Clip đã được Vietsub
* [Vietsub] Hắc Bạch Thế - OST Địch Nhân Kiệt Tiền Truyện [2010]
Clip nhạc phim đã được Vietsub
* [Vietsub] Thanh Thanh Mạn - OST Vương Chiêu Quân
Clip nhạc phim đã được Vietsub
* Họa Tâm - OST Họa Bì - Trình bày : Triệu Vy
LỜI BÀI HÁT
HỌA TÂ M ~ 画心
看不穿是你失落的魂魄
(kàn bú chuān shì nǐ shī luò de hún pò)
Lúc này đây em không thể nhìn thấy tâm hồn lạc lõng của anh
爱如生命般莫测
(ài rú shēng mìng bān mò cè)
Tình yêu giống như là số mệnh không thể nào đoán trước
爱如生命般莫测
(ài rú shēng mìng bān mò cè)
Tình yêu giống như là số mệnh không thể nào đoán trước
猜不透是你瞳孔的颜色
(cāi bú tòu shì nǐ tóng kǒng de yán sè)
Cũng chẳng thể nào đoán ra được những sắc màu trong anh一阵风一场梦
(yī zhèn fēng yī chǎng mèng )
爱如生命般莫测
(ài rú shēng mìng bān mò cè)
Tình yêu giống như là số mệnh không thể nào đoán trước
你的心到底被什么蛊惑?
(nǐ de xīn dào dǐ bèi shén me gǔ huò)
Rốt cuộc thì con tim anh đã bị điều gì mê hoặc?你的轮廓在黑夜之中淹没
(nǐ de lún kuò zài hēi yè zhī zhōng yān mò)
Bóng hình anh như bị đêm tối nhấn chìm看桃花开出怎样的结果?
(kàn táo huā kāi chū zěn yàng de jié guǒ)
Kết quả cuối cùng của hoa đào khi nở rộ rồi sẽ ra sao?看着你抱着我目光似月色寂寞
(kàn zhe nǐ bào zhe wǒ mù guāng sì yuè sè jì mò)
Nhìn anh ôm lấy em vô cảm còn lạnh lẽo hơn cả ánh trăng kia就让你在别人怀里快乐
(jiù ràng nǐ zài bié rén huái lǐ kuài lè)
Vì thế em đành để anh hạnh phúc trong vòng tay người khác爱着你像心跳难触摸
(ài zhe nǐ xiàng xīn tiào nán chù mō)
Tình yêu em dành cho anh giống như nhịp tim mãi không ngừng画着你画不出你的骨骼
(huà zhe nǐ huà bú chū nǐ de gǔ gé)
Muốn phác họa anh nhưng lại không thể hình dung ra dáng hình anh记着你的脸色是我等你的执着
(jì zhe nǐ de liǎn sè shì wǒ děng nǐ de zhí zhuó)
Em mong được thấy sự quyến luyến trên gương mặt anh你是我一首唱不完的歌
(nǐ shì wǒ yī shǒu chàng bú wán de gē)
Vì anh mãi là bản tình ca bất tận trong em看不穿是你失落的魂魄
(kàn bú chuān shì nǐ shī luò de hún pò)
Lúc này đây em không thể nhìn thấy tâm hồn lạc lõng của anh猜不透是你瞳孔的颜色
(cāi bú tòu shì nǐ tóng kǒng de yán sè)
Cũng chẳng thể nào đoán ra được những sắc màu trong anh一阵风一场梦
(yī zhèn fēng yī chǎng mèng )
爱如生命般莫测
(ài rú shēng mìng bān mò cè)
Tình yêu giống như là số mệnh không thể nào đoán trước
你的心到底被什么蛊惑?
(nǐ de xīn dào dǐ bèi shén me gǔ huò)
Rốt cuộc thì con tim anh đã bị điều gì mê hoặc?你的轮廓在黑夜之中淹没
(nǐ de lún kuò zài hēi yè zhī zhōng yān mò)
Bóng hình anh như bị đêm tối nhấn chìm看桃花开出怎样的结果?
(kàn táo huā kāi chū zěn yàng de jié guǒ)
Kết quả cuối cùng của hoa đào khi nở rộ rồi sẽ ra sao?看着你抱着我目光似月色寂寞
(kàn zhe nǐ bào zhe wǒ mù guāng sì yuè sè jì mò)
Nhìn anh ôm lấy em vô cảm còn lạnh lẽo hơn cả ánh trăng kia就让你在别人怀里快乐
(jiù ràng nǐ zài bié rén huái lǐ kuài lè)
Vì thế em đành để anh hạnh phúc trong vòng tay người khác你的轮廓在黑夜之中淹没
(nǐ de lún kuò zài hēi yè zhī zhōng yān mò)
Bóng hình anh như bị đêm tối nhấn chìm看桃花开出怎样的结果?
(kàn táo huā kāi chū zěn yàng de jié guǒ)
Kết quả cuối cùng của hoa đào khi nở rộ rồi sẽ ra sao?看着你抱着我目光似月色寂寞
(kàn zhe nǐ bào zhe wǒ mù guāng sì yuè sè jì mò)
Nhìn anh ôm lấy em vô cảm còn lạnh lẽo hơn cả ánh trăng kia就让你在别人怀里快乐
(jiù ràng nǐ zài bié rén huái lǐ kuài lè)
Vì thế em đành để anh hạnh phúc trong vòng tay người khác爱着你像心跳难触摸
(ài zhe nǐ xiàng xīn tiào nán chù mō)
Tình yêu em dành cho anh giống như nhịp tim mãi không ngừng画着你画不出你的骨骼
(huà zhe nǐ huà bú chū nǐ de gǔ gé)
Muốn phác họa anh nhưng lại không thể hình dung ra dáng hình anh记着你的脸色是我等你的执着
(jì zhe nǐ de liǎn sè shì wǒ děng nǐ de zhí zhuó)
Em mong được thấy sự quyến luyến trên gương mặt anh你是我一首唱不完的歌
(nǐ shì wǒ yī shǒu chàng bú wán de gē)
Vì anh mãi là bản tình ca bất tận trong em* Cung Dưỡng Tình Ái - OST Cung Tỏa Tâm Ngọc
Dương Mịch - Yang Mi
爱的供养
Bǎ nǐ pěng zài shǒu shàng qiánchéng de fénxiāng
Đặt nàng trong lòng tay, thành khẩn thắp nén hương
剪下一段烛光 将经纶点亮
Jiǎn xià yīduàn zhúguāng jiāng jīnglún diǎn liàng
Chỉ một ngọn nến cũng đủ thắp sáng kinh luân
不求荡气回肠 只求爱一场
Bù qiú dàngqìhuícháng zhǐ qiúài yī chǎng
Không cần da diết não lòng, chỉ mong được yêu một lần
爱到最后受了伤哭得好绝望
Ài dào zuìhòu shòu le shāng kū de hǎo juéwàng
Yêu đến phút cuối lại bị tổn thương, khóc trong tuyệt vọng
我用尽一生一世 来将你供养
Wǒ yòng jìn yīshēng yīshì lái jiāng nǐ gòngyǎng
Ta nguyện trọn đời trọn kiếp cung dưỡng nàng.
只期盼你停住流转的目光
Zhǐ qī pàn nǐ tíng zhù liúzhuàn de mùguāng
Chỉ cần ánh mắt đang xoay chuyển của nàng dừng lại
请赐予我无限爱与被爱的力量
Qǐng cìyǔ wǒ wúxiàn ài yǔ bèi ài de lìliàng
Xin hãy cho ta sức mạnh vô hạn của yêu và được yêu
让我能安心在菩提下静静的观想
Ràng wǒ néng ānxīn zài pútí xià jìng jìng de guān xiǎng
Để ta dưới gốc Bồ Đề có thể vững tâm suy nghĩ
把你放在心上 合起了手掌
Bǎ nǐ fàng zàixīn shàng hé qǐ le shǒuzhǎng
Để nàng ngự trong tim ta, cùng nhau nắm tay
默默乞求上苍 指引我方向
Mòmò qǐqiú shàngcāng zhǐyǐn wǒ fāngxiàng
Nguyện cầu trời xanh hãy chỉ đường cho ta
不求地久天长 只求在身旁
Bù qiú dì jiǔ tiāncháng zhǐ qiú zài shēn páng
Chẳng mong thiên trường địa cửu, chỉ mong được nương thân
累了醉倒温柔乡 轻轻地梵唱
Lèi le zuì dào wēnróu xiāng qīng qīng de fàn chàng
Lúc mệt mỏi chìm vào giấc ngủ say, khe khẽ ngân nga.
我用尽一生一世 来将你供养
Wǒ yòng jìn yīshēng yīshì lái jiāng nǐ gòngyǎng
Ta nguyện trọn đời trọn kiếp cung dưỡng nàng
只期盼你停住流转的目光
Zhǐ qī pàn nǐ tíng zhù liúzhuàn de mùguāng
Chỉ cần ánh mắt đang xoay chuyển của nàng dừng lại
请赐予我无限爱与被爱的力量
Qǐng cìyǔ wǒ wúxiàn ài yǔ bèi ài de lìliàng
Xin hãy tiếp thêm cho ta sức mạnh vô hạn của yêu và được yêu
让我能安心在菩提下静静的观想
Ràng wǒ néng ānxīn zài pútí xià jìng jìng de guān xiǎng
Để ta dưới gốc Bồ Đề có thể vững tâm suy nghĩ
我用尽一生一世来将你供养
Wǒ yòng jìn yīshēng yīshì lái jiāng nǐ gòngyǎng
Ta nguyện trọn đời trọn kiếp cung dưỡng nàng
人世间有太多的烦恼要忘
Rén shìjiān yǒu tài duō de fánnǎo yào wàng
Người trong thế gian có quá nhiều phiền não phải quên
苦海中飘荡着你那旧时的模样
Kǔhǎi zhōng piāodàng zhe nǐ nà jiùshí de múyàng
Giữa bể khổ thấp thoáng bóng hình xưa của nàng
一回头间发现早已踏出了红尘万丈
Yī huítóu jiān fāxiàn zǎoyǐ tà chū le hóngchén wànzhàng
Quay đầu lại chợt thấy hồng trần vạn trượng đã qua từ lâu
爱的供养
把你捧在手上 虔诚地焚香
Bǎ nǐ pěng zài shǒu shàng qiánchéng de fénxiāng
Đặt nàng trong lòng tay, thành khẩn thắp nén hương
剪下一段烛光 将经纶点亮
Jiǎn xià yīduàn zhúguāng jiāng jīnglún diǎn liàng
Chỉ một ngọn nến cũng đủ thắp sáng kinh luân
不求荡气回肠 只求爱一场
Bù qiú dàngqìhuícháng zhǐ qiúài yī chǎng
Không cần da diết não lòng, chỉ mong được yêu một lần
爱到最后受了伤哭得好绝望
Ài dào zuìhòu shòu le shāng kū de hǎo juéwàng
Yêu đến phút cuối lại bị tổn thương, khóc trong tuyệt vọng
我用尽一生一世 来将你供养
Wǒ yòng jìn yīshēng yīshì lái jiāng nǐ gòngyǎng
Ta nguyện trọn đời trọn kiếp cung dưỡng nàng.
只期盼你停住流转的目光
Zhǐ qī pàn nǐ tíng zhù liúzhuàn de mùguāng
Chỉ cần ánh mắt đang xoay chuyển của nàng dừng lại
请赐予我无限爱与被爱的力量
Qǐng cìyǔ wǒ wúxiàn ài yǔ bèi ài de lìliàng
Xin hãy cho ta sức mạnh vô hạn của yêu và được yêu
让我能安心在菩提下静静的观想
Ràng wǒ néng ānxīn zài pútí xià jìng jìng de guān xiǎng
Để ta dưới gốc Bồ Đề có thể vững tâm suy nghĩ
把你放在心上 合起了手掌
Bǎ nǐ fàng zàixīn shàng hé qǐ le shǒuzhǎng
Để nàng ngự trong tim ta, cùng nhau nắm tay
默默乞求上苍 指引我方向
Mòmò qǐqiú shàngcāng zhǐyǐn wǒ fāngxiàng
Nguyện cầu trời xanh hãy chỉ đường cho ta
不求地久天长 只求在身旁
Bù qiú dì jiǔ tiāncháng zhǐ qiú zài shēn páng
Chẳng mong thiên trường địa cửu, chỉ mong được nương thân
累了醉倒温柔乡 轻轻地梵唱
Lèi le zuì dào wēnróu xiāng qīng qīng de fàn chàng
Lúc mệt mỏi chìm vào giấc ngủ say, khe khẽ ngân nga.
我用尽一生一世 来将你供养
Wǒ yòng jìn yīshēng yīshì lái jiāng nǐ gòngyǎng
Ta nguyện trọn đời trọn kiếp cung dưỡng nàng
只期盼你停住流转的目光
Zhǐ qī pàn nǐ tíng zhù liúzhuàn de mùguāng
Chỉ cần ánh mắt đang xoay chuyển của nàng dừng lại
请赐予我无限爱与被爱的力量
Qǐng cìyǔ wǒ wúxiàn ài yǔ bèi ài de lìliàng
Xin hãy tiếp thêm cho ta sức mạnh vô hạn của yêu và được yêu
让我能安心在菩提下静静的观想
Ràng wǒ néng ānxīn zài pútí xià jìng jìng de guān xiǎng
Để ta dưới gốc Bồ Đề có thể vững tâm suy nghĩ
我用尽一生一世来将你供养
Wǒ yòng jìn yīshēng yīshì lái jiāng nǐ gòngyǎng
Ta nguyện trọn đời trọn kiếp cung dưỡng nàng
人世间有太多的烦恼要忘
Rén shìjiān yǒu tài duō de fánnǎo yào wàng
Người trong thế gian có quá nhiều phiền não phải quên
苦海中飘荡着你那旧时的模样
Kǔhǎi zhōng piāodàng zhe nǐ nà jiùshí de múyàng
Giữa bể khổ thấp thoáng bóng hình xưa của nàng
一回头间发现早已踏出了红尘万丈
Yī huítóu jiān fāxiàn zǎoyǐ tà chū le hóngchén wànzhàng
Quay đầu lại chợt thấy hồng trần vạn trượng đã qua từ lâu
* Trình chiếu nội dung và hình ảnh sử dụng jQuery
Mày mò, lụm lặt bữa giờ mới ra được cái mã trình diễn ảnh kèm nội dung sử dụng jQuery cực đẹp này, hôm nay xin chia sẻ với các bạn. Cùng làm ngay bây giờ nào!Xem: Demo
Trước hết bạn chèn đoạn mã sau vào trước thẻ </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
(function($){
$.fn.s3Slider = function(vars) {
var element = this;
var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;
var current = null;
var timeOutFn = null;
var faderStat = true;
var mOver = false;
var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");
var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
items.each(function(i) {
$(items[i]).mouseover(function() {
mOver = true;
});
$(items[i]).mouseout(function() {
mOver = false;
fadeElement(true);
});
});
var fadeElement = function(isMouseOut) {
var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
thisTimeOut = (faderStat) ? 10 : thisTimeOut;
if(items.length > 0) {
timeOutFn = setTimeout(makeSlider, thisTimeOut);
} else {
console.log("Poof..");
}
}
var makeSlider = function() {
current = (current != null) ? current : items[(items.length-1)];
var currNo = jQuery.inArray(current, items) + 1
currNo = (currNo == items.length) ? 0 : (currNo - 1);
var newMargin = $(element).width() * currNo;
if(faderStat == true) {
if(!mOver) {
$(items[currNo]).fadeIn((timeOut/6), function() {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
} else {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
}
});
}
} else {
if(!mOver) {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
} else {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
}
}
}
}
makeSlider();
};
})(jQuery);
//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
Chèn tiếp đoạn mã sau vào trước thẻ ]]></b:skin>
#s3slider {
width: 620px;
height: 300px;
position: relative;
overflow: hidden;
margin-top: 17px;
margin-bottom: 10px;
*margin-bottom: 0px;
background:#ffffff;
border: 1px solid #000;
}
#s3sliderContent {
width: 620px;
height:300px;
background:#ffffff;
position: absolute;
top: -13px;
*top: 0px;
padding: 0px;
list-style:none;
margin-left: 0;
overflow: hidden;
}
.s3sliderImage {
float: left;
position: relative;
display: none;
}
.s3sliderImage span {
position: absolute;
right: 0;
font:Georgia, serif;
padding: 10px 13px;
font-size:12px;
width:180px;
height:300px;
*max-height:300px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
top: 0;
overflow: hidden;
}
.s3sliderImage strong a{
color:$titlecolor;
font-family: 'Myriad Pro', Helvetica, Arial, Sans-Serif;
font-size:20px;
}
Cuối cùng là tạo một HTML và dán đoạn mã sau vào:
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="Link_anh_1" />
<span><strong><a href="Link_lien_ket_1">Ten _anh_1</a></strong>
<p>Noi_dung_1</p>
</span>
</li>
<li class="s3sliderImage">
<img src="Link_anh_2" />
<span><strong><a href="Link_lien_ket_2">Ten _anh_2</a></strong>
<p>Noi_dung_2</p>
</span>
</li>
<li class="s3sliderImage">
<img src="Link_anh_3" />
<span><strong><a href="Link_lien_ket_3">Ten _anh_3</a></strong>
<p>Noi_dung_3</p>
</span>
</li>
<div class="clear s3sliderImage"></div>
</ul>
</div>
Tùy chỉnh Link cho phù hợp và Save.
~libra~
* Tạo copyright và menu mini cuối blog cho Blogspot
Bạn Kira [ http://freejapanesemovies.blogspot.com/] có hỏi mình cách làm menu mini và copyright như phía cuối blog của mình, bữa giờ bận thi nhiều quá nên bây giờ mình mới có bài viết này. Mình cũng chỉ là tay ngang mới bước chân vào thế giới Blogspot, tập tành làm blog nên biết gì thì mình chỉ cái đó thôi.Mã bài viết này mình lấy từ blog của mình và đem lên đây chia sẻ với các bạn thôi chứ ko phải do mình viết đâu, mã cũng tương đối đơn giản và dễ thao tác.
Đầu tiên là khi lấy một theme nào trên mạng đều có hiển thị bản quyền tác giả phía cuối blog, điều này có hơi hạn chế một xíu, có nhiều bạn sẽ ko thích, nên bước đầu tiên là cần phải ẩn hoặc xóa nó đi để blog để blog đẹp hơn một xíu và mang tính riêng của mình hơn. Nó sẽ có dạng như sau:
Vào Thiết kế -> Chỉnh sửa HTML, ko cần chọn Mở rộng tiện ích. Bấm Ctrl + F để tìm dòng chữ Attribution, sau đó bạn sẽ nhìn thấy đoạn mã sau:
<b:widget id='attribution1' locked='true' title='' type='attribution'/> </b:widget>
Xóa nó đi là Ok, hoặc ẩn nó bằng cách làm như sau:
<!--
<b:widget id='attribution1' locked='true' title='' type='attribution'/>
</b:widget>-->
Cuối cùng lưu lại và xem thử blog của bạn nha!
Tiếp theo là tạo menu mini cuối blog.
Vào Thiết kế -> Chỉnh sửa HTML, chèn đoạn mã sau vào trước thẻ ]]></b:skin>
#credits{
width:840px;/*độ rộng tiện ích*/
padding:10px 0px 5px 0px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzclRhvj2NA7rvcy8w1HnlP6giIjPvmgarhoJvYlNufgghnIyXNm59DRwItSlZuCWHvvltURCIteFKTkbdiwHASYq2fxUi54IyriKkscVB7XKpyq6cH-cGllAYHKdtfsfTxYahBF5CFyw/s1600/80percentblack.png") repeat scroll 0 0 transparent;/*link màu nền tiện ích, ở đây là màu đen*/
position:relative;
font-size:13px;
border:1px solid #404040;/*màu chữ hiển thị ko có link liên kết*/
margin-left:180px;/*khoảng cách so với lề trái*/
height:30px;/*chiều cao tiện ích*/
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-moz-box-shadow:1px 1px 5px #000000;
}
#credits_left {
float:left;
padding-left:40px;
}
#credits_right {
float:right;
padding-right:20px;
}
#credits a {
color:#D54E21;/*màu chữ hiển thị khi có liên kết link*/
}
#credits a:hover {
font-color:#AA0000;/*màu chữ hiển thị khi click chuột*/
text-decoration:underline;
}
Tiếp tục thêm đoạn mã sau vào trước thẻ </body>
<div id='credits'>
<div id='credits_left'>
Copyright 2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</div>
<div id='credits_right'>
<p>
<a expr:href='data:blog.homepageUrl' title='Home'>Home</a> | <a href='Link_lien_ket_1'><span>Ten_link_1</span></a> | <a href='Link_lien_ket_2'><span>Ten_link_2</span></a> | <a href='Link_lien_ket_3'><span>Ten_link_3</span></a> | <a href='Link_lien_ket_4'><span>Ten_link_4</span></a> |
</p>
</div>
</div>
Save lại là xong rồi đó.
Note: các bạn chú ý khi điều chỉnh khoảng cách so với lề trái thì phải điều chỉnh luôn cả chiều rộng của tiện ích để có được khoảng cách đẹp nhất trên blog. Nếu thấy hay đừng quên để lại comment nha!
~libra~
