Sưu tầm chọn lọc và chia sẻ bộ sưu tập Flash cho Blogger - "Flash chủ đề Cảm ứng chuột"

Mẫu

Xem thêm

<div class="doc">
<div class="content">
<div style="text-align: center;">
<iframe frameborder="1" height="760" scrolling="yes" src="https://sites.google.com/site/nlbloggervn/" width="520"></iframe></div>
</div>
</div>

Bộ Video hướng dẫn sử dụng Photoshop CS Tiếng Việt - Kỉ thuật chỉnh sửa ảnh chuyên nghiệp

Trang chỉnh sửa ảnh trực tuyến - Chỉnh sửa ảnh trực tuyến trên trình duyệt Web miễn phí và nhanh chóng

Trang chủ Pixlr

Video hướng dẫn sử dụng phần mềm Adobe Photoshop CS - Kỉ thuật chỉnh sửa ảnh chuyên nghiệp

Tải về 4 tập tin bên dưới:

Phần 1
Phần 2
Phần 3
Phần 4
Và nối lại bằng phần mềm sau:
HJSplit
Hoạt bạn có thể xem trực tuyến ngay tại:
nL-BloggerVN
Xem thêm tài liệu PDF tại đây:
Tài liệu Adobe Photoshop CS

Tài liệu hướng dẫn sử dụng phần mềm Adobe Photoshop CS - Kỉ thuật chỉnh sửa ảnh chuyên nghiệp

Xem tài liệu trực tiếp trên trình duyệt (nên xem trên trình duyệt Google Chrome và tắt các chương trình hỗ trợ tải về như IDM)

Chương 1
Chương 2
Chương 3
Chương 4
Chương 5
Chương 6
Chương 7
Chương 8
Chương 9
Chương 10
Chương 11
Chương 12
Chương 13
Chương 14
Chương 15
Chương 16
Chương 17
Chương 18
Chương 19
Chương 20

Hoạt tải về toàn bộ 20 chương:

Tải về
Xem thêm Video hướng dẫn tại đây:
Video Adobe Photoshop CS

Kỉ thuật ảnh chân dung ngoại cảnh - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật ảnh nghệ thuật trắng đen - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật ảnh chân dung đa tông - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật cân bằng màu ảnh chân dung - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật cấy răng kỉ thuật số - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật điều hướng ánh sáng - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật giảm chói ảnh chân dung - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật căn chỉnh và cân bằng màu tự động - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật khử nhiễu hạt và nhiễu màu - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật khử mắt đỏ - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật khử tái da - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật làm khuôn mặt thon thả - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật làm mềm da - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật lam mịn da và trắng da - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật làm nổi bật đôi mắt - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật làm sắc nét khuôn mặt - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật làm sắc nét với bộ lọc High Pass - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật làm săn chắc cơ bắp - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật làm thân hình thon thả - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật làm tăng sức quyến rũ cho ảnh chân dung - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật làm trắng răng - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật lấy mẫu da - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật loại bỏ điểm nóng - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật loại bỏ tàn nhang và nếp nhăn - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật nhuộm tóc thời trang - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật sửa mũi kỉ thuật số - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật phối màu cho ảnh chân dung - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật tạo ảnh chân dung ấn tượng - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật tạo ảnh chân dung với ánh sáng mờ ảo - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật tạo má lúm đồng tiền - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật tạo mắt hai mí - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật tẩy và làm đẹp râu - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật tạo khung cảnh nghệ thuật - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật trang điểm - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật trang điểm thời trang - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật xăm hình trên da - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật xử lý môi dày - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật xử lý ảnh ngược sáng 2 - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Kỉ thuật xử lý ảnh ngược sáng 1 - Hướng dẫn kỉ thuật sử dụng phần mềm chỉnh sửa ảnh chuyên nghiệp Adobe Photoshop CS

Tạo QUẢNG CÁO trược dọc 2 bên Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Hướng dẫn: Thay liên kết ảnh được tô ĐỎ bên dưới. 
                      Thay liên kết mở trang được tô XANH DA TRỜI bên dưới và kích thước khung được tô XANH LÁ

<div id="divAdRight" style="display: none; position: absolute; top: 0px">
<a href="http://nl-bloggervn.blogspot.com/2012/10/anh-ep-boy-xinh-kich-thuoc-240x320.html"><img src="https://lh5.googleusercontent.com/-JUhBV1Uhj30/UGEyYbcmT3I/AAAAAAAAA0c/iieAYSEz0uA/s800/nL-Mus%2520%25282%2529.jpg" width="125" /></a>
</div>
<div id="divAdLeft" style="display: none; position: absolute; top: 0px">
<a href="http://nl-bloggervn.blogspot.com/2012/10/anh-ep-girl-xinh-kich-thuoc-240x320.html"><img src="https://lh4.googleusercontent.com/-pkpWmm7uifg/UJSRVtXhjNI/AAAAAAAAEe8/V-NDQnqq3dI/s800/nL-Mus%2520240x360.gif" width="125" /></a>    
</div>
<script>
    function FloatTopDiv()
    {
        startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
        startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;
        var d = document;
        function ml(id)
        {
            var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
            el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
            el.x = startRX;
            el.y = startRY;
            return el;
        }
        function m2(id)
        {
            var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
            e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
            e2.x = startLX;
            e2.y = startLY;
            return e2;
        }
        window.stayTopLeft=function()
        {
            if (document.documentElement && document.documentElement.scrollTop)
                var pY =  document.documentElement.scrollTop;
            else if (document.body)
                var pY =  document.body.scrollTop;
            if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
            ftlObj.y += (pY+startRY-ftlObj.y)/16;
            ftlObj.sP(ftlObj.x, ftlObj.y);
            ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
            ftlObj2.sP(ftlObj2.x, ftlObj2.y);
            setTimeout("stayTopLeft()", 1);
        }
        ftlObj = ml("divAdRight");
        //stayTopLeft();
        ftlObj2 = m2("divAdLeft");
        stayTopLeft();
    }
    function ShowAdDiv()
    {
        var objAdDivRight = document.getElementById("divAdRight");
        var objAdDivLeft = document.getElementById("divAdLeft");      
        if (document.body.clientWidth < 1000)
        {
            objAdDivRight.style.display = "none";
            objAdDivLeft.style.display = "none";
        }
        else
        {
            objAdDivRight.style.display = "block";
            objAdDivLeft.style.display = "block";
            FloatTopDiv();
        }
    }
</script>
<script>
document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
</script>

Tạo hiệu ứng chữ đổi màu nhúng Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

<script language="JavaScript1.2">
var message="nL-BloggerVN.BlogSpot.Com"
var neonbasecolor="gray"
var neontextcolor="blue"
var flashspeed=100  //in milliseconds
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>

Đặt quảng cáo cố định 2 bên Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Hướng dẫn: Thay liên kết ảnh được tô ĐỎ bên dưới. 
                      Thay liên kết mở trang được tô XANH DA TRỜI bên dưới và kích thước khung được tô XANH LÁ

