Quà tặng âm nhạc cho BlogSpot

Hehe, gần tết rồi.. thêm không khí cho cho Blog của bạn chút nhỉ. Hôm nay giới thiệu với các bạn một Plugin mới. Quà tặng âm nhạc, điều không tưởng phải không, chỉ có ở các 4rum. Nhờ có load feed comment của anh Dũng, mình mới dám nghĩ đến tạo ra cái gì đó mới lại từ tiện ịch này.

Xem DEMO | GỬI LỜI CHÚC

Lâu nay ẩn danh cũng vì đang làm đồ án, rảnh tay mới code được.

Mình cũng không rành lắm CSS, vậy nên mình chỉ viết js thôi. Các bạn code theo phong cách riêng của mình nhé, mới làm hiện bài hát đầu tiên. Có thêm thời gian mới tạo được thêm 2 cái nút tiến lùi, chắc cũng trước tết thôi. ^^! Chờ nhé.

Nhaccuatui.com

Mp3.zing.vn

Nhacso.net

Music.soha.vn

Nhac.vui.vn

Zippshare và *.mp3

Tha hồ chọn lựa skin ;))

Để sử dụng tiện ích, các bạn tạo một trang mới hoặc một bài mới. Tạo một widget HTML mới, dán code sau vào.

CSS

<style type="text/css">
#tomusic{border:1px dashed #444; padding: 5px; width: 680px;}
#avmusic img{padding: 1px; width: 120px;}
#avmusic a{position: relative; left:0px; bottom:-px;}
#anc_chuc{width:90%; height: 95px; float: right;}
.process{
    background: url("http://dl.dropbox.com/u/52283085/47/sr.gif") no-repeat scroll right top transparent;
    color: #EDE7C2;
    display: block;
    float: left;
    font-size: 13px;
    height: 33px;
    margin-left: -13px !important;
    margin-top: 80px;
    padding-right: 9px;
    position: absolute;
    text-shadow: 1px 1px 1px #131212;
    z-index: 100;
}
.process a{text-decoration:none; color: #888888;}
.process span {
    background: url("http://dl.dropbox.com/u/52283085/47/gc.png") no-repeat scroll 0 0 transparent !important;
    float: left;
    height: 33px;
    padding: 5px 0 0 8px;
}
</style>

JavaScript

<script type="text/javascript">
var cm_desc = 50; // Để 50 chắc là đủ (sô ký tự hiển thị)
var homepage = "domain";
postID = "id_bai_qua_tang_am_nhac";

var cm_ava = new Array();
cm_ava['openid'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjThxRWYTaCCyM5mJwPSNFQwmttNVuHpnSnpIx-L-AMfvzzMuG7wxXzRlWaf3V4C49ti6e8LNsJV2_e7j5OBdsRbU8y1xs-xFwJEcsw9mjbWC-zt3602HhYZEbeai_aT4o6qa8gwfkq71D0/";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipkCNVBuZiVsyFl5Fz6Fv61Tava1rj1egrLt6cZT0k3ScDpXc44wNsV0dmKYkNl9-Gt9_todST-pngPQcMA8lTkvP5Dd-ZEKG7ngSfz5cFCTRqjEV15lSqYNHFg1V5IzxkoXhMLPDNEpKB/";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpAlHEJNsZqxWw6olGWiun6vPAs2etzj08YheB_1bWYoD2oHtUH5HaX2RRLirqUJXXhpN5reDtFxQNTgNXDd1-NSGlWLoGPXuSik_3bTVzyo1CmXAhFqGFpdz9YV0FvMuA5B1jfvgmxcMp/";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7WqfYgh6P-N9-rk8utxInGuwxFddsK3UIwl4OQskjLQ46rgqIoIlkb1pD4Jvds2vAG4BOGBnD3boYFGmhJKptc14Jf89F7EARuZp5Xdo6lwla4VjhWsTr3uHFi2e-e_OwKHXLPo99Hiv9/";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-EHonr9J21HNU8PJ_OoWqdgKGYq0NGH5vn090oz4SO5h5379gWh1Rh48SVS3NK0jwYA3fcOjJNaDaGlXEx5vOMjFPZhPnNH5ZUll0pdOw4w7cDK_oq1HkkTycp7BlFimQ3G0JEFCm5_Ky/";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNu42oNElUC59x1bx66rAPK8jzHNgZESACuLli66eugBmDI5Oj8xI7vsS-bMABgzRqSUwGVBFeTrDCaMK0ypB3R7X3bTJJ8Epc9q9pWDJlG3z-VbERgKp9rHGojaM21pKCMGHkoQRVfte/";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0OcU0aE3iwgEsr9bnXVLL5dsJMu_4JI7Fwh1Kw2dMez1MeAorgA-ovTJtm6iHZBv1OmtwcGD_ShfeqsxEqcGqLRDJk5yLERmiPCp9egU6KlFI3g4isJSTdd68UBBJM9a70pxwhBu7jfSV/";

</script>
<script src="http://anhnc.googlecode.com/svn/trunk/p/qtan.js" type="text/javascript"></script>
<script>
M.p(M.r());
</script>

File js này các bạn hãy edit lại nhé. Mình làm cho nó giống cấu trúc site mình thôi.

http://anhnc.googlecode.com/svn/trunk/p/qtan.js

Cấu trúc gửi bài hát như sau:

[m]link bài hát|nguoi_nhan|Lời muốn nói[/m]

Chúc mọi người thành công !