Matxac 2012 Blogger Templates

Templates dành cho các bạn thích làm site nhạc DJ , Rap Việt ...



XEM DEMO DOWNLOAD

Hướng dẫn cài đặt.
Để thay đổi Menu tìm :

<li><h2><a href='/' title='Home'>Home</a></h2></li>
<li><h2><a href='/search/label/Nonstop' title='Nonstop'>Nonstop</a></h2></li>
<li><h2><a href='/search/label/House Club' title='House club'>House club</a></h2></li>
<li><h2><a href='/search/label/Việt Mixes' title='Việt Mix'>Việt Mix</a></h2></li>
<li><h2><a href='/search/label/Dance Trance' title='Dance - Trance'>Dance Trance</a></h2></li>
<li><h2><a href='/search/label/Producer VN' title='Producer VN'>Producer VN</a></h2></li>
<li><h2><a href='/search/label/Video' title='Videos Clip'>Videos Clip</a></h2></li>

Tìm http://matxac2012-helloximo.blogspot.com thay bằng tên miền của bạn

Để hiện thị icon , , bạn cần thêm nhãn có tên tương tự là New , Hot , Video

Cách post nhạc, đọc bài này: http://blog.bay68.com/2012/07/ancmusic-edition-plugin-ho-tro-nghe-nhac.html

Mục Video Dance Remix ở Sidebar vào Cài đặt -> Thiết kế -> chỉnh sửa tiện ích Video Dance Remix chèn vào

<div align="center" class="videox">
<script>document.write("<script src=\"/feeds/posts/default/-/Video?max-results="+5+"&orderby=published&alt=json-in-script&callback=bayvideo\"><\/script>");</script>
</div>

Thêm 1 pic ảnh demo bài viết


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é

AncMusic Edition - Plugin hỗ trợ nghe nhạc

Chắc hẳn ai làm blog music và phim hầu như đều quen thuộc với Plugin này.
Chức năng chính của nó là hỗ trợ play nhạc từ zippy, youtube, zing, nhaccuatui ...

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.

+ Hỗ trợ play ở IE
+ Thêm nút download
+ Sử dụng getlink để lấy link nhạc
+ Hỗ trợ add skin
.....

XEM DEMO

Hướng dẫn cài đặt:

Trước hết bạn cần xác định trang item (trang bài viết) của blog , nội dung trang item sẽ được show ra qua thẻ <data:post.body/>
thẻ này được nằm trong <b:includable id='post' var='post'>

Hãy chỉnh sửa thành

<div id='Player'>
<div align='center' id='playing'/>
<data:post.body/>
</div>

Chú ý: <div id='Player'> phải được bao quanh <div align='center' id='playing'/> và <data:post.body/>

<div align='center' id='playing'/> đâ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.

Tiếp đó dán đoạn code sau trước thẻ

<script src='http://bay68.googlecode.com/svn/trunk/friends/anc-music.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
ANCMusic.Player(ANCMusic.up("Player"),"playing");
//]]></script>

Tiếp theo tìm ]]></b:skin> dán code css sau lên trước nó