<style>
#left_ads_float
{bottom:0px;
left:0px;
position:fixed;}
#right_ads_float
{bottom:0px;
right:0px;
position:fixed;}
</style>
<script>
var vcons_remove_fads=false;
function vcons_check_adswidth()
{if(vcons_remove_fads)
{ document.getElementById('left_ads_float').style.display='none';
document.getElementById('right_ads_float').style.display='none';
return;
}else if(document.cookie.indexOf('vcons_remove_float_ads')!=-1)
{
vcons_remove_fads=true;
vcons_check_adswidth();
return;
}
else
{
var lwidth=parseInt(document.body.clientWidth);
if(lwidth<1110)
{
document.getElementById('left_ads_float').style.display='none';
document.getElementById('right_ads_float').style.display='none';
}
else
{
document.getElementById('left_ads_float').style.display='block';
document.getElementById('right_ads_float').style.display='block';
}
setTimeout('vcons_check_adswidth()',10);
}
}
function remove_ads()
{
document.cookie = "vcons_remove_float_ads=1; expires=Thu, 11-Aug-2050 18:09:14 GMT; path=/";
document.getElementById('left_ads_float').style.display='none';
document.getElementById('right_ads_float').style.display='none';
}
</script>
<div id="left_ads_float">
<a href="javascript:remove_ads()" style="display:block;background-color:#b0c4de;border-bottom: 1px solid #03C"> [X] Đóng </a>
<a href="http://nl-bloggervn.blogspot.com/2012/10/anh-ep-boy-xinh-kich-thuoc-240x320.html" target="_blank"><img border="0" src="https://lh5.googleusercontent.com/-JUhBV1Uhj30/UGEyYbcmT3I/AAAAAAAAA0c/iieAYSEz0uA/s800/nL-Mus%2520%25282%2529.jpg" width="240" height="320" /></a>
</div>
<div id="right_ads_float">
<a href="javascript:remove_ads()" style="display:block;background-color:#b0c4de;border-bottom: 1px solid #03C"> [X] Đóng </a>
<a href="http://nl-bloggervn.blogspot.com/2012/10/anh-ep-girl-xinh-kich-thuoc-240x320.html" target="_blank"><img border="0" src="https://lh4.googleusercontent.com/-pkpWmm7uifg/UJSRVtXhjNI/AAAAAAAAEe8/V-NDQnqq3dI/s800/nL-Mus%2520240x360.gif" width="240" height="320" /></a>
</div>

Một số trang Web tạo chữ đẹp nhúng Blog - Tạo hiệu ứng chữ nhúng Blog - Thủ thuật & Kinh nghiệm hay Sưu tầm & Chia sẻ cho Blog (Blogger) - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

http://glittermaker.com/
http://www.pimp-text.com/
http://www.trippytext.com/
http://www.graffitigen.com/
http://cooltext.com/
http://flamingtext.com/
http://taochu.com/
http://taochu.hoibi.net/
http://www.jellymuffin.com/

Bộ sưu tập HÌNH NỀN cho ứng dụng văn phòng (Word - PowerPoint) - Chia sẻ kinh nghiệm và thủ thuật tin học văn phòng

 

Xem với kích thước lớn hơn và tải về

Tạo tùy chọn (Menu) chuyển động từ dưới lên - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

nL-BloggerVN Thủ thuật với RSS - Nhúng RSS vào Blog

---

Tải & thiết lập gói giao diện mới cho Blog

---

Xem & tải hình ảnh đẹp chọn lọc

---

Bộ sưu tập & chọn lọc Flash đẹp nhất

---

Hướng dẫn: Thay liên kết ảnh màu đỏ, đường dẫn liên kết màu xanh dương, và chữ hiển thị màu xanh lục

