Quà tặng âm nhạc cho BlogSpot
Chủ Nhật, 25 tháng 12, 2011
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/AVvXsEjWu6wAUqw5yFRZwVPSzSM4oOjasViRs2qEJwonajm1zERxyU__d2B5b1tUfmq0W5z9LkcpaAaLU5wFqKAbWaudZmzOtsSdAkLiEZIBGGDjpGhbTmKhqi2_OKoz5KtE7T24XfaUTX9OU9h0/";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYFeRgJalQLhKpSdmwlBD2uuUpdLUnrNzol_I1Zb-5j5pZL8MBYNIgJq6yDzE_SBQ_xZ0uWWa2HfxVrjcV4DY44RH2i9sNPX5CzuMyJjEPg-_XB5S-CurdlUBAZfQQ82k1k74WKQkNn9yA/";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT_FGeh1UakQDtcKCXdfX_O4r7FsJx0uRXZNLdikXiVOwox5nWNHy_W-EEDFEpUqRGLHXJYSc3rU3rHOvMsPUJUsnwfI59w3hST-XypAAU_WIPKnvzkwUtwohbWfqtvapZw8rYuR8pDvGs/";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWebOngIJJPAxnQlo-y669CifVKZ2QourDOgHlFMB4lekhWSj5ol-1R8K0Bm-Pb0nWQ8WFC2uUaJn5RLOY2dfQbYQ7-UfGhc7ayHPnU6pVR6ie_f7E8UkX7v8DeHqanSK24_k7XY4crdNz/";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPSycwut6i-4mRep7lp253nYa91aN-GHELJTslH6uzc5zuRinLhRVZGzy8yK-kqLUbzm4Usy6GbnM878uGYhi9P-E9G98CvkGQpo9E_6i1FSWlgHMFdUsbtBSYUKlyNq0wpcJNoSyjgaAh/";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizuC_wbDk9jsWOkDvRjIt2X3tFiB9n9JhPnr0KB4lqqDJLv8gT7UKdT3x-_KXbIx54F2qgioGCk1XvE6MBp4WQh0nl4VLER5TFPrYlqiMGmIdShqBtFtqcbwBjI7N3IYKiH27-136dH7m9/";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR7r37Il9NjL0dwsL3gyvMsuyjNsNkEcMacYBJGgZxPtT5I-9EZGbbTjN_n6uuCAzWM1WxAbmorptLepDUjDkQIowz5TYcmBNLeXgc6UNR2_xQKSRbiUqI2AQR0BtZ0456GuPRDSd-kMEK/";
</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/AVvXsEjWu6wAUqw5yFRZwVPSzSM4oOjasViRs2qEJwonajm1zERxyU__d2B5b1tUfmq0W5z9LkcpaAaLU5wFqKAbWaudZmzOtsSdAkLiEZIBGGDjpGhbTmKhqi2_OKoz5KtE7T24XfaUTX9OU9h0/";
cm_ava['livej'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYFeRgJalQLhKpSdmwlBD2uuUpdLUnrNzol_I1Zb-5j5pZL8MBYNIgJq6yDzE_SBQ_xZ0uWWa2HfxVrjcV4DY44RH2i9sNPX5CzuMyJjEPg-_XB5S-CurdlUBAZfQQ82k1k74WKQkNn9yA/";
cm_ava['wp'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT_FGeh1UakQDtcKCXdfX_O4r7FsJx0uRXZNLdikXiVOwox5nWNHy_W-EEDFEpUqRGLHXJYSc3rU3rHOvMsPUJUsnwfI59w3hST-XypAAU_WIPKnvzkwUtwohbWfqtvapZw8rYuR8pDvGs/";
cm_ava['typepad'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWebOngIJJPAxnQlo-y669CifVKZ2QourDOgHlFMB4lekhWSj5ol-1R8K0Bm-Pb0nWQ8WFC2uUaJn5RLOY2dfQbYQ7-UfGhc7ayHPnU6pVR6ie_f7E8UkX7v8DeHqanSK24_k7XY4crdNz/";
cm_ava['aim'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPSycwut6i-4mRep7lp253nYa91aN-GHELJTslH6uzc5zuRinLhRVZGzy8yK-kqLUbzm4Usy6GbnM878uGYhi9P-E9G98CvkGQpo9E_6i1FSWlgHMFdUsbtBSYUKlyNq0wpcJNoSyjgaAh/";
cm_ava['url'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizuC_wbDk9jsWOkDvRjIt2X3tFiB9n9JhPnr0KB4lqqDJLv8gT7UKdT3x-_KXbIx54F2qgioGCk1XvE6MBp4WQh0nl4VLER5TFPrYlqiMGmIdShqBtFtqcbwBjI7N3IYKiH27-136dH7m9/";
cm_ava['anon'] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR7r37Il9NjL0dwsL3gyvMsuyjNsNkEcMacYBJGgZxPtT5I-9EZGbbTjN_n6uuCAzWM1WxAbmorptLepDUjDkQIowz5TYcmBNLeXgc6UNR2_xQKSRbiUqI2AQR0BtZ0456GuPRDSd-kMEK/";
</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 !
- Tiện ích Popular Posts - Bài xem nhiều với CSS3
- Mạng xã hội theo dõi với hiệu ứng rê chuột cho blogspot
- Mudim - Thêm bộ gõ tiếng Việt cho blogspot
- Hiệu ứng màu chạy lấp lánh trong chữ cho blogspot
- Thủ thuật thêm "comment mới gần đây nhất" cho blogspot
- Template dịch vụ, công ty giới thiệu cho blogspot
- Thủ thuật tạo khung liên kết thanh cuộn cho blogspot
- Nút điều khiển lên xuống toàn trang cho blogspot
- Menu ngang co kèm hình ảnh bên cạnh rất đẹp
- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
Comments[ 0 ]
Đăng nhận xét