tag:blogger.com,1999:blog-824339285869534372024-03-14T09:25:34.860+07:00BlOg FD - FanDungPhan Dũnghttp://www.blogger.com/profile/04749296400753058357noreply@blogger.comBlogger567125tag:blogger.com,1999:blog-82433928586953437.post-47147327961331928612012-08-21T18:26:00.003+07:002012-08-26T05:42:19.505+07:00Vipshock templates - Tin tức newsGiao diện 2 cột dành cho site tin tức, thủ thuật.<br />
Cấu trúc đơn giản gọn gàng.<br />
load nhãn mặc định để tối ưu seo cho site.<br />
Tóm lại là giao diện để làm site tin tức, thủ thuật ... :!^^<br />
<br />
<center><a href="http://adf.ly/CEUMm" id="dm" target="_blank">XEM DEMO</a> <a href="http://adf.ly/C5EbQ" id="dl" target="_blank">DOWNLOAD</a></center><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-XcnglCvq_TQ/UDNtpqr2F7I/AAAAAAAAAdM/1_WHCaLzgNA/s1600/vipshock-bay68.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-XcnglCvq_TQ/UDNtpqr2F7I/AAAAAAAAAdM/1_WHCaLzgNA/s800/vipshock-bay68.jpg" width="257" /></a></div><br />
<center><a href="http://adf.ly/CEUMm" id="dm" target="_blank">XEM DEMO</a> <a href="http://adf.ly/C5EbQ" id="dl" target="_blank">DOWNLOAD</a></center><br />
<br />
Cài đặt cũng như các theme share trước . mở bằng notepad++ tìm các đoạn js và thay tên nhãn cho phù hợp với nhãn blog bạn<br />
<br />
<div class="codeview"><script>document.write("<script src=\"/feeds/posts/default/-/<b style="color: red;">Tiêu điểm</b>?max-results="+10+"&orderby=published&alt=json-in-script&callback=hotnewl\"><\/script>");</script><br />
</div><br />
Ai yêu thì để cho xin cái liên kết tới blog mình nha<br />
<br />
<div class="codeview"><a href='http://www.bay68.com' target='_blank' title='Tham gia Hội chém gió VN'>Tham gia Hội chém gió VN</a><br />
</div><br />
Thông cảm adf buy domain nha các bạn. mới đc có 1$ còn thiếu nhiều quá!<br />
Ai hảo tâm donate nhé : <br />
<b><span style="color: blue;">Paypal.com</span></b>: <b>helloximo@gmail.com</b><br />
<b><span style="color: #38761d;">Baokim.vn</span></b>: <b>nguagovt@gmail.com</b><br />
Thank kiu!<br />
<style>
a#dm, a#dl {padding : 5px 10px;margin: 2px 3px;color:#fff;font-weight:bold;}
a#dm {background: #008AE6}
a#dl {background: #1F1F1F}
a#dm:hover {background: #E60017}
a#dl:hover {background: #E60017}
</style>Unknownnoreply@blogger.com49tag:blogger.com,1999:blog-82433928586953437.post-62979044088944647132012-07-23T16:31:00.005+07:002012-08-26T05:43:59.771+07:00Topphimtuan Blogger TemplatesTopphimtuan Blogger Templates - Templates sử dụng làm site xem phim online . <br />
<br />
Templates đã tích hợp sãn bản AncMedia Edition hộ trợ play khá nhiều server .<br />
Nếu ai mới tham gia blogger vui lòng <b><a href="http://www.bay68.com/2012/08/ancmedia-plugin-ho-tro-play-videos.html" target="_blank">Xem hướng dẫn tại đây</a></b> để hiểu cách sử dụng.<br />
<br />
Để nhìn chuyên nghiệp hơn ở trang chủ và tranh nhãn mình gắn ảnh vào thumb phim thông qua các nhãn tương đương : Phim HD, Phim cấp 3, Phim Hot và Trailer . <br />
Bạn có thể dễ dàng sửa đổi ảnh và nhãn cho đẹp hơn phù hợp với site phim của bạn<br />
<br />
<div class="codeview">for (var k = 0; k < entry.category.length; k++) {<br />
if (entry.category[k].term == 'Phim Hot') {var getlabel = '<img class="getlabel" src="http://1.bp.blogspot.com/-gpJfdYqKEBY/T-GcIzI5QPI/AAAAAAAAA9s/pId95QnBn8w/s1600/hot.png"/>';}<br />
else if (entry.category[k].term == 'Phim HD') {var getlabel = '<img class="getlabel" src="http://3.bp.blogspot.com/-aAOmhgTEi_E/T-GY9gZ8x4I/AAAAAAAAAn4/bKqiarCFVSI/s1600/hd.png"/>';}<br />
else if (entry.category[k].term == 'Phim cấp 3') {var getlabel = '<img class="getlabel" src="http://3.bp.blogspot.com/-WjhxvORlhgM/T-GfLiLGbKI/AAAAAAAAA-A/YUwLn3b6VNA/s1600/bong%60.png"/>';}<br />
else if (entry.category[k].term == 'Trailer') {var getlabel = '<img class="getlabel" src="http://2.bp.blogspot.com/-GEArVXodrW8/T-Gb8ZU7ZfI/AAAAAAAAA9k/o5TVwiRu8K4/s1600/trailer.png"/>';} }<br />
</div><br />
<img border="0" src="http://3.bp.blogspot.com/-O5KKuWP4tw0/UA0TIkZRaII/AAAAAAAAAcQ/E5ARGbMS-A4/s1600/topphimtuan-blogger-templates-bay68-com.jpg" width="460" /><br />
<br />
<center><!--demo--><a href="http://phim.bay68.com/" id="dm" target="_blank">XEM DEMO</a><!--demo--> <!--dl--><a href="http://adf.ly/CEUdr" id="dl" target="_blank">DOWNLOAD</a><!--dl--></center><br />
<br />
<b>Hướng dẫn cài đặt: </b><br />
<br />
- Hiện thị bài đăng ở label tìm <b>http://phim.bay68.com</b> thay bằng tên miền của bạn<br />
<br />
- Hiện thị các nhãn Phim chiếu rạp, Phim Lẻ, Phim bộ ... ở trang chủ tìm <b>/feeds/posts/default/-/<span style="color: blue;">Phim Chiếu Rạp</span></b> thay <b><span style="color: blue;">Phim Chiếu Rạp</span></b> bằng nhãn mà bạn muốn hiện thị<br />
<br />
Còn vài thứ cài đặt lung tung như menu, link label ... chắc mọi người có thể tự chỉnh sửa được mình sẽ ko viết hướng dẫn nữa.<br />
<br />
<b>Do nhiều người chưa biết cách up phim mình up tạm data của mình lên . các bạn down về import để biết cách post phim nhiều server . Data có 163 phim trong đó có khá nhiều phim cấp 3 , mọi người chú ý trước khi xem</b><br />
<br />
<center><a href="http://adf.ly/B3lCr" id="dl" target="_blank">DOWNLOAD DATA PHIM TEST</a></center><br />
<br />
Chi tiết các server cập nhật và update sẽ được thông báo và fix lỗi ở đây: <b><a href="http://www.bay68.com/2012/08/ancmedia-plugin-ho-tro-play-videos.html" target="_blank">http://www.bay68.com/2012/08/ancmedia-plugin-ho-tro-play-videos.html</a></b><br />
<br />
Chúc thành công !<br />
<br />
<style>
a#dm, a#dl {padding : 5px 10px;margin: 2px 3px;color:#fff;font-weight:bold;}
a#dm {background: #008AE6}
a#dl {background: #1F1F1F}
a#dm:hover {background: #E60017}
a#dl:hover {background: #E60017}
</style>Unknownnoreply@blogger.com52tag:blogger.com,1999:blog-82433928586953437.post-12256360627374298562012-07-22T17:47:00.002+07:002012-07-22T17:47:38.517+07:00AncMedia Edition - Plugin hỗ trợ play videosMọi người đã biết AncMedia của suzuki_aka hiện đang có rất nhiều người sử dụng.<br />
Tuy nhiên dạo này có vẻ như suzuki_aka không có time để update cập nhật mới. các server dei liên tục không kịp thời fix cho các bạn.<br />
Lý do là site play sử dụng gkplugins của phimvang vì vậy phimvang ngỏm là tất cả đi theo.<br />
<br />
Nay mình sẽ cập nhật 1 bản khác hỗ trợ các bạn sử dụng để chạy site .<br />
<br />
Tuy nhiên do không có host lưu trữ và phải sử dụng phiên bản <b>gk trial</b> nên nên đa số các server mình phải sử dụng gk của các site khác. <br />
Vì vậy nếu server nào không hoạt động được các bạn báo lỗi ở đây hoặc PM Y!M: <b>nguagovt</b> để mình fix kịp thời.<br />
<br />
<br />
<center><a href="http://blog.bay68.com/p/demo-ancmedia-plugin-ho-tro-xem-videos.html" target="_blank" id="dm">XEM DEMO PLAYER</a></center><br />
<br />
Với bản AncMedia Edit này sẽ chỉ cho phép thay đổi Logo khung play . bạn ko thể thay đổi skin, gkplugins như bản trước của suzuki_aka để tránh lỗi add sai server sẽ không hoạt động được do mình chạy bằng gk của các site khác nhau.<br />
<br />
<b>1. Cài đặt</b><br />
Cũng giống như ver trước . thêm 3 thẻ div lần lượt vào theme ở trang item, nên cho trước <b style="color: blue;"><data:post.body/></b> để khung player hiện thị ở trên bài viết.<br />
<div class="codeview"><div id="<b style="color: red;">anc_pl</b>" ></div><br />
<div id="<b style="color: red;">anc_dx</b>" ></div><br />
<div id="<b style="color: red;">anc_tp</b>" ></div></div>Tiếp đó vẫn <b style="color: blue;"><data:post.body/></b> đó sửa thành như sau:<br />
<div class="codeview"><div id="<b style="color: red;">anc_data</b>"><b style="color: blue;"><data:post.body/></b></div><br />
<br />
<script type='text/javascript'>//<![CDATA[<br />
var szk={id:{home:"<b style="color: red;">Bay68.Com</b>",link:"anc_data",player:"anc_pl",dx:"anc_dx",sv:"anc_tp", logo:"<b style="color: #45818e;">http://1.bp.blogspot.com/-nD0ISrVnJWI/UAu0sZd2XiI/AAAAAAAABLI/IcHNajZE9Qo/s1600/logo.png</b>"}},s=document.createElement("script");s.id=szk.id.home;s.src="http://bay68.googlecode.com/svn/trunk/friends/anc-media-play.js";document.getElementsByTagName("head")[0].appendChild(s);<br />
function setActive(){aObj=document.getElementById("list_tap").getElementsByTagName("a");for(i=0;i<aObj.length;i++)0<=document.location.href.indexOf(aObj[i].href)&&(aObj[i].className="active")}window.onload=setActive;<br />
//]]></script></div>Bước cuối cùng thêm css để hiện thị, Tìm <b style="background-color: white; color: blue;">]]></b:skin></b> chèn code sau vào trước nó<br />
<div class="codeview">id {font-size:1px;display:none}<br />
#list_tap{float:center;background:#eee;text-align:justify;border:1px solid #C2C2C2;width:500px;padding:5px}<br />
#list_tap ul{float:left;list-style:none;margin:5px 0;width:100%;text-algin:left}<br />
#list_tap ul li{float:left;text-algin:left;text-decoration:none;font:bold 12px Tahoma;}<br />
#list_tap ul li.sev{color:#c60;}<br />
#list_tap ul li.ep a.a_tap{color:#262626;padding:0px 5px 0px 8px;}<br />
#list_tap ul li.ep a.a_tap:hover{color:blue}<br />
#list_tap ul li a.active {color:#c20c0c;padding:4px 5px 4px 8px;text-decoration:blink;}<br />
#anc_dx{float:center;height:24px;width:500px;background:#E0E0E0;border:1px solid #ccc;border-radius:3px 5px;font:bold 12px Tahoma;line-height:24px;color:#c20c0c;overflow:hidden;margin:5px 0;padding:3px 5px 3px 10px}<br />
#anc_dx span{color:#111}<br />
#anc_pl {width:500px;height:420px;}</div><br />
<b>Giải thích :</b><br />
- <div id="<b style="color: red;">anc_pl</b>" ></div> : hiện thị khung player video. để chỉnh kích thước khung này bạn chỉ cần sửa css <b>#anc_pl</b> cho phù hợp<br />
- <div id="<b style="color: red;">anc_dx</b>" ></div> : hiện thị tập phim đang xem.<br />
- <div id="<b style="color: red;">anc_tp</b>" ></div> : hiện thị link các server phim.<br />
<br />
Để thay đổi logo khi player tìm <b style="color: #45818e;">http://1.bp.blogspot.com/-nD0ISrVnJWI/UAu0sZd2XiI/AAAAAAAABLI/IcHNajZE9Qo/s1600/logo.png</b> và link ảnh logo của bạn<br />
<br />
<b style="color: red;">Chú ý: </b>Tuyệt đối không thay đổi link <b>http://bay68.googlecode.com/svn/trunk/friends/anc-media-play.js</b> để mình có thể Update các server khi server bị lỗi<br />
<br />
<b>2. Sử dụng .</b><br />
Để post link nên để bài viết ở chế độ <b>HTML</b> <br />
Link post có dạng<br />
<div class="codeview"><b style="color: red;"><id></b>Link phim<b style="color: red;"></id></b> hoặc <b style="color: red;">[id]</b>Link phim<b style="color: red;">[/id]</b> </div>Ví dụ 1 link cho ai mới làm quen dễ hiểu, coppy và paste vào bài viết test nha<br />
<div class="codeview"><b style="color: red;"><id></b><b><i>01</i></b><span style="color: blue; font-size: large;"><b>;</b></span>http://www.youtube.com/watch?v=J_Lb-9Kg0ko<span style="font-size: large;"><b style="color: blue;">|</b></span><b><i>02</i></b><span style="color: blue; font-size: large;"><b>;</b></span>http://www.youtube.com/watch?v=ffeHLjj5fyw<span style="font-size: large;"><b style="color: blue;">|</b></span><b><i>01</i></b><span style="color: blue; font-size: large;"><b>;</b></span><b></b>http://clip.vn/embed/O08p<span style="font-size: large;"><b style="color: blue;">|</b></span><b><i>02</i></b><span style="color: blue; font-size: large;"><b>;</b></span>http://clip.vn/embedO0S4<b style="color: red;"></id></b></div>Tên mỗi tập phim tới link được ngăn cách bằng dấu<span style="font-size: large;"> <b style="color: blue;">;</b></span><br />
Mỗi tập phim phân cách với nhau bằng dấu <span style="color: blue; font-size: large;"><b>|</b></span><br />
<br />
Hiện hỗ trợ các server sau:<br />
<div class="codeview">youtube.com,anc.yl,anc.mp4,anc.flv,megafun.vn,phimvang.org,picasaweb.google.com, dailymotion.com,zing.vn,4shared.com,videobb.com,videozer.com,zippyshare.com, novamov.com,twitvid.com,cyworld.vn,24video.net,movshare.net,veoh.com,blip.tv, sendspace.com,speedyshare.com,rolo.vn,tunescoop.com,eyvx.com,clip.vn,banbe.net, truongxua.vn,videobam.com,nhaccuatui.com,mediafire.com,vimeo.com,viddler.com, xvideos.com,free18.net,nuvid.com,youjizz.com,eporner.com,gaytube.com, megafilex.com,porn.com,pornhub.com,pornoxo.com,redtube.com,slutload.com,<br />
spankwire.com,tnaflix.com,tube8.com,vtraxe.com,xhamster.com,xtube.com,xxxstash.com</div>Nên cân nhắc trước khi post phim xxx nha .ko nên post quá nhiều <br />
<br />
Kết : Ai yêu AncMedia Edition thì cho mình xin cái textlink ở site bạn nhé :)<br />
<div style="color: blue;"><i><a href="http://www.bay68.com" title="Gái nhảy - Scandal - Phim 18">Gái nhảy - Scandal - Phim 18</a></i></div><br />
<style>
a#dm {padding : 5px 10px;margin: 2px 3px;color:#fff;font-weight:bold;}
a#dm {background: #008AE6}
a#dm:hover {background: #E60017}
</style>Unknownnoreply@blogger.com37tag:blogger.com,1999:blog-82433928586953437.post-60060801625855546522012-07-20T18:55:00.013+07:002012-08-26T05:39:30.798+07:00Matxac 2012 Blogger Templates<center><br />
Templates dành cho các bạn thích làm site nhạc DJ , Rap Việt ...<br />
<a title="Matxac 2012 Blogger Templates" alt="Matxac 2012 Blogger Templates" href="http://2.bp.blogspot.com/-VuHz7Tg8hVs/UAk-BnNUWgI/AAAAAAAAAbk/CNbV1qqTTbs/s1600/matxac-2012-bay68-com.jpg"><img border="0" title="Matxac 2012 Blogger Templates" alt="Matxac 2012 Blogger Templates" src="http://2.bp.blogspot.com/-VuHz7Tg8hVs/UAk-BnNUWgI/AAAAAAAAAbk/CNbV1qqTTbs/s400/matxac-2012-bay68-com.jpg" /></a><br />
</center><br />
<br />
<center><!--demo--><a href="http://matxac2012-helloximo.blogspot.com" id="dm" target="_blank">XEM DEMO</a><!--demo--> <!--dl--><a href="http://adf.ly/CEUg4" id="dl" target="_blank">DOWNLOAD</a><!--dl--></center><br />
<br />
Hướng dẫn cài đặt.<br />
Để thay đổi Menu tìm :<br />
<div class="codeview"><li><h2><a href='/' title='Home'>Home</a></h2></li><br />
<li><h2><a href='/search/label/Nonstop' title='Nonstop'>Nonstop</a></h2></li><br />
<li><h2><a href='/search/label/House Club' title='House club'>House club</a></h2></li><br />
<li><h2><a href='/search/label/Việt Mixes' title='Việt Mix'>Việt Mix</a></h2></li><br />
<li><h2><a href='/search/label/Dance Trance' title='Dance - Trance'>Dance Trance</a></h2></li><br />
<li><h2><a href='/search/label/Producer VN' title='Producer VN'>Producer VN</a></h2></li><br />
<li><h2><a href='/search/label/Video' title='Videos Clip'>Videos Clip</a></h2></li></div><br />
<b>Tìm <span style="color: red;">http://matxac2012-helloximo.blogspot.com</span> thay bằng tên miền của bạn</b><br />
<br />
Để hiện thị icon <img border="0" src="http://2.bp.blogspot.com/-6RNVBB49FrE/TtE9DbAzYbI/AAAAAAAAAhk/op-DwuTfzr0/s1600/new.gif" /> , <img border="0" src="http://1.bp.blogspot.com/-lK5bhdfrn8A/TtE9D0czHZI/AAAAAAAAAho/f_e6oMsUwFc/s1600/hot.gif" /> , <img border="0" src="http://3.bp.blogspot.com/-ecYvNfAN4HI/TtbyoKZ45CI/AAAAAAAAAic/iZFjevSGmfE/s1600/video.gif" /> bạn cần thêm nhãn có tên tương tự là <b>New</b> , <b>Hot</b> , <b>Video</b><br />
<br />
Cách post nhạc, đọc bài này: <b><a target="_blank" href="http://www.bay68.com/2012/08/ancmusic-edition-plugin-ho-tro-nghe-nhac.html">http://www.bay68.com/2012/08/ancmusic-edition-plugin-ho-tro-nghe-nhac.html</a></b><br />
<br />
Mục <b>Video Dance Remix</b> ở Sidebar vào Cài đặt -> Thiết kế -> chỉnh sửa tiện ích Video Dance Remix chèn vào<br />
<div class="codeview"><div align="center" class="videox"><br />
<script>document.write("<script src=\"/feeds/posts/default/-/Video?max-results="+5+"&orderby=published&alt=json-in-script&callback=bayvideo\"><\/script>");</script><br />
</div><br />
</div><center><br />
Thêm 1 pic ảnh demo bài viết<br />
<a href="http://3.bp.blogspot.com/-bDRgnU2t3Vs/UAlGqRcCiHI/AAAAAAAAAb0/Qb-dt9KkwWs/s1600/matxac-2012-blogger-templates-bay68-com.JPG"><img width="480px" border="0" src="http://3.bp.blogspot.com/-bDRgnU2t3Vs/UAlGqRcCiHI/AAAAAAAAAb0/Qb-dt9KkwWs/s1600/matxac-2012-blogger-templates-bay68-com.JPG" /></a><br />
</center><br />
Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé <br />
<style>
a#dm, .post-body a#dl {padding : 5px 10px;margin: 2px 3px;color:#fff;font-weight:bold;}
a#dm {background: #008AE6}
a#dl {background: #1F1F1F}
a#dm:hover {background: #E60017}
a#dl:hover {background: #E60017}
</style>Unknownnoreply@blogger.com21tag:blogger.com,1999:blog-82433928586953437.post-69381000029363263402012-07-20T18:51:00.001+07:002012-07-20T18:58:09.590+07:00AncMusic Edition - Plugin hỗ trợ nghe nhạcChắc hẳn ai làm blog music và phim hầu như đều quen thuộc với Plugin này.<br />
Chức năng chính của nó là hỗ trợ play nhạc từ zippy, youtube, zing, nhaccuatui ...<br />
<br />
Mọi người đều biết Plugin ban đầu suzuki_aka viết khá sơ sài, vì vậy mình sẽ fix và update thêm 1 số tính năng.<br />
<br />
+ Hỗ trợ play ở IE<br />
+ Thêm nút download<br />
+ Sử dụng getlink để lấy link nhạc<br />
+ Hỗ trợ add skin<br />
.....<br />
<br />
<center><a arget="_blank" href="http://matxac2012-helloximo.blogspot.com/2012/02/nst-click-la-bay-toi-thien-uong-dj.html" id="dm">XEM DEMO</a></center><br />
<br />
<b>Hướng dẫn cài đặt:</b><br />
<br />
Trước hết bạn cần xác định trang <b>item</b> (trang bài viết) của blog , nội dung trang item sẽ được show ra qua thẻ <b><data:post.body/></b> <br />
thẻ này được nằm trong <b><b:includable id='post' var='post'></b><br />
<br />
Hãy chỉnh sửa thành <br />
<div class="codeview"><span style="color: blue;"><div id='</span><b style="color: blue;">Player</b><span style="color: blue;">'></span><br />
<span style="color: blue;"> <div align='center' id='</span><b style="color: blue;">playing</b><span style="color: blue;">'/></span><br />
<b style="color: red;"><data:post.body/></b> <br />
<span style="color: blue;"></div></span></div><br />
Chú ý: <span style="color: blue;"><div id='<b>Player</b>'></span> phải được bao quanh <div align='center' id='playing'/> và <data:post.body/> <br />
<br />
<span style="color: blue;"><div align='center' id='</span><b style="color: blue;">playing</b><span style="color: blue;">'/></span> đây là chỗ sẽ hiện thị khung player . bạn hãy đặt vào chỗ muốn hiện thị với giao diện Blog.<br />
<br />
Tiếp đó dán đoạn code sau trước thẻ <b></b><br />
<div class="codeview"><script src='http://bay68.googlecode.com/svn/trunk/friends/anc-music.js' type='text/javascript'/><br />
<script type='text/javascript'>//<![CDATA[ <br />
ANCMusic.Player(ANCMusic.up("Player"),"playing"); <br />
//]]></script></div><br />
Tiếp theo tìm <b>]]></b:skin></b> dán code css sau lên trước nó<br />
<br />
<div class="codeview">.buttons li, .buttons li a, .buttons li a span{float:left; height:27px; line-height:26px; background-image:url(http://4.bp.blogspot.com/--2KygnNlFeM/T2AYFzR-6UI/AAAAAAAAA0A/9IevgvlCTXU/s1600/btn.gif); background-position:0 -27px; background-repeat:no-repeat}<br />
.buttons li{margin-right:10px; background-position:0 -54px; background-repeat:repeat-x; float:none; display:inline-block; zoom:1; *display:inline; overflow:hidden}<br />
.buttons{margin:15px 0; overflow:hidden; text-align:center}<br />
.buttons li a span{background-position:right 0px}<br />
.buttons li a span span{padding:0 10px 2px 30px; height:25px}<br />
.buttons li.commentc a span span{background-image:url(http://1.bp.blogspot.com/-kwVsDVPVUoU/T2AYGXgpOsI/AAAAAAAAA0I/1s25xnsMLF8/s1600/btn_cmt.gif); background-position:6px 6px; background-repeat:no-repeat}<br />
.buttons li.download a span span{background-image:url(http://4.bp.blogspot.com/-xDYSsC68aTE/T2AYG7hrFEI/AAAAAAAAA0Q/SCzh4YLDExE/s1600/btn_dl.gif); background-position:6px 3px; background-repeat:no-repeat}<br />
.buttons li.warning a span span{background-image:url(http://3.bp.blogspot.com/-Gn1U34FOgtQ/T2AYHYOzunI/AAAAAAAAA0Y/tiKjCFGM7kM/s1600/btn_err.gif); background-position:6px 3px; background-repeat:no-repeat}<br />
.buttons li a{color:#fff !important}</div><br />
<b>Sử dụng:</b><br />
* Cách post nhạc như sau ( Post ở chế độ <b>HTML</b> của blog )<br />
<br />
<div class="codeview">[m]http://www8.zippyshare.com/v/62373339/file.html[/m]<br />
[m]http://www.youtube.com/watch?v=xEsuIB7H8SM[/m]<br />
[m]http://mp3.zing.vn/bai-hat/Quen-Cach-Yeu-Luong-Bich-Huu/ZW607CCF.html[/m]<br />
[m]http://mp3.zing.vn/video-clip/Dung-Buong-Tay-Anh-Ho-Quang-Hieu/ZW6IO8IU.html[/m]<br />
[m]http://www.nhaccuatui.com/mv4u/xem-clip/vku2SkirbZX4h/song-trong-ky-niem-quang-vinh.html[/m]<br />
[m]http://www.nhaccuatui.com/nghe?M=mDBrrZdtFl8t[/m]<br />
[m]http://www.nhaccuatui.com/nghe?L=dlXRd6DGxmNP[/m]</div><br />
<b>Ví dụ 1 bài: </b><br />
<br />
<div class="codeview">Nội dung của bài viết của bạn<br />
<div style="color: blue;"><b><!--more--></b></div>[m]http://www21.zippyshare.com/v/6050087/file.html[/m]</div><br />
<b style="color: red;">Chú ý:</b> Hãy cho <span style="color: blue;"><b><!--more--></b></span> vào trước link nhạc . điều này thực sự quan trọng để bạn ko bị rip mất data.<br />
Vào <b>Cài đặt</b> -> <b>Nguồn cấp Trang Web</b> -> Cho phép Nguồn cấp dữ liệu Blog -> Chọn: C<b>ho đến dấu ngắt</b><br />
<br />
<center><a arget="_blank" href="http://adf.ly/AvWeH" id="dl">DOWNLOAD GETLINK</a></center><br />
<br />
Do mình không có hosting để lưu trữ file getlink, vì vậy để cho link nhạc hoạt động ổn định bạn nên kiếm 1 hosting hỗ trợ cUrl up getlink nên <b>root</b> hosting của bạn<br />
<br />
Vì anh dũng chưa DNS lại nên sẽ có người ko vào được nên mình tạm support tại đây: <b><a arget="_blank" href="http://blog.bay68.com">http://blog.bay68.com</a></b><br />
<br />
Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé <br />
<br />
<style>
a#dm, .post-body a#dl {padding : 5px 10px;margin: 2px 3px;color:#fff;font-weight:bold;}
a#dm {background: #008AE6}
a#dl {background: #1F1F1F}
a#dm:hover {background: #E60017}
a#dl:hover {background: #E60017}
</style>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-82433928586953437.post-27665190571339300042012-07-05T16:25:00.003+07:002012-08-26T05:36:20.940+07:00Congly Blogger Theme ( Update )<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-aBJKk9wr1i0/T_VKO6646tI/AAAAAAAABI0/YKwLb9ORy-w/s1600/congly-blogger-templates-convert-helloximo.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-aBJKk9wr1i0/T_VKO6646tI/AAAAAAAABI0/YKwLb9ORy-w/s1600/congly-blogger-templates-convert-helloximo.PNG" width="241" /></a></div>Do khá nhiều người sử dụng theme này nên mình cập nhật thêm 1 số sửa đổi mà blogger update:<br />
+ Tối ưu tăng tốc độ load<br />
+ Slide bài mới nhất có thêm hình ảnh<br />
+ Fix không lưu được widget ở phần tử trang<br />
+ Sửa widget nhỏ trang lable ở phần tử trang<br />
+ Thêm thumbnail cho bài viết ở trang nhãn khi không có ảnh<br />
+ Thêm trang Archive cho blog<br />
+ Fix tìm kiếm = tìm kiếm blogger<br />
+ Tạo widget ở sidebar có khung bo viền<br />
+ Sử dụng phân trang mặc đinh<br />
+ Loại bỏ Menu sổ ngang<br />
+ Sử dụng comment phân cấp blogger<br />
<br />
<br />
<div class="separator" style="clear: both; color: #0b5394; text-align: center;"><b style="background: #24bde2; border: 1px solid #4adcff; color: white; padding: 5px 10px;"><!--demo--><a href="http://congly-helloximo.blogspot.com/" target="_blank">DEMO</a><!--demo--> | <!--dl--><a href="http://adf.ly/CEVCV" target="_blank">DOWNLOAD</a><!--dl--></b></div><br />
Hướng dẫn :<br />
Để sửa đổi theme bạn nên dùng <b>Notepad++</b> để dễ dàng sử dụng<br />
<b>1. Thay đổi logo tìm:</b><br />
http://4.bp.blogspot.com/-SvH6xyNEkkY/T-6yaYQGhiI/AAAAAAAABE8/7_aQzYPMao0/s1600/logos.png<br />
thay = link ảnh logo của bạn<br />
<br />
<b>2. Thay đổi link menu</b><br />
<img src="http://4.bp.blogspot.com/-YmG2zd3Xw_M/T_VM8ff3RsI/AAAAAAAABJo/UfJoTYwSZjg/s1600/menu.PNG" /><br />
<ul class='menu'><br />
<li><a href='/'><span>Home</span></a></li><br />
<li><a href='/search/label/<b><span style="color: red;">Destination</span></b>'><span><b style="color: red;">Menu1</b></span></a></li><br />
<li><a href='/search/label/<b><span style="color: red;">Destination</span></b> '><span><b style="color: red;">Menu2</b></span></a></li><br />
<li><a href='/search/label/<b><span style="color: red;">Destination</span></b> '><span><b style="color: red;">Menu3</b></span></a></li><br />
<li><a href='/search/label/<b><span style="color: red;">Destination</span></b> '><span><b style="color: red;">Menu4</b></span></a></li><br />
<li><a href='/search/label/<b><span style="color: red;">Destination</span></b> '><span><b style="color: red;">Menu5</b></span></a></li><br />
<li><a href='/search/label/<b><span style="color: red;">Destination</span></b> '><span><b style="color: red;">Menu6</b></span></a></li><br />
<li><a href='/search/label/<b><span style="color: red;">Destination</span></b> '><span><b style="color: red;">Menu7</b></span></a></li><br />
<li><a href='/search/label <b><span style="color: red;">Destination</span></b> '><span><b style="color: red;">Menu8</b></span></a></li><br />
<li><a href='/search/label/<b><span style="color: red;">Destination</span></b> '><span><b style="color: red;">Menu9</b></span></a></li> <br />
</ul><br />
<br />
Thay <b style="color: red;">Destination</b> và <b style="color: red;">Menu.. </b>thành các nhãn blog của bạn<b style="color: red;"> </b><br />
<br />
<b>3. Hiện thị các table ở trang chủ</b><br />
<br />
<img src="http://1.bp.blogspot.com/-0_pSA1b_OXQ/T_VOToEzR6I/AAAAAAAABJ0/RZZKbBg-oEU/s1600/show.PNG" /><br />
<br />
Tìm<br />
<div><br />
</div><div class='body-home'><br />
<div class='boxtitle'><br />
<h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/<b style="color: red;">Destination</b>' title='<b style="color: red;">Destination</b>'><b style="color: red;">Destination</b></a></span><br />
<span class='boxtitle3'/></h2><br />
<ul class='subbox'><br />
<li><a href='/search/label/<b style="color: blue;">Menu1</b>'><b style="color: blue;">Menu1</b></a></li><br />
<li>|</li><br />
<li><a href='/search/label/<b style="color: blue;">Menu2</b>'><b style="color: blue;">Menu2</b></a></li><br />
<li>|</li><br />
<li><a href='/search/label/<b style="color: blue;">Menu3</b>'><b style="color: blue;">Menu3</b></a></li><br />
</ul><br />
</div><br />
<div class='body-info'> <br />
<script>document.write("<script src=\"/feeds/posts/default/-/<b style="color: red;">Destination</b>?max-results="+7+"&orderby=published&alt=json-in-script&callback=helloximo02\"><\/script>");</script> <br />
</div> <br />
<div style='clear:both;'/> <br />
</div> <br />
<br />
Thay chữ in đậm màu đỏ và xanh thành các nhãn của bạn<br />
<br />
Và đây là data test nếu blog bạn chưa có bài viết nào<br />
Vào cài đặt và Import là có thể xem demo ngay<br />
<br />
<div class="separator" style="clear: both; color: #0b5394; text-align: center;"><b style="background: #24bde2; border: 1px solid #4adcff; color: white; padding: 5px 10px;"><a href="http://adf.ly/245592/banner/http://helloximo-com.googlecode.com/files/data-test-blog-helloximo.xml" target="_blank">Download Data Test</a></b></div>Unknownnoreply@blogger.com143tag:blogger.com,1999:blog-82433928586953437.post-66520962645702973662012-07-02T08:50:00.001+07:002012-07-02T09:23:01.493+07:00Giải pháp Blogger bị chặn 02/07/2012<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-L1RCN11hj64/T_D-Hg5MGfI/AAAAAAAAArw/io18od3R0iw/s1600/stop.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="319" src="http://1.bp.blogspot.com/-L1RCN11hj64/T_D-Hg5MGfI/AAAAAAAAArw/io18od3R0iw/s320/stop.jpg" width="320" /></a></div><span style="color: black;">Thứ 2 đầu tuần thức dậy đã bị chặn rồi </span>lại ngồi check IP <br />
<br />
<span style="font-size: small;"><b>Demo test </b></span><span style="font-size: small;"><b>thử</b></span><span style="font-size: small;"><b> ok : <a href="http://www.topphimtuan.com/" target="_blank">http://www.topphimtuan.com</a></b></span><br />
<b><br />
or : <a href="http://www.helloximo.com/" target="_blank">http://www.helloximo.com</a></b><br />
<br />
Giải pháp:<br />
<br />
Các bạn truy cập<b> <i>Domain</i> Manager</b> xóa hết các <b>Records </b> cũ, rồi DNS tới địa chỉ IP sau là ok<br />
<b><br />
</b><b><span style="font-size: medium;">74.125.71.121</span></b> <br />
<br />
Chúc vui vẻ <img alt="" border="0" class="inlineimg" src="http://freecode.vn/for@um/images/smilies/new1/xinchao[1].gif" title="xinchao" />Unknownnoreply@blogger.com31tag:blogger.com,1999:blog-82433928586953437.post-23557837132209264102012-06-28T09:56:00.001+07:002012-06-28T10:05:43.241+07:00Các truy vấn cơ bản với Blogspot<div dir="ltr" style="text-align: left;" trbidi="on">
Hầu như ai cũng biết đến một câu truy vấn thông dụng, hôm nay mình sẽ giúp các bạn hiểu rõ hơn một chút, làm BlogSpot nghe chừng lại càng đơn giản ..Rất thuận tiện cho các bạn trong việc RipTemp, Design Template cho BlogSpot.<br />
<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-6ZziOiwt-ts/T-vHyp2Rh4I/AAAAAAAAEg8/LIQWxf1KNhc/s1600/nosql.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="189" src="http://3.bp.blogspot.com/-6ZziOiwt-ts/T-vHyp2Rh4I/AAAAAAAAEg8/LIQWxf1KNhc/s320/nosql.png" width="320" /></a></div>
Mình muốn nhắc đến câu lệnh này :<br />
<br />
<div class="codeview">
/feeds/posts/default/-/ThuthuatBlog?start-index=1&max-results=44&alt=json-in-script&callback=ancdata</div>
<br />
<br />
Trước tiên, mình được biết Cơ sở dữ liệu của Blogspot là một file XML. Nó là một dạng CSDL NoSQL.<br />
<br />
NoSQL :<br />
<br />
<blockquote class="tr_bq">
Là những cơ sở dữ liệu không dùng mô hình dữ liệu quan hệ để quản lý dữ liệu, có thể lưu trữ, xử lý từ một lượng rất nhỏ cho tới hàng petabytes dữ liệu trong hệ thống có độ chịu tải, lỗi cao với những đòi hỏi về tài nguyên phần cứng thấp.</blockquote>
<br />
<blockquote class="tr_bq">
Một số đặc điểm nhận dạng cho thế hệ database mới này bao gồm: schema-free, hỗ trợ mở rộng dễ dàng, API đơn giản, eventual consistency (nhất quán cuối) và/hoặc transactions hạn chế trên các thành phần dữ liệu đơn lẻ, không giới hạn không gian dữ liệu,...</blockquote>
<br />
Như vậy các bạn chỉ cần tập trung vào nghiên cứu phần API (Truy vấn bằng Json) của nó. Tuy nhiên, vấn đề đó chỉ dành cho các bạn ưa tìm hiểu thôi..<br />
<br />
Nhưng câu lệnh mình đưa ra có nghĩa ra sao, chúng ta cùng phân tích. Minh sẽ giải thích một cách đơn giản nhất.<br />
<br />
Truy vấn Tag (Label) :<br />
<br />
<div class="codeview">
/feeds/posts/default/-/<span style="color: red;">label</span>?start-index=<span style="color: red;">vitribatdau</span>&max-results=<span style="color: red;">soluonglayra</span>&alt=json-in-script&callback=<span style="color: red;">hamgoi</span></div>
<span style="color: red;"><br /></span><br />
Truy vấn Search (Tìm kiếm)<br />
<br />
<div class="codeview">
/feeds/posts/default/?q=<span style="color: red;">tukhoa</span>&start-index=<span style="color: red;">vitribatdau</span>&max-results=<span style="color: red;">soluonglayra</span>&alt=json-in-script&callback=<span style="color: red;">hamgoi</span></div>
<br />
<br />
Truy vấn bài viết mới xuất bản<br />
<br />
<div class="codeview">
/feeds/posts/default/?start-index=<span style="color: red;">vitribatdau</span>&max-results=<span style="color: red;">soluonglayra</span>&alt=json-in-script&callback=<span style="color: red;">hamgoi</span></div>
<br />
<span style="color: red;"><br /></span><br />
Những câu lệnh truy vấn trên mình muốn đưa tới cho các bạn đã biết và sử dụng thành thạo blogspot. Trong thời gian tới, mình sẽ cố gắng nghiên cứu sâu làm hoàn thiện tools ANCLoad Data cho tất cả các bạn chưa biết hoặc đã biết tới các câu lênh truy vấn trên đều có thể sử dụng.<br />
<br />
Mình là <b><span style="color: blue;">Anh.NC</span></b> đến từ Blog<b> <a href="http://anctemp.blogspot.com/" target="_blank">ANCTemp</a></b></div>Unknownnoreply@blogger.com12tag:blogger.com,1999:blog-82433928586953437.post-71966954645793423742012-06-19T11:54:00.003+07:002012-06-19T11:55:40.361+07:00Nâng cấp ANC Gdata lên phiên bản 2.<div dir="ltr" style="text-align: left;" trbidi="on">
Dự án này của mình xuất phát từ cái lười thực tại và cần độ chính xác cao. <a href="http://www.fandung.com/2011/12/lay-link-youtube-hanh-loat-cho-ancmedia.html" target="_blank">Gdata</a> (v.1) có lẽ với nhiều blogger chuyên về post phim thì chắc rất rõ.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-_xmAPrmM-TE/T-AGGC59UtI/AAAAAAAAEWI/xCtDf8wWnN8/s1600/itgatevn_43797890000.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="http://4.bp.blogspot.com/-_xmAPrmM-TE/T-AGGC59UtI/AAAAAAAAEWI/xCtDf8wWnN8/s320/itgatevn_43797890000.jpg" width="320" /></a></div>
<br />
<br />
Phiên bản này mình đã hỗ trợ nhiều cả cho các loại blog hay lấy link lên các diễn đàn. Tự động đánh số hay không đánh số.<br />
<br />
Lấy hàng loạt link youtube tại đây : <a href="http://www.maphim.net/p/gdata.html" target="_blank"> Gdata</a><br />
<br />
Một số hình ảnh :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-LC4L-KpvGAM/T-AFjTVTX6I/AAAAAAAAEVg/xjkLCywGpTY/s1600/main.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="http://3.bp.blogspot.com/-LC4L-KpvGAM/T-AFjTVTX6I/AAAAAAAAEVg/xjkLCywGpTY/s400/main.JPG" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-oSnEmboljFY/T-AFkcF1X0I/AAAAAAAAEVo/36L00faEIWg/s1600/v1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="http://4.bp.blogspot.com/-oSnEmboljFY/T-AFkcF1X0I/AAAAAAAAEVo/36L00faEIWg/s400/v1.JPG" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-LzkPavEKDGo/T-AFlBBeLFI/AAAAAAAAEVw/fPtTCPwfcKQ/s1600/v2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="http://4.bp.blogspot.com/-LzkPavEKDGo/T-AFlBBeLFI/AAAAAAAAEVw/fPtTCPwfcKQ/s400/v2.JPG" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-8i3780eBfrQ/T-AFlj55EjI/AAAAAAAAEV4/OgS-TKEH8AQ/s1600/v3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="http://3.bp.blogspot.com/-8i3780eBfrQ/T-AFlj55EjI/AAAAAAAAEV4/OgS-TKEH8AQ/s400/v3.JPG" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-uxepYOAL_zE/T-AFmrAHylI/AAAAAAAAEV8/dw5XeTBkSpQ/s1600/v4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="http://4.bp.blogspot.com/-uxepYOAL_zE/T-AFmrAHylI/AAAAAAAAEV8/dw5XeTBkSpQ/s400/v4.JPG" width="400" /></a></div>
<br />
Link gửi vào đang ở dạng playlist.<br />
<br />
VD : http://www.youtube.com/playlist?list=PL99314DC79111E253&feature=plcp<br />
<br />
Phiên bản tới sẽ cập nhập thêm chức năng lấy video từ người dùng, từ khoá tìm kiếm .. .v.v</div>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-82433928586953437.post-88151503199908179622012-06-18T02:52:00.001+07:002012-06-18T09:27:21.479+07:00Hướng dẫn config domain cho hầu hết các mạng.<div dir="ltr" style="text-align: left;" trbidi="on">
Chắc có lẽ cũng nhiều bạn băn khoăn như mình. Hôm nay mình sẽ làm rõ vẫn đề để tất cả cùng hiểu, tại sao site các bạn lại không vào được
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Ru0YkpMT63k/T96SA6vECLI/AAAAAAAAETc/qSXPZdXV_Lw/s1600/help.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Ru0YkpMT63k/T96SA6vECLI/AAAAAAAAETc/qSXPZdXV_Lw/s1600/help.jpg" /></a></div>
<br />
<br />
Một lá thư được gửi cho mình :<br />
<br />
<span style="color: #3d85c6;"><i>Hiện nay nhà mạng VNPT đã chặn blogspot rất chặc chẽ, nhiều website sử dụng blogspot có tên miền riêng như www.fandung.com, www.vnblogspot.com, www.marketingvn.name.vn,... vào lúc được lúc không, lúc không được thì nhiều hơn, đặc biệt vào buổi tối và thứ 7, CN. Nhưng mình thấy website của bạn www.maphim.net vào lúc nào cũng được, chưa bao giờ mình thấy không vào được.</i></span><br />
<span style="color: #3d85c6;"><i><br /></i></span><br />
<span style="color: #3d85c6;"><i>Vậy bạn có thể chỉ giúp mình cách mà bạn áp dụng cho www.maphim.net được không?</i></span><br />
<span style="color: #3d85c6;"><i><br /></i></span><br />
<span style="color: #3d85c6;"><i>Mình đang rất cần sự giúp đỡ về việc này, mong bạn sẽ giúp mình!</i></span><br />
<span style="background-color: white;">.</span><br />
Thứ nhất, các site lớn như fandung, vnblogspot cấu hình ra sao ?<br />
<br />
Các đàn anh vẫn sử dụng ghs.google.com, với fandung có lẽ là do bận gì đó hoặc công tác quên chăm sóc blog của mình. VnBlogspot thì khách viếng chủ yếu là ở Blogitem nên có lẽ không quan tâm tình trạng này.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-oREtQ7nteqI/T9401BWR-OI/AAAAAAAAESc/6eZuTQyURbg/s1600/ANCGroup-ANC-Group-Blogspot-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="http://2.bp.blogspot.com/-oREtQ7nteqI/T9401BWR-OI/AAAAAAAAESc/6eZuTQyURbg/s400/ANCGroup-ANC-Group-Blogspot-.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-ghF4bkr1Pc8/T9401h7EEaI/AAAAAAAAESk/GgdE0gjvkZU/s1600/ANCGroup-ANC-Group-Blogspot3-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://2.bp.blogspot.com/-ghF4bkr1Pc8/T9401h7EEaI/AAAAAAAAESk/GgdE0gjvkZU/s400/ANCGroup-ANC-Group-Blogspot3-.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-OwYKGJzG3BY/T943bY8SvmI/AAAAAAAAES8/NlL-qS_uPqE/s1600/ANCGroup-duypham-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="http://2.bp.blogspot.com/-OwYKGJzG3BY/T943bY8SvmI/AAAAAAAAES8/NlL-qS_uPqE/s400/ANCGroup-duypham-.jpg" width="400" /></a></div>
<br />
<br />
<br />
Thứ 2, domain bạn gửi thư cho mình.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-hXbZSypXDoA/T9402nDN4YI/AAAAAAAAES0/cc64pv9YRXU/s1600/ANCGroup-marketing-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="http://3.bp.blogspot.com/-hXbZSypXDoA/T9402nDN4YI/AAAAAAAAES0/cc64pv9YRXU/s400/ANCGroup-marketing-.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Thứ 3 là domain maphim.net
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Jxqvw6c8NJ0/T9402GP2DKI/AAAAAAAAESs/zg1pIasV9kA/s400/ANCGroup-maphim.net-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://3.bp.blogspot.com/-Jxqvw6c8NJ0/T9402GP2DKI/AAAAAAAAESs/zg1pIasV9kA/s400/ANCGroup-maphim.net-.jpg" width="400" /></a></div>
<br />
BlogSpot<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/--ZDXE4FGudc/T944J5CuVGI/AAAAAAAAETE/QegO6T6hta8/s1600/ANCGroup-teteit-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="http://2.bp.blogspot.com/--ZDXE4FGudc/T944J5CuVGI/AAAAAAAAETE/QegO6T6hta8/s400/ANCGroup-teteit-.jpg" width="400" /></a></div>
<br />
Blogger<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Fy-butlaWms/T94499cAVuI/AAAAAAAAETQ/F8tH0bVEsAk/s1600/ANCGroup-blogger-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="121" src="http://1.bp.blogspot.com/-Fy-butlaWms/T94499cAVuI/AAAAAAAAETQ/F8tH0bVEsAk/s400/ANCGroup-blogger-.jpg" width="400" /></a></div>
<br />
<br />
Hiện tại thì chưa có thời gian nghiên cứu kỹ hết các cách giúp blogspot thoát khỏi tình trạng này. Nếu có cách hay mình sẽ sớm chia sẻ và cập nhật.<br />
<br />
<br />
Mình đã thêm cả 2 ip : <b>74.125.51.121</b> và <b>216.239.34.21, </b>nếu bị chặn khung giờ nào thì sẽ tự động đổi sang ip còn lại..<br />
<br />
(Ping lúc : 2h30 // 18.06.2012)<br />
<br /></div>Unknownnoreply@blogger.com24tag:blogger.com,1999:blog-82433928586953437.post-27636537474252282262012-06-09T17:02:00.000+07:002012-06-09T17:25:46.587+07:00Khắc phục hiện tượng chặn web của VNPT.<div dir="ltr" style="text-align: left;" trbidi="on">
Hôm qua mình đau đầu với cái mạng VNPT. Chả hiểu sao nó lại chặn web của mình, trong khi đó domain blogger.com và *.blogspot.com lại vào ngon lành. Chả nhẽ lại chuyển về cái domain free à. Thế thì bao nhiêu công lao gây dựng đi tong sao ?<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-KaH0ujZNVuw/T9MfEle5I-I/AAAAAAAAEGc/WaBhyb_rwXg/s1600/19535-117043-hcm-lap-dat-internet-toc-do-cao-vnpt.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="http://4.bp.blogspot.com/-KaH0ujZNVuw/T9MfEle5I-I/AAAAAAAAEGc/WaBhyb_rwXg/s320/19535-117043-hcm-lap-dat-internet-toc-do-cao-vnpt.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Phải chăng là câu nói đúng ?</td></tr>
</tbody></table>
<br />
<br />
Ngồi suy nghĩ một lúc. Đã tìm ra !<br />
<br />
Hôm trước tất cả các dịch vụ của Google bị VNPT làm nháo nhác cả lên, trong khi đó mình dùng ké wifi FPT của hàng xóm thì chả làm sao. Đến một số file js của mình cũng "Not Found". Ắt hẳn nó đã chặn cái NameSever của Google rồi <span style="color: red;">(ghs.google.com.).</span><br />
<span style="color: red;"><br /></span><br />
Ping thử 2 domain :<br />
<br />
= > <a href="http://maphim.net/">maphim.net</a> của mình nó ra ip <b><span style="color: #3d85c6;">67.208.74.71</span></b><br />
= > blogger.com và blogspot.com thì là <b><span style="color: #3d85c6;">74.125.71.191</span></b><br />
<b><span style="color: #3d85c6;"><br /></span></b><br />
<b><span style="color: #3d85c6;"><br /></span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-jHJ1RJ028vA/T9MevHzQXSI/AAAAAAAAEGU/faUQb96RKJY/s1600/pingma.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="http://3.bp.blogspot.com/-jHJ1RJ028vA/T9MevHzQXSI/AAAAAAAAEGU/faUQb96RKJY/s400/pingma.png" style="cursor: move;" width="400" /></a></div>
<b><span style="color: #3d85c6;"><br /></span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ZYLO1lY2Byo/T9MeuHkTGTI/AAAAAAAAEGM/QomtZUWBocM/s1600/pingha.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="http://4.bp.blogspot.com/-ZYLO1lY2Byo/T9MeuHkTGTI/AAAAAAAAEGM/QomtZUWBocM/s400/pingha.png" width="400" /></a></div>
<br />
<b><span style="color: #3d85c6;"><br /></span></b><br />
<b><span style="color: #3d85c6;"><br /></span></b><br />
Nhiều bạn chắc đã ngấm ra rồi...<br />
<br />
Mình xem lại, mình đặt Cname cho domain của mình hướng về host Google. Hic, bảo sao. Trang của anh Dũng thì không bị sao (fandung.com), vậy là chắc chắn anh Dũng đã add cả <b>A Record</b> với ip là <b>74.125.53.121 </b>như hướng dẫn trước đây tại trang Support của Blogger.<br />
<br />
Hiện tại mình vào thì không thấy, nhưng trên mạng rất nhiều bài hướng dẫn, mọi người có thể tìm từ khoá sau :<br />
<br />
<span style="color: red;">"add domain vào blogspot"</span><br />
<b><br /></b><br />
<b>Kết luận : </b>Khi add domain mọi người nên đổi CName thành A Record với ip là 74.125.53.121 nhé.<br />
Yên tâm dùng cái này, nếu VNPT mà chặn thì đảm bảo VNPT sẽ sớm phá sản.<br />
<br />
Chúc mọi người thành công !<br />
<br />
(Suzuki_aka & ANC Group)</div>Unknownnoreply@blogger.com25tag:blogger.com,1999:blog-82433928586953437.post-38461426726266545642012-06-09T16:58:00.003+07:002012-06-10T18:07:18.259+07:00Giải pháp VNPT chặn blogger ngày 09/06/2012<b style="color: red;">Chú ý </b>: Nhiều bạn DNS sai do chưa DNS được www <span style="background-color: black; color: blue;"></span><span style="color: blue;"><span style="color: black;">nên vẫn chưa được </span></span><b style="color: blue;"><span style="color: black;"><br />
</span></b><br />
<b style="color: blue;"><span style="color: black;"> - Xóa bỏ DNS tới</span> ghs.google.com</b><b> trước khi DNS tới 4 IP. </b><br />
<b> - DNS cả <span style="color: blue;">root</span> và <span style="color: blue;">www</span> tới IP . Trong đó<span style="background-color: blue; color: red;"></span> phải DNS <span style="color: blue;">www</span> tới 4 IP là<span style="background-color: white;"></span> quan trọng nhất . vì blogger chỉ nhận <span style="color: blue;">www</span> , <span style="color: blue;">root </span>chỉ có tác dụng </b><b>chuyển hướng</b><b> tới <span style="color: blue;">www</span> khi vào Blogger chọn -> cài đặt -> Xuất bản -> Đánh dấu ô chuyển hướng <span style="color: blue;">hoặc</span> </b><b>chuyển hướng</b><b> ở CP Domain </b><b>Manager</b><br />
<b> - Để kiểm tra -> Ở PC chọn Start -> Run... -> hiện ra cửa sổ nhập vào : <span style="color: blue;">ping www.domain.com -t <span style="color: black;">-> Enter để xem đã DNS về 1 trong 4 IP chưa . ( nhớ là phải có www nha )</span></span></b><br />
<b> ---------------------------------------------------------------------------</b> <br />
Đang buồn on Y!M thì thấy mấy bạn PM blogger ko vào được do mạng VNPT chặn.<br />
Nay mình sẽ hướng dẫn giải pháp tạm thời để mọi người có thể truy cập được blog của bạn dù là mạng gì mà không cần sử dụng đến phần mềm hỗ trợ.<br />
Thực chất hiện tại VNPT đang chặn IP liên quan đến DNS <b>ghs.google.com. </b>chứ không chỉ chặn riêng đuôi <b>.blogspot.com</b> như trước.<br />
Nguyên nhân chặn mình nghĩ vì VN sử dụng <b>facebook, blogspot ... </b>(đường truyền quốc tế) nhiều mà chưa thu được lại lợi nhuận do giá thành cao hơn đường truyền trong nước nên nhà mạng tạm khóa IP để ko bị thua lỗ.<br />
<b>Demo test thử site mình ok : <a href="http://www.topphimtuan.com/">http://www.topphimtuan.com</a></b><br />
Vì vậy ta có thể sử 4 IP blogger của google để DNS sử dụng cho ổn định<br />
Các bạn truy cập <b>Domain Manager</b> để DNS cấu hình tới 4 địa chỉ IP lần lượt như sau<br />
<b>216.239.32.21</b><br />
<b>216.239.34.21</b><br />
<b>216.239.36.21</b><br />
<b>216.239.38.21</b><br />
<br />
Hình ảnh ví dụ domain DNS tại sitelutions.com , với<b> <span style="color: red;">root</span> </b>và<b> <span style="color: red;">www</span></b><span style="color: red;"> </span>đều add = IP cho ổn định ( kể cả sub )<br />
<div style="color: blue;"><b><br />
</b></div><div style="color: blue;"><b>1. Chọn [Advanced Config & DDNS] để DNS</b></div><a href="http://3.bp.blogspot.com/-uBGmRMWOIxE/T9McnOYiBdI/AAAAAAAAArc/_e-zL7E19Oc/s1600/chondns-helloximo.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="http://3.bp.blogspot.com/-uBGmRMWOIxE/T9McnOYiBdI/AAAAAAAAArc/_e-zL7E19Oc/s1600/chondns-helloximo.JPG" width="827" /></a><br />
<div style="color: blue;"><b><br />
</b></div><div style="color: blue;"><b>2. Chọn [Add Record] DNS tới 4 IP trên</b></div><a href="http://2.bp.blogspot.com/-RYHPvAQliTc/T9McmWfxW5I/AAAAAAAAArY/2Q7yOO_2Mfo/s1600/add+dns-helloximo.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="543" src="http://2.bp.blogspot.com/-RYHPvAQliTc/T9McmWfxW5I/AAAAAAAAArY/2Q7yOO_2Mfo/s1600/add+dns-helloximo.JPG" width="774" /></a><br />
<br />
Với các Domain Manager khác cũng DNS tương tự<br />
<i>Chúc các bạn thành công</i>Unknownnoreply@blogger.com28tag:blogger.com,1999:blog-82433928586953437.post-63686514118585362692012-04-24T22:22:00.001+07:002012-04-24T22:41:44.941+07:00Tạo thumb cho bài đăng phổ biến<div dir="ltr" style="text-align: left;" trbidi="on">
" Ức chế quá với cái thumb, bé tý xíu thế này, xấu thật... "<br />
<br />
Đã bao giờ bạn phải thốt lên như thế này chưa. Định dạng mặc định của ảnh trong <i><b>Blog</b> </i> và <b><i>PopularPosts</i> </b>là 72x72. Nhiều bạn không thích với định dạng này nhưng vẫn phải cố sử dụng như một sự ép buôc. Nhưng nếu dân tình kêu ca nhiều thì chắc Google cũng phải nghĩ đến giải pháp cho một cái biến ảnh ban đầu. Chờ thì hơi sốt ruột.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Nzd2fUX7LQw/T5bHebiUdhI/AAAAAAAADbc/a3hR5bkd3Gc/s1600/watch-on-thumbnail-timex-competition-1.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="http://4.bp.blogspot.com/-Nzd2fUX7LQw/T5bHebiUdhI/AAAAAAAADbc/a3hR5bkd3Gc/s320/watch-on-thumbnail-timex-competition-1.jpeg" width="320" /></a></div>
<br />
<br />
Mình đã tìm ra một quy luật rất hay muồn chia sẻ cùng các bạn, nếu các bạn để ý link thumb này sẽ có định dạnh như sau.<br />
<br />
<div class="codeview">
VD : http://2.bp.blogspot.com/-aNmJv1T0OD8/T47tik6x-EI/AAAAAAAAAEw/_O8hvj2xbSM/<b><span style="color: red;">s72-c</span></b>/xem-phim-Giay+thuy+tinh-maphim.net.JPG</div>
<br />
Hãy chú ý đến phần mình bôi đỏ, đó chính là định dạng mà Google quy định. Nếu bạn thay thử các con số khác vào số 72 ta sẽ được các hình ảnh tương ứng với kích cỡ đó. Và nó là hình vuông.<br />
<br />
Kích thước tối đa là 2000px.<br />
<br />
Từ đó mình viết lên một hàm <b>convertThumb</b> có chức năng tương ứng <b>createSummaryAndThumb, </b>sử dụng thì chắc không khó. Áp dụng với cả 2 widget mà Blogspot đã cho. Mình nghĩ ưu điểm của hàm này so với hàm của các Blogger nước ngoài sẽ nhanh và tốt hơn.<br />
<br />
<div style="text-align: center;">
<a href="http://radio23h.maphim.net/" target="_blank">Demo </a></div>
<br />
<b>Hàm convert :</b><br />
<br />
<div class="codeview">
<br />
function converthumb(img,s,w,h,url,tit){<br />
if(Number(s) > 2000){s = 2000;}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>img = img.replace(/s72/gi,"s"+s+"");<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>if(url != "" || tit != ""){<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>data = '<img alt="'+tit+'" src="'+img+'" width="'+w+'" height="'+h+'"/>';<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}else{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>data = '<a href="'+url+'" rel="'+tit+'"><img alt="'+tit+'" src="'+img+'" width="'+w+'" height="'+h+'"/></a>';<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>document.write(data);<br />
}<br />
<br /></div>
<br />
Các biến truyền vào :<br />
<div class="codeview">
<b>- img</b> là link của các biến sau : data:post.thumbnailUrl (Blog), data:post.thumbnail (PopularPosts)<br />
- s : kích thước bạn muốn convert từ 72 sang.<br />
- w : chiều rộng của ảnh được hiển thị.<br />
- h : chiều cao của ảnh được hiển thị.<br />
- url : là link truyền vào data:post.href (PopularPosts), data:post.url (Blog)<br />
- tit : tiêu đề truyền vào data:post.title (cả 2)</div>
<br />
Sử dụng<br />
<br />
<i><span style="color: orange;"> - Đầu tiên bạn copy và save với định dạng file convert.js sau đó up lên host nào đó.</span></i><br />
<br />
<b><span style="color: #cc0000;">1. Blog</span></b><br />
<b><span style="color: #cc0000;"><br /></span></b><br />
VD: mình muốn lấy ảnh 800, rộng 300, cao 250<br />
<br />
<div class="codeview">
<br />
<b:if cond='data:post.thumbnailUrl'><br />
<script><br />
converthumb("<data:post.thumbnailUrl/>","800","300","250","","<data:post.title/>");<br />
</script><br />
<b:else/><br />
<img src="http://megafun.vn/dataimages/201203/original/images682717_thienthan3.jpg" width="300" height="250"/> <span style="color: #6aa84f;"><!-- nếu không có thumb sẽ hiển thị ảnh này --></span><br />
</b:if><br />
<br /></div>
<br />
<b><span style="color: #cc0000;">2. PopularPosts</span></b><br />
<br />
Tương tự:<br />
<br />
<div class="codeview">
<br />
<b:if cond='data:post.thumbnail'><br />
<script><br />
converthumb("<data:post.thumbnail />","800","300","250","","<data:post.title/>");<br />
</script><br />
<b:else/><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><a class='poster' expr:rel="data:post.title" expr:href='data:post.href'><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><img expr:alt="data:post.title" border='' height='250px' src='http://megafun.vn/dataimages/201203/original/images682717_thienthan3.jpg' width='300px'/><br />
</a><span class="Apple-tab-span" style="white-space: pre;"> </span><br />
</b:if><br />
<br /></div>
Theo yêu cầu của <i>netdohoa.com</i><br />
<br />
<i>Chúc các bạn thành công !</i></div>Unknownnoreply@blogger.com23tag:blogger.com,1999:blog-82433928586953437.post-47074944735130640092012-04-23T02:32:00.000+07:002012-04-23T02:42:49.948+07:00Tạo lại header cho chuẩn Seo<div dir="ltr" style="text-align: left;" trbidi="on">
Như các bạn đã biết BlogSpot giờ không thua kém các người anh em cùng họ. Phần mô tả đã cung cấp đầy đủ đến tận các bài viết con (item).. Nhưng nhiều bạn chưa biết cách vận dụng hết các chức năng đó. Trong phần đầu tiên này mình sẽ giới thiệu về phần "Mô tả", có thể coi đây là tóm tắt nội dung của bài viết, giúp cho các rotbot có thể tìm kiêm dễ dàng.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-PX9iBPNkTyg/T5RcpfRStTI/AAAAAAAADWU/KaObzOHA1_s/s1600/meta-tag-blogspot.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="http://2.bp.blogspot.com/-PX9iBPNkTyg/T5RcpfRStTI/AAAAAAAADWU/KaObzOHA1_s/s320/meta-tag-blogspot.jpg" width="320" /></a></div>
<br />
<br />
Đầu tiên, các bạn vào phần<span style="color: #cc0000;"> Cài đặt >> Tuỳ chọn tìm kiếm >></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-h6dU2dQSIKA/T5RZXM-4wtI/AAAAAAAADWE/DL6Aus6CguM/s1600/mote.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="http://2.bp.blogspot.com/-h6dU2dQSIKA/T5RZXM-4wtI/AAAAAAAADWE/DL6Aus6CguM/s400/mote.PNG" width="400" /></a></div>
<br />
- Bật phần mô tả lên, nội dung mà bạn gõ vào chính là phần mô tả ở trang home.<br />
<br />
- Để hiện phần mô tả cho trang con thì làm như thế nào.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-pIVh1oj8kUI/T5RZ7pmnpFI/AAAAAAAADWM/Sbeq9REYuTk/s1600/mote2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/-pIVh1oj8kUI/T5RZ7pmnpFI/AAAAAAAADWM/Sbeq9REYuTk/s400/mote2.PNG" width="237" /></a></div>
<br />
- Bạn copy một đoạn trong bài viết và dán vào dây.<br />
<br />
Bạn có thể <span style="color: #0b5394;">viewsource</span> trang sau để thấy rõ :<br />
<br />
<div style="text-align: center;">
<a href="http://www.maphim.net/2012/04/vicky-va-bau-vat-cua-chua-full.html" target="_blank">http://www.maphim.net/2012/04/vicky-va-bau-vat-cua-chua-full.html</a></div>
<br />
<b><span style="color: #cc0000;">Nhưng câu hỏi đặt ra như sau, nhiều khi bạn quên không copy, hay với data 1k bài viết có sẵn của bạn phải làm sao để có 1k mô tả. Bạn phải đi copy cho từng bài :((..Phát ốm luôn. !</span></b><br />
<br />
Mình sẽ chỉ các bạn các fix sau đây.<br />
<br />
Copy và thay thế đoạn code bạn đang có nằm giữa <head> và <b:skin><br />
<br />
<div class="codeview">
<b:include data='blog' name='all-head-content'/><br />
<span style="color: #6aa84f;"><!-- title, keyword --></span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><b:if cond='data:blog.url == data:blog.homepageUrl'><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><title><data:blog.pageTitle/></title><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><meta content=' <span style="color: #cc0000;">nhập các từ khoá của bạn</span> ' name='keywords'/><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><b:else/><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><b:if cond='data:blog.pageType == "item"'><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><title><span style="color: #cc0000;">Thủ thuật</span> <data:blog.pageName/> | <span style="color: #cc0000;">24h online</span> </title><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><b:else/><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><title><data:blog.pageName/> - <span style="color: #cc0000;">Teteit</span> </title><span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></b:if><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><meta name="keywords" expr:content="data:blog.pageName + &quot; <span style="color: #cc0000;">nhập các từ khoá của bạn</span> &quot;" /><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></b:if><br />
<span style="color: #6aa84f;"><!-- meta --></span><span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><meta name="robots" content="index, follow" /><span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><meta content="index, follow" name="GOOGLEBOT" /><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><meta content="index, follow" name="yahooBOT" /><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><meta name="author" content="suzuki_aka"/><span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span style="color: #6aa84f;"><!-- mota --></span><span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><b:if cond='data:blog.metaDescription == &quot;&quot;'><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><b:if cond='data:blog.url != data:blog.homepageUrl'><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><meta name="description" expr:content="data:blog.pageName + &quot; <span style="color: #cc0000;">nhập các mô tả chung, hoặc từ khoá</span> &quot;" /><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></b:if><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></b:if></div>
<br />
<i>Các từ khoá <span style="color: #cc0000;">màu đỏ</span> là phần bạn sẽ thay. </i><br />
<br />
= > Cho dù bạn có quên copy thì bạn vẫn có một mô tả, nhưng để có 1 mô tả đẹp thì bạn nên copy một đoạn nhỏ vào mô tả tìm kiếm. Và giờ có 1k bài viết bạn cũng chả lo ngại gì.<br />
<br />
Thêm một lưu ý rằng dòng lệnh :<br />
<br />
<div class="codeview">
<b:include data='blog' name='all-head-content'/>
</div>
<br />
<br />
rất quan trọng với blogspot, nếu có trót lỡ bỏ thì bạn hay thêm nó vào, nếu không bạn sẽ mất một vài index đấy ;)) . Nó bao gồm cả biến : <i><span style="color: #cc0000;">data:blog.metaDescription </span>(mình hay dùng nó thay cho data:post.snippet).</i><br />
<br />
Bài viết sau chắc mình sẽ giới thiệu một số page 404 độc độc, nghịch nghịch một chút. Giờ cũng muộn rồi nên ngừng gõ ở đây.<br />
<br />
<i>Chúc các bạn thành công !</i></div>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-82433928586953437.post-11756527970081636872012-03-22T18:39:00.002+07:002012-03-26T02:37:21.939+07:00BlogSpot cải thiện tính năng SEO cho blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<a href="http://1.bp.blogspot.com/-LhKv6lkPISk/T2sMxuAw-_I/AAAAAAAACmc/di5-D9_iseY/s1600/sieuluoi001.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" border="0" height="320" src="http://1.bp.blogspot.com/-LhKv6lkPISk/T2sMxuAw-_I/AAAAAAAACmc/di5-D9_iseY/s320/sieuluoi001.PNG" title="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" width="97" /></a>Blogger hôm nay đã cập nhật nhiều tính năng SEO mới cho Blogger. Phải tranh thủ xem qua mới rõ hết được, có lẽ giao diện blog cũ sẽ không được nâng cấp thêm. Các bạn hãy vào giao diện Blog mới để thiết kế tuỳ chỉnh. Địa chỉ giao diện mới <i><b><a href="http://draft.blogger.com/" target="_blank">tại đây.</a></b></i></div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
Một số điểm mới có thể kể ở đây, cụ thể là :<br />
<br /></div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<b><i>1. Thẻ mô tả </i></b><br />
<br />
- Tuy đã được hỗ trợ trong phần cài đặt chính nhưng nó vẫn được gom nhóm vào phần tìm kiếm chung cho blog của bạn. Hãy bật nó lên lần nữa nhé.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b><i> 2. Lỗi và chuyển hướng</i></b><br />
<br /></div>
<div style="text-align: left;">
- Bạn đã có thể tạo thông báo lỗi bằng các đoạn mã, hay ảnh hiển thị.</div>
<div style="text-align: left;">
- Tính năng chuyển hướng mới đã được cải thiện, giờ bạn có thể dùng javascript để tạo thêm các link cho mình. Một các hack tag SEO cho blog, mình sẽ sớm công bố tiện ích này, gộp chung nó vào phần tìm kiếm theo tag, keywords của từ khoá.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-cxZST0QyrK4/T2sMybtPvWI/AAAAAAAACmk/9fgtn6GAkjw/s1600/sieuluoi002.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" border="0" height="155" src="http://2.bp.blogspot.com/-cxZST0QyrK4/T2sMybtPvWI/AAAAAAAACmk/9fgtn6GAkjw/s320/sieuluoi002.PNG" title="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" width="320" /></a></div>
<br /></div>
<div>
- Mọi người có thể check thử link sau : ..<a href="http://sieuluoi.blogspot.com/tag/sieuluoi.html" target="_blank"> sieuluoi</a>, bạn sẽ nhận được thông báo <span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"><span style="color: red; font-style: italic;">Rất tiếc, trang bạn đang tìm trong blog này không tồn tại. </span></span>Nhưng với vài thủ thuật nhỏ ta sẽ biến nó thành một phần của Blog, như một Website hoàn thiện, hay đúng hơn là hoàn thiện.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-wRsOvCQ7Gks/T2sMz_jNxXI/AAAAAAAACmo/kv4QsTpSPtQ/s1600/sieuluoi003.PNG" imageanchor="1" style="display: inline !important; margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" border="0" height="98" src="http://1.bp.blogspot.com/-wRsOvCQ7Gks/T2sMz_jNxXI/AAAAAAAACmo/kv4QsTpSPtQ/s320/sieuluoi003.PNG" title="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" width="320" /></a></div>
<br />
<b><i>3. Robots.txt và tuỳ chỉnh tìm kiếm của Robots.txt.</i></b><br />
<br />
- Với dự án mở của Blogger này ta có thể mở phần /search bị đóng lâu nay của Blogger.<br />
<br />
<blockquote class="tr_bq">
<span style="text-align: -webkit-auto; white-space: pre-wrap;">User-agent: *</span> Disallow: /search == > Allow: /search<br />
Allow: /</blockquote>
<pre style="text-align: -webkit-auto; white-space: pre-wrap; word-wrap: break-word;"></pre>
- Chưa biết có thăng thêm index lên Google không nhưng mình tin là có.</div>
<div>
- Tuỳ chỉnh các thẻ meta robots mà không cần mó tay vào code temp blog.</div>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-oKbViPGofGk/T2sM0pnSdMI/AAAAAAAACmw/LZxjGyuCiTA/s1600/sieuluoi004.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" border="0" height="265" src="http://4.bp.blogspot.com/-oKbViPGofGk/T2sM0pnSdMI/AAAAAAAACmw/LZxjGyuCiTA/s400/sieuluoi004.PNG" title="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" width="400" /></a></div>
<div>
<br /></div>
<div>
<b><i>Kết chung lại, </i></b> blogger đang càng ngày càng thân thiện với người dùng, trong năm tới và kể cả ngay về sau này nó còn tiếp tục miễn phí không thì mình không đoán được. Chỉ biết bay giờ mình yêu BlogSpot, một thứ ngon bổ rẻ.</div>
</div>Unknownnoreply@blogger.com27tag:blogger.com,1999:blog-82433928586953437.post-8225453606150830462012-03-19T18:27:00.001+07:002012-03-19T18:27:42.034+07:00Share ANCTemp_Tivi & Data 60 Channel<div dir="ltr" style="text-align: left;" trbidi="on">
<b><i>Temp ANCTemp_Tivi này mình tự làm, hôm nay gửi đến mọi người .. Hì.. Template này có 3 tiện ích chính, đó là dùng phím tắt, vì lười thò chân thò tay vào chuột ngày đông, cầm cái bút hay thước kẻ thò ra ngoài chân ấn phím. =))</i></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-S9Nz7Xxwwtg/T2au-K5sFfI/AAAAAAAACZ8/B1wtBCj5HAY/s1600/ANCTemp01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="http://4.bp.blogspot.com/-S9Nz7Xxwwtg/T2au-K5sFfI/AAAAAAAACZ8/B1wtBCj5HAY/s320/ANCTemp01.png" width="320" /></a></div>
<br />
<div style="text-align: center;">
<a href="http://tv.maphim.net/">Demo</a> | <a href="http://www.mediafire.com/?2ic2kc2pkzrfar2">Download</a></div>
<br />
Sử dụng temp này nhé:<br />
<br />
= > <i>Các bạn tìm đoạn code sau đây : //anc.home , sửa nó thành domain của bạn. Sau đó bạn bỏ dấu // đi nhé.</i><br />
= > <i>Widget Home các bạn lấy một bài viết paste vào HTML đó. Tuỳ bạn, thích bài viết nào trong data mình share.</i><br />
= ><i> Ấn 1 : Bật / Tắt đèn . Phím 2 : Phóng lớn / Thu nhỏ .. Phím 3 : Màn ảnh lớn, tương ứng với room max.</i><br />
<i> = > Fix lỗi hiện ảnh và logo của tv24.vn với các kênh của SCTV.</i><br />
<i><br /></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-JngGYx_dGGc/T2awbVmQgvI/AAAAAAAACaM/A0PxafrGPWg/s1600/ANCTemp02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="http://3.bp.blogspot.com/-JngGYx_dGGc/T2awbVmQgvI/AAAAAAAACaM/A0PxafrGPWg/s320/ANCTemp02.png" width="320" /></a></div>
<i><br /></i><br />
<br />
<i><b>< = ></b></i> Tương lai sẽ làm cho mức độ lười tăng cao hơn, với các phím tắt đa dạng.. Đã là tivi thì phải có Remote chứ. ^^!<br />
<br />
<i>Chúc các bạn thành công !</i></div>Unknownnoreply@blogger.com30tag:blogger.com,1999:blog-82433928586953437.post-45252644482082402502012-03-09T21:20:00.000+07:002012-03-09T21:25:17.027+07:00ANCKeywords - Tự động cập nhập keywords từ người dùng cho site.<div dir="ltr" style="text-align: left;" trbidi="on">
Lâu lắm không viết Blog, tại công việc cũng nhiều... Phần vì quá bận, phần vì yêu cầu các bạn riêng rẽ hay không thồng nhất, nên một vài Plugin mình ngừng chia sẻ và phát triển thêm. <br />
<br />
Plugin mới này mình cũng mới test thử và hiệu quả cũng rất tốt. Còn về khách quan mà nói, mình không phải một dân chuyên SEM, SEO. Nên kinh nghiệm về SEO và SEM còn hạn chế. Có một pro đã nói plugin này không an toàn với Sanbox của Google, hoặc index từ Google. Do vậy các bạn nên cân nhắc khi sử dụng tool này.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-1HOwJAtgdGY/T1oRqQqM5AI/AAAAAAAACX0/JynKVMf-ooU/s1600/Keywords-SEO.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="http://2.bp.blogspot.com/-1HOwJAtgdGY/T1oRqQqM5AI/AAAAAAAACX0/JynKVMf-ooU/s400/Keywords-SEO.jpg" width="400" /></a></div>
<br />
<br />
Nói sơ qua về plugin này, nó có thể nói là một công cụ mạnh cho việc tạo và hỗ trợ thêm về từ khoá cho site của bạn. Đôi khi bạn hay phải cập nhật từ khoá hot cho site, nhưng công việc bận rộn, khiến bạn không thể rảnh tay mà cập nhật được. Mình làm tool này mong làm giảm nhẹ việc đó. Tất cả các từ khoá sẽ được cập nhật từ người dùng, các từ khoá tìm kiếm nhiều nhất, hot nhất đều được tự động thêm vào sau mỗi ngày, mỗi giờ, tuỳ vào tuỳ chỉnh của bạn.<br />
<br />
<b><i>Sử dụng như sau: </i></b><br />
<br />
1. Hãy đăng ký một nick tại <a href="http://www.maphim.net/p/go.html?url=https://id.tynt.com/account/sign_up" target="_blank">đây</a> (có thể coi đây là trang lưu trữ thông tin keywords cho site bạn.)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-WEy5oh-JNkQ/T1oK9VD24MI/AAAAAAAACXc/HcECNrqd5GY/s1600/mp001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="http://1.bp.blogspot.com/-WEy5oh-JNkQ/T1oK9VD24MI/AAAAAAAACXc/HcECNrqd5GY/s400/mp001.png" width="400" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Đăng nhập vào vào phần chữ đỏ sau để lấy <a href="http://www.maphim.net/p/go.html?url=https://id.tynt.com/api/key" target="_blank">KeyAPI</a> cho site.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-oQqxzzpD5yU/T1oL0NtIsLI/AAAAAAAACXk/wUb2MlOeMFQ/s1600/mp002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-oQqxzzpD5yU/T1oL0NtIsLI/AAAAAAAACXk/wUb2MlOeMFQ/s320/mp002.png" width="296" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Lấy KeyAPI tại <a href="http://www.maphim.net/p/go.html?url=https://id.tynt.com/api/key" target="_blank">đây</a> : các bạn cần phải lấy bao gồm <span style="background-color: white; color: black; display: inline ! important; float: none; font-family: 'trebuchet MS',verdana,helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Your secret API key & </span><span style="background-color: white; color: black; display: inline ! important; float: none; font-family: 'trebuchet MS',verdana,helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Your site guid </span><br />
<span style="background-color: white; color: black; display: inline ! important; float: none; font-family: 'trebuchet MS',verdana,helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><br /></span><br />
3. Sử dụng ANCKeywords để tạo keywords cho site từ KeyAPI lấy được.<br />
<br />
<i>Tạo một file js vào cho đoạn mã sau upload lên Google Code.</i><br />
<br />
<br />
<div class="codeview">
//Begin code<br />
<pre style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: black; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; word-wrap: break-word;">var aseo = {
tag:"{các từ khoá liên quan đến site bạn, 4 từ, ngăn nhau bởi dấu ,}",num:"",ap:"Tên site hoặc domain",as:'Lời giới thiệu'
}
veo = "{domain},{subdomain}";
function s_write(keysite,keyapi)
{
surl = 'https://api.tynt.com/publisher/v1/keyword/inbound?site_guid='+keysite+'&api_key='+keyapi+'&hours=<b style="color: red;">24</b>&callback=ancseo';
var sr = document.createElement('script');
sr.src = surl;
document.getElementsByTagName('head')[0].appendChild(sr);
sdata = "if(document.location.protocol=='http:'){"
+"var Tynt=Tynt||[];Tynt.push('"+keysite+"');"
+'Tynt.i={"ap":"'+aseo.ap+'","as":"'+aseo.as+'","st":true};'
+"(function(){var s=document.createElement('script');"
+'s.async="async";s.type="text/javascript";'
+"s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();}";
var srr = document.createElement('script');
srr.innerHTML = sdata;
document.getElementsByTagName('head')[0].appendChild(srr);
}
function ancseo(x){
num_seo = x.data.length;
for(var i=0; i<num_seo; i++){
veo += x.data[i];
}
var meta = document.createElement('meta');
meta.name = 'keywords';
meta.content = veo.replace(/\,[\d]*/gi,",") + aseo.tag;
document.getElementsByTagName('head')[0].appendChild(meta);
aseo.tag = veo + aseo.tag;
}
function diseo(name,content){
var mt = document.createElement('meta');
mt.name = name;
mt.content = content;
document.getElementsByTagName('head')[0].appendChild(mt);
}</pre>
//Endcode
</div>
<br />
Sau khi tạo xong bạn lấy link và chèn vào phần header đoạn code sau.<br />
<br />
<div class="codeview">
<script src="//Link file của bạn"></script><br />
<script><br />
/*--- Auto SEO Update Keyword ---*/ <br />
s_write('{<span style="background-color: white; color: black; display: inline ! important; float: none; font-family: 'trebuchet MS',verdana,helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Your site guid</span>}','{<span style="background-color: white; color: black; display: inline ! important; float: none; font-family: 'trebuchet MS',verdana,helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Your secret API key</span>}');</div>
</script><br />
<br />
Số <b><span style="color: red;">24</span></b> bạn có thể thay thành các số sau: 1, 8, 12, 24. Đây là thời gian update keywords cho các bạn.<br />
<br />
Kết quả từ sau một đêm của mình các bạn có thể xem và cho nhận xét.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-UuzQTipFzAM/T1oO74tGV_I/AAAAAAAACXs/EIkddBDNEGk/s1600/%E1%BA%A2nh+ch%E1%BB%A5p+m%C3%A0n+h%C3%ACnh_2012-03-09_202907.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="66" src="http://4.bp.blogspot.com/-UuzQTipFzAM/T1oO74tGV_I/AAAAAAAACXs/EIkddBDNEGk/s400/%E1%BA%A2nh+ch%E1%BB%A5p+m%C3%A0n+h%C3%ACnh_2012-03-09_202907.png" width="400" /></a></div>
<br />
<i>Chúc các bạn thành công !</i></div>Unknownnoreply@blogger.com22tag:blogger.com,1999:blog-82433928586953437.post-17812062839825433832012-02-10T04:32:00.001+07:002012-02-10T05:13:54.268+07:00ANCData - Plugin load feed Blogger version 1Đây là công cụ đặc biệt, có lẽ rất được nhiều người mong đợi. Công cụ này được mình phát triển khi rip blog. Đôi khi bạn thấy các site của pro (HelloXimo) rip chạy rất nhanh và mượt. Tại sao vậy ? Câu hỏi nằm ở <i><span style="color: #3d85c6;">function <b><span style="color: black;">showrecentposts</span></b></span>(json)</i> của js mà nhiều blog vẫn đang dùng. Đây là một hàm lọc feed (hay file .xml) của Blogger. Việc sử dụng feed sẽ đem lại tốc độ cao hơn so với dùng biến có sẵn mà mình đã giới thiệu ở một số bài viết trước.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-mU2UasnG4DY/TzQ-VDS1saI/AAAAAAAACUM/U-cg94hIXpc/s1600/Rss-feeds-subscribers+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="318" src="http://4.bp.blogspot.com/-mU2UasnG4DY/TzQ-VDS1saI/AAAAAAAACUM/U-cg94hIXpc/s320/Rss-feeds-subscribers+copy.jpg" width="320" /></a></div>
<br />
<br />
<br />
<div style="text-align: center;">
<b style="background: #24bde2; border: 1px solid #4adcff; color: white; padding: 5px 10px;"><a href="http://play.maphim.net/z/run.html" target="_blank">DEMO</a></b></div>
<br />
<i>(ViewSource Demo để xem code)</i><br />
<br />
Nhưng đặc điểm bất tiện của hàm này là với mỗi lần callback <i><span style="color: #3d85c6;"><b><span style="color: black;">showrecentposts </span></b></span></i><span style="color: #3d85c6;"><span style="color: black;">trong đoạn script ví dụ sau.</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;"><br /></span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">
</span></span><br />
<div class="codeview">
<span style="color: #3d85c6;"><span style="color: black;"><script src="http://www.maphim.net/feeds/posts/default/-/Phim chiếu rạp?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=<b><span style="color: #3d85c6;"><span style="color: black;">showrecentposts </span></span></b><span style="color: #3d85c6;"><span style="color: black;"></span></span><span style="color: #3d85c6;"><span style="color: black;">"><br /></script>
</span></span></span></span></div>
<br />
<span style="color: #3d85c6;"><span style="color: black;"><br /></span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">Ta lại phải đổi tên hàm callback để lấy feed cho một tag mới. Nói khác đi, chúng ta lại phải copy y sì một hàm </span></span><i><span style="color: #3d85c6;"><b><span style="color: black;">showrecentposts</span></b></span></i>2, <i><span style="color: #3d85c6;"><b><span style="color: black;">showrecentpost3, </span></b></span></i><i><span style="color: #3d85c6;"><b><span style="color: black;">showrecentposts</span></b></span></i>4 ...v.vv cho các tag mới.<br />
<br />
<span style="color: #3d85c6;"><span style="color: black;">Vậy, ANCData là gì ? Chắc bạn cũng đoán ra từ VD trên. Nó là một plugin load feed. Nhưng nó chỉ là một hàm <i>callback </i>duy nhất : <b><i>ancdata. </i></b>Có vẻ với những ai chưa nghe về load feed sẽ rất khó mường tượng. Nhưng bạn chỉ cần sử dụng ANCData sẽ không cần phải vọc nhiều.</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;"><br /></span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">* Thuộc tính. </span></span><br />
<div class="codeview">
<span style="color: #3d85c6;"><span style="color: black;"><br /></span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">title : tiêu đề bài viết.</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">url : link bài viết.</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">label: nhãn bài viết.</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">img: ảnh bài viết</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;"> - img.f : file ảnh đầu tiên của bài viết kich thươc full khổ.</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;"> - img.i72: file ảnh mặc định của google nếu bạn up lên, hoặc sử dụng các sản phẩm ảnh của google.</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">content: nội dung toàn bộ bài viết.</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">snippet : nội dung tóm tắt gồm 120 ký tự.</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">date: ngày tháng năm gửi bài</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;"> - date.d : ngày</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;"> - date.m : tháng</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;"> - date.y : năm</span></span><br />
<span style="color: #3d85c6;"><span style="color: black;"></span></span><br />
<span style="color: #3d85c6;"><span style="color: black;">author: tác giả gửi bài viết.</span></span>
</div>
<br />
<br />
* Sử dụng :<br />
<br />
B1: Bạn chỉ cần chèn đoạn mã sau vào sau thẻ <head> hoặc sau <body><br />
<br />
<div class="codeview">
<script src="http://anhnc.googlecode.com/svn/trunk/ANC/data/feed.js"></script>
<script><br />
anc.home ="domain của bạn"; // (mặc định là maphim.net)<br />
anc.post = sô lượng tối đa ; // (mặc định là 100) <br />
anc.img.no = "ảnh hiển thị khi bài viết không có ảnh"; // mặc định là ảnh của maphim.net<br />
</script></div>
<br />
B2: Giờ bạn sẽ sử dụng ANCData một cách dễ dàng.<br />
<br />
<br />
Giả sử mình muốn tạo ra một module có cấu trúc như hình sau.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-EeJQgzqcFS0/TzQ4HUM2byI/AAAAAAAACT8/F6RvJm2Xaeg/s1600/v1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="http://4.bp.blogspot.com/-EeJQgzqcFS0/TzQ4HUM2byI/AAAAAAAACT8/F6RvJm2Xaeg/s320/v1.PNG" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-FV4jyq8qFJU/TzQ4IcttqdI/AAAAAAAACUA/lTFNdXjfyd4/s1600/v2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="54" src="http://2.bp.blogspot.com/-FV4jyq8qFJU/TzQ4IcttqdI/AAAAAAAACUA/lTFNdXjfyd4/s320/v2.PNG" width="320" /></a></div>
<br />
<br />
Mình chỉ cần viết như sau :<br />
<br />
<div class="codeview">
<div class="box"><br />
<h3>Phim hành động mới</h3><br />
<div class="bcontent"><br />
<script src="http://www.maphim.net/feeds/posts/default/-/Hành động?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=ancdata"><br />
</script><br />
<script><br />
<br />
for (var i =0; i< anc.max; i++){<br />
document.write('<li><a href='+anc.url[i]+'>'+anc.title[i]+'</a></li>');<br />
}<br />
</script><br />
</div><br />
</div><br />
<br /></div>
Không chỉ dừng ở đó, bạn có thể tạo nhiều tag giống nhau ngoài tag Hành động kể trên, chỉ với một hàm callback duy nhất. Đây chỉ là VD đơn giản sử dụng ANCData, bạn có thể tạo riêng cho mình các modum hợp lý từ các thuộc tính mình đã đưa.<br />
<br />
Version 1 chưa áp dụng cho comment. Sẽ tiếp tục phát triển trong các phiên bản sau nếu có thời gian.<br />
<br />
<br />
Note: Để gọi các biến trong thuộc tính, bạn cần thêm trước <b>anc.thuoctinh</b><br />
Muốn lấy một tag trong list tag bạn chỉ cần viết. <b>anc.label.split(',')[vitri tag can lay]</b><br />
<br />
<i>Chúc các bạn thành công !</i>Unknownnoreply@blogger.com19tag:blogger.com,1999:blog-82433928586953437.post-8879832515202907922012-02-06T04:48:00.000+07:002012-03-26T02:38:42.025+07:00Đưa Radio vào Blog của bạn (Yêu cầu)<div dir="ltr" style="text-align: left;" trbidi="on">
Đáp ứng yêu cầu của <a href="http://www.blogger.com/profile/10574656972775244322"><b>giáo xứ phú giáo</b></a>, trong nhưng ngày đầu năm này có lẽ anh Dũng cũng bận cho việc ... Va lung tung .. Không có thời gian chăm sóc blog được. Còn riêng mình cũng tung hoành khắp nơi, bận ăn, bận uống bù hết cả đầu. Đọc thấy yêu cầu này phù hợp với khả năng, giúp bạn một chút chút. ..<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-MELXwZ-0_aQ/Ty75Jd4ky3I/AAAAAAAACT0/Ww2N4bOktwo/s1600/Radio23h.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" border="0" height="268" src="http://3.bp.blogspot.com/-MELXwZ-0_aQ/Ty75Jd4ky3I/AAAAAAAACT0/Ww2N4bOktwo/s400/Radio23h.jpg" title="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" width="400" /></a></div>
<br />
<br />
<div style="text-align: center;">
<b style="background: #24bde2; border: 1px solid #4adcff; color: white; padding: 5px 10px;"><a href="http://play.maphim.net/z/radio23h.html" target="_blank">DEMO</a></b></div>
<br />
Style CSS :<br />
<br />
<div class="codeview">
<style><br />
.radio{padding-top: 5px; border: 1px dashed #cccccc; width: 430px; position: fixed; bottom: 20px; right: 0px;}<br />
li{list-style:none;float:left; margin-left: 10px; padding: 5px;}<br />
li:hover{background-color: #494949; box-shadow: 1px 0px 3px;}<br />
li:active{box-shadow: 2px 1px 3px;}<br />
<br />
li.p{margin-left:30px; color: green; box-shadow: 2px 0px 3px 1px;}<br />
li.p:hover{background:none;}<br />
li.p span{text-decoration:blink;}<br />
<br />
a{text-decoration:none; color: #888888; font-size: 12px;}<br />
#player{margin-top:20px;}<br />
</style></div>
<br />
Đài của mình..<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-q3I9qyrtgro/Ty73txRJ4wI/AAAAAAAACTs/CjRuWQvFca0/s1600/Rdio.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" border="0" height="49" src="http://2.bp.blogspot.com/-q3I9qyrtgro/Ty73txRJ4wI/AAAAAAAACTs/CjRuWQvFca0/s320/Rdio.PNG" title="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" width="320" /></a></div>
<br />
<div class="codeview">
<div class="channel"><br />
<li><a href="javascript:radio('vov1')">VOV1</a></li><br />
<li><a href="javascript:radio('vov2')">VOV2</a></li><br />
<li><a href="javascript:radio('vov3')">VOV3</a></li><br />
<li><a href="javascript:radio('vov4')">VOV4</a></li><br />
<li><a href="javascript:radio('vov5')">VOV5</a></li><br />
<li id="pl" class="p"></li><br />
</div><br />
<div id="player">Radio23h - Blog Radio, chia sẻ xúc cảm cuộc sống</div><br />
</div><br />
<br /></div>
JavaScript<br />
<br />
<div class="codeview">
<script><br />
function radio(channel){<br />
var data = '<embed width="430" height="24" flashvars="&amp;file='+channel+'.flv&amp;streamer=rtmp://123.30.50.46:8080/live&amp;skin=&amp;autostart=true" allowfullscreen="true" allowscriptaccess="always" quality="high" name="mpl" id="mpl" style="undefined" src="http://player.longtailvideo.com/player5.9.swf" type="application/x-shockwave-flash">';<br />
<br />
document.getElementById("player").innerHTML = data;<br />
document.getElementById("pl").innerHTML = channel+" playing<span>...</span>";<br />
}<br />
radio('vov3'); <br />
</script><br />
<br />
<br /></div>
radio('vov3') ==> là đài mặc định bạn chạy đầu tiên.<br />
<br />
<i>Chúc các bạn thành công !</i></div>Unknownnoreply@blogger.com23tag:blogger.com,1999:blog-82433928586953437.post-70504557822575903862012-01-25T11:10:00.001+07:002012-03-26T02:37:51.125+07:00Nâng cấp ANCMedia 3.3 - add server.<div dir="ltr" style="text-align: left;" trbidi="on">
Đầu năm đầu tháng khai xuân một bài. Chúc mọi người một năm mới đầy sức khoẻ, may mắn, hạnh phúc. Mình về tết cũng rảnh đôi chút, sửa lại cho mọi người tiện add server.. Chứ suốt ngày kêu ca và yêu cầu mình có 3 đầu 6 tay cũng không làm hết được. ^^<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-S6nHYfbDNDk/Tx9_FjmrkyI/AAAAAAAACSw/8OLW_BiT2Qs/s1600/anc_media.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" border="0" height="400" src="http://2.bp.blogspot.com/-S6nHYfbDNDk/Tx9_FjmrkyI/AAAAAAAACSw/8OLW_BiT2Qs/s400/anc_media.png" title="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" width="305" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Mình đã tách riêng làm 2 file js..Mọi người có thể up lên google code. Nhưng để tiện edit các bạn nên down dropbox về và up file server lên đó.<br />
<br />
* File server : <a href="http://anhnc.googlecode.com/svn/trunk/ANC/3.3/server.js" target="_blank">http://anhnc.googlecode.com/svn/trunk/ANC/3.3/server.js</a><br />
<br />
_Trong file server này gồm 2 phần chính: config và server.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-83M1Ipu9i5M/Tx9-1eLYmBI/AAAAAAAACSg/5LoD8knMTsc/s1600/server.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" border="0" height="167" src="http://1.bp.blogspot.com/-83M1Ipu9i5M/Tx9-1eLYmBI/AAAAAAAACSg/5LoD8knMTsc/s400/server.png" title="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" width="400" /></a></div>
Danh sách id các bạn có thể thay đổi tuỳ ý. Đã có nhiều bạn có host
riêng, vì vậy mình đã làm thêm config cho Player, Proxy, Skin...<br />
<br />
* File player: <a href="http://anhnc.googlecode.com/svn/trunk/ANC/3.3/player.js" target="_blank">http://anhnc.googlecode.com/svn/trunk/ANC/3.3/player.js</a><br />
<br />
_Vẫn là player có sẵn trong site, nhưng nếu dùng file đó để + file server sẽ không còn dùng được.<br />
<br />
* Trong site chỉ cần paste 2 file này như sau vào dưới "anc_tp" hoặc </body>. Tốt nhất là dán dưới </body><br />
<div class="codeview">
<script src="http://anhnc.googlecode.com/svn/trunk/ANC/3.3/server.js"></script> <br />
<script src="http://anhnc.googlecode.com/svn/trunk/ANC/3.3/player.js"></script> </div>
<br />
== > Phiên bản 3.3 này mình đã cải thiện vấn đề code, các player
trước nhìn rất đau mắt, khó cấu hình CSS, nhiều đoạn code HTML bị thừa.
Mọi người có thể nhìn vào hình dưới. <br />
<br />
+) ANC_old<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Me4mPltx7_A/Tx9-051hgJI/AAAAAAAACSc/eW_ecLMwoRo/s1600/old_v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" border="0" height="340" src="http://4.bp.blogspot.com/-Me4mPltx7_A/Tx9-051hgJI/AAAAAAAACSc/eW_ecLMwoRo/s400/old_v.png" title="Maphim.Net | Xem phim Online, xem phim han, phim 47, tron bo" width="400" /></a></div>
<br />
+) ANC_new<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Kt415ouZClc/Tx9-0YQS8eI/AAAAAAAACSU/ozSHgRFUkJ4/s1600/new_v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="http://2.bp.blogspot.com/-Kt415ouZClc/Tx9-0YQS8eI/AAAAAAAACSU/ozSHgRFUkJ4/s400/new_v.png" width="400" /></a></div>
<br />
* ) Giờ vẫn đang nghỉ tết nên mình chưa có mạng add server lên site mình, do đó không có demo cho mọi người. Nhưng có thể xem video hướng dẫn<a href="http://play.maphim.net/media/@1/#p=0/1/Media-1" target="_blank"> tại đây..</a><br />
<br />
*) Các lưu ý mình đã ghi trong file server, các bạn có thể đọc.<br />
<br />
<i>Chúc các bạn thành công !</i></div>Unknownnoreply@blogger.com32tag:blogger.com,1999:blog-82433928586953437.post-13692070689706877012012-01-04T12:00:00.000+07:002012-01-04T12:51:13.685+07:00[Updated] K14 - Pro Menu (với hiệu ứng prodown)<div style="text-align: justify;">Lấy ý tưởng từ việc thực hiện demo cho bài viết <a href="http://www.fandung.com/2009/03/code-tao-menu-thanh-menu-ngang.html">Tạo Menu Thanh menu ngang có sổ dọc xuống</a> mình dự định sẽ updated thủ thuật lên bằng việc tạo các giao diện khác nhau cho menu khi xem ở các trang khác nhau, ví dụ như các trang label. Nhưng sau đó mình nhớ đến kênh14 cũng có menu như vậy (chỉ khác là không có dropdown) mà giao diện lại đẹp nữa, nên mình quyết định Rip menu này. Và ở bài này menu sẽ không có hiệu ứng dropdown, mình dự định sẽ thêm hiệu ứng dropdown trong thời gian tới.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-ZcdjRwb9pCY/TvsglBVIHqI/AAAAAAAACNc/bybe3Z4rImU/s1600/k14-promenu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img height="250" src="http://2.bp.blogspot.com/-ZcdjRwb9pCY/TvsglBVIHqI/AAAAAAAACNc/bybe3Z4rImU/s400/k14-promenu.png" style="border: 1px solid #418539; padding: 2px;" width="300" /></a></div><br />
<div style="text-align: center;"><b style="background: #24bde2; border: 1px solid #4adcff; color: white; padding: 5px 10px;">Xem <a href="http://demo.fandung.com/search/label/Label3?demo=pro_menu" target="_blank">DEMO</a></b></div><br />
<div style="text-align: center;"><i>Hình ảnh minh họa :</i></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-u-V0ldw3tlY/Tvsm6u4WiYI/AAAAAAAACNo/KeaWkdLQxVQ/s1600/promenu-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img height="157" src="http://2.bp.blogspot.com/-u-V0ldw3tlY/Tvsm6u4WiYI/AAAAAAAACNo/KeaWkdLQxVQ/s400/promenu-2.png" style="border: 1px solid #418539; padding: 2px;" width="400" /></a></div><br />
<div style="background: none repeat scroll 0% 0% rgb(239, 239, 239); border: 1px solid rgb(204, 204, 204); color: red; padding: 10px; text-align: center;"><i><b>Updated:</b> Đã cập nhật hiệu ứng sổ dọc cho menu, các bạn có thể xem ở bên dưới</i></div><br />
Do làm biếng design giao diện cho nó, nên mình lấy hình nên bên kênh 14 về rồi fix lại để giới thiệu cho mọi người. Và sau đây là 1 số tính năng của nó :<br />
- Tự động thay đổi giao diện của menu cho các trang định sẵn.<br />
- có hiệu ứng trang hiện hành (current) trên menu.<br />
- có 6 kiểu giao diện cho các lựa chọn để thay đổi.<br />
<br />
<b><span style="color: blue;">Sau đây là các bước thực hiện :</span></b><br />
- Tạo 1 widget <b>HTML/javascript</b> ở nơi muốn đặt menu <i>(tốt nhất là trên <b>header</b> của blog)</i>, sau đó dán đoạn code bên dưới vào :<br />
<div class="codeview"><style type="text/css"><br />
#promenu ul li a:hover {text-decoration:none;}<br />
#promenu {<br />
background-repeat: repeat-x;<br />
background-image: url(http://2.bp.blogspot.com/-CAiNwOD8ZxA/Tv31TJIe4kI/AAAAAAAACN0/7cd5Z_NcdV4/s400/1-6-bg.png);<br />
width: 100%;<br />
height: 32px;<br />
}<br />
.menu {<br />
list-style: none;<br />
width: 100%;<br />
margin: auto!important;<br />
}<br />
.menu li {<br />
float: left;<br />
text-align: center;<br />
padding:0!important;<br />
}<br />
.menu li a {<br />
color: white;<br />
}<br />
.menu .active, .menu li:hover {<br />
background-position: 0 -34px;<br />
float: left;<br />
}<br />
.menu .active span, .menu span:hover {<br />
background-position: 100% -34px;<br />
float: left;<br />
line-height: 30px;<br />
height: 30px;<br />
}<br />
.menu li a span {<br />
font: 12px/31px Tahoma;<br />
font-weight: 700;<br />
display: block;<br />
text-align: center;<br />
padding: 0 8px 0 9px;<br />
}<br />
.menusep {<br />
background-position: 0 0;<br />
height: 32px;<br />
line-height: 32px;<br />
width: 2px;<br />
}<br />
</style><br />
<br />
<script type="text/javascript"><br />
//<![CDATA[<br />
var <b><span style="color: #3f3f3f;">style1</span></b>=["0px","http://2.bp.blogspot.com/-jD-t7t4sj2o/Tvqdg0eQkKI/AAAAAAAACME/tLwUVbK60qM/s318/style1-sp.png"];<br />
var <b><span style="color: #a02e0b;">style2</span></b>=["-40px","http://2.bp.blogspot.com/-f16OTLOYr8E/TvqdhFEeJlI/AAAAAAAACMA/Yu09XevCqHs/s318/style2-sp.png"];<br />
var <b><span style="color: #bb1d68;">style3</span></b>=["-80px","http://2.bp.blogspot.com/-dEyh5KIz8fw/TvqdmGUVEeI/AAAAAAAACNE/e6kcm5Yp0dM/s318/style3-sp.png"];<br />
var <b><span style="color: #3e8237;">style4</span></b>=["-120px","http://2.bp.blogspot.com/-2xZHcRiVK7s/TvqdiExbcqI/AAAAAAAACMg/iOGIMpuWO4c/s318/style4-sp.png"];<br />
var <b><span style="color: #026984;">style5</span></b>=["-160px","http://2.bp.blogspot.com/-GGrN1FfltwU/Tvqdje5FCfI/AAAAAAAACMs/fRlPK4rFUns/s318/style5-sp.png"];<br />
var <b><span style="color: #69411e;">style6</span></b>=["-200px","http://2.bp.blogspot.com/-OrAhQGI__is/TvqdkKrM4kI/AAAAAAAACM8/dFaWRKt9Kns/s318/style6-sp.png"];<br />
<br />
var m0=["http://demo.fandung.com","Home","home_id"];<br />
var m1=["link_menu1","Menu1","m_id1"];<br />
var m2=["link_menu2","Menu2","m_id2"];<br />
var m3=["link_menu3","Menu3","m_id3"];<br />
var m4=["link_menu4","Menu4","m_id4"];<br />
var m5=["link_menu5","Menu5","m_id5"];<br />
var m6=["link_menu6","Menu6","m_id6"];<br />
<br />
var ttmenu = [m0,m1,m2,m3,m4,m5,m6];<br />
<br />
var n=ttmenu.length;<br />
var list_menu=[];<br />
var list_active=[];<br />
var c_menu='';<br />
var m_homepage='http://demo.fandung.com';<br />
var h_cond=m_homepage+'/search';<br />
<br />
var active_cond = location.href;<br />
var home_cond=active_cond.split("?")[0];<br />
<br />
var bg_pos='';<br />
var sp_img='';<br />
<br />
if (active_cond.indexOf(ttmenu[1][0])!=-1) {bg_pos=<b><span style="color: #a02e0b;">style2</span></b>[0];sp_img=<b><span style="color: #a02e0b;">style2</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[2][0])!=-1) {bg_pos=<b><span style="color: #bb1d68;">style3</span></b>[0];sp_img=<b><span style="color: #bb1d68;">style3</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[3][0])!=-1) {bg_pos=<b><span style="color: #3e8237;">style4</span></b>[0];sp_img=<b><span style="color: #3e8237;">style4</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[4][0])!=-1) {bg_pos=<b><span style="color: #026984;">style5</span></b>[0];sp_img=<b><span style="color: #026984;">style5</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[5][0])!=-1) {bg_pos=<b><span style="color: #69411e;">style6</span></b>[0];sp_img=<b><span style="color: #69411e;">style6</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[6][0])!=-1) {bg_pos=<b><span style="color: #a02e0b;">style2</span></b>[0];sp_img=<b><span style="color: #a02e0b;">style2</span></b>[1];}<br />
else {bg_pos=<b><span style="color: #3f3f3f;">style1</span></b>[0];sp_img=<b><span style="color: #3f3f3f;">style1</span></b>[1];}<br />
<br />
var mcss = document.createElement('style');<br />
mcss.type = 'text/css';<br />
mcss.innerHTML = '#promenu {background-position: 0 '+bg_pos+'} .menu li:hover, .menu .active, .menu .active span, .menusep, .menu span:hover {background-image: url('+sp_img+')}';<br />
document.body.appendChild(mcss);<br />
<br />
c_menu +='<div id="promenu"><ul class="menu">';<br />
<br />
for (var i=0;i<n;i++) {<br />
<br />
if ((home_cond==m_homepage)||(home_cond==h_cond)) {list_active[0]='class="active"';}<br />
else if (active_cond.indexOf(ttmenu[i][0])!=-1) {list_active[i]='class="active"';} else {list_active[i]='';}<br />
<br />
list_menu[i]='<li><a href="'+ttmenu[i][0]+'" '+list_active[i]+' id="'+ttmenu[i][2]+'"><span>'+ttmenu[i][1]+'</span></a></li>';<br />
c_menu +=list_menu[i];<br />
if (i<n-1) {c_menu +='<li class="menusep"> </li>';} <br />
}<br />
c_menu +='</ul></div>';<br />
document.write(c_menu);<br />
<br />
//]]><br />
</script></div><br />
<b><span style="color: blue;">Một vài hướng dẫn :</span></b><br />
- Việc đầu tiên là thay <b>http://demo.fandung.com</b> thành tên miền của blog bạn, nhớ là không có dấu (/) theo sau tên miền.<br />
- Để thêm menu, bớt menu, thay đổi tên hiển thị của menu, thay đổi link liên kết của menu,... các bạn chỉnh sửa ở đoạn code như bên dưới :<br />
<div class="codeview">...<br />
...<br />
var m0=["http://demo.fandung.com","Home","home_id"];<br />
var m1=["link_menu1","Menu1","m_id1"];<br />
var m2=["link_menu2","Menu2","m_id2"];<br />
var m3=["link_menu3","Menu3","m_id3"];<br />
var m4=["link_menu4","Menu4","m_id4"];<br />
var m5=["link_menu5","Menu5","m_id5"];<br />
var m6=["link_menu6","Menu6","m_id6"];<br />
<br />
var ttmenu = [m0,m1,m2,m3,m4,m5,m6];<br />
...<br />
...</div>- <b>http://demo.fandung.com</b> thay bằng địa chỉ trang chủ của blog bạn<br />
- <b>link_menu1, link_menu2, ...</b> là đia chỉ liên kết của các menu.<br />
- <b>Menu1, Menu2, ...</b> là tên hiển thị của các menu.<br />
- nếu muốn thêm nhiều menu nữa thì các bạn thêm code tương tự như bên dưới :<br />
<div class="codeview">...<br />
...<br />
var m0=["http://demo.fandung.com","Home","home_id"];<br />
var m1=["link_menu1","Menu1","m_id1"];<br />
var m2=["link_menu2","Menu2","m_id2"];<br />
var m3=["link_menu3","Menu3","m_id3"];<br />
var m4=["link_menu4","Menu4","m_id4"];<br />
var m5=["link_menu5","Menu5","m_id5"];<br />
var m6=["link_menu6","Menu6","m_id6"];<br />
<span style="background-color: lime;">var m7=["link_menu7","Menu7","m_id7"];<br />
var m8=["link_menu8","Menu8","m_id8"];</span><br />
<br />
var ttmenu = [m0,m1,m2,m3,m4,m5,m6<span style="background-color: lime;">,m7,m8</span>];<br />
...<br />
...</div>- để tùy chọn style cho menu ở mỗi trang, các bạn chỉnh sửa ở đoạn code bên dưới :<br />
<div class="codeview">...<br />
...<br />
if (active_cond.indexOf(ttmenu[1][0])!=-1) {bg_pos=<b><span style="color: #a02e0b;">style2</span></b>[0];sp_img=<b><span style="color: #a02e0b;">style2</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[2][0])!=-1) {bg_pos=<b><span style="color: #bb1d68;">style3</span></b>[0];sp_img=<b><span style="color: #bb1d68;">style3</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[3][0])!=-1) {bg_pos=<b><span style="color: #3e8237;">style4</span></b>[0];sp_img=<b><span style="color: #3e8237;">style4</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[4][0])!=-1) {bg_pos=<b><span style="color: #026984;">style5</span></b>[0];sp_img=<b><span style="color: #026984;">style5</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[5][0])!=-1) {bg_pos=<b><span style="color: #69411e;">style6</span></b>[0];sp_img=<b><span style="color: #69411e;">style6</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[6][0])!=-1) {bg_pos=<b><span style="color: #a02e0b;">style2</span></b>[0];sp_img=<b><span style="color: #a02e0b;">style2</span></b>[1];}<br />
else {bg_pos=<b><span style="color: #3f3f3f;">style1</span></b>[0];sp_img=<b><span style="color: #3f3f3f;">style1</span></b>[1];}<br />
...<br />
...</div>- <b>ttmenu[1][0], ttmenu[2][0], ..., ttmenu[6][0]</b> ; đây là các phần tử trong mảng 2 chiều <b>ttmenu</b>, tương ứng với địa chỉ liên kết của các menu :<b> Menu1, Menu2, ..., Menu6</b><br />
- ở trên <b>menu0</b>, tức là menu <b>HOME</b> mình cho style mặc định là <b>style1</b>. cùng style với các trang liên kết không có trong menu <i>(ví dụ các trang archive hoặc trang bài viết, ...)</i> , hoặc các liên kết không được chọn style để hiển thị.<br />
- code trên sẽ được hình dung như bên dưới :<br />
<div class="codeview">Menu0 ------ style1<br />
Menu1 ------ style2<br />
Menu2 ------ style3<br />
Menu3 ------ style4<br />
Menu4 ------ style5<br />
Menu5 ------ style6<br />
Menu6 ------ style2<br />
Trang khác ------ style1</div>- Nếu muốn thay đổi style cho các trang, các bạn chỉ cần đổi tên <i><b>style1, style2,...</b></i> thành các style khác là được. tức là các vị trí trong code bên dưới :<br />
<div class="codeview">...<br />
...<br />
if (active_cond.indexOf(ttmenu[1][0])!=-1) {bg_pos=<span style="background-color: lime;">style2</span>[0];sp_img=<span style="background-color: lime;">style2</span>[1];}<br />
else if (active_cond.indexOf(ttmenu[2][0])!=-1) {bg_pos=<span style="background-color: lime;">style3</span>[0];sp_img=<span style="background-color: lime;">style3</span>[1];}<br />
else if (active_cond.indexOf(ttmenu[3][0])!=-1) {bg_pos=<span style="background-color: lime;">style4</span>[0];sp_img=<span style="background-color: lime;">style4</span>[1];}<br />
else if (active_cond.indexOf(ttmenu[4][0])!=-1) {bg_pos=<span style="background-color: lime;">style5</span>[0];sp_img=<span style="background-color: lime;">style5</span>[1];}<br />
else if (active_cond.indexOf(ttmenu[5][0])!=-1) {bg_pos=<span style="background-color: lime;">style6</span>[0];sp_img=<span style="background-color: lime;">style6</span>[1];}<br />
else if (active_cond.indexOf(ttmenu[6][0])!=-1) {bg_pos=<span style="background-color: lime;">style2</span>[0];sp_img=<span style="background-color: lime;">style2</span>[1];}<br />
else {bg_pos=<span style="background-color: lime;">style1</span>[0];sp_img=<span style="background-color: lime;">style1</span>[1];}<br />
...<br />
...</div><br />
- Nếu như có nhiều menu thì các bạn cứ thêm code như bên dưới để chọn style cho nó :<br />
<div class="codeview">...<br />
...<br />
if (active_cond.indexOf(ttmenu[1][0])!=-1) {bg_pos=<b><span style="color: #a02e0b;">style2</span></b>[0];sp_img=<b><span style="color: #a02e0b;">style2</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[2][0])!=-1) {bg_pos=<b><span style="color: #bb1d68;">style3</span></b>[0];sp_img=<b><span style="color: #bb1d68;">style3</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[3][0])!=-1) {bg_pos=<b><span style="color: #3e8237;">style4</span></b>[0];sp_img=<b><span style="color: #3e8237;">style4</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[4][0])!=-1) {bg_pos=<b><span style="color: #026984;">style5</span></b>[0];sp_img=<b><span style="color: #026984;">style5</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[5][0])!=-1) {bg_pos=<b><span style="color: #69411e;">style6</span></b>[0];sp_img=<b><span style="color: #69411e;">style6</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[6][0])!=-1) {bg_pos=<b><span style="color: #a02e0b;">style2</span></b>[0];sp_img=<b><span style="color: #a02e0b;">style2</span></b>[1];}<br />
<span style="background-color: lime;">else if (active_cond.indexOf(ttmenu[7][0])!=-1) {bg_pos=<b><span style="color: #bb1d68;">style3</span></b>[0];sp_img=<b><span style="color: #bb1d68;">style3</span></b>[1];}<br />
else if (active_cond.indexOf(ttmenu[8][0])!=-1) {bg_pos=<b><span style="color: #3e8237;">style4</span></b>[0];sp_img=<b><span style="color: #3e8237;">style4</span></b>[1];}</span><br />
else {bg_pos=<b><span style="color: #3f3f3f;">style1</span></b>[0];sp_img=<b><span style="color: #3f3f3f;">style1</span></b>[1];}<br />
...<br />
...</div>- lưu ý :<b> ttmenu[7][0]</b>, và <b>ttmenu[8][0]</b> là liên kết của các <b>Menu7</b>, và <b>Menu8</b>. <br />
- nếu muốn chỉ 1 trang nào đó có giao diện đặc biệt khác với các trang còn lại <i>(ở đây mình ví dụ là trang <b>Menu1</b>)</i> thì đoạn code ở trên sẽ chỉ còn như bên dưới :<br />
<div class="codeview">...<br />
...<br />
if (active_cond.indexOf(ttmenu[1][0])!=-1) {bg_pos=<b><span style="color: #a02e0b;">style2</span></b>[0];sp_img=<b><span style="color: #a02e0b;">style2</span></b>[1];}<br />
else {bg_pos=<b><span style="color: #3f3f3f;">style1</span></b>[0];sp_img=<b><span style="color: #3f3f3f;">style1</span></b>[1];}<br />
...<br />
...</div>- Đoạn code trên có nghĩa là chỉ có trang <b>Menu1</b> là có giao diện riêng biệt là <b>Style2</b>, còn các trang khác sẽ có giao diện <b>Style1</b>.<br />
<br />
<i>Như vậy mình hướng dẫn đã xong. các bạn cứ test thử, nếu có trục trặc gì mình sẽ fix lại bài viết và cập nhật thêm hướng dẫn.</i><br />
<br />
<div style="color: red; text-align: center;"><b><span style="font-size: x-large;">----- UPDATED -----</span></b></div><div style="color: blue; text-align: center;"><span style="font-size: large;"><b>K14 - Promenu (với hiệu ứng sổ dọc)</b></span></div>- ở bản update này, mình sẽ cập nhật thêm tính năng thêm submenu cho menu chính. Tính năng này mình kết hợp từ bài viết "Tạo menu nằm ngang với hiệu ứng sổ dọc".<br />
- Để thực hiện việc cập nhật này, các bạn phải xem lại bài viết <a href="http://www.fandung.com/2009/03/code-tao-menu-thanh-menu-ngang.html" target="_blank">Tạo Menu Thanh menu ngang có sổ dọc xuống</a><br />
<br />
<div style="text-align: center;"><b style="background: #24bde2; border: 1px solid #4adcff; color: white; padding: 5px 10px;">Xem <a href="http://demo.fandung.com/search/label/Label3?demo=pro_menu" target="_blank">DEMO</a></b></div><div style="text-align: center;"><br />
<i>Hình ảnh minh họa :</i></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-qxgbC5SJU80/TwPkmgj8TlI/AAAAAAAACOQ/RyXOAb9FaF8/s1600/k14-updated.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img height="112" src="http://4.bp.blogspot.com/-qxgbC5SJU80/TwPkmgj8TlI/AAAAAAAACOQ/RyXOAb9FaF8/s400/k14-updated.jpg" style="border: 1px solid #418539; padding: 2px;" width="400" /></a></div><br />
- Sau đây là code mẫu của thủ thuật đã updated, các bạn thực hiện theo hướng dẫn của bài này và bài <b>Tạo Menu Thanh menu ngang có sổ dọc xuống</b> để có thể chỉnh sửa lại từ code mẫu :<br />
<div class="codeview"><script src="http://fandung.googlecode.com/svn/trunk/js/dropdown2.js" type="text/javascript"></script><br />
<br />
<style type="text/css"><br />
#promenu ul li a:hover {text-decoration:none;}<br />
#promenu {<br />
background-repeat: repeat-x;<br />
background-image: url(http://2.bp.blogspot.com/-CAiNwOD8ZxA/Tv31TJIe4kI/AAAAAAAACN0/7cd5Z_NcdV4/s400/1-6-bg.png);<br />
width: 100%;<br />
height: 32px;<br />
}<br />
.menu {<br />
list-style: none;<br />
width: 100%;<br />
margin: auto!important;<br />
}<br />
.menu li {<br />
float: left;<br />
text-align: center;<br />
padding:0!important;<br />
}<br />
.menu li a {<br />
color: white;<br />
height:30px;<br />
display:block;<br />
}<br />
.menu .active, .menu li:hover {<br />
background-position: 0 -34px;<br />
float: left;<br />
}<br />
<br />
.menu .active span, .menu span:hover {<br />
background-position: 100% -34px;<br />
float: left;<br />
line-height: 30px;<br />
height: 30px;<br />
}<br />
<br />
.menu li a span {<br />
font: 12px/31px Tahoma;<br />
font-weight: 700;<br />
display: block;<br />
text-align: center;<br />
padding: 0 8px 0 9px;<br />
}<br />
.menusep {<br />
background-position: 0 0;<br />
height: 32px;<br />
line-height: 32px;<br />
width: 2px;<br />
}<br />
.promenu_sub {<br />
background-repeat: repeat-x;<br />
background-image: url(http://2.bp.blogspot.com/-uScedrU5qn8/TwPW0bQZQmI/AAAAAAAACOE/YYAy3pE_uQQ/s240/1-6-bg_sub2.png);<br />
margin-top:1px;<br />
padding:1px;<br />
color: #fff;;<br />
margin: 1 1px;<br />
padding: 7px 12px;<br />
font-weight:bold;<br />
font-family:Arial, Helvetica, sans-serif;<br />
font-size:12px;<br />
cursor:pointer;<br />
border-top:1px solid #ededed;<br />
}<br />
</style><br />
<br />
<script type="text/javascript"><br />
//<![CDATA[<br />
var style1=["0px","http://2.bp.blogspot.com/-jD-t7t4sj2o/Tvqdg0eQkKI/AAAAAAAACME/tLwUVbK60qM/s318/style1-sp.png"];<br />
<br />
var style2=["-40px","http://2.bp.blogspot.com/-f16OTLOYr8E/TvqdhFEeJlI/AAAAAAAACMA/Yu09XevCqHs/s318/style2-sp.png"];<br />
<br />
var style3=["-80px","http://2.bp.blogspot.com/-dEyh5KIz8fw/TvqdmGUVEeI/AAAAAAAACNE/e6kcm5Yp0dM/s318/style3-sp.png"];<br />
<br />
var style4=["-120px","http://2.bp.blogspot.com/-2xZHcRiVK7s/TvqdiExbcqI/AAAAAAAACMg/iOGIMpuWO4c/s318/style4-sp.png"];<br />
<br />
var style5=["-160px","http://2.bp.blogspot.com/-GGrN1FfltwU/Tvqdje5FCfI/AAAAAAAACMs/fRlPK4rFUns/s318/style5-sp.png"];<br />
<br />
var style6=["-200px","http://2.bp.blogspot.com/-OrAhQGI__is/TvqdkKrM4kI/AAAAAAAACM8/dFaWRKt9Kns/s318/style6-sp.png"];<br />
<br />
var m0=["http://demo.fandung.com","Home","home_id"];<br />
var m1=["/search/label/Label1","Label1","id1"];<br />
var m2=["/search/label/Label2","Label2","id2"];<br />
var m3=["/search/label/Label3","Label3","id3"];<br />
var m4=["/search/label/Label4","Label4","id4"];<br />
var m5=["/search/label/Label5","Label5","id5"];<br />
var m6=["/search/label/Label6","Label6","id6"];<br />
var m7=["/search/label/Label7","Label7","id7"];<br />
var m8=["/search/label/Label8","Label8","id8"];<br />
var m9=["/search/label/Label9","Label9","id9"];<br />
<br />
var ttmenu = [m0,m1,m2,m3,m4,m5,m6,m7,m8,m9];<br />
var n=ttmenu.length;<br />
var list_menu=[];<br />
var list_active=[];<br />
var c_menu='';<br />
var m_homepage='http://demo.fandung.com/';<br />
var h_cond=m_homepage+'search';<br />
<br />
var active_cond = location.href;<br />
var home_cond=active_cond.split("?")[0];<br />
<br />
var bg_pos='';<br />
var sp_img='';<br />
<br />
if (active_cond.indexOf(ttmenu[1][0])!=-1) {bg_pos=style2[0];sp_img=style2[1];}<br />
else if (active_cond.indexOf(ttmenu[2][0])!=-1) {bg_pos=style3[0];sp_img=style3[1];}<br />
else if (active_cond.indexOf(ttmenu[3][0])!=-1) {bg_pos=style4[0];sp_img=style4[1];}<br />
else if (active_cond.indexOf(ttmenu[4][0])!=-1) {bg_pos=style5[0];sp_img=style5[1];}<br />
else if (active_cond.indexOf(ttmenu[5][0])!=-1) {bg_pos=style6[0];sp_img=style6[1];}<br />
else if (active_cond.indexOf(ttmenu[6][0])!=-1) {bg_pos=style2[0];sp_img=style2[1];}<br />
else if (active_cond.indexOf(ttmenu[7][0])!=-1) {bg_pos=style3[0];sp_img=style3[1];}<br />
else {bg_pos=style1[0];sp_img=style1[1];}<br />
<br />
var mcss = document.createElement('style');<br />
mcss.type = 'text/css';<br />
mcss.innerHTML = '#promenu, .promenu_sub {background-position: 0 '+bg_pos+'} .menu li:hover, .menu .active, .menu .active span, .menusep, .menu span:hover {background-image: url('+sp_img+')}';<br />
document.body.appendChild(mcss);<br />
<br />
// submenu<br />
function otab(){document.write('<table border="0" bordercolor="#999" style="background-color: #FFF" cellspacing="0" cellpadding="0">');}<br />
<br />
function submn(submn_link,submn_text){ document.write('<tr><td onmouseover="this.style.background=\'url(http://2.bp.blogspot.com/-CAiNwOD8ZxA/Tv31TJIe4kI/AAAAAAAACN0/7cd5Z_NcdV4/s400/1-6-bg.png) repeat-x 0 '+bg_pos+'\'" onmouseout="this.style.background=\'url(http://2.bp.blogspot.com/-uScedrU5qn8/TwPW0bQZQmI/AAAAAAAACOE/YYAy3pE_uQQ/s240/1-6-bg_sub2.png) repeat-x 0 '+bg_pos+'\'" class="promenu_sub" onclick="window.location.href=\''+submn_link+'\'">'+submn_text+'</td></tr>');}<br />
<br />
function ctab(){document.write('<\/table>');}<br />
<br />
function otab(child_id){document.write('<table id="' + child_id +'" border="0" bordercolor="#999" style="background-color: #FFF" cellspacing="0" cellpadding="0">');}<br />
<br />
//submenu<br />
<br />
c_menu +='<div id="promenu"><ul class="menu">';<br />
<br />
for (var i=0;i<n;i++) {<br />
<br />
if ((home_cond==m_homepage)||(home_cond==h_cond)) {list_active[0]='class="active"';}<br />
else if (active_cond.indexOf(ttmenu[i][0])!=-1) {list_active[i]='class="active"';} else {list_active[i]='';}<br />
<br />
list_menu[i]='<li><a href="'+ttmenu[i][0]+'" '+list_active[i]+' id="'+ttmenu[i][2]+'"><span>'+ttmenu[i][1]+'</span></a></li>';<br />
c_menu +=list_menu[i];<br />
if (i<n-1) {c_menu +='<li class="menusep"> </li>';} <br />
}<br />
c_menu +='</ul></div>';<br />
document.write(c_menu);<br />
<br />
//]]><br />
</script><br />
<br />
<script type="text/javascript"><br />
otab("id1_child");<br />
submn('link_submenu1.1','Submenu 1.1');<br />
submn('link_submenu1.2','Submenu 1.2');<br />
ctab();<br />
at_attach("id1", "id1_child", "hover", "y", "pointer");<br />
<br />
otab("id2_child");<br />
submn('link_submenu2.1','Submenu 2.1');<br />
ctab();<br />
at_attach("id2", "id2_child", "hover", "y", "pointer");<br />
<br />
otab("id3_child");<br />
submn('link_submenu3.1','Submenu 3.1');<br />
ctab();<br />
at_attach("id3", "id3_child", "hover", "y", "pointer");<br />
<br />
otab("id4_child");<br />
submn('link_submenu4.1','Submenu 4.1');<br />
submn('link_submenu4.2','Submenu 4.2');<br />
submn('link_submenu4.3','Submenu 4.3');<br />
submn('link_submenu4.4','Submenu 4.4');<br />
submn('link_submenu4.5','Submenu 4.5');<br />
submn('link_submenu4.6','Submenu 4.6');<br />
ctab();<br />
at_attach("id4", "id4_child", "hover", "y", "pointer");<br />
<br />
otab("id5_child");<br />
submn('link_submenu5.1','Submenu 5.1');<br />
submn('link_submenu5.2','Submenu 5.2');<br />
ctab();<br />
at_attach("id5", "id5_child", "hover", "y", "pointer");<br />
<br />
otab("id6_child");<br />
submn('link_submenu6.1','Submenu 6.1');<br />
ctab();<br />
at_attach("id6", "id6_child", "hover", "y", "pointer");<br />
<br />
otab("id7_child");<br />
submn('link_submenu7.1','Submenu 7.1');<br />
submn('link_submenu7.2','Submenu 7.2');<br />
submn('link_submenu7.3','Submenu 7.3');<br />
ctab();<br />
at_attach("id7", "id7_child", "hover", "y", "pointer");<br />
<br />
otab("id8_child");<br />
submn('link_submenu8.1','Submenu 8.1');<br />
submn('link_submenu8.2','Submenu 8.2');<br />
submn('link_submenu8.3','Submenu 8.3');<br />
submn('link_submenu8.4','Submenu 8.4');<br />
submn('link_submenu8.5','Submenu 8.5');<br />
submn('link_submenu8.6','Submenu 8.6');<br />
submn('link_submenu8.7','Submenu 8.7');<br />
ctab();<br />
at_attach("id8", "id8_child", "hover", "y", "pointer");<br />
</script></div><div style="color: red;"><i>- bản updated vẫn chưa hoàn thiện ở phần hiện hiệu ứng thay đổi style cho menu ở các trang submenu, mình sẽ fix sớm khi có thể. </i></div>Phan Dũnghttp://www.blogger.com/profile/04749296400753058357noreply@blogger.com48tag:blogger.com,1999:blog-82433928586953437.post-63676475240020663222011-12-30T14:56:00.002+07:002011-12-30T15:07:19.250+07:00Chèn Chabox Gtalk vào BlogSpot.<div dir="ltr" style="text-align: left;" trbidi="on">
Nếu site bạn rất nhiều bạn bè có tài khoản Google, tại sao không thử chèn thêm một ChatBox để tăng tình năng trò chuyện kết bạn cho Blog. Việc đơn giản phải làm là bạn chỉ cần nhúng một iframe của Google cho sẵn.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-F02qW6CVPB0/Tv1xMIFYERI/AAAAAAAAB5U/SCCFnr1wVq8/s1600/dailymix28214_371fd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-F02qW6CVPB0/Tv1xMIFYERI/AAAAAAAAB5U/SCCFnr1wVq8/s320/dailymix28214_371fd.jpg" width="239" /></a></div>
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<b style="background: #24bde2; border: 1px solid #4adcff; color: white; padding: 5px 10px;">Xem <a href="http://www.tv.maphim.net/" target="_blank">DEMO</a></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-jpXsvKDx-rA/Tv1tx4xnZMI/AAAAAAAAB40/SF3z8QYpo-k/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="http://3.bp.blogspot.com/-jpXsvKDx-rA/Tv1tx4xnZMI/AAAAAAAAB40/SF3z8QYpo-k/s320/1.PNG" width="320" /></a></div>
<br />
Các bạn coppy và cài đặt nhé. Và nhớ chỉnh lại CSS. của mình.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-yVonx6kMB90/Tv1t0ny_yKI/AAAAAAAAB48/9XJncB_AKk0/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="http://4.bp.blogspot.com/-yVonx6kMB90/Tv1t0ny_yKI/AAAAAAAAB48/9XJncB_AKk0/s320/2.PNG" width="320" /></a></div>
<br />
<div class="codeview">
<style><br />
#chat{position:fixed; top:0px; left:1px;}<br />
.bt{background:url('http://cdn1.iconfinder.com/data/icons/androiddevicons/dialog.png') no-repeat; width: 48px; height: 48px;}<br />
#cbody{border-radius: 3px 10px 0px #444;}<br />
</style><br />
<div id="chat"><br />
<div class="bt" onclick="toggle()" ></div><br />
<p id="cbody" style="display:none;"><br />
<iframe height="350" frameborder="0" width="300" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&amp;relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay"></iframe><br />
</p><br />
</div><br />
<script><br />
var $_ = function(x){return document.getElementById(x);}<br />
<br />
function toggle(){<br />
var ck = $_("cbody").style.display;<br />
if(ck != "none"){<br />
$_("cbody").style.display = "none";<br />
}<br />
if(ck != "block"){<br />
$_("cbody").style.display = "block";<br />
}<br />
}<br />
</script><br />
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<i>Chúc bạn thành công !</i></div>
</div>Unknownnoreply@blogger.com16tag:blogger.com,1999:blog-82433928586953437.post-75265674486385746102011-12-30T04:22:00.000+07:002011-12-30T05:14:06.008+07:00[Thông báo] V/v VNPT chặn BlogSpot.<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
Chia buồn với cộng đồng Blogger tại Việt Nam. VNPT chính thức đưa BlogSpot vào danh sách đen của mình.... Được biết thì họ không chặn luôn trang blogspot.com mà chặn các subdomain là *.blogspot.com.<br />
<br />
Do vậy khi vào fandung load lâu không có gì là lạ. Trên site chưa rất nhiều backlink domain *.blogspot.com<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-JzZ5YkMP7qQ/TvzhauWjg8I/AAAAAAAAB38/J1hRKnlt4Og/s1600/blogger-banded.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="http://2.bp.blogspot.com/-JzZ5YkMP7qQ/TvzhauWjg8I/AAAAAAAAB38/J1hRKnlt4Og/s200/blogger-banded.png" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small;"><i><b>Bá đạo !</b></i></span></td></tr>
</tbody></table>
<br />
<br />
Ảnh hưởng tới các domain sau:<br />
<i><br /></i><br />
<i>*.googleusercontent.com - Nghĩa là khỏi dịch, khỏi xem cache Google luôn.</i><br />
<i> (P/s : Hiện tại VNPT đã thả Google Translate).</i><br />
<br />
<i>Picasa cũng dạng *.googleusercontent.com nên chịu chung số phận.</i><br />
<i> (P/s : Có lẽ cũng sẽ được thả sớm</i>). <br />
<br />
Thêm thông tin là IP của *.blogspot.com và *.googleusercontent.com đều là 74.125.71.132. Vậy là các bạn đã hiểu tại sao cả Blogspot và Google Dịch, Google Cache đều không vào được rồi đấy.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-es8qMQ-ig38/TvzT6iAigJI/AAAAAAAAB20/EpxBpWSwffc/s1600/blogger1.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-es8qMQ-ig38/TvzT6iAigJI/AAAAAAAAB20/EpxBpWSwffc/s400/blogger1.PNG" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-jr4EJcXv6Uw/TvzdDDEPjlI/AAAAAAAAB3k/uIEi-jNE3vw/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="http://4.bp.blogspot.com/-jr4EJcXv6Uw/TvzdDDEPjlI/AAAAAAAAB3k/uIEi-jNE3vw/s320/Capture.PNG" width="320" /></a></div>
<br />
<br />
<br />
Chung số phận với facebook, blogger.com chính thực lĩnh án chung thân.<br />
<br />
Mình theo dõi và phỏng đoán, nguyên nhân về việc chặn subdomain blogspot.com do hiện tại rất nhiều web đen chưa nội dung xấu (xxx, phản động...). Đã được đưa vào tầm ngắm của bộ thông tin. Không lâu nữa, rất có thể em Google + của chúng ta sẽ tiếp tục lên đường vào thăm anh Luyện.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-utAdy7voqU8/Tvzd16XK4FI/AAAAAAAAB3w/DPnYR7L-Thg/s1600/xxx.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://4.bp.blogspot.com/-utAdy7voqU8/Tvzd16XK4FI/AAAAAAAAB3w/DPnYR7L-Thg/s400/xxx.PNG" width="400" /></a></div>
<br />
Cộng đồng nghĩ gì, bạn hãy đọc:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-OXcq1u_AOOA/TvzkiubL2wI/AAAAAAAAB4U/ea_uJaiTxSc/s1600/congdong.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="http://1.bp.blogspot.com/-OXcq1u_AOOA/TvzkiubL2wI/AAAAAAAAB4U/ea_uJaiTxSc/s400/congdong.PNG" width="400" /></a></div>
<br />
<br />
http://www.phamen.com/bloggerr-wordpress-tai-sao-vnpt/<br />
<br />
Các site có domain riêng không bị chặn là bới dùng faceIP. Do vậy hiện tại để vào được BlogSpot sẽ có 2 cách khắc phục sau. <br />
<br />
1. Sử dụng domain riêng...<br />
<br />
2. Hướng dẫn bạn bè dùng faceIp ngay trên máy. (cách này sẽ giúp các admin đi ngủ sớm hơn, vì blogger cũng không mặn mà cho lắm với nhiều người xem :| )<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-RmVqHnwwUcg/TvzYNxJkaEI/AAAAAAAAB3M/DEr_d2ma-uY/s1600/v.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-RmVqHnwwUcg/TvzYNxJkaEI/AAAAAAAAB3M/DEr_d2ma-uY/s400/v.PNG" /></a></div>
<br />
<br />
Cách này có vẻ không hiệu quả. <br />
<br />
==> Dùng UltraSuft<br />
<br />
==> <a href="http://www.fandung.com/2009/04/blog-bong-dung-bi-ay-blogspot-bi-chan.html">BlOg... " Bỗng dưng bị ấy...!!! " - Blogspot bị chăn, khắc phục sao??? </a>(Anh Dũng viết =)) )<br />
<br />
Khung giờ bị chặn bắt đầu từ 0h = > 6h sáng. Mình không rõ có phải là 6h sáng không. Bây giờ thì vui rồi. Facebook thì chặn cả ngày, tối mở. Blogger chặn cả đêm ngày mở. :(( Hết cả các sân chơi thật rồi.. <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-0bMEEGtJhIA/TvzW9DGzUVI/AAAAAAAAB3A/F2f5FEZvuMI/s1600/8818_160316035405_645425405_4057599_2064218_n.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-0bMEEGtJhIA/TvzW9DGzUVI/AAAAAAAAB3A/F2f5FEZvuMI/s400/8818_160316035405_645425405_4057599_2064218_n.jpg" /></a></div>
<br />
<br />
Chưa có danh sách chình thức, nhưng thế này cũng đủ hiểu.<br />
<br />
Kết luận lại vụ việc này sẽ làm nhiều người buồn hơn bao giờ hết. Nhưng nếu để cái văn hoá phản động ngấm vào thân còn buồn hơn...Mình bắt đầu ghét chúng rồi đấy.<br />
<br />
<div style="color: red;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-I_glYI26uVE/TvzhhMrYoiI/AAAAAAAAB4I/xIWDWzo9V1I/s1600/Blogger_giaiphapso.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="http://1.bp.blogspot.com/-I_glYI26uVE/TvzhhMrYoiI/AAAAAAAAB4I/xIWDWzo9V1I/s320/Blogger_giaiphapso.jpg" width="320" /></a></div>
<br /></div>
<i style="color: red;">P/s: Anh em sử dụng VNPT để lại comments cho biết thêm khu vực nhé. Để mọi người biết được khu vực nào không bị dính vào thảm sát.</i></div>Unknownnoreply@blogger.com73tag:blogger.com,1999:blog-82433928586953437.post-56174872235124907732011-12-30T01:44:00.002+07:002011-12-30T05:27:38.599+07:00Jquery Slider Tin Tức - News Slider<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Hẳn nhiều bạn cần slide này... mình đã phát triển phiên bản thumbail cho site phim. Nhưng gà CSS quá nên đắp chiếu, lấy silder của trang tin tức này cho các bạn dùng.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-9N9UPzGJBhM/Tvy2VrfqaqI/AAAAAAAAB2E/ZKnN4FVjk4Y/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="http://3.bp.blogspot.com/-9N9UPzGJBhM/Tvy2VrfqaqI/AAAAAAAAB2E/ZKnN4FVjk4Y/s320/Capture.PNG" width="320" /></a></div>
<br />
<br />
Nói về jquery thì mình cũng chả rành lắm, đến từ jquery viết còn hay nhầm thì các bạn chắc cũng đoán được. Phần slider rip của gostep.info, các bạn có thể vào đó xem.<br />
<br />
<div style="text-align: center;">
<b style="background: #24bde2; border: 1px solid #4adcff; color: white; padding: 5px 10px;">Xem <a href="http://www.tv.maphim.net/" target="_blank">DEMO</a></b></div>
<br />
Mình cũng hơi buồn ngủ, các bạn setup luôn nhé.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-exUKlAmmjQw/Tvy01OT1_MI/AAAAAAAAB14/7jsbPSqfr24/s1600/slide.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="http://3.bp.blogspot.com/-exUKlAmmjQw/Tvy01OT1_MI/AAAAAAAAB14/7jsbPSqfr24/s320/slide.PNG" width="320" /></a></div>
<br />
CSS (Cái này cũng gà lắm, mọi người tự căn chỉnh nhé !)<br />
<br />
<div class="codeview">
<style><br />
ul#ticker {<br />
font: "Helvetica,Arial";<br />
height: 26px;<br />
overflow: hidden;<br />
text-align: right;<br />
color: red;<br />
font-size: 12px;<br />
line-height: 28px;<br />
background: #444;<br />
}<br />
ul#ticker strong,ul#ticker strong a {<br />
color: green;<br />
font-size: 10px;<br />
padding-right: 5px;<br />
text-transform: uppercase;<br />
}<br />
#ticker a {<br />
text-decoration: none;<br />
}<br />
ul#ticker a {<br />
color: white;<br />
text-decoration: none;<br />
}<br />
ul, li {<br />
list-style: none outside none;<br />
}<br />
ul#ticker .meta-comments a,.meta-sep,.meta-date{<br />
color: #777777;<br />
}<br />
</style><br />
<br /></div>
<br />
Javascript<br />
<br />
<div class="codeview">
<script src="<span class="st">http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/<i>jquery</i>.<i>min</i>.<i>js</i></span>"></script><br />
<script src="http://anhnc.googlecode.com/svn/trunk/p/news.js"></script><br />
<script src="/feeds/posts/default?max-results=<b style="color: red;">12</b>&amp;orderby=published&amp;alt=json-in-script&amp;callback=news"></script><br />
<br />
<br />
Phần numberposts (<b style="color: red;">12</b>) có thể unlimit nhé ;))<br />
<br />
<i>Chúc các bạn thành công !</i></div>
</div>Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-82433928586953437.post-21740097545308418092011-12-26T04:21:00.003+07:002011-12-26T12:32:24.407+07:00Quà tặng âm nhạc cho BlogSpot<div dir="ltr" style="text-align: left;" trbidi="on">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. <b style="color: orange;">Quà tặng âm nhạc</b>, đ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.<br />
<br />
<div style="text-align: center;"><b style="background: none repeat scroll 0% 0% rgb(36, 189, 226); border: 1px solid rgb(74, 220, 255); color: white; padding: 5px 10px;">Xem <a href="http://www.teteit.blogspot.com/" target="_blank">DEMO</a> | <a href="http://sonhaine.blogspot.com/2011/12/q.html" target="_blank">GỬI LỜI CHÚC</a></b></div><br />
Lâu nay ẩn danh cũng vì đang làm đồ án, rảnh tay mới code được.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-mWJTLsjlr08/TveVdsyBV6I/AAAAAAAABxQ/u-Vz80ge4lw/s1600/nghenhacvui.info-1308220963-qua+tang.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="http://4.bp.blogspot.com/-mWJTLsjlr08/TveVdsyBV6I/AAAAAAAABxQ/u-Vz80ge4lw/s320/nghenhacvui.info-1308220963-qua+tang.jpg" width="320" /></a></div><br />
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é.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-jJu-CeBqdV0/TveTncsod6I/AAAAAAAABxE/H1f4g_KLmIk/s1600/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_040451.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="122" src="http://4.bp.blogspot.com/-jJu-CeBqdV0/TveTncsod6I/AAAAAAAABxE/H1f4g_KLmIk/s400/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_040451.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Nhaccuatui.com</td></tr>
</tbody></table><div class="separator" style="clear: both; text-align: center;"><br />
</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-Ab-oIDFge98/TvecdFjd0yI/AAAAAAAABxo/6m8igVlqKDI/s1600/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_044843.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="145" src="http://1.bp.blogspot.com/-Ab-oIDFge98/TvecdFjd0yI/AAAAAAAABxo/6m8igVlqKDI/s400/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_044843.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mp3.zing.vn</td></tr>
</tbody></table><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-UjN3s_MfNxc/TveceLgIW9I/AAAAAAAABxs/CcDwhm05utw/s1600/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_045114.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="132" src="http://4.bp.blogspot.com/-UjN3s_MfNxc/TveceLgIW9I/AAAAAAAABxs/CcDwhm05utw/s400/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_045114.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Nhacso.net</td></tr>
</tbody></table><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-_N1YuJwy2Oo/TvecetedF3I/AAAAAAAABx0/ehrLvVvG3Hc/s1600/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_045303.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="122" src="http://3.bp.blogspot.com/-_N1YuJwy2Oo/TvecetedF3I/AAAAAAAABx0/ehrLvVvG3Hc/s400/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_045303.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Music.soha.vn</td></tr>
</tbody></table><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-oavIo6bcz6U/TvecfVDhxsI/AAAAAAAABx8/HfSqSK__exU/s1600/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_045529.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="177" src="http://4.bp.blogspot.com/-oavIo6bcz6U/TvecfVDhxsI/AAAAAAAABx8/HfSqSK__exU/s400/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_045529.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Nhac.vui.vn</td></tr>
</tbody></table><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-jdjUQEWwc8o/TvecgThDRbI/AAAAAAAAByE/fiMSeWb08PM/s1600/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_045736.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="105" src="http://1.bp.blogspot.com/-jdjUQEWwc8o/TvecgThDRbI/AAAAAAAAByE/fiMSeWb08PM/s400/%25E1%25BA%25A2nh+ch%25E1%25BB%25A5p+m%25C3%25A0n+h%25C3%25ACnh_2011-12-26_045736.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Zippshare và *.mp3</td></tr>
</tbody></table><i>Tha hồ chọn lựa skin ;))</i><br />
<br />
Để 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.<br />
<br />
CSS <br />
<br />
<div class="codeview"><style type="text/css"><br />
#tomusic{border:1px dashed #444; padding: 5px; width: 680px;}<br />
#avmusic img{padding: 1px; width: 120px;}<br />
#avmusic a{position: relative; left:0px; bottom:-px;}<br />
#anc_chuc{width:90%; height: 95px; float: right;}<br />
.process{<br />
background: url("http://dl.dropbox.com/u/52283085/47/sr.gif") no-repeat scroll right top transparent;<br />
color: #EDE7C2;<br />
display: block;<br />
float: left;<br />
font-size: 13px;<br />
height: 33px;<br />
margin-left: -13px !important;<br />
margin-top: 80px;<br />
padding-right: 9px;<br />
position: absolute;<br />
text-shadow: 1px 1px 1px #131212;<br />
z-index: 100;<br />
}<br />
.process a{text-decoration:none; color: #888888;}<br />
.process span {<br />
background: url("http://dl.dropbox.com/u/52283085/47/gc.png") no-repeat scroll 0 0 transparent !important;<br />
float: left;<br />
height: 33px;<br />
padding: 5px 0 0 8px;<br />
}<br />
</style></div><br />
<br />
JavaScript<br />
<br />
<div class="codeview"><script type="text/javascript"><br />
var cm_desc = 50; // Để 50 chắc là đủ (sô ký tự hiển thị)<br />
var homepage = "domain";<br />
postID = "id_bai_qua_tang_am_nhac";<br />
<br />
var cm_ava = new Array();<br />
cm_ava['openid'] = "http://lh6.googleusercontent.com/-uf0uxbEp4Zs/TgNJppowi6I/AAAAAAAAB1c/qmkdGd12iJY/openid.png";<br />
cm_ava['livej'] = "http://lh4.googleusercontent.com/-ncOJFLxjHTc/TgNJpWhHBVI/AAAAAAAAB1Y/bg87urldP3k/livej.png";<br />
cm_ava['wp'] = "http://lh3.googleusercontent.com/-pI1VhTlH9ss/TgNJot558TI/AAAAAAAAB1E/A469MiNkEVg/wp.png";<br />
cm_ava['typepad'] = "http://lh4.googleusercontent.com/-QEKJ1rr4D2o/TgNJoZSTvII/AAAAAAAAB1A/ml5MtgyRfhE/typepad.png";<br />
cm_ava['aim'] = "http://lh4.googleusercontent.com/-CY3WnoiAnk8/TgNJokYOjeI/AAAAAAAAB1M/a_56pS5vvG8/aim.png";<br />
cm_ava['url'] = "http://lh5.googleusercontent.com/-lz5ikgnJDZw/TgNJoPiZ00I/AAAAAAAAB08/qLvloo_HaHo/url.png";<br />
cm_ava['anon'] = "http://lh4.googleusercontent.com/-u-xJmUDbxGI/TgNJpJS8hEI/AAAAAAAAB1U/sC51rFWinQE/guest.png";<br />
<br />
</script><br />
<script src="http://anhnc.googlecode.com/svn/trunk/p/qtan.js" type="text/javascript"></script><br />
<script><br />
M.p(M.r());<br />
</script> </div><br />
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.<br />
<br />
<div class="codeview" style="text-align: center;">http://anhnc.googlecode.com/svn/trunk/p/qtan.js</div><br />
Cấu trúc gửi bài hát như sau:<br />
<br />
<div class="codeview">[m]link bài hát|nguoi_nhan|Lời muốn nói[/m] </div><br />
<i>Chúc mọi người thành công !</i></div>Unknownnoreply@blogger.com47