<style type="text/css">
nL-BloggerVN{margin:0; padding:0; height:100px; overflow:auto; background:url(https://lh5.googleusercontent.com/-9l82tbQPk1w/UGE44bZyAgI/AAAAAAAACw0/JxlbdtWEGdc/s800/My%2520Documents%2520Folder.png) repeat bottom right; font-weight:bold}
nL-BloggerVN{margin:0; padding:0px 0px}
.favicon {width:32px; height:32px; margin-right:5px}
.connect {width:32px; height:32px; margin:0px 0px 0px 0}
</style>

<div id="nL-BloggerVN">
<center style="margin-bottom:5px"><a href="http://nl-bloggervn.blogspot.com/">nL-BloggerVN</a></center>
<marquee align='left' direction='up' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' height='100' width='100%'>

<img src="https://lh3.googleusercontent.com/-BIxNmUoGbXc/UIY5ZD2g_NI/AAAAAAAAD_U/q5Zudi_5yt4/s800/RSS.png" class="favicon" /> <a href="http://nl-bloggervn.blogspot.com/2012/10/rss-nhung-bai-dang-tu-cac-trang-mang-vao-blog.html" target="_blank">Thủ thuật với RSS - Nhúng RSS vào Blog
</a><hr />

<img src="https://lh3.googleusercontent.com/-b8HeSm_amZI/UGE2562mUNI/AAAAAAAACZo/8CcYxwm5gr8/s800/nL-Mus%2520%25288%2529.png" class="favicon" /> <a href="http://nl-bloggervn.blogspot.com/2012/10/tai-va-thiet-lap-goi-giao-dien-moi-cho-blogger.html" target="_blank">Tải & thiết lập gói giao diện mới cho Blog
</a><hr />

<img src="https://lh4.googleusercontent.com/-SrqfwEWX-VI/UGE44et9F1I/AAAAAAAACxs/uUy1ydwSbdw/s144/My%2520Favorites%2520Folder.png" class="favicon" /> <a href="http://nl-bloggervn.blogspot.com/p/xem-anh_27.html" target="_blank">Xem & tải hình ảnh đẹp chọn lọc
</a><hr />

<img src="https://lh4.googleusercontent.com/-qX_agvwkxRo/UGE2nPdKLWI/AAAAAAAACSc/akMqPx9lSQU/s144/nL-Mus%2520%252815%2529.png" class="favicon" /> <a href="http://nl-bloggervn.blogspot.com/p/flash-suu-tam.html" target="_blank">Bộ sưu tập & chọn lọc Flash đẹp nhất
</a><hr />

</marquee></div>

Bộ sưu tập khung bìa trong soạn thảo văn bản - Chia sẻ kinh nghiệm và thủ thuật tin học văn phòng

Xem với kích thước lớn hơn và tải về

Tạo hiệu ứng động trên nền ảnh tĩnh nhúng Blog - Thủ thuật & Kinh nghiệm hay Sưu tầm & Chia sẻ cho Blog (Blogger) - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

PHẦN I:
Dùng CHUỘT TRÁI để vẻ.
   - Kích chuột vào OPEN để đưa ảnh lên.
   - Kích chuột vào CLEAR để làm lại.
   - Kích chuột vào DONE để hoàn thành

PHẦN II:
Dùng CHUỘT TRÁI để vẻ.
   - Kích chuột vào OPEN để đưa ảnh lên.
   - Kích chuột vào RESET để làm lại.
   - Kích chuột vào CODE để hoàn thành 

PHẦN III:

Đánh chữ vào các khung hình tương ứng.

   - Kích chuột vào PREVIEW để xem.

   - Kích chuột vào GET CODE để hoàn thành

RSS - Nhúng bài đăng từ các trang mạng vào Blog - Thủ thuật & Kinh nghiệm hay Sưu tầm & Chia sẻ cho Blog (Blogger)

Bước 1: Đăng nhập vào Blog -> Bố cục -> Thêm tiện ích -> Nguồn cấp

Bước 2: Dán đường dẫn RSS vào khung "URL nguồn cấp."

Bước 3: Tiếp tục -> Lưu

Xong.

____________________________________________________________

Dưới đây là một vài URL RSS:

- RSS của nL-BloggerVN: http://nl-bloggervn.blogspot.com/rss.xml

- RSS của VNExpress: http://vnexpress.net/gl/rss/

- RSS của Dân Trí: http://dantri.com.vn/rss/

- RSS của Việt Nam NET: http://vietnamnet.vn/vn/rss/index.html

- RSS của Tuổi Trẻ: http://tuoitre.vn/Rss/Index.html

- RSS của Thanh Niên: http://www.thanhnien.com.vn/pages/rss.aspx

Ảnh đẹp chọn lọc kích thước 1024x768 - Xem và tải hình ảnh đẹp chọn lọc

Ảnh đẹp THIÊN NHIÊN kích thước lớn - Xem và tải hình ảnh đẹp chọn lọc

Ảnh đẹp BOY xinh sưu tầm mọi kích thước - Xem và tải hình ảnh đẹp chọn lọc

Ảnh đẹp sưu tầm Elly Sexy - Xem và tải hình ảnh đẹp chọn lọc

Lưu ý!

Trang này có chứa hình ảnh 18+
Blog không mang nội dung đồi trụy

Ảnh đẹp GIRL xinh kích thước 1000x800 - Xem và tải hình ảnh đẹp chọn lọc

Ảnh đẹp GIRL xinh sưu tầm mọi kích thước - Xem và tải hình ảnh đẹp chọn lọc

Ảnh đẹp GIRL xinh Trung Quốc - Xem và tải hình ảnh đẹp chọn lọc

Ảnh đẹp HOA HỒNG - Ảnh đẹp tình yêu - Xem và tải hình ảnh đẹp chọn lọc

Ảnh đẹp BOY xinh kích thước 240x320 - Xem và tải hình ảnh đẹp chọn lọc

Ảnh đẹp GIRL xinh kích thước 240x320 - Xem và tải hình ảnh đẹp chọn lọc

Hình ảnh đẹp kích thước 240x320 mọi thể loại - Xem và tải hình ảnh đẹp chọn lọc

ẢNH ĐỘNG kích thước 240x320 - Xem và tải hình ảnh đẹp chọn lọc

Nhúng KẾT QUẢ XỔ SỐ vào Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

Hướng dẫn: lấy mã từ trang MinhNgoc.Net và điều chỉnh các thông số cho phù hợp - Không cần phải đăng kí

Tạo hiệu ứng TẮT ĐIỆN cho Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

<script type="text/javascript" src="http://nl-bloggervn-data.googlecode.com/files/jquery.min.js"></script>
<script type="text/javascript">
(function(){
   var im2 = new Image();
   im2.src = 'https://lh4.googleusercontent.com/-27STHLpx62Y/UHkriE4W7bI/AAAAAAAAD8s/BdCPnQNz2T4/s800/nL-Mus%25202.jpg';
   jQuery(function($){
      var w = $(window), dimmer = $('<div style="position:fixed;z-index:-1;top:0;left:0;display:none;background-color:#000;"><\/div'),
      im1 = $('#onoff').toggle(lightsOut, lightsOn).css({zIndex: 11, position: 'relative', cursor: 'pointer'}).attr('src');
      function dresize(){dimmer.css({height: w.height(), width: w.width()});}
      function lightsOut(){this.title = this.alt = 'Lights On'; this.src = im2.src; dimmer.stop().css({zIndex: 10}).animate({opacity: 0.85, duration: 'slow'});}
      function lightsOn(){this.title = this.alt = 'Lights Off'; this.src = im1; dimmer.stop().css({zIndex: -1}).animate({opacity: 0, duration: 'slow'});}
      dresize();
      $('body').append(dimmer.css({opacity: 0, display: 'block'}));
      w.resize(dresize);
   });
})();
</script>
<img id="onoff" src="https://lh3.googleusercontent.com/-IXW6ox_76DQ/UHkriPbRziI/AAAAAAAAD8w/mE3OYNJ7zBs/s800/nL-Mus.jpeg" width="alt=" lights off" title="lights off" /><br />

Tải và thiết lập gói giao diện mới cho Blogger - Thủ thuật & Kinh nghiệm hay Sưu tầm & Chia sẻ cho Blog (Blogger)

Bước 1: Đầu tiên bạn tìm kiếm và tải cho mình một gói giao diện Blog miễn phí từ Internet, bạn có thể tải từ trang http://www.deluxetemplates.net/ hoạt tham khảo một vài trang Web cung cấp giao diện Blog miễm phí khác được sưu tầm và liệt kê tại http://nl-bloggervn.blogspot.com/ (ở cuối trang)

Giao diện chính trang http://www.deluxetemplates.net/ như sau:

Bước 2: Tùy theo nhu cầu mà bạn chọn cho mình một gói giao diện Blog phù hợp, các gói giao diện tại đây được cung cấp theo danh muc từng chủ đề rất rõ ràng.

Ở đây mình chọn chủ đề Du Lịch (Travel), giao diện hiện ra như sau:

Bước 3: Bạn có thể kích chuột vào Demo để xem trước hoạt tải về luôn ở mục Download
Mình chọn xem trước cho gói giao diện mà mình thích (hình bên dưới):

Bước 3: Bạn nhấn Download (Phía trên cùng)

Chọn Download Now - 570

Chờ quá trình tải về thành công và giải nén ta được một thư muc với nhiều tập tin (Cái này còn tùy thuột vào từng gói giao diện mà bạn chọn). Gói giao diện mình chọn có 3 tập tin như sau:

Bạn chú ý tập tin XML Document có đuôi *.xml - đây là tập tin quan trọng nhất, trong ví dụ trên nó có tên là TravelDream
Bạn dùng NotePad để mở nó:

Ta được một đoạn mã - giữ CTRL + A (chọn tất cả) - chọn Copy (sao chép)

Bước 4: Bây giờ đến giai đoạn THIẾT LẬP gói giao diên mới cho Blogger Google, bạn cần có một tài khoản Google và đăng nhập tại http://www.blogger.com/ (nếu chưa có thì đăng kí - hoàn toàn miễn phí)
Giao diện khi mới đăng nhâp vào sẻ như sau:

Chọn Mẫu - Chỉnh sửa HTML

Chọn Tiếp tục

Giao diện tiếp theo hiện ra:

Bạn thay thế TẤT CẢ đoạn mã trên bằng đoạn mã mà bạn đã có trong tập tin *.xml - Giữ CTRL + A (chọn tất cả) - tiếp giữ CTRL + V (dán) - Nhấn Lưu mẫu - Sau đó đóng lại
OK - Bây giờ về cơ bản bạn đã có một trang Blog với gia diện hoàn toàn mới

Bước cuối cùng các bạn vào phần Bố cục

Tìm đến (các) tiện ích có tên trùng với tên tập tin *.txt trong thư mục tải về lúc đầu

Ở đây mình có tiện ích Featured Pots

và tập tin Featured Pots.txt

Các bạn sao chép đoạn mã có trong tập tin *.txt này và dán vào tiện ích tương ứng sau đó lưu lại.
Vậy là XONG.

Hiệu ứng PHÓNG TO ảnh khi Click chuột - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

Hướng dẫn: Thay liên kết ảnh màu đỏ & giá trị chiều cao/rộng màu xanh dương

<script type="text/javascript" src="http://nl-bloggervn-data.googlecode.com/files/jquery.min.js"></script>
<script type="text/javascript" src="http://nl-bloggervn-data.googlecode.com/files/jquery.magnifier.js"></script>

<img border="0" src="https://lh6.googleusercontent.com/-3mrPEhG-MmE/UGEvIuaSozI/AAAAAAAAAEM/wabE9syPWnQ/I/nL-Mus%252520%252528125%252529.jpg" width="150" height="108" class="magnify" />

Tạo HÌNH NỀN cho bài đăng trong Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

Nội dung bài đăng...

Hướng dẫn: Thay liên kết ảnh màu đỏ, giá trị chiều cao/rộng màu xanh dương, và nội dung bài đăng màu hồng

<table border="2" width="550" height="413" cellspacing="0" cellpadding="0" style="border:0.5px solid #ff0000"><tr><td style="padding: 15px" background="https://lh5.googleusercontent.com/-6x59gY8hhVk/UGa4g9VfdOI/AAAAAAAADfc/y3KGb-ALTtw/s550/nL-Mus%2520%252823%2529.jpg">

Nội dung bài đăng...

</td></tr></table>

Tạo nút CHỌN TẤT CẢ cho đoạn văn bản chỉ định - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

Đoạn văn bản chỉ định được chọn...

Hướng dẫn: Thay các ĐOẠN VĂN BẢN được tô đỏ tương ứng bên dưới.

<form name="MyTextBoxForm">

<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Chọn tất cả"/>
<textarea cols="59" name="MyTextBox" rows="18" wrap="on" style="background:#eee; color:#464646; border:1px #A0C4EA dashed;">

Đoạn văn bản chỉ định được chọn...

</textarea></form>

Nhúng FLASH vào Blog - Chèn FLASH vào bài viết - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

Hướng dẫn: Thay liên kết Flash màu đỏ & giá trị chiều cao/rộng màu xanh dương.

<div style="text-align:center;">
<embed wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.fileden.com/files/2012/8/20/3338682/SWF1/2.swf" width="240" height="320"

type="application/x-shockwave-flash" scale="" play="true" loop="true"

menu="true"></embed></div>

Tạo thanh HÌNH ẢNH CHẠY trên Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

Hướng dẫn: Thay liên kết ảnh màu đỏ, giá trị chiều cao/rộng màu xanh dương, và thuột tính chạy ngang/dọc màu hồng

<marquee height="144" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="Right">
<img scr="https://lh6.googleusercontent.com/-keSeemR4P6s/UGExtMRogaI/AAAAAAAAAlM/oHsnt6HlMVc/s144/nL-Mus%2520%252810%2529.jpg" />
<img src="https://lh5.googleusercontent.com/-uentUwRUJYE/UGExtypgZZI/AAAAAAAAAlc/CDw0hb0PQlQ/s144/nL-Mus%2520%2528102%2529.jpg" />
<img src="https://lh3.googleusercontent.com/-YkxiAFEsBfM/UGExzLbZ76I/AAAAAAAAAnQ/4smI6d_anTo/s144/nL-Mus%2520%2528116%2529.jpg" />
<img src="https://lh3.googleusercontent.com/-KEit4K8qhRs/UGExz_VCmsI/AAAAAAAAAnc/O64BHxJbLvw/s144/nL-Mus%2520%2528118%2529.jpg" />
</marquee>

Nhúng DANH SÁCH NHẠC vào Blog giao diện tùy biến - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

Hướng dẫn: Thay liên kết ảnh màu đỏ, giá trị chiều cao/rộng màu xanh dương, và liên kết danh sách nhạc màu cam

<center><table align="center"><tbody><tr>
<td background="https://lh3.googleusercontent.com/-zuIJZMEgY8U/UGEy9cS8SZI/AAAAAAAABBA/NZkWLMgJSyM/s800/nL-Mus%2520%252817%2529.jpg">
<embed allowscriptaccess="never" id="yui-gen68" type="application/x-shockwave-flash"
src="http://www.fileden.com/files/2012/8/20/3338682/Giao-Dien-Thanh-Cong-Cu-Nghe-Nhac.swf" wmode="transparent"
flashvars="file=http://nct.y1n9.com/360PLUS/?id=http://www.nhaccuatui.com/nghe?L=DM6tyMSn5lvE&config=http://nct.y1n9.com/Config/?config=ok%26backcolor=0x000000%26frontcolor=0xffffff%26lightcolor=0x96339F%26autostart=false%26shuffle=false%26repeat=true%26jpgfile=http://www.fileden.com/files/2012/8/20/3338682/Hieu-Ung-Dep-Cho-Danh-Sach-Nghe-Nhac.swf" height="320" width="240"></embed></td></tr></tbody></table></center><br /><br />

Tao Blog nghe nhạc không cần cập nhật dữ liệu - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='nghe nhạc, nghe nhạc online, nghe nhạc mp3, nghe nhạc trực tuyến, nghe nhạc miễn phí, nghe nhạc nhanh nhất việt nam, nghe nhạc vàng, nghe nhạc nhanh, nghe nhạc hot, nghe nhạc xuân, nghe nhạc khong loi, nghe nhạc cẩm ly, nghe nhạc giáng sinh, nghe nhạc hải ngoại, nghe nhạc hòa tấu, nghe nhạc hay, nghe nhạc hòa tấu bất hủ, nghe nhạc playlist, nghe nhạc album, nghe nhạc thiếu nhi, trữ tình, nhạc trẻ, nghe nhạc tết, nhạc chất lượng cao, nhạc sinh nhật, nghe nhạc sến, nghe nhạc dân ca, nhạc dân tộc, nghe nhạc giao hưởng, nghe nhạc không lời, nghe nhạc liên khúc, nghe nhạc làn sóng xanh, nghe nhạc cải lương, nghe nhạc chế, nghe nhạc cổ điển, nghe nhạc cách mạng miễn phí, nghe nhạc việt nam, nghe nhạc vàng, nghe nhạc vọng cổ, nghe nhạc buồn, nghe nhạc bất hủ, nghe nhạc nhẹ, nghe nhạc pro' name='description'/>
<meta content='nghe nhac, nghe nhac online, nghe nhac mp3, nghe nhac truc tuyen, nghe nhac mien phi, nghe nhac nhanh nhat viet nam, nghe nhac vang, nghe nhac nhanh, nghe nhac hot, nghe nhac xuan, nghe nhac khong loi, nghe nhac cam ly, nghe nhac giang sinh, nghe nhac hai ngoai, nghe nhac hoa tau, nghe nhac hay, nghe nhac hoa tau bat hu, nghe nhac playlist, nghe nhac album, nghe nhac thieu nhi, tru tinh, nhac tre, nghe nhac tet, nhac chat luong cao, nhac sinh nhat, nghe nhac sen, nghe nhac dan ca, nhac dan toc, nghe nhac giao huong, nghe nhac khong loi, nghe nhac lien khuc, nghe nhac lan song xanh, nghe nhac cai luong, nghe nhac che, nghe nhac co dien, nghe nhac cach mang mien phi, nghe nhac viet nam, nghe nhac vang, nghe nhac vong co, nghe nhac buon, nghe nhac bat hu, nghe nhac nhe, nghe nhac pro' name='keywords'/>
<title>Music</title>
<style type='text/css'><!--
html{overflow:auto}body,form,input,table,tr,td,ul,li,p,span,fieldset,legend,#body{margin:0;padding:0;line-height:12px;text-decoration:none}
body{border:0;overflow:auto;overflow-x:hidden;background-color:#fdfeff}
a{text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}
a,p,ul#lis ul li,#gaia fieldset form,ul#bars li,ul#tool li,ul.page li,ul#menu li{display:inline-block;zoom:1;*display:inline}
legend,#msic span{min-width:111px;font:12px/12px Verdana;letter-spacing:1px;color:#078939;text-transform:capitalize;background:#fdfeff}
input::-moz-focus-inner{border:0;padding:0}

#msic{text-align:right}
#msic span{top:3px;margin-right:22px;position:relative}
#msic input{margin-right:7px;height:15px;font:9px/15px Verdana;color:#078939;word-spacing:-1px;border:0;text-decoration:none;background:transparent;cursor:pointer}
#msic input:hover{color:#ff4a4a;text-decoration:underline}

ul#lis{width:312px;margin:-3px 0 2px;padding-top:9px;border-top:1px solid #cfd9f7;list-style:none}
ul#lis ul{width:100%;display:inline-block}
ul#lis ul li{height:20px;font:11px/19px Tahoma;vertical-align:bottom}
ul#lis ul li a.ten{margin-right:6px;font-weight:bold;color:#1717f7}
ul#lis ul li a.csi{margin-right:3px;color:#2e2e27;text-transform:capitalize}
ul#lis ul li a.rat{width:18px;line-height:11px;text-align:center;color:#ff4a4a;background:url(http://3.bp.blogspot.com/-ydqqMPag0JQ/TbcJYGpxspI/AAAAAAAAAKs/D2HXMBhb9Uk/s400/star.png) center -1px no-repeat}
ul#lis ul li a.cik{width:32px;color:#0000cc}
ul#lis ul li a:hover{text-decoration:underline}
ul#lis ul li p{margin:0 2px 0 1px;width:20px;height:20px;background:url(http://4.bp.blogspot.com/-iUUf_bKQeTM/TbcH6m4oZEI/AAAAAAAAAJ8/TE7Cp3KVwgk/s400/checkbox.gif) no-repeat}
ul#lis ul li p.show{opacity:0.39;filter:alpha(opacity=39);background-position:0px -1px}
ul#lis ul li p.over{background-position:0px -26px}
ul#lis ul li p.down{opacity:0.79;filter:alpha(opacity=79);background-position:0px -51px}
ul#lis ul li p.odow{background-position:0px -76px}

#sidebar{margin-top:7px;padding-right:7px;font:11px/11px Tahoma;color:#7f7f7f;text-align:right}
ul#bar{width:312px;overflow:hidden}
ul#bar #code{float:left;margin:3px 0 0 150px;font:12px/12px Tahoma;color:#7f7f7f;letter-spacing:1px}
ul#bar li{margin-bottom:1px;list-style:none;text-decoration:none;text-transform:capitalize}
ul#bar li a{font:bold 11px/19px Tahoma;color:#1717f7}
ul#bar li ul li{margin-top:2px;width:100%;height:19px;vertical-align:bottom}
ul#bar li ul li a{font:normal 12px/19px Tahoma}

#gaia{width:667px}
#gaia #search{margin-top:1px;padding-left:16px;width:177px;height:17px;font:14px/17px "Courier New";word-spacing:-2px;color:#2e2e27;border:1px solid #cfd9f7;border-spacing:0px;space:0px;background:url(http://2.bp.blogspot.com/-yjuGl2mdjRk/TsIi5NGJoyI/AAAAAAAAASU/vswEM35woTA/s320/icon-search.gif) no-repeat 2px 3px}
#gaia fieldset{margin-top:12px;border:1px solid #cfd9f7}
#gaia fieldset a{color:#1717f7;text-decoration:none}
#gaia fieldset legend{margin-left:12px}

ul#bars{display:inline;list-style:none}
ul#bars li p.ico{margin:-10px 0 0 2px;position:absolute;width:12px;height:12px;background:url(http://mail.google.com/mail/e/322) no-repeat center bottom}
ul#bars li ul{display:none}
ul#bars li:hover ul{display:block;position:absolute;text-align:left;cursor:default;z-index:1}
ul#bars li:hover ul.c{margin-left:-188px;padding:3px 0 145px;width:645px;opacity:0.93;filter:alpha(opacity=93)}
ul#bars li:hover ul.c li{padding:3px 9px 7px 9px;width:625px;border:1px solid #cfd9f7;border-top:0;border-radius:1px 1px 1px 1px;font:12px arial;background:#fdfeff;text-align:justify}
ul#bars li:hover ul.c li a{margin-right:1px;padding:0;color:#2E2E27;font:normal 11px/17px Tahoma;display:inline}
#obj select{background:-moz-linear-gradient(center top,#fdfeff,#f7f7f7);background:linear-gradient(top,#fdfeff,#f7f7f7);border:0;padding-top:1px;font:12px arial;width:87px;height:18px;line-height:15px;overflow:hidden;opacity:0.93;filter:alpha(opacity=93)}
#obj select:hover{background:-moz-linear-gradient(center top,#fff,#c9ffc9);background:linear-gradient(top,#fff,#c9ffc9)}
#obj p{width:68px;overflow:hidden;border:1px solid #ccc;border-left:0;border-radius:2px 2px 2px 2px}
#obj p.s0{border-left:1px solid #ccc}
#obj p:hover{border:1px solid #44C847}
#obj select option{color:#2e2e27;padding-top:2px;padding-bottom:2px;background:transparent;opacity:0.93;filter:alpha(opacity=93)}
#tif{margin-left:17px}
#tif a{margin-left:3px;padding:1px 4px 2px 4px;font:10px/12px Tahoma;color:#2E2E27;
background:-moz-linear-gradient(center top,#ffffff,#effcfc);
background:-ms-linear-gradient(top,#ffffff,#effcfc);
background:-webkit-gradient(linear,center top,center bottom,from(#ffffff),to(#effcfc));
background:-webkit-linear-gradient(top,#ffffff,#effcfc);
background:-o-linear-gradient(top,#ffffff,#effcfc);
filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=57)";
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=57)";
background:linear-gradient(top,#ffffff,#effcfc);opacity:0.57;
border:1px solid #CFD9F7;border-radius:1px 5px 1px 5px}
#tif a:hover{color:#ff4a4a;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=100)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=100)";opacity:1;text-decoration:none}
#tif a.on{color:#078939;filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=100)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#effcfc').alpha(Opacity=100)";opacity:1}

#header{padding:6px 13px 0}
#main,#header{font:13px/19px Arial,Tahoma,Helvetica,sans-serif;color:#2e2e27}
#main fieldset{padding:0 13px 3px;line-height:19px}
#main fieldset legend{margin-left:9px}
#main img{margin:3px;max-width:640px;border:0}
#main br{line-height:22px}
#main a:hover{text-decoration:underline}
#main a.title{margin:9px 22px 5px 0;font:bold 13px/13px Arial,Tahoma}
#main p.post,#main p.comment{font:13px/19px Arial,Tahoma;display:block;text-align:justify}
#main p.post:first-letter,#main p.comment:first-letter{text-transform:capitalize}
#main p.label{margin:9px 0 3px;display:block}
#main table.author a{margin:0 12px 3px 7px}
#main a.profile{margin:12px 0 6px;text-transform:capitalize}
#main a.popup{margin:7px 0 3px}

form#tab{margin-left:9px;display:inline}
form#tab p{margin-right:22px;font:normal 11px/13px Tahoma;color:#2e2e27}
form#tab input{margin-left:-19px;width:13px;height:13px;position:absolute}
form#tab a{width:12px;height:12px;background:url(http://2.bp.blogspot.com/-x8gT1yI4e5g/TbghnzYUAvI/AAAAAAAAAK8/gxHMe4fTX9g/s400/add.gif) left 2px no-repeat}

ul#tabs{margin:3px 1px 7px 5px;max-height:157px;overflow:auto;list-style:decimal outside;vertical-align:bottom}
ul#tabs li{margin:2px 0 2px 27px;font:11px/15px Tahoma;color:#2e2e27;word-spacing:-1px}
ul#tabs li a.x{font-family:Serif;color:#ff0000}
ul#tabs li a.t{margin-left:17px;min-width:345px;color:#1717f7;letter-spacing:1px}
ul#tabs li a.c{font-size:10px;color:#2e2e27;letter-spacing:1px;text-transform:capitalize}

ul.page{list-style:none;text-align:right}
ul.page li{margin-right:1px;font:11px/12px Tahoma;border-top:1px solid #cfd9f7;border-right:1px solid #cfd9f7}
ul.page li a{padding:0 2px 0 3px;font:11px/13px Tahoma;display:block;color:#1717f7}
ul.page li a.on{color:#078939 !important}
ul.page p{margin-right:7px;display:inline-block;*display:inline}
ul.page p a{margin-bottom:-1px;width:15px;height:12px;opacity:0.36;filter:alpha(opacity=36)}
ul.page p a:hover{opacity:0.79;filter:alpha(opacity=79)}
ul.page p a.pre{background:url(http://3.bp.blogspot.com/-DFAs4aN5cmk/Tt9fbqenIdI/AAAAAAAAASw/6W6YQZ8QpPw/s72/previous.gif) no-repeat left bottom}
ul.page p a.nex{background:url(http://2.bp.blogspot.com/-SjcsIBoRA2I/Tt9fYoYaH4I/AAAAAAAAASk/qnFiXWkSEls/s72/next.gif) no-repeat right bottom}

ul#menu{list-style:none;text-align:right}
ul#menu li{margin-right:1px;border-top:1px solid #cfd9f7;border-left:1px solid #cfd9f7}
ul#menu li a{padding:0 5px 0 5px;font:bold 10px/14px Verdana;display:block;color:#1717f7}
ul#menu li a:hover,ul.page li a:hover,ul#tabs li:hover,ul#bum li:hover,#vdeo table tr td:hover{background:#effcfc}
ul#menu li ul{display:none}
ul#menu li:hover ul{display:block;position:absolute;text-align:left;cursor:default;z-index:1}
ul#menu li:hover ul.b{margin-left:-193px;padding-top:1px;width:655px}
ul#menu li:hover ul.b li{float:left;margin-left:-1px;width:108px;height:15px;border:1px solid #cfd9f7;border-top:0;border-left:0;border-radius:1px 1px 1px 1px;background:#fdfeff}
ul#menu li:hover ul.b li.b{border-left:1px solid #cfd9f7}
ul#menu li:hover ul.b li a{line-height:14px}
ul#tabs li a:hover,ul#bum li a:hover{text-decoration:underline;background:transparent}

ul#bum{margin-bottom:7px;padding-left:10px;list-style:none}
ul#bum li{width:313px;height:24px;border-bottom:1px dashed #c7d7f7;vertical-align:bottom}
ul#bum li p{font:11px/24px Tahoma}
ul#bum li p.a{float:right;text-align:right}
ul#bum li a.rat{width:18px;line-height:11px;text-align:center;color:#ff4a4a;background:url(http://3.bp.blogspot.com/-ydqqMPag0JQ/TbcJYGpxspI/AAAAAAAAAKs/D2HXMBhb9Uk/s400/star.png) center -1px no-repeat}
ul#bum li a.clik{width:29px;color:#0000cc}
ul#bum li a.ten{font-weight:bold;color:#1717f7}
ul#bum li a.csi{margin-left:7px;color:#2e2e27;text-transform:capitalize}
table#cgi td.ogi{vertical-align:top;padding-left:2px}

#nhac div{padding:7px;text-align:center}
#nhac p{font:12px "Courier New",Courier,Monospace;word-spacing:-2px;color:#2e2e27}
#nhac a.t{margin:0 12px 0 5px;font:bold 11px Tahoma;color:#1717f7;text-decoration:underline}
#nhac a.g{margin:0 9px 0 2px;font:11px Tahoma;color:#2e2e27;text-transform:capitalize;text-decoration:underline}
#nhac table{width:100%;font:11px Tahoma}
#nhac table input{height:20px;font:11px Tahoma}
#nhac table ul{list-style:none}
#nhac table ul li{font-size:10px}

#video table{padding:3px 9px 0px 9px;width:100%}
#video table input{height:20px;font:11px Tahoma}
#video table a{font:11px Tahoma;text-transform:capitalize}
#video table p{font:12px "Courier New",Courier,Monospace;word-spacing:-2px;color:#2e2e27;text-transform:capitalize}
#total table,#album table{padding:5px 9px 0px 9px;width:100%}
#total table input,#album table input{height:20px;font:11px Tahoma}
#total table a,#album table a{font:11px Tahoma;text-transform:capitalize}
#total table p,#album table p{font:12px "Courier New",Courier,Monospace;word-spacing:-2px;color:#2e2e27;text-transform:capitalize}

#vdeo{padding:0px 2px 0px 2px;*width:100%}
#vdeo table{padding-top:3px;width:100%;*border-collapse:expression(cellSpacing="9px");border-spacing:9px 7px}
#vdeo table tr td{width:120px;height:97px;text-align:center;vertical-align:top;cursor:pointer}
#vdeo table tr td div{margin-bottom:2px;width:100%;height:67px;background:transparent 0px -12px no-repeat;text-align:left}
#vdeo table tr td div a{margin-left:111px;margin-top:-6px;width:17px;height:12px;text-align:center;color:#ff4a4a;background:url(http://3.bp.blogspot.com/-ydqqMPag0JQ/TbcJYGpxspI/AAAAAAAAAKs/D2HXMBhb9Uk/s400/star.png) center bottom no-repeat;position:absolute}
#vdeo table tr td div p{margin-top:57px;padding-right:1px;font:10px/10px Tahoma;color:#2e2e27;letter-spacing:1px;position:absolute;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px;opacity:0.7;filter:alpha(opacity=70);background:#fdfeff}
#vdeo table tr td a{float:left;width:120px;font:10px/12px Tahoma;color:#1717f7;word-wrap:break-word;text-transform:capitalize}

#rate{color:#078939;text-align:center}
#rate a{margin-left:2px;width:12px;height:12px;background:url(http://1.bp.blogspot.com/-wSLkHq9Acak/TbcH7mbJ9NI/AAAAAAAAAKU/uKcMVh7fC0I/s400/off.gif) left top no-repeat}
#rate a.a{background-image:url(http://3.bp.blogspot.com/-ohAG_f_8w1w/TbcJXj5LOnI/AAAAAAAAAKc/CoXozCLufH8/s400/on.gif)}
#rate a.b{background-image:url(http://3.bp.blogspot.com/-l0K5p82DXmY/TbcH7RYcK9I/AAAAAAAAAKM/DptwvO1UFRs/s400/haff.gif)}
#rate a.c{background-image:url(http://3.bp.blogspot.com/-XKKvww1-CV8/TbcJXyXiUNI/AAAAAAAAAKk/Ye8imSUDLhQ/s400/over.gif)}

a#fav,a#error{padding-left:17px;color:#1717f7;line-height:12px;background:left no-repeat}
a#fav:hover,a#error:hover{text-decoration:underline}
a#fav{background-image:url(http://2.bp.blogspot.com/-_zekknwSFzE/TbcH7edf2lI/AAAAAAAAAKE/nhrS0japYyw/s400/good.gif)}
a#error{background-image:url(http://1.bp.blogspot.com/-nuH11mZYlgc/TbcH6U76n1I/AAAAAAAAAJ0/Tal5Y91GEEc/s400/bad.gif)}

#dload p{width:12px;height:12px;background:url(http://2.bp.blogspot.com/-FnbZO4QblbE/Tb7lly9S2TI/AAAAAAAAALE/h4S9noXCSpk/s400/down.gif) center top no-repeat;cursor:pointer}
table.add{padding:5px;width:100%;font:11px Tahoma;font-weight:bold;color:#2e2e27}
table.add td{vertical-align:middle}
table.add td input#ten,table.add td input#code{margin:0;padding-left:1px;height:19px;font:12px/19px Verdana;border:1px solid #cfd9f7}
table.add td input#button{width:39px;height:20px;font:11px Tahoma}

#view{padding:3px 7px 0 7px;font:12px Verdana}
#view p.b{font:bold 11px/20px Tahoma;color:#2e2e27}
#view p.b a.t{margin-left:9px;font:bold 11px Tahoma;color:#1717f7}
#view p.b a.t:first-letter{text-transform:capitalize}
#view p.b a.c{margin-left:7px;font:normal 11px Tahoma;color:#2e2e27;text-transform:capitalize}
#view p.b a.d{margin-left:27px;font:normal 11px Verdana;color:#1717f7}
#view p.b a:hover{text-decoration:underline}

--></style>
<body>
<table border='0' cellpadding='0' cellspacing='0'><tr valign='top'>
<td><form id='msic' lang='hôm nay,nghe gần nhất,đánh giá cao,mới nhất,tải nhiều,tìm kiếm nhiều,nghe nhiều,ưa thích,nghe hôm nay,nghe tuần này,nghe tháng này,nghe năm này'>
<span id='musics' lang='nhạc'></span><ul id='lis'></ul>
<input onclick='M.all(this.form,0)' title='Đánh dấu toàn bộ' type='button' value='Chọn Hết'/>
<input onclick='M.all(this.form,2)' title='Bỏ đánh dấu' type='button' value='Bỏ'/>
<input onclick='M.all(this.form,1)' title='Bỏ thành chọn, chọn thành bỏ' type='button' value='Đảo'/>
<input onclick='M.ato()' title='Nghe tự động những bài đã chọn' type='button' value='Nghe Tab'/>
<input onclick='M.xoa(1)' title='Xóa tab đang hiển thị' type='button' value='Xóa Tab'/>
<input onclick='M.xoa(2)' title='Xóa hết các tab' type='button' value='Xóa Hết'/>
</form>
<!-- (cột 1) -->
</td>
<td><div id='gaia'>
<input height='17px' id='search' maxlength='255' onclick='this.select()' onkeyup='M.sea(this.value)' onmouseover='this.focus()' placeholder='Tìm tên ca sĩ, bài hát' type='text'/>
<ul id='bars'>
<li><p class='ico'></p>
<ul class='c'><li style='margin-top:1px;border-top:1px solid #cfd9f7'>
<a onclick='Ae(this)'>Phương Thanh</a>,
<a onclick='Ae(this)'>Bằng Cường</a>,

<a onclick='Ae(this)'>Nguyễn Phi Hùng</a>,
<a onclick='Ae(this)'>Phạm Khánh Hưng</a>,
<a onclick='Ae(this)'>Lâm Chấn Hải</a>,
<a onclick='Ae(this)'>Châu Gia Kiệt</a>,
<a onclick='Ae(this)'>Hoàng Châu</a>,
<a onclick='Ae(this)'>Sỹ Đan</a>,
<a onclick='Ae(this)'>Hồ Thu Phương</a>,
<a onclick='Ae(this)'>Hồ Ngọc Hà</a>,
<a onclick='Ae(this)'>Hồ Quỳnh Hương</a>,

<a onclick='Ae(this)'>Tuấn hưng</a>,
<a onclick='Ae(this)'>Ngô Kiến Huy</a>,
<a onclick='Ae(this)'>Lê Hiếu</a>,
<a onclick='Ae(this)'>Đức Tuấn</a>,
<a onclick='Ae(this)'>Cao Thái Sơn</a>,
<a onclick='Ae(this)'>Phan Đinh Tùng</a>,
<a onclick='Ae(this)'>Hiền Thục</a>,
<a onclick='Ae(this)'>Uyên Trang</a>,
<a onclick='Ae(this)'>Thanh Thảo</a>,

<a onclick='Ae(this)'>Lam Trường</a>,
<a onclick='Ae(this)'>Đan Trường</a>,
<a onclick='Ae(this)'>Cẩm Ly</a>,
<a onclick='Ae(this)'>Mỹ Tâm</a>,
<a onclick='Ae(this)'>Quốc Đại</a>,
<a onclick='Ae(this)'>Minh Thư</a>,
<a onclick='Ae(this)'>Lý Hải</a>,
<a onclick='Ae(this)'>Khánh Phương</a>,
<a onclick='Ae(this)'>Tần Khánh</a>,

<a onclick='Ae(this)'>Thu Thủy</a>,
<a onclick='Ae(this)'>Dương 565</a>,
<a onclick='Ae(this)'>Ưng Hoàng Phúc</a>,
<a onclick='Ae(this)'>Vân Quang Long</a>,
<a onclick='Ae(this)'>Dương Thái Long</a>,
<a onclick='Ae(this)'>Nguyễn Thắng</a>,
<a onclick='Ae(this)'>Wanbi Tuấn Anh</a>,
<a onclick='Ae(this)'>Tống Gia Vỹ</a>,
<a onclick='Ae(this)'>Hoàng Nhật Minh</a>,

<a onclick='Ae(this)'>Khổng Tú Quỳnh</a>,
<a onclick='Ae(this)'>Vy Oanh</a>,
<a onclick='Ae(this)'>Vy Thúy Vân</a>,
<a onclick='Ae(this)'>Chu Bin</a>,
<a onclick='Ae(this)'>Minh Hằng</a>,
<a onclick='Ae(this)'>Minh Thuận</a>,
<a onclick='Ae(this)'>Minh Tuyết</a>,
<a onclick='Ae(this)'>Phương Nghi</a>,
<a onclick='Ae(this)'>Quỳnh Nga</a>,

<a onclick='Ae(this)'>Huyền Thoại</a>,
<a onclick='Ae(this)'>Bảo Thy</a>,
<a onclick='Ae(this)'>Tóc Tiên</a>,
<a onclick='Ae(this)'>Mắt Ngọc</a>,
<a onclick='Ae(this)'>Năm Dòng Kẻ</a>,
<a onclick='Ae(this)'>The Men</a>,
<a onclick='Ae(this)'>Yến Nhi</a>,
<a onclick='Ae(this)'>Uyên Trang</a>,
<a onclick='Ae(this)'>Trúc Linh</a>,

<a onclick='Ae(this)'>Phạm Quỳnh Anh</a>,
<a onclick='Ae(this)'>Phước Thịnh</a>,
<a onclick='Ae(this)'>Đàm Vĩnh Hưng</a>,
<a onclick='Ae(this)'>Lương Bích Hữu</a>,
<a onclick='Ae(this)'>Lương Gia Huy</a>,
<a onclick='Ae(this)'>Nhật Tinh Anh</a>,
<a onclick='Ae(this)'>Nhật Kim Anh</a>,
<a onclick='Ae(this)'>Minh Hằng</a>,
<a onclick='Ae(this)'>M4u</a>,

<a onclick='Ae(this)'>Thủy Tiên</a>,
<a onclick='Ae(this)'>Nam Cường</a>,
<a onclick='Ae(this)'>Thùy Chi</a>,
<a onclick='Ae(this)'>Akira Phan</a>,
<a onclick='Ae(this)'>Vĩnh Thuyên Kim</a>,
<a onclick='Ae(this)'>Hải Băng</a>
</li><li>
<a onclick='Ae(this)'>Chế Linh</a>,
<a onclick='Ae(this)'>Thu Phương</a>,

<a onclick='Ae(this)'>Quang Dũng</a>,
<a onclick='Ae(this)'>Phi Nhung</a>,
<a onclick='Ae(this)'>Lệ Thu</a>,
<a onclick='Ae(this)'>Lệ Quyên</a>,
<a onclick='Ae(this)'>Trần Thu Hà</a>,
<a onclick='Ae(this)'>Vĩnh Trinh</a>,
<a onclick='Ae(this)'>Lưu Bích</a>,
<a onclick='Ae(this)'>Quang Lý</a>,
<a onclick='Ae(this)'>Quang Lê</a>,

<a onclick='Ae(this)'>Vân Khánh</a>,
<a onclick='Ae(this)'>Elvis Phương</a>,
<a onclick='Ae(this)'>Quỳnh Lan</a>,
<a onclick='Ae(this)'>Dương Ngọc Thái</a>,
<a onclick='Ae(this)'>Ngọc Ánh</a>,
<a onclick='Ae(this)'>Ngọc Sơn</a>,
<a onclick='Ae(this)'>Hương Giang</a>,
<a onclick='Ae(this)'>Trọng Tấn</a>,
<a onclick='Ae(this)'>Sỹ Phú</a>,

<a onclick='Ae(this)'>Thu Minh</a>,
<a onclick='Ae(this)'>Hồng Nhung</a>,
<a onclick='Ae(this)'>Thùy Dương</a>,
<a onclick='Ae(this)'>Xuân Phú</a>,
<a onclick='Ae(this)'>Khánh Ly</a>,
<a onclick='Ae(this)'>Bảo Yến</a>,
<a onclick='Ae(this)'>Thanh Thúy</a>,
<a onclick='Ae(this)'>Mỹ Lệ</a>
</li>
<li><div id='obj'></div></li>
</ul></li>
<li><div id='tif'>
<a id='f' lang='F,R' onclick='M.buf(this)'>R</a>
<a id='a' onclick='M.tif(this)'>Tất Cả</a>
<a id='d' onclick='M.tif(this)'>Ngày</a>
<a id='w' onclick='M.tif(this)'>Tuần</a>
<a id='m' onclick='M.tif(this)'>Tháng</a>
<a id='y' onclick='M.tif(this)'>Năm</a>
<a id='n' onclick='M.tif(this)'>New Top</a>
</div></li>
</ul>
<fieldset><legend>Nghe Tab<form id='tab' lang='Cộng thêm danh sách mới.' name='tap'></form></legend>
<div id='nhac' lang='Đang nghe,Thể hiện,Sáng tác,chưa rõ,Tắt,Tiếp »,Good,Bad'></div>
<ul id='tabs'></ul><ul class='page' id='pms'></ul><ul id='menu'><li><a onclick='M.sow(1,0)'>Nghe Gần Đây</a><ul class='b'><li class='b'><a onclick='M.sow(-1,0)'>Nhạc Trẻ</a></li><li><a onclick='M.sow(-2,0)'>Nhạc Trữ Tình</a></li><li><a onclick='M.sow(-3,0)'>Nhạc Tiền Chiến</a></li><li><a onclick='M.sow(-4,0)'>Nhạc Cách Mạng</a></li><li><a onclick='M.sow(-5,0)'>Nhạc Hòa Tấu</a></li><li><a onclick='M.sow(-6,0)'>Nhạc Nước Ngoài</a></li><li class='b'><a onclick='M.sow(-7,0)'>Nhạc Vũ Trường</a></li><li><a onclick='M.sow(-8,0)'>Nhạc Dance</a></li><li><a onclick='M.sow(-9,0)'>Nhạc Hip Hop</a></li><li><a onclick='M.sow(-10,0)'>Nhạc Ráp</a></li><li><a onclick='M.sow(-11,0)'>Nhạc Pop</a></li><li><a onclick='M.sow(-12,0)'>Nhạc Hàn Quốc</a></li><li class='b'><a onclick='M.sow(-13,0)'>Nhạc Hoa</a></li><li><a onclick='M.sow(-14,0)'>Nhạc Quê</a></li><li><a onclick='M.sow(-15,0)'>Nhạc Huế</a></li><li><a onclick='M.sow(-16,0)'>Nhạc Trịnh</a></li><li><a onclick='M.sow(-17,0)'>Nhạc Chế</a></li><li><a onclick='M.sow(-18,0)'>Nhạc Hài</a></li><li class='b'><a onclick='M.sow(-19,0)'>Nhạc Phim</a></li><li><a onclick='M.sow(-20,0)'>Nhạc Xuân</a></li><li><a onclick='M.sow(-21,0)'>Nhạc Noel</a></li><li><a onclick='M.sow(-23,0)'>Nhạc Thiếu Nhi</a></li><li><a onclick='M.sow(-22,0)'>Nhạc Khác</a></li><li><a onclick='M.sow(-0.1,0)'>Nhạc Tổng Hợp</a></li></ul></li><li><a onclick='M.sow(2,0)'>Đánh Giá Cao</a></li><li><a onclick='M.sow(3,0)'>Mới Nhất</a></li><li><a onclick='M.sow(5,0)'>Tìm Kiếm Nhiều</a></li><li><a onclick='M.sow(6,0)'>Lượt Nghe</a></li><li><a onclick='M.sow(7,0)'>Ưa Thích</a></li></ul>
</fieldset>
<!-- thêm fieldset - legend (cột 2) -->
<fieldset><legend id='totals' lang='music'></legend><span id='total' lang='Tắt,Good,Bad'></span><div id='toal'></div><ul class='page' id='tms'></ul><ul id='menu'><li><a onclick='M.tol(1,0)'>Nghe Gần Đây</a></li><li><a onclick='M.tol(2,0)'>Đánh Giá Cao</a></li><li><a onclick='M.tol(3,0)'>Mới Nhất</a></li><li><a onclick='M.tol(5,0)'>Tìm Kiếm Nhiều</a></li><li><a onclick='M.tol(6,0)'>Lượt Nghe</a></li><li><a onclick='M.tol(7,0)'>Ưa Thích</a></li></ul></fieldset>
<fieldset><legend id='videos' lang='video'></legend><span id='video' lang='Tắt,Good,Bad'></span><div id='vdeo'></div><ul class='page' id='vms'></ul><ul id='menu'><li><a onclick='M.deo(1,0)'>Nghe Gần Đây</a></li><li><a onclick='M.deo(2,0)'>Đánh Giá Cao</a></li><li><a onclick='M.deo(3,0)'>Mới Nhất</a></li><li><a onclick='M.deo(5,0)'>Tìm Kiếm Nhiều</a></li><li><a onclick='M.deo(6,0)'>Lượt Nghe</a></li><li><a onclick='M.deo(7,0)'>Ưa Thích</a></li></ul></fieldset>
<fieldset><legend id='albums' lang='album'></legend><span id='album' lang='Tắt,Good,Bad'></span><div id='abum'></div><ul class='page' id='ams'></ul><ul id='menu'><li><a onclick='M.bum(1,0)'>Nghe Gần Đây</a></li><li><a onclick='M.bum(2,0)'>Đánh Giá Cao</a></li><li><a onclick='M.bum(3,0)'>Mới Nhất</a></li><li><a onclick='M.bum(5,0)'>Tìm Kiếm Nhiều</a></li><li><a onclick='M.bum(6,0)'>Lượt Nghe</a></li><li><a onclick='M.bum(7,0)'>Ưa Thích</a></li></ul></fieldset>
<fieldset><legend>Cộng Album & Video - <a href='http://www.youtube.com/watch_popup?v=fskcIKAfKeU&amp;vq=hd720' style='font-size:10px;letter-spacing:0px' target='_blank'>xem demo</a></legend><div id='view'></div>
<table class='add'><form name='add'><tr>
<td>Tên:</td><td><input id='ten' maxlength='75' name='ten' onkeyup='M.ten(this)' onmouseover='this.focus()' placeholder='Điền tên bài hát, album, video' style='width:279px' type='text' value=''/></td>
<td>Mã Nhúng:</td><td><input id='code' name='code' onclick='this.select()' onkeyup='M.ten(this)' onmouseover='this.focus()' placeholder='Dán mã embed, link youtube' style='width:227px' type='text' value=''/></td>
<td><input disabled='true' id='button' onclick='M.add(this)' type='button' value='Thêm'/></td></tr></form></table>
</fieldset>
</div></td>
<td><!-- (cột 3) --></td>
</tr><tr><td><div class='footer section' id='footer'></div><!-- (chân) --></td></tr></table>
<script id='codef' src='http://nhacf.googlecode.com/files/forever.js?solo=f&show=m'></script>
</body></html>