Thứ Tư, 30 tháng 11, 2011

Theme DJ Blogger Bay68Club - Đẳng cấp DJ Blogger


Share full xml hiện tại mình đang dùng giao diện matxac cực đẹp và chuẩn.
Trước mình hạn chế bị người khác rip theme nên css có vẻ khủng bố ^^ . Ai sài vui lòng để lại Design

Demo: http://www.bay68.com

Download direct link

Để Post nhạc  nên post theo cấu trúc sau để hiện thị cho đẹp ở rss và search google

Thông tin Track list
[m]linkzipyshare[/m]
(Link nhạc luôn phải được đặt trong thẻ [m][/m])
Nên post Track list rồi đến redmore cuối cùng là link để tránh rip data (ai chưa biết hãy xem ở bài trước http://www.fandung.com/2011/11/huong-dan-bao-mat-data-blogger.html ). Như vậy nếu bị rip chỉ rip đc Track list mà ko lấy được link.
Hiện tai JS này không thể play ở IE6 vì vậy mình đã làm 1 thông báo lỗi khi có người sử dụng IE6 để nghe nhạc.

Hỗ trợ play các kiểu link sau:
    http://mp3.zing.vn/bai-hat/Gio-Lanh-Cao-Thai-Son/ZWZD7EO0.html
    http://www.nhaccuatui.com/nghe?M=eYY7QIkAx4
    http://nhacso.net/nghe-nhac/honey-honey.WVBZVktX.html
    http://www29.zippyshare.com/v/84705837/file.html
    http://hn.nhac.vui.vn/em-luon-o-trong-tam-tri-anh-the-men-m198386c3p5314.html
    http://musik.soha.vn/mp3/decv89hwexo/Be-My-Baby-Wonder-Girls.html
    http://s1.chacha.vn/audio/mp3/0/0/85/87785.mp3
    http://www.youtube.com/watch?v=_wr12xYqQHw
Nếu blog có Thành viên post nhạc vào chỉnh sửa HTML tìm js sau để add avatar:
<script type='text/javascript'>
function djbay68 (post) { dj = new Array()
dj[0] = &quot;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibPbSWd00ngZnDhTWSRHGIvxosHUAX9DAAZE7yJzadnvkXk7z5YDc3IBE0Z8mTrfvh0QbHrUBm-b1x2dPFnwyF-S43uIHocmXdqls98pLW2_gnuITqAuXvNVMR63WPlNz46DReIfBL5JM/s1600/HelloXimo.png' style='width:120px;height:120px'/>&quot;
dj[1] = &quot;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDEIksK9-Z36r0AJe8uKZgzCwmtoVIbJJKKtBzaIjD4J0DB2wnJZdQrMjAIY-Ed5uUltPTwwMidf-mcwplvDyRfJAF1lGmqAgpoZnCzsqxMakLhIkmhYTQuZHj_NGODBQ_1WMbLtFkFVA/s1600/nguagovt.jpg' style='width:120px;height:120px'/>&quot;
dj[2] = &quot;<img border='0' src=Link ảnh Author2' style='width:120px;height:120px'/>&quot;
dj[3] = &quot;<img border='0' src=Link ảnh Author3' style='width:120px;height:120px'/>&quot;

if (post == &quot;HelloXimo&quot;) {document.write(dj[0]);}
if (post == &quot;nguagovt&quot;) {document.write(dj[1]);}
if (post == &quot;TenAuthor2&quot;) {document.write(dj[2]);}
if (post == &quot;TenAuthor3&quot;) {document.write(dj[3]);}
}
</script>   

Cứ như vậy add avatar là xong max blogger là 100 người :)

Random songs vào Thiết kế -> Phần tử trang -> Chỉnh sửa  widget Random songs  thêm:
Chú ý: Chỉ thêm khi có hơn 10 bài viết ko là load trang treo
<ul>
<script type='text/javascript'>
var rdp_numposts=8;
var rdp_snippet_length=150;
var rdp_info='no';
var rdp_comment='Nhận xét';
var rdp_disable='Tắt Nhận xét';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javascript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG48Kcf33CIokC8da9BxBTT_obUt1d7x2btQFmZBWH8wA13ngcgEgykVnblmnyXnlnjEf1Igw4Z2d3Jk8Xesjf5zyiyDIrZhPOx9bT6YU1dPi_P3KRkaaI0K8-9s7zY3vLdOf5_7T8PyRC/"}}};document.write('<li>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Để hiện thị icon Video, Hot, New khi post bài các bạn tạo thêm Label tương ứng muốn hiện là : Video, Hot, New nhé




