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.
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é.
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
JavaScript
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.
Cấu trúc gửi bài hát như sau:
Chúc mọi người thành công !
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 |
Để 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>
#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/AVvXsEgIYwdiGt_CV9w7A59sN80oSNP9vLwvCNlO_tIX0mibYXHa1p-xYH7HKZI2zNvRlxIDzadWhvHBgrv2ovFHSyacDpjV4afzx_rjQmuFH2WvJZu-bCkhIYlUPPqyK1xOec0SkAG8im3y0uIj/";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40mFwlhZIQqkEB_x8paV2Nvgai37DscqJ-oP5euMr1a1fbqh8Zd_d9mPz-c94GST11nEzsS_eeMM93lsKUzwXq_085zTsy0TUL6ZBrmbt7sH-V6HHe4oWj8wXu4dmi7GaOlVYQPKcKoup/";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsmIUGUlFH_jVdjRHg8whIgSyM4EqlbBxqZQ2kC0lhtavMCJwrrG4gUlyrLJUHEuo6JAhDVv_bAok7ZlR2rfHER_mripAO72WA3sjS-oBf8aiHkmhyKa3ZOGh-50G2M5NY6W1ngyN-rZ-C/";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlbJmMwOVn9IV1dlC2LzhWo1lhcxlElj_42N7bzg78xmAasjJI3gjOKPtM-tQIqHT_73nggjA477me1Zyg3-a-HZpbRuqZy-aZvbDoJy819igkCp6apClso6kd-Vt0mzxUReWrUz9M9pl/";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwrtJWx79MrOut89eiZBUDxUDA9YLxhIcmhrirk1fBdAVSCzBVq_rLkwAJJt9GoJQ_QLR6cOL0YcpPCkIk7VLSy7Ah3X063xbuKr_mq7RVa_FrMOR01vR4iYsZyajMDZEWJ_zFZXRqnL5n/";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmMg-1i3_V93OKSIIFXCT3Pcx9T99CYTgllMuZosAfDCIuB9Prinoo0xII_accPAc1x_Oo_Hf9dp22-wmSYXHCl_k6w1vMy2lUIU6mYXI_Pe8nx0kpDF5V9JJGxYz3p3YxSaLQmWQmpPxN/";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_G_93fmyFzVnyFiPUuYRjkEhQs5jQvJFOHT8ZeoowzXw7CejGq0LwgsLVSKwvQHpHcEb1vJsleHyRmWs6rIn5zsuHeLco8hlY7nSzloluv5IVeWKS4Fjwr8WPSmcF0rE6HViGQ0JR6tp/";
</script>
<script src="http://anhnc.googlecode.com/svn/trunk/p/qtan.js" type="text/javascript"></script>
<script>
M.p(M.r());
</script>
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/AVvXsEgIYwdiGt_CV9w7A59sN80oSNP9vLwvCNlO_tIX0mibYXHa1p-xYH7HKZI2zNvRlxIDzadWhvHBgrv2ovFHSyacDpjV4afzx_rjQmuFH2WvJZu-bCkhIYlUPPqyK1xOec0SkAG8im3y0uIj/";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40mFwlhZIQqkEB_x8paV2Nvgai37DscqJ-oP5euMr1a1fbqh8Zd_d9mPz-c94GST11nEzsS_eeMM93lsKUzwXq_085zTsy0TUL6ZBrmbt7sH-V6HHe4oWj8wXu4dmi7GaOlVYQPKcKoup/";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsmIUGUlFH_jVdjRHg8whIgSyM4EqlbBxqZQ2kC0lhtavMCJwrrG4gUlyrLJUHEuo6JAhDVv_bAok7ZlR2rfHER_mripAO72WA3sjS-oBf8aiHkmhyKa3ZOGh-50G2M5NY6W1ngyN-rZ-C/";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlbJmMwOVn9IV1dlC2LzhWo1lhcxlElj_42N7bzg78xmAasjJI3gjOKPtM-tQIqHT_73nggjA477me1Zyg3-a-HZpbRuqZy-aZvbDoJy819igkCp6apClso6kd-Vt0mzxUReWrUz9M9pl/";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwrtJWx79MrOut89eiZBUDxUDA9YLxhIcmhrirk1fBdAVSCzBVq_rLkwAJJt9GoJQ_QLR6cOL0YcpPCkIk7VLSy7Ah3X063xbuKr_mq7RVa_FrMOR01vR4iYsZyajMDZEWJ_zFZXRqnL5n/";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmMg-1i3_V93OKSIIFXCT3Pcx9T99CYTgllMuZosAfDCIuB9Prinoo0xII_accPAc1x_Oo_Hf9dp22-wmSYXHCl_k6w1vMy2lUIU6mYXI_Pe8nx0kpDF5V9JJGxYz3p3YxSaLQmWQmpPxN/";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_G_93fmyFzVnyFiPUuYRjkEhQs5jQvJFOHT8ZeoowzXw7CejGq0LwgsLVSKwvQHpHcEb1vJsleHyRmWs6rIn5zsuHeLco8hlY7nSzloluv5IVeWKS4Fjwr8WPSmcF0rE6HViGQ0JR6tp/";
</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 !
0 nhận xét:
Đăng nhận xét