Mẹo vặt đồ gia dụng

Trước đây mình đã share cho AE 2 Template Nhạc DJ và hôm nay mình xẽ tiếp tục share cho AE 1 Template NhạcDJ mới và đây cũng là Template mà mình rất thích.
Đầu tiên Giới thiệu 1 chút về Template DJ Music Online 2014 Designed by Nguyễn Văn Tuấn

1. Template hỗ trợ Seo Tốt . Các bạn có thể xem bài viết Hướng dẫn tối ưu lại các thẻ Meta, Title Blogspot
2. Vì ít sử dụng jQuery lên load Nhanh
3. Player mới nhất do mình mới Edit. Hỗ trợ nhiều sever nhạc ---> Gét link nhacDj.Vn lên load nhạc rất nhanh
4. ---> Xem cách add AncMusic Hỗ trợ get link nhạc từ nhiều sever, skin đẹp
5.  Tự động cập nhật avatar người đăng 
6. Tùy biến trang Search Label đẹp
7. Trang Static Page mang phong cách cá nhân . Gần giống Facebook
8. Dễ dàng thay đổi sever nhạc
9. Breadcrumbs đẹp mắt.  Hỗ trợ seo rất tốt.
10. Các thẻ tiêu đề đã được tối ưu .
11. Tích hợp đầy đủ các thẻ Meta cho tất cả các trang, kể cả trang lỗi 404
12. Tạo trang báo lỗi 404 kèm nút Search Google
13. Recent Posts Style Video, tin tức
14. ....Và còn rất nhiều tiện ích khác nữa

Và sau đây là một vài ảnh minh họa về Template DJ Music Online 2014

Ảnh minh họa demo Trang chủ

Ảnh minh họa demo Trang chủ template DJ Music 2014

Demo Trang nghe nhạc template DJ Music 2014

Ảnh Demo trang search label

Ảnh Demo trang Static Page

Click vào link bên dưới để xem Demo Online

Xin chào các bạn.  Như các bạn đã biết thì AncMusic là một trong những Plugin không thể thiếu cho những website chia sẻ nhạc trên nền blogspot. Plugin này giúp bạn giảm được thời gian đăng nhạc , có thể thay đổi nơi hiển thị play tùy ý, dễ dành thay đổi skin cho play .... Nhưng nó có hạn chế là khó có thể thay skin, play nhạc chậm, lỗi trên IE...
Và hôm nay iChiaSe Blog xẽ hướng dẫn các bạn tích hợp AncMusic - Hỗ trợ get link nhạc từ nhiều sever, skin đẹp
- Update 31/01/2014- Khắc phục lỗi play Zippyshare

Ảnh minh họa AncMusic

Hướng dẫn cài đặt
Bước 1 : Các bạn thêm <div id="ichiase_pl"/> vào nơi bạn cần hiển thị Player. ( Có thể ở trước hoặc sau thẻ <data:post.body/> ).
<script type='text/javascript'>
//<![CDATA[
var $_ = function (_0x5ce8x3) {
        if (document['getElementById']) {
            return document['getElementById'](_0x5ce8x3);
        };
    },
    M = new ANCMusic;