Vậy là bạn đã có 1 site DJ

Hướng dẫn Bảo mật data blogger

Vấn đề này tuy cũ và nhiều người biết nhưng lại không thấy ai nhắc đến khiến một số bạn mới tham gia Blogger nản lòng khi bị người khác Rip mất data, mất đi công sức bao lâu.
Nay mình xin hướng dẫn cho các bạn chưa biết để bảo vệ data của chính mình.
Hiện tại Google Chrome có thể view data các bạn thông qua RSS chính vì vậy ta sẽ tùy biến cách hiện thị RSS của blogger để ko hiện thị toàn bộ nội dung bài viết.


Trước tiên bạn cần vào Cài đặt -> Nguồn cấp Trang Web -> Cho phép Nguồn cấp dữ liệu Blog -> Chọn: Cho đến dấu ngắt.
Vậy là xong  từ bây giờ khi post bài nếu ở chế độ HTML chỉ cần thêm <!--more-->  vào giữa bài viết hoặc trên cùng nội dung bài viết.
Còn nếu post ở chế độ WYSIWYG thì bạn có thể sử dụng ngay nút redmore của blogger để ngăn cách
 Bây giờ hãy xem lại RSS của bạn sẽ thấy sự  khác biệt : http://tenmiencuaban/rss.xml
Ngoài ra để tùy chình nút  Đọc thêm » khi view rss bạn hãy vào Thiết kế -> Phần tử Trang -> Bài đăng trên Blog -> Chọn Chỉnh sửa và thay bằng nội dung muốn hiện thị.
Ví dụ: Click vào đây để xem tiếp... hoặc  Click vào đây để xem bộ phim này... v.v...
Bây giờ RSS blog của bạn đã hiện thị 1 cách đẹp và chuyên nghiệp hơn, không còn lo sợ người khác Rip data nữa rồi. ^^

Thứ Hai, 28 tháng 11, 2011

Tích hợp AncPlay Media Player cho Blogspot

Trước kia khi muốn nhúng 1 đoạn video nào đó vào blog ta thường quen với việc nhúng code của nó mà server đó cung cấp. Nếu muốn nhúng nhiều video khác nhau thì ta lại dán 1 đoạn code khác nhau. Và nếu bài viết nào đó phải nhúng nhiều đoạn video vào thì sao? ví dụ 20 video chẳng hạn, nếu ta dùng cách thủ công là chèn tất cả 20 đoạn code của 20 video vào thì cũng được, nhưng như thế trông bài viết sẽ dài lê thê, và cũng không chuyên nghiệp lắm.


Tiện ích Ancplay hôm nay mình giới thiệu sẽ giúp các bạn khắc phục vấn đề trên. Ancplay được phát triển bởi Suzuki_aka, nó cho phép người xem dễ dàng xem nhiều video khác nhau trên bài viết của bạn. Hay nói dễ hiểu hơn nó giống như 1 trình xem video đơn giản, với 1 phần hiển thị video và 1 phần hiển thị danh sách các video. Các bạn chỉ việc click vào danh sách các video và xem. Hiện tại tiện ích hỗ trợ xem video từ các server : youtube.com, videobb.com, clip.vn, cyworld.vn, video.zing.vn, stream.pub.vn, dailymotion.com, videozer.com, 4shared.com, 2shared.com.

Xem DEMO

Sau đây là các bước chèn tiện ích vào blog :
1. Vào trong code template (không cần nhấp mở rộng mẫu tiện ích), sau đó chèn đoạn code bên dưới vào trước thẻ đóng </body> , các bạn có thể chèn ở vị trí khác cũng được, nhưng bắt buộc phải chèn sau tiện ích Blog1 (phần hiển thị bài viết) :
<script src='http://fandung.googlecode.com/svn/trunk/js/ancplay-mp.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
M.pl(M.re("Blog1"),"anc_pl","anc_tp");

var anc_ida = M.re("Blog1").split('|')[0].split(';')[1];
$_("anc_content").innerHTML = $_("anc_nd").innerHTML;