.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}
.buttons li{margin-right:10px; background-position:0 -54px; background-repeat:repeat-x; float:none; display:inline-block; zoom:1; *display:inline; overflow:hidden}
.buttons{margin:15px 0; overflow:hidden; text-align:center}
.buttons li a span{background-position:right 0px}
.buttons li a span span{padding:0 10px 2px 30px; height:25px}
.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}
.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}
.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}
.buttons li a{color:#fff !important}

Sử dụng:
* Cách post nhạc như sau ( Post ở chế độ HTML của blog )

[m]http://www8.zippyshare.com/v/62373339/file.html[/m]
[m]http://www.youtube.com/watch?v=xEsuIB7H8SM[/m]
[m]http://mp3.zing.vn/bai-hat/Quen-Cach-Yeu-Luong-Bich-Huu/ZW607CCF.html[/m]
[m]http://mp3.zing.vn/video-clip/Dung-Buong-Tay-Anh-Ho-Quang-Hieu/ZW6IO8IU.html[/m]
[m]http://www.nhaccuatui.com/mv4u/xem-clip/vku2SkirbZX4h/song-trong-ky-niem-quang-vinh.html[/m]
[m]http://www.nhaccuatui.com/nghe?M=mDBrrZdtFl8t[/m]
[m]http://www.nhaccuatui.com/nghe?L=dlXRd6DGxmNP[/m]

Ví dụ 1 bài:

Nội dung của bài viết của bạn

<!--more-->

[m]http://www21.zippyshare.com/v/6050087/file.html[/m]

Chú ý: Hãy cho <!--more--> 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.
Vào Cài đặt -> Nguồn cấp Trang Web -> Cho phép Nguồn cấp dữ liệu Blog -> Chọn: Cho đến dấu ngắt

DOWNLOAD GETLINK

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 root hosting của bạn

Vì anh Hà 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: http://blog.bay68.com

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é

Congly Blogger Theme ( Update )

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:
+ Tối ưu tăng tốc độ load
+ Slide bài mới nhất có thêm hình ảnh
+ Fix không lưu được widget ở phần tử trang
+ Sửa widget  nhỏ trang lable ở phần tử trang
+ Thêm thumbnail cho bài viết ở trang nhãn khi không có ảnh
+ Thêm trang Archive cho blog
+ Fix tìm kiếm = tìm kiếm blogger
+ Tạo widget ở sidebar có khung bo viền
+ Sử dụng phân trang mặc đinh
+ Loại bỏ Menu sổ ngang
+ Sử dụng comment phân cấp blogger

DEMO | DOWNLOAD

Hướng dẫn :
Để sửa đổi theme bạn nên dùng Notepad++ để dễ dàng sử dụng
1. Thay đổi logo tìm:
http://4.bp.blogspot.com/-SvH6xyNEkkY/T-6yaYQGhiI/AAAAAAAABE8/7_aQzYPMao0/s1600/logos.png
thay = link ảnh logo của bạn

2. Thay đổi link menu

<ul class='menu'>
<li><a href='/'><span>Home</span></a></li>
<li><a href='/search/label/Destination'><span>Menu1</span></a></li>
<li><a href='/search/label/Destination '><span>Menu2</span></a></li>
<li><a href='/search/label/Destination '><span>Menu3</span></a></li>
<li><a href='/search/label/Destination  '><span>Menu4</span></a></li>
<li><a href='/search/label/Destination  '><span>Menu5</span></a></li>
<li><a href='/search/label/Destination '><span>Menu6</span></a></li>
<li><a href='/search/label/Destination '><span>Menu7</span></a></li>
<li><a href='/search/label Destination '><span>Menu8</span></a></li>
<li><a href='/search/label/Destination '><span>Menu9</span></a></li>
</ul>

Thay Destination và Menu.. thành các nhãn blog của bạn 

3. Hiện thị các table ở trang chủ



Tìm

<div class='body-home'>
<div class='boxtitle'>
<h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Destination' title='Destination'>Destination</a></span>
<span class='boxtitle3'/></h2>
<ul class='subbox'>
<li><a href='/search/label/Menu1'>Menu1</a></li>
<li>|</li>
<li><a href='/search/label/Menu2'>Menu2</a></li>
<li>|</li>
<li><a href='/search/label/Menu3'>Menu3</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Destination?max-results="+7+"&orderby=published&alt=json-in-script&callback=helloximo02\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>

Thay chữ in đậm màu đỏ và xanh thành các nhãn của bạn

Và đây là data test nếu blog bạn chưa có bài viết nào
Vào cài đặt và Import là có thể xem demo ngay

Download Data Test

Giải pháp Blogger bị chặn 02/07/2012

Thứ 2 đầu tuần thức dậy đã bị chặn rồi lại ngồi check IP

Demo test thử ok : http://www.topphimtuan.com

or : http://www.helloximo.com

Giải pháp:

Các bạn truy cập Domain Manager xóa hết các Records cũ, rồi DNS tới địa chỉ IP sau là ok

74.125.71.121

Chúc vui vẻ 

Giải pháp VNPT chặn blogger ngày 09/06/2012

Chú ý :  Nhiều bạn DNS sai do chưa DNS được www nên vẫn chưa được.

  - Xóa bỏ DNS tới ghs.google.com trước khi DNS tới 4 IP. 
  - DNS cả root và www tới IP . Trong đó phải DNS www tới 4 IP là quan trọng nhất . vì blogger chỉ nhận www  , root chỉ có tác dụng chuyển hướng tới www khi vào Blogger chọn -> cài đặt -> Xuất bản -> Đánh dấu ô chuyển hướng hoặc chuyển hướng ở CP Domain Manager
  - Để kiểm tra -> Ở PC chọn Start -> Run... -> hiện ra cửa sổ nhập vào :  ping www.domain.com -t  -> Enter để xem đã DNS về 1 trong 4 IP chưa . ( nhớ là phải có www nha )

 ---------------------------------------------------------------------------
Đ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.
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ợ.
Thực chất hiện tại VNPT đang chặn IP liên quan đến DNS ghs.google.com.  chứ không chỉ chặn riêng đuôi .blogspot.com như trước.
Nguyên nhân chặn mình nghĩ  vì VN sử dụng facebook, blogspot ... (đườ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ỗ.
Demo test thử site mình ok :  http://www.topphimtuan.com
Vì vậy ta có thể sử 4 IP blogger của google để DNS sử dụng cho ổn định
Các bạn truy cập Domain Manager để DNS cấu hình tới 4 địa chỉ IP lần lượt như sau

216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

Hình ảnh ví dụ domain DNS tại sitelutions.com , với root và www đều add = IP cho ổn định ( kể cả sub )

1. Chọn [Advanced Config & DDNS]  để DNS

2. Chọn [Add Record] DNS tới 4 IP trên


Với các Domain Manager khác cũng DNS tương tự
Chúc các bạn thành công

Thông báo mời dự khai trương trang web www.vnforex.info

Qua một khoảng thời gian chinh chiến trên thị trường forex, mấy anh em chúng tôi dù mỗi người đến từ mỗi nơi khác nhau song do chung chí hướng chinh phục đỉnh Olympia của thị trường forex nên quyết chí lập ra một sân chơi chia sẻ kinh nghiệm sống trên thị trường này để cùng nhau học tập, kiếm tiền.

VnForex được thành lập với tôn chỉ sát cánh cùng nhà đầu tư forex, là một diễn đàn mini hội tụ các anh chị em có lòng nhiệt huyết, dù đó là nhà giao dịch (trader), nhà phân tích (analyst) hay nhà đầu tư (investor) ở bất kỳ trình độ nào (newbie/pro) đều được tôn trọng như nhau với tinh thần “tứ hải giai huynh đệ”.

Để đảm bảo việc cung cấp thông suốt thông tin phục vụ mọi người, VnForex cần có một Ban Quản trị để duy trì trang web hoạt động. Ban Quản trị gồm các thành viên:

(1) VnForex phụ trách thiết kế web, công tác PR, tin tức thị trường.

(2) Forexbaobao phụ trách dự án đầu tư forex, thành viên Ban Cố vấn chiến lược giao dịch.

(3) Ewavietnam phụ trách đào tạo trực tuyến, dự báo thị trường forex, thành viên Ban Cố vấn chiến lược giao dịch.

(4) Zigzagvn phụ trách công tác đối ngoại, thành viên Ban Cố vấn chiến lược giao dịch.

(5) Gold_Queen phụ trách tin tức thị trường, quản lý các chuyên mục đảm bảo đúng nội quy.

Cảnh cửa đến Ban Quản trị Vnforex luôn mở rộng mời các anh em có lòng nhiệt huyết đóng góp chất xám. Nếu quý vị muốn gia nhập Ban Quản trị xin vui lòng liên hệ.

Hiện nay, Ban Quản trị Vnforex đang hoàn thiện công tác cập nhật dữ liệu giai đoạn 1 và xuất bản trên các công cụ tìm kiếm. Theo kế hoạch, trang web www.vnforex.info sẽ chính thức khai trương vào lúc 19h15 ngày 30/4/2012. Sau đó, Ban Quản trị sẽ tiếp tục cập nhật dữ liệu giai đoạn 2 để nội dung thông tin đầy đủ và hoàn thiện hơn.

Ban Quản trị Vnforex  thông báo để quý bạn bè và bạn đọc gần xa biết, đến dự khai trương và thuận tiện trong việc khai thác thông tin tại www.vnforex.info.

Do thời gian thiết kế, xây dựng và cập nhật cơ sở dữ liệu rất hạn chế nên trang web www.vnforex.info sẽ không tránh khỏi thiếu sót. Rất mong nhận được ý kiến đóng góp để www.vnforex.info tiếp tục hoàn thiện nội dung thông tin và các dịch vụ nhằm phục vụ độc giả ngày càng tốt hơn.

Mọi ý kiến đóng góp xin liên hệ với Ban Quản trị www.vnforex.info theo địa chỉ email: webmaster@vnforex.info.

Xin trân trọng cảm ơn!

Thêm 1 số mẫu trình bày code đẹp cho blog.

Trước đây thủ thuật blogger đã đưa ra một số mẫu trình bày code khá đẹp và hôm nay mình cũng muốn đóng góp thêm 1 số mẫu trình bày code khác khá bắt mắt.

Xem Demo

Bắt đầu vào vấn đề chính đây.

Chèn đoạn code bạn chọn vào trước thẻ ]]></b:skin>
Mẫu 1