function ANCMusic() {
    m_w = this['width'];
    i_1 = this['id1'];
    i_2 = this['id2'];
    au = this['auto'];
    this['r'] = function () {
        var _0x5ce8x3 = $_(i_1)['innerHTML'],
            _0x5ce8x3 = _0x5ce8x3['replace'](/\[m\]/gi, '<span id=\'anc_ms\' style=\'display: none;\'>'),
            _0x5ce8x3 = _0x5ce8x3['replace'](/\[\/m\]/gi, '</span>');
        $_(i_1)['innerHTML'] = _0x5ce8x3;
        return z = $_('anc_ms')['innerHTML'];
    };
    this['p'] = function (_0x5ce8x3) {
        $_(i_2)['innerHTML'] = M['l'](_0x5ce8x3);
    };
    this['l'] = function (_0x5ce8x3) {
        var _0x5ce8x5 = '',
            _0x5ce8x6 = []; - 1 != _0x5ce8x3['indexOf']('zing.vn') && (_0x5ce8x6 = _0x5ce8x3['match'](/[\d\w]+/gi), c = _0x5ce8x6['length'] - 2, _0x5ce8x5 = o(_0x5ce8x6[c])[0], M['css']('60')); - 1 != _0x5ce8x3['indexOf']('nhaccuatui.com') && (_0x5ce8x3 = _0x5ce8x3['replace'](/nghe\?M\=/gi, 'm/'), _0x5ce8x5 = o(_0x5ce8x3)[1], M['css']('8')); - 1 != _0x5ce8x3['indexOf']('zippyshare.com') && (_0x5ce8x6 = _0x5ce8x3['match'](/\d+/gi), _0x5ce8x5 = o(_0x5ce8x6)[2]); - 1 != _0x5ce8x3['indexOf']('nhacso.net') && (_0x5ce8x6 = _0x5ce8x3['match'](/[\d\w]+/gi), c = _0x5ce8x6['length'] - 2, _0x5ce8x5 = o(_0x5ce8x6[c])[3], M['css']('35')); - 1 != _0x5ce8x3['indexOf']('nhac.vui.vn') && (_0x5ce8x6 = _0x5ce8x3['match'](/[0-9]+/gi), _0x5ce8x5 = o(_0x5ce8x6[0])[4]); - 1 != _0x5ce8x3['indexOf']('musik.soha.vn') && (_0x5ce8x6 = _0x5ce8x3['match'](/\bd[\w\d]+/gi), _0x5ce8x5 = o(_0x5ce8x6[0]['replace'](/d/gi, ''))[5]); - 1 != _0x5ce8x3['indexOf']('.m4a') && (_0x5ce8x6 = _0x5ce8x3['match'](/\bd[\w\d]+/gi), _0x5ce8x5 = o(_0x5ce8x6[0]['replace'](/d/gi, ''))[5]); - 1 != _0x5ce8x3['indexOf']('.mp3') && -1 == _0x5ce8x3['indexOf']('zing.vn') && (_0x5ce8x5 = o(_0x5ce8x3)[6]); - 1 != _0x5ce8x3['indexOf']('youtube.com') && (_0x5ce8x3 = _0x5ce8x3['replace'](/\/watch\?v=/gi, '/watch?v='), _0x5ce8x3 = _0x5ce8x3['replace'](/\&feature=related/gi, ''), _0x5ce8x5 = o(_0x5ce8x3)[7]);
        return _0x5ce8x5;
    };
    this['css'] = function (_0x5ce8x3) {
        css = '<style>';
        css += '#ichiase_play{margin:-' + _0x5ce8x3 + 'px 0;}';
        css += '</style>';
        document['write'](css);
    };
};
var o = function (_0x5ce8x3) {
        _mode = 'quality="high" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always"';
        return data = ['<embed width="' + m_w + '" height="80" src="http://static.mp3.zing.vn/skins/gentle/flash/mp3Player.swf?xmlURL=http://mp3.zing.vn/play/?pid=' + _0x5ce8x3 + '||4&amp;songID=0&amp;autoplay=' + au + '" ' + _mode + '/><br /><br />', '<embed width="100%"' + m_w + '" height="25" flashvars="&amp;autostart=' + au + '" src="' + _0x5ce8x3 + '" ' + _mode + '/>', '  <embed loop="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="http://player.longtailvideo.com/player.swf" ' + _mode + ' flashvars="&amp;file=http://nhacdj.vn/zippy/www' + _0x5ce8x3[0] + '.zippyshare.com/v/' + _0x5ce8x3[1] + '/file.html.m4a&time=1&amp;image=http://www.upsieutoc.com/images/2014/09/25/equalizer.gif&amp;screencolor=000000&amp;volume=100&amp;replay=true&amp;screencolor=000000&amp;skin=http://nhacdj.vn/skin/djtuoigiv4/plugin/jwplayer/skins/vi/vi.xml&amp;autostart=' + au + '&amp;controlbar.position=bottom" width="100%"/><br/><br/><center><a class="botton-ichiasev2" href="chia s\u1EBB" onclick="     window.open(       &#39;https://www.facebook.com/sharer/sharer.php?u=&#39;+encodeURIComponent(location.href),        &#39;facebook-share-dialog&#39;,        &#39;width=626,height=436&#39;);      return false;" title="Click chia se Facobook"><div class="sprites icons16 btn_like"></div>Chia sẻ bài hát</a><a class="botton-ichiasev2-tai" href="http://www' + _0x5ce8x3[0] + '.zippyshare.com/v/' + _0x5ce8x3[1] + '/file.html" target="_blank" title="Click t\u1EDBi trang download"><div class="sprites icons16 btn_download"></div>Tải nhạc 320 Kbps</a><a class="botton-ichiasev2" href="#fb-root" title="Click t\u1EDBi b\xECnh lu\u1EADn"><div class="sprites icons16 btn_zoom"></div>B\xECnh lu\u1EADn</a><a class="botton-ichiasev3-tai" href="ymsgr:sendIM?ichiase360pl&amp;m=Xin ch\xE0o ADMIN!" title="Click b\xE1o l\u1ED7i"><div class="sprites icons16 btn_closeads"></div>B\xE1o l\u1ED7i</a></center>', '<embed width="100%"' + m_w + '" height="60" autostart="true" ' + _mode + ' flashvars="xmlPath=http://nhacso.net/flash/song/xnl/1/id/' + _0x5ce8x3 + '&amp;adsLink=&amp;colorAux=0xff4a4a&amp;colorMain=0xeffcfc&amp;colorBorder=0x078939&amp;typePlayer=single&amp;mAuto=' + au + '" src="http://st.nhacso.net/flash/v61/embedPlaylistjs.swf"/>', '<embed width="' + m_w + '" height="127" flashvars="playlistfile=http://hn.nhac.vui.vn/asx2.php%3Ftype%3D1%26id%3D' + _0x5ce8x3 + '&amp;frontcolor=1717f7&amp;lightcolor=ff4a4a&amp;screencolor=000000&amp;bufferlength=10&amp;volume=100&amp;playlist=bottom&amp;playlistsize=60&amp;autostart=' + au + '&amp;repeat=no&amp;controlbar=bottom&amp;dock=false&amp;plugins=http://hn.nhac.vui.vn/upload/players/spectrumvisualizer-1.swf&amp;spectrumvisualizer.effect=reflection" src="http://player.longtailvideo.com/player.swf"/>', '<embed width="' + m_w + '" height="25" ' + _mode + ' flashvars="&amp;autostart=' + au + '" src="http://musik.soha.vn/share/k14/track/' + _0x5ce8x3 + '" />', '<embed ' + _mode + ' flashvars="&amp;file=' + _0x5ce8x3 + '&amp;backcolor=0x272727&amp;frontcolor=0xFFFFFF&amp;lightcolor=FFFFFF&amp;image=http://www.upsieutoc.com/images/2014/09/25/equalizer.gif&amp;autostart=' + au + '&amp;repeat=false" src="http://player.longtailvideo.com/player.swf" height="420" width="96%"' + m_w + '" ></embed>', '<embed ' + _mode + ' src="http://player.longtailvideo.com/player.swf" flashvars="file=http://www.youtube.com/watch?v=' + _0x5ce8x3 + '&amp;backcolor=0x000000&amp;frontcolor=0x89014b&amp;lightcolor=89014b&amp;image=http://www2.pictures.zimbio.com/gi/DJ+Bizzy+WWE+SummerSlam+VIP+Kick+Off+Party+8wouVVF7EMrl.jpg&amp;repeat=false&amp;skin=http://nhacdj.vn/skin/djtuoigiv4/plugin/jwplayer/skins/vi/vi.xml&amp;autostart=true" allowfullscreen="true" height="420" width="100%"' + m_w + '"></embed><br/><center><a class="botton-ichiasev2" href="chia s\u1EBB" onclick="     window.open(       &#39;https://www.facebook.com/sharer/sharer.php?u=&#39;+encodeURIComponent(location.href),        &#39;facebook-share-dialog&#39;,        &#39;width=626,height=420&#39;);      return false;"><div class="sprites icons16 btn_like"></div>Chia s\u1EBB (\u0111\u1EC1 xu\u1EA5t)</a><a class="botton-ichiasev2" href="#fb-root"><div class="sprites icons16 btn_zoom"></div>B\xECnh lu\u1EADn</a><a class="botton-ichiasev3-tai" href="ymsgr:sendIM?ichiase360pl&amp;m=Xin ch\xE0o DJ Ketamin!"><div class="sprites icons16 btn_closeads"></div>B\xE1o l\u1ED7i</a></center>'];
    };