var player_id = "player";
var player_width = 640;
var player_height = 420;
var player_stream = ""+anc_ida+"";
var params = {allowFullScreen: true, scale: 'scale', allowScriptAccess: 'always'};
var attributes = {id: player_id, name: player_id};
var player_dvrMinutes = 30;
swfobject.embedSWF('http://cdn.octoshape.net/resources/player/infinitehd/player1.swf', player_id, player_width,

player_height, "10.0.0", null, null, params, attributes);

function Rload(x){
player_stream = ""+x+"";
swfobject.embedSWF('http://cdn.octoshape.net/resources/player/infinitehd/player1.swf', player_id, player_width,

player_height, "10.0.0", null, null, params, attributes);
swfobject.addDomLoadEvent(fixReference);
}
//]]>
</script>

Update (30/11/2011) : đã fix code javascript, do 1 số template không có thẻ div có id là wrap2, nên mình đã sửa wrap2 thành Blog1 là ổn nhất.
Update (1/12/2011 bởi HellloXimo) : Hoàn thiện tiện ích hơn với 1 số tính năng đã được fix như :
- Fix play Full Sreen tất cả Server
- Fix play server Zing, Daily
- và đây là link file js : http://maphim-net.googlecode.com/svn/trunk/ancplay.js

2. Save template lại.

Như vậy đã xong bước chèn tiện ích vào blog. bây giờ mình giới thiệu qua cách post bài viết.
Để trình xem video hiển thị được, bắt buộc bài viết của bạn phải tuân theo mẫu bên dưới :
{Một vài thông tin về video - vị trí 1 }

<div align="center" id="anc_pl"></div>
<div id="anc_tp"></div>

<div id="anc_content"></div>


{Một vài thông tin về video - vị trí 2 }

[id]1;link video 1|2;link video 2|[/id]
- Thông tin về video các bạn có thể đặt ở vị trí 1 hoặc 2 tùy thích. Tùy vào cách bố trí bài viết của các bạn, hoặc có thể sử dụng đồng thời 2 vị trí cùng 1 lúc cũng được.
- phần code highlight là code bắt buộc có trong bài viết.
- Sau đây là hướng dẫn chèn link video vào bài viết. Như trong đoạn code trên ta thấy, chèn link vào bài viết có dạng như bên dưới :
[id]1;link video1|2;link video2|[/id]

- Ví dụ ta có 2 link từ youtube và 2 link từ dailymotion và code mẫu như bên dưới :
[id]1;link youtube1|2;link youtube2|1;link dailymotion1|2;link dailymotion2|[/id]
và phần hiển thị sẽ trông như thế này :
Server Youtube: 1 | 2 |
Server Daily: 1 | 2 |
- Nếu ta thay số 12 thành Tập 1Tập 2 như bên dưới :
[id]Tập 1;link youtube1|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|[/id]

thì phần hiển thị sẽ là như thế này :
Server Youtube: Tập 1 | Tập 2 |
Server Daily: Tập 1 | Tập 2 |
- nếu Tập 1 được chia làm nhiều phần nhỏ thì ta cứ thêm tuần tự link vào, và các link được ngăn cách bằng dấu chấm phẩy. ví dụ như bên dưới :
[id]Tập 1;link youtube1-a;link youtube1-b;link youtube1-c;link youtube1-d|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|[/id]
- thì phần hiển thị sẽ như thế này :
Server Youtube: Tập 1a | Tập 1b | Tập 1c | Tập 1d | Tập 2 |
Server Daily: Tập 1 | Tập 2 |

- Tương tự như thế, nếu video có từ nhiều nguồn thì ta cứ việc thêm vào phía sau nó. ví dụ như bên dưới :
[id]Tập 1;link youtube1-a;link youtube1-b;link youtube1-c;link youtube1-d|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|1;link zingmovie1|2;link zingmovie2[/id]
- và phần hiển thị sẽ là :
Server Youtube: Tập 1a | Tập 1b | Tập 1c | Tập 1d | Tập 2 |
Server Daily: Tập 1 | Tập 2 |
Server Zing: 1 | 2 |

Như vậy mình đã giới thiệu xong. chúc các bạn thành công.

Thủ thuật thực hiện theo yêu cầu của ChipKool_Online

Thanks to Suzuki_aka