Xin giới thiệu với các bạn bộ giáo trình học guitar rất hay mà mình sưu tầm được có tên là Learn & Master Guitar . Trong bộ giáo trình này bao gồm gần 8GB video hướng dẫn bao gồm các bài học, hướng dẫn và các bài tập được chuyển soạn bằng tab, note. Được soạn bằng tiếng anh nhưng rất chi tiết và đơn giản ai cũng có thể học. Mình cũng đang tự học guitar theo giáo trình này.Bênh cạnh video,  còn có giáo trình nhạc lý Learn & Master Guitar đã được dịch sang tiếng việt giúp bạn hiểu thêm về lý thuyết guitar.


Bộ đĩa này gồm 20 DVD, 5 CD và 2 cuốn sách Lesson Book và Exercise Book (Bonus Resources).
Nội dung của bộ đĩa như sau:
Session 1: Starting off right (Khái niệm cơ bản)
Session 2: Notes on the 1st & 2nd strings (Đọc nhạc và các nốt nhạc trên dây 1 và 2)
Session 3: Notes on the 3st & 4nd strings (Đọc nhạc và các nốt nhạc trên dây 3 và 4)
Session 4: Notes on the 5st & 6nd strings (Đọc nhạc và các nốt nhạc trên dây 5 và 6)
Session 5: Basic open chords (Cơ bản về hợp âm)
Session 6: Minor seventh & suspended chords (Hợp âm thứ 7 và sus)
Session 7: Barre chords on the 6th strings (Hợp âm chặn 6 dây)
Session 8: Barre chords on the 5th strings (Hợp âm chặn 5 dây)
Session 9: The secret to great strumming (Cách đánh strumming – Quạt chả)
Session 10: Fingerstyle guitar (Gảy bằng ngón)
Session 11: Pentatonic scales (Gam ngũ cung)
Session 12: Advanced chords (Hợp âm nâng cao)
Session 13: Playing the blues
Session 14: Giving your playing some style
Session 15: Electric guitars
Session 16: Advanced strumming
Session 17: Going beyond the first position
Session 18: Jazz
Session 19: Soloing
Session 20: All the chords you need to know
Link giáo trình Video+ nhạc lý: https://www.fshare.vn/folder/PNU3I1EMOB6N 
Link Learn & Master Guitar tiếng việt : https://www.fshare.vn/file/5WT5X26D48IL

Vì link down khá nặng nên các bạn có thể sử dụng 1 số trang get link để download nhanh hơn  thay thế như sau:http://linktocdo.com hoặc http://linksvip.net

Hi vọng bạn sẽ học guitar thật tốt với giáo trình Learn & Master Guitar.

Xampp là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin. XAMPP là ứng dụng mã nguồn mở hoàn toàn miễn phí. XAMPP tương thích trên nhiều hệ điều hành như Windows, Mac OS X và Linux, dễ dàng cài đặt và cấu hình. Sau đây là hướng dẫn cài đặt và sử dụng cho các bạn mới bắt đầu tiếp cận. Đây là một công cụ rất hữu ích cho những ai muốn thử nghiệm mã nguồn web tại nhà, mà chưa có điều kiện mua hosting.
Tải về XAMPP tại đây

- Sau khi tải về bạn double click vào file để tiến hàng cài đặt = > Next chuyển đến bước Choose Componentsbạn để mặc định => Next. Trong hộp thoại hiện ra, bạn bấm Next chuyển đến bước Choose Install Lacation, mặc định là C:\xampp, nếu bạn muốn cài ở nơi khác thì nhấn Browse... => Next => Next để bắt đầu tiến trình cài đặt.

 

Sau khi cài đặt xong nhấn Finish để hoàn tất và khởi động XAMPP, bạn sẽ nhìn thấy biểu tượng của chương trình chạy ở khay hệ thống và cửa sổ quản lý ứng dụng XAMPP. Trong cửa sổ, bạn bấm nút Start để khởi động các module Apache, MySQL, FileZilla. Thư mục cài đặt mặc định của phần mềm là C:\xampp, với C: là ổ đĩa chứa hệ điều hành, thư mục gốc của localhost là htdocs (C:\xampp\htdocs)


Chúc các bạn thành công!

Lướt một vòng các blog, tình cờ mình gặp trang premium-stuff-guru- Họ hướng dẫn về cách làm đẹp tiện ích nhãn bài đăng. Mình thấy khá đẹp nên chia sẻ lại cho các bạn. Tuy nhiên sau khi đọc mình thấy có vẻ bài viết chia sẻ hơi phức tạp  nên mình tối ưu hóa về code css cho đơn giản hơn nhưng không phải vì thế mà sẽ bớt đẹp hơn đâu nhé. Nào hãy cùng thực hiện nào các bạn