//]]>
</script>
<script>
    var z = {
     width: "500px",
     id1: "Blog1",
     id2: "ichiase_play",
     auto: "true", };
     ANCMusic.call(z);
M.p(M.r());
</script>
<!-- Kết thúc player -->


Các bạn có thể điều chỉnh các thông số sau cho phù hợp với website của bạn :

   width: độ dài của player trong trang của bạn, có thể đặt là px, % (đơn vị)
   id1:      tên id chứa Short code (bạn có thể dùng là Blog1, wrap2,outer-wrapper...v..v)
   id2:      tên id chứa trình player của bạn. (chính là phần mình đã chỉ ở trên, bạn có thể thay tên   id cũng được)
   auto:   chế độ chơi nhạc (tự động, không tự động)  

Mọi người Copy nhớ ghi rõ nguồn nhé!

Nguồn : iChiaSe.Biz

Chú Ý : Một Blogspot có thể có nhiều đoạn <b:if cond='data:post.title'> trùng lặp, và bạn cần phải xác định đúng vị trí của nó ( Thường nằm dưới phần  <b:includable id='post' var='post'> ). Bạn nào không thực hiện được có thể Comment bên dưới mình xẽ giúp đỡ nhé!

Cuối cùng save lại và xem kết quả thôi . Chúc các bạn thành công

Nguồn : iChiaSe.Biz

Ảnh minh họa menu xổ xuống

Để tạo thanh menu xổ xuống cho blogspot này thì các bạn chỉ cần làm theo các bước hướng dẫn bên dưới là xẽ thành công
Bước 1: Tại trang quản trị blog, các bạn vào Mẫu > Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ đóng ]]></b:skin>:
Bước 2 : Chèn đoạn code sau vào nơi mà cần cần hiển thị menu
<ul id="abt-nav">
    <li><a href="/">Home</a></li>
    <li><a class="hsubs" href="#">Menu 1</a>
        <ul class="subs">
            <li><a href="#">Submenu 1</a></li>
            <li><a href="#">Submenu 2</a></li>
            <li><a href="#">Submenu 3</a></li>
            <li><a href="#">Submenu 4</a></li>
            <li><a href="#">Submenu 5</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="#">Menu 2</a>
        <ul class="subs">
            <li><a href="#">Submenu 2-1</a></li>
            <li><a href="#">Submenu 2-2</a></li>
            <li><a href="#">Submenu 2-3</a></li>
            <li><a href="#">Submenu 2-4</a></li>
            <li><a href="#">Submenu 2-5</a></li>
            <li><a href="#">Submenu 2-6</a></li>
            <li><a href="#">Submenu 2-7</a></li>
            <li><a href="#">Submenu 2-8</a></li>
        </ul>
    </li>
    <li><a class="hsubs" href="#">Menu 3</a>
        <ul class="subs">
            <li><a href="#">Submenu 3-1</a></li>
            <li><a href="#">Submenu 3-2</a></li>
            <li><a href="#">Submenu 3-3</a></li>
            <li><a href="#">Submenu 3-4</a></li>
            <li><a href="#">Submenu 3-5</a></li>
        </ul>
    </li>
    <li><a href="#">Menu 4</a></li>
    <li><a href="#">Menu 5</a></li>
    <li><a href="#">Menu 6</a></li>
    <li><a href="http://www.terocket.com/">Back</a></li>
    <div id="lavalamp"></div>
</ul>
Tới đây là chúng ta đã hoàn thành các bước để tạo một thanh menu xổ xuống nhìn rất đẹp mắt cho Blogspot. Sau khi hoàn thành các bước trên bạn xẽ được demo menu như bên dưới.