[Hot] Blogger Media Center

by **battuvuong** Fri 22 Jul 2011 - 11:28

battuvuong: New Member; Bài gửi : 3
Coin : 111
Liked : 5
Giới tính : Tham gia : 06/06/2011

Post n°1

[Hot] Blogger Media Center

Bài gửi by battuvuong Fri 22 Jul 2011 - 11:28

Blogger Media Center được chỉnh sửa từ ứng dụng Forumotion Media Center
Với 2 tính năng nổi bật là hỗ trợ Direct link và Link Address, giờ đây việc gửi ứng dụng Media vào Blogger trở nên thuận tiện và dễ dàng hơn rất nhiều.

Về đối tượng: Image, Music, Video, Playlist
Về cách chèn: Link, BBcode, HTML
Về host file:
- Direct link: mp3 |mp4 |mov |3gp |swf
- Link Address: Youtube.com |Dailymotion.com |nhaccuatui.com |music.go.vn |mp3.zing.vn |nhac.vui.vn |amnhac.yume.vn |nhacvn.net |nhacso.net
- Link flash |BBcode |Embed |Iframe : Hỗ trợ hầu hết các host phổ biến ở Việt Nam
Về hiệu ứng:
- Khung chia sẻ: Direct link| BBcode| HTML
- Ẩn/Hiện |Phóng to/Thu nhỏ |Bật popup/Colorbox

Thông tin chi tiết về link Address:

youtube.com
- youtube.com
- youtu.be
- youtube-nocookie.com
dailymotion.com
nhaccuatui.com
- Bài hát
- Playlist
- Video
music.go.vn
- Bài hát (~~Radio~~)
- Playlist (~~Rank~~)
- ~~Video~~
mp3.zing.vn
- Bài hát (~~Karaoke~~)
- Playlist
- Video
nhac.vui.vn
- Bài hát
- ~~Playlist~~
- Video
amnhac.yume.vn
- Bài hát
- Playlist
- ~~Video~~
nhacvn.net
- Bài hát
- Playlist
- Video
nhacso.net
- Bài hát
- Playlist
- ~~Video~~

Hướng dẫn:
Thiết kế - Chỉnh sửa HTML :
Tìm và thêm vào bên dưới

Code:: <head>

...bằng code sau:

Code:: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script src='http://fmvi-group.googlecode.com/files/colorbox-packer.js' type='text/javascript'/><script src='http://fmvi-group.googlecode.com/files/Blogger%20Media%20Center%20Encoder.js' type='text/javascript'/>

Thiết kế - Trình thiết kế mẫu - Nâng cao -Thêm CSS:

Code:: #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index: 999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;background:#fff;overflow:visible;}#cboxLoadedContent{overflow:auto;margin-bottom:5px;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#7C7C7C;margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;position:absolute;bottom:-29px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px;}.cboxPhoto{float:left;border:0;display:block;margin:auto;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxTopLeft{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/border10.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://i20.servimg.com/u/f20/14/50/49/34/contro11.png) repeat-y -211px 0;}#cboxLoadingOverlay{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin10.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://i20.servimg.com/u/f20/14/50/49/34/loadin11.gif) no-repeat center center;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:700;color:#7C7C7C;}#cboxPrevious{left:0;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0;}

Demo: http://bajvong.blogspot.com/2011/07/thu-nghiem.html#more

Viết bởi baivong - FMvi.tk