.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
color:#FFF;
text-shadow: 0 -1px 1px #a52676;
border:none;
background:#de45a6;
background: -moz-linear-gradient(top, #e54aac, #f374c5 95%, #d3469f);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e54aac), color-stop(.9, #f374c5), to(#d3469f));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d3469f', EndColorStr='#f374c5'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d3469f', EndColorStr='#f374c5')"; /* IE8 only */
box-shadow: inset 5px 5px 5px #9d2a6e, 0 1px 0px #fad1e9;
-webkit-box-shadow: inset 5px 5px 5px #9d2a6e, 0 1px 0px #fad1e9;
-moz-box-shadow: inset 5px 5px 5px #9d2a6e, 0 1px 0px #fad1e9;
}

Mẫu 2

.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
background: #E6E6E6;
background: -moz-linear-gradient(top, #FFF, #f5f5f5 5%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(.03, #f5f5f5), to(#e2e2e2));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e2e2e2'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e2e2e2')"; /* IE8 only */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border:1px solid #d0d0d0;
border-bottom:1px solid #b5b5b5;
color:#5e5e5e;
text-shadow: 1px 1px 1px #FFF}

Mẫu 3

.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#FFF;
text-shadow: 0 1px 1px #0f739d;
background: #40addb;
background: -moz-linear-gradient(top, #d1edfa, #73cef5 5%, #49acd6);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d1edfa), color-stop(0.03, #73cef5), to(#49acd6));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#73cef5', EndColorStr='#49acd6'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73cef5', EndColorStr='#49acd6')"; /* IE8 only */
border-bottom:1px solid #2581a8;}

Mẫu 4

.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
color:#FFF;
text-shadow: 0 -1px 1px #0d3474;
border:none;
background: #3675da;
background: -moz-linear-gradient(top, #4986e8, #76b8fc 95%, #4986e8);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4986e8), color-stop(.9, #76b8fc), to(#4986e8));
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#4986e8', EndColorStr='#76b8fc'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4986e8', EndColorStr='#76b8fc')"; /* IE8 only */
box-shadow: inset 0px 2px 5px #1c4c7d, 0 1px 0px #c9d5e8;
-webkit-box-shadow: inset 0px 2px 5px #1c4c7d, 0 1px 0px #c9d5e8;
-moz-box-shadow: inset 0px 2px 5px #1c4c7d, 0 1px 0px #c9d5e8;}

Save Template lại.
Sau này mỗi lần trình bài code thì bạn đặt đoạn code vào như dạng sau:

<div class="code">
Nội dung đoạn code
</div>