Ảnh minh họa


Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin>.

.tags{zoom:1}
.tags:before,.tags:after{content:"";display:table}
.tags:after{clear:both}
.tags li{position:relative;float:left;margin:0 12px 8px 0}
.tags li:active{margin-top:1px;margin-bottom:7px}
.tags li:after{content:'';z-index:3;position:absolute;top:10px;right:-2px;width:5px;height:6px;opacity:.95;background:#da9c9c;border-radius:3px 0 0 3px}
.tags a,.tags span{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tags a{height:26px;font-size:13px;color:#000;border-radius:5px 0 0 5px;background:#efece9;border:1px solid #fafafa;-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);box-shadow:0 0 3px rgba(0,0,0,.4);padding:3px 8px}
.tags a:hover span{max-width:40px;padding:0 7px 0 6px}
.tags span{position:absolute;top:0;left:100%;z-index:2;overflow:hidden;max-width:0;height:26px;line-height:23px;opacity:.95;color:#fff;text-shadow:0 -1px rgba(0,0,0,0.3);border:1px solid;border-radius:0 4px 4px 0;background:#da9c9c;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border-color:#da9c9c;padding:0 0 0 2px}

Hãy chỉnh sửa màu sắc phù hợp với bạn.


Bước 2: Thêm tiện ích danh sách nhãn bài đăng (nếu template của bạn đã có tiện ích này thì bỏ qua) và tìm kiếm đoạn code sau trong template của bạn (trong chế độ Mở rộng Mẫu Tiện ích).

<div expr:class='"widget-content " + data:display + "-label-widget-content"'>

Một khi tìm thấy đoạn mã này chỉ cần nhìn xuống 2 dòng bạn có thể thấy <ul> và sửa thành <ul class='tags'>

Bước 3: Tiếp tục tìm kiếm đoạn mã (đầu tiên)
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

và sửa thành

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/><span class='label-count' dir='ltr'>(<data:label.count/>)</span></a>

Chúc thành công.

Cùng nhau xem qua định nghĩa Tooltip là gì trước khi thực hiện thủ thuật này nhé các bạn. Tooltip  một chú thích xuất hiện khi rê chuột lên 1 đối tượng nào đó như văn bản, hình ảnh, liên kết và các phần tử giao diện khác. ... Mục đích của tooltip là nói cho người dùng biết đối tượng này dùng để làm  hoặc hiển thị thêm thông tin của đối tượng được rê chuột vào.



Hôm nay, mình sẽ chia sẻ với các bạn thủ thuật làm sao áp dụng tooltip vào bài viết của bạn. Tooltip này sẽ hiển thị tốt cả trên máy tính và  mobile và tự thay đổi kích thước sao cho phù hợp với trình duyệt hiện tại trên thiết bị (responsive). Chúc bạn thực hiện thành công

Tính năng
Tự động thay đổi kích thước tooltip cho phù hợp với màn hình thiết bị
Hoạt động tốt trên các thiết bị có màn hình cảm ứng
Có thể sử dụng các thẻ HTML cho nội dung trong tooltip như kiểu chữ nghiêng, đậm
Chúng ta sẽ thiết kế cho khung tooltip bằng đoạn CSS bên dưới, nếu hiểu rõ bạn có thể tùy biến sao cho phù hợp với blog/website của mình. Các bạn sao chép 2 đoạn code Css và 
Javascript và đặt trước thẻ đóng </head>

CSS
#tooltip { text-align: center; color: #fff; background: #111; position: absolute; z-index: 100; padding: 15px; } #tooltip:after /* triangle decoration */ { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; }


Javascript
$( function() { var targets = $( '[rel~=tooltip]' ), target = false, tooltip = false, title = false; targets.bind( 'mouseenter', function() { target = $( this ); tip = target.attr( 'title' ); tooltip = $( '<div id="tooltip"></div>' ); if( !tip || tip == '' ) return false; target.removeAttr( 'title' ); tooltip.css( 'opacity', 0 ) .html( tip ) .appendTo( 'body' ); var init_tooltip = function() { if( $( window ).width() < tooltip.outerWidth() * 1.5 ) tooltip.css( 'max-width', $( window ).width() / 2 ); else tooltip.css( 'max-width', 340 ); var pos_left = target.offset().left + ( target.outerWidth() / 2 ) - ( tooltip.outerWidth() / 2 ), pos_top = target.offset().top - tooltip.outerHeight() - 20; if( pos_left < 0 ) { pos_left = target.offset().left + target.outerWidth() / 2 - 20; tooltip.addClass( 'left' ); } else tooltip.removeClass( 'left' ); if( pos_left + tooltip.outerWidth() > $( window ).width() ) { pos_left = target.offset().left - tooltip.outerWidth() + target.outerWidth() / 2 + 20; tooltip.addClass( 'right' ); } else tooltip.removeClass( 'right' ); if( pos_top < 0 ) { var pos_top = target.offset().top + target.outerHeight(); tooltip.addClass( 'top' ); } else tooltip.removeClass( 'top' ); tooltip.css( { left: pos_left, top: pos_top } ) .animate( { top: '+=10', opacity: 1 }, 50 ); }; init_tooltip(); $( window ).resize( init_tooltip ); var remove_tooltip = function() { tooltip.animate( { top: '-=10', opacity: 0 }, 50, function() { $( this ).remove(); }); target.attr( 'title', tip ); }; target.bind( 'mouseleave', remove_tooltip ); tooltip.bind( 'click', remove_tooltip ); }); });

Để hiển thị được tooltip các bạn phải viết theo cấu trúc HTML sau
1. Kiểu bình thường
<abbr title="Nội dung title" rel="tooltip">Tooltip</abbr>
Kết quả sẽ được Tooltip

2. Kiểu có nội dung chữ in nghiêng
<abbr rel="tooltip" title="Nội dung title này có sử dụng chữ <em>in nghiêng</em>.">Tooltip</abbr>
Kết quả sẽ được Tooltip

3. Kiểu có nội dung chữ in đậm

<abbr rel="tooltip" title="Nội dung title này có sử dụng chữ <strong>in đậm</strong>.">Tooltip</abbr>
Kết quả sẽ được Tooltip

4 Kiểu dành cho link
<a href="https://chinhtrucblog.blogspot.com/" rel="tooltip" title="Trực Blog ">DEMO</a>

Kết quả sẽ được DEMO
Osvaldas Blog


Hôm nay, mình sẽ hướng dẫn các bạn cách thêm nút like của Facebook vào sau tiêu đề của bài đăng của widget Bài đăng phổ biến của blogspot. Đây là một thủ thuật rất đơn giản. Chúc các bạn thực hiện thành công.


Làm cách nào để thêm nút facebook like cho bài đăng phổ biến
Bước 1: Thêm đoạn code sau trước thẻ đóng </body>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
Lưu ý: Nếu trong template bạn đã file js này rồi thì bỏ qua bước này

Bước 2: Trong template bạn tìm <a expr:href='data:post.href'><data:post.title/></a> và thêm đoạn mã bên dưới vào sau tất cả code tìm được (có 4 đoạn)
<fb:like expr:href='data:post.href' layout="button_count" action="like" show_faces="false" share="false"></fb:like>


Bạn đang dùng máy in HP Laserjet P1102 do một sự cố nào đó máy bạn không thể in được , bạn bị mất đĩa driver, không biết tìm driver ở đâu, hoặc máy tính của bạn mới cài lại win nên mất driver máy in. Hãy tham khảo bài viết dưới đây để tìm hiểu cách cài lại driver cho máy in của bạn nhé.
- Máy tính chạy ổn định không bị Virus hay lỗi win
- Cắm nguồn và khởi động máy in, đảm bảo máy in khởi động cơ
- Đặt giấy vào khay máy in => giấy hút vào bình thường
- Cắm dây kết nối USB máy in vào máy tính
NẾU MÁY TÍNH CÀI WINDOWS 7 64 BITS HOẶC WINDOWS 8 => KẾT NỐI MÁY TÍNH VÀO MẠNG => CHỈ CẦN CẮM DÂY USB LÀ MÁY TÍNH TỰ ĐỘNG CÀI ĐẶT DRIVER CHO MÁY IN MÀ KHÔNG CẦN THAO TÁC CÀI ĐẶT NHƯ BÊN DƯỚI.
LINK 1HOẶC
Link Server HP
- Giải nén bộ cài máy in vào copy vào ổ C hoặc D của máy tính
Bước 2: Cài đặt 
- Tìm tới file setup.exe và click đúp vào để bắt đầu cài đặt
cài đặt máy in hp 1102
- Làm lần lượt theo hướng dẫn
- Bước 3: chọn in thử và chọn đúng máy in HP 1102 vừa cài là ok
Cài đặt HP 1102

THAO TÁC XỬ LÝ KHI GẶP SỰ CỐ KẸT GIẤY:
- Bước 1: tắt nguồn máy in để tránh hỏng hóc chập main
- Bước 2: Mở lắp phía trên và rút hộp mực ra
- Bước 3: Rút giấy ra => chú ý rút theo hướng hộp mực, không rút ngược về phía khay giấy
- Bước 4: Vệ sinh lại máy, lắp lại hộp mực, khởi động nguồn và thử in lại
Ngoài ra cần kiểm tra lại giấy có quá mỏng hay để lâu bị ẩm quá không. Không nên để quá nhiều giấy ở khay in để tránh giấy ẩm gây kẹt.
Sưu tầm

Bài viết này mình sẽ hướng dẫn làm cách nào để thêm tiện ích thống kê số lượng bài viết và nhận xét đơn giản cho blogspot. Vì 2 dữ liệu này được lấy từ feed nên bạn phải để chế độ mở cho tất cả người đọc.                                       

Đặt đoạn CSS sau để tạo giao diện cho tiện ích
.total{background:#066;text-align:center;padding:5px;color:#eee}
Thêm tiện ích thống kê vào blog

Bước 1: Tạo widget HTML/Javascript mới tại vị trí bạn muốn thêm tiện ích

Bước 2: Sử dụng đoạn code bên dưới sau đó lưu lại
<div class='total'> <strong id='Stats1_totalComments'>&amp;hellip;</strong> Comments/ <strong id='Stats1_totalPosts'>&amp;hellip;</strong> Posts</div> <script type='text/javascript'> //<![CDATA[ function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>'); //]]> </script>


SNews – News/Magazine Responsive Blogger/Blogspot ThemeSNews là mẫu blogger tuyệt vời đối với blog chuyên về tạp chí, tin tức xã hội, trang web bài báo. Nó có rất nhiều lựa chọn mà trang web của tạp chí cần thiết. Ví dụ khả năng thay đổi cách bố trí cho từng loại, điều hướng bài viết và thể loại, tiện ích xã hội, Sử dụng tiện ích có nhiều lựa chọn để sắp xếp và nhiều hơn nữa. Chủ đề này cho bạn thấy làm thế nào mới mẻ và linh hoạt chủ đề tạp chí blogspot có thể được. Bạn có thể chuyển trang web của tạp chí của bạn vào bất kỳ khả năng bạn có thể nghĩ đến.Trước đây mình cũng từng có thời gian sử dụng mẫu này, có thể nói là cực đẹp, đầy đủ mọi tính năng. Các bạn tải về và thay áo mới cho Blog mình nhé !!!.

Tính Năng

  • Phiên Bản Hiện Tại: 1.5.0
  • 100% Responsive (Desktop, Máy Tính Bảng, Điện Thoại Thông Minh)
  • 10+ Bài Viết Gần Đây Của Nhãn Widget
  • Hỗ Trợ Hình Ảnh Bên Thứ Ba
  • Hỗ Trợ 3 Hệ Thống Bình Luận  (Blogger, Facebook, Disqus)
  • Widget Bài Viết Gần Đây 
  • Widget Bài Viết Ngẫu Nhiên  
  • Widget Bài Viết Nổi Bật
  • Widget bình Luận Gần Đây
  • Disqus Gần Đây Bình Luận Widget
  • Widget Bài Viết Liên Quan
  • Tối Ưu Hóa SEO
  • Trình Đơn Menu Thả Xuống
  • Tabel CSS
  • Hỗ Trợ  Shortcode [New]
  • Pagination Bài Viết  [New]
  • Hỗ Trợ Chèn Quảng Cáo
  • Biểu Tượng Xã Hội
  • Widget Mạng Xã Hội
  • Hồ Sơ Tác Giả 
  • Google CSE
  • Page Navigation
  • Tương Thích Với Các Trình Duyệt Chính (IE9 +, Mozilla, Chrome, Safari)
  • Bố Trí Quản Trị Chuyên Nghiệp, Giúp Bạn Làm Việc Dễ Dàng Với Bố Cục Blog
  • Hỗ Trợ RTL
  • Lỗi Tùy Chỉnh 404 Trang
  • Lưu Trữ Trang
  • Hỗ Trợ Biên Tập: Hình Ảnh Nền Tải Lên, Thay Đổi Màu Nền, Màu Sắc Chính, Phông Chữ
  • Hỗ Trợ In CSS Và Cho Phép Khách Tham Quan Chia Sẻ Bài Viết Email.