Hướng dẫn cách tạo list nhạc cho blog

Blog, âm nhạc,.. là những từ đã trở thành điệp ngữ mà được nhắc đến quá nhiều lần, Và thật không may khi hôm nay, tại bài viết này chúng ta 1 lần nữa nhắc đến chúng. Chưa hết mình sẽ hòa lẫn chúng lại. Cụ thể là sẽ 'chèn' nhạc vào blog.

Về cách thức - quả thực không khó, và điều này cũng đúng với nhiều trang nhạc khác nhau: mp3.zing.vn, nhac.vui.vn,... Tuy nhiên, trong phạm vi bài này mình xin phép chia sẻ cách thức chèn nhạc từ nhaccuatui.com

Bước 1: truy cập đến trang nhaccuatui.com
Bước 2: nhấp vào Đăng ký bên góc phải phía trên
sau khi có 1 tài khoản trên nhaccuatui.com. Chúng ta sang bước tiếp.
Bước 3: bạn có thể tìm nghe bất cứ bài nào mà bạn thích và chỉ cần nhấp vào dấu cộng + như hình dưới

Sau khi đã có 1 list nhạc bạn có thể nghe những bản đó hoặc đưa về blog để nghe. Để làm được như thế rất đơn giải, ta qua bước tiếp:

Bước 6: nhấp vào NGHE NHẠC CỦA TUI như hình bên dưới:

1 trang mới sẽ xuất hiện. Đó cũng là phần list nhạc bạn đã tạo sẵn. Để đưa lên blog, ta chỉ cần:

Bước 7: nhấp vào Embled như bên dưới

Đoạn code tạo nên list nhạc trên là đây:

<embed src="http://www.nhaccuatui.com/l/4ipduFC0TJXN" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="300" height="400"></embed>

Chúc bạn có những phút giây thư giãn thật thoải mái

Đọc thêm »

Chèn file PHP vào Blogspot

Bài viết này mình sẽ hướng dẫn các bạn cách thêm file PHP vào blog.

¤ Thêm slider CSS3 ves 3 này vào blog.

1- Đăng nhập vào blog

2- Chọn Bố cục (Layout)

3- Chọn Thêm tiện ích (Add widget)

4- Chọn HTML/Javascipts và dán code bên dưới vào..

<object width="400" height="300" type="text/html" data="Your URL.php"></object>

Thay Your URL.php thành link file PHP.

Đọc thêm »

* Tiện ích Danh Ngôn Thay Đổi dành cho blogspot

* Tiện ích Danh Ngôn Thay Đổi dành cho blogspot

Một tiện ích rất hay dành cho blog của bạn. Danh ngôn sẽ thay đổi mỗi lần bạn click, rất nhiều câu danh ngôn hay sẽ hiện ra...và quan trọng nhất là đoạn mã của nó, vô cùng ngắn gọn. Bạn chỉ cần copy và paste vào nơi bạn muốn hiện những câu danh ngôn này.

<script type="text/javascript" src="http://javascriptbank.com/service/getFreeQuote.php"></script> 

Đọc thêm »

Tùy chỉnh địa chỉ URL của bài viết trên Blogger

Tùy chỉnh địa chỉ URL của bài viết trên Blogger

Một vài điều cần biết

• Tùy chọn này hiện thời chỉ có mặt ở chế độ Draft (draft.blogger.com) và tất nhiên ở giao diện mới.
• Không bỏ được thông tin tháng và năm trong địa chỉ URL.
• Không bỏ được đuôi .html.
• Không thể tùy chỉnh những bài viết cũ.
• Một khi bài viết được đăng, bạn sẽ không thể thay đổi địa chỉ.
• Phần địa chỉ tùy chỉnh này chỉ chứa số, chữ và gạch ngang.

Thay đổi địa chỉ URL của bài viết như thế nào?

Các thực hiện rất đơn giản, đăng nhập Blogger  tạo bài viết mới, gõ tiêu đề, tùy chọn link thường trú (Permanent link) tạo ra URL tự động, bạn chỉ việc nhấp chọn Tùy chỉnh URL (Custom URL) để thay đổi.

Bạn thấy tính năng mới này như thế nào? Hãy để lại nhận xét để chúng ta cùng thảo luận.

Đọc thêm »

Cách Copy bài viết thế nào để lên TOP 1 Google

 Hôm nay Quang dẫn các bạn Cách Coppy bài viết từ 1 website Khác để đưa làm thành bài viết của mình mà vẫn lên Top

Phải thú thật là không phải bất cứ 1 Copywriter nào, một website nào cũng chỉ có những nội dung do chính mình tạo ra hay còn gọi là unique content. Chính vì thế tôi xin điểm một vài bước rewrite để chúng ta có thể tạo ra những content độc đáo và lên top hiệu quả.

1 – Chú ý đến title của bài viết

- Việc thay đổi title của bài viết là điều đầu tiên chúng ta phải quan tâm và nó là một trong những yếu tố quan trọng nhất cho việc lên top của bạn. Tôi đặt nó mức ưu tiên số 1

Ví dụ ta copy một bài viết với tiêu đề “Làm sao để copy bài viết mà vẫn lên top” Chúng ta có rất nhiều cách để thay đổi nó theo cách riêng của mình ví dụ như “Lên top cao hơi với những bài viết Copy” hoặc Đừng nghĩ copy là không lên được top v.v và v.v . Chịu khó google trước khi đặt title để chắc chắn rằng cái title của bạn là DUY NHẤT.

2 – Viết lại description.

- Đây cũng được coi là một trong những yếu tố cực kỳ quan trọng trong việc phân biệt bài viết Unique trên Google search và tôi đặt nó ở mức ưu tiên số 2.

- Viết lại description đôi khi khiến chúng ta bị “Bí” vì thông thường các biên tập viên đã cô đọng khá tốt nội dung bài viết đó để nhét vào 160 ký tự trong descrtion, tuy nhiên không phải là không thể. Tôi không biết các bạn rewrite thế nào trong hoàn cảnh này nhưng tôi thì đơn giản hơn là “Đọc lướt qua nội dung” và viết đôi nét về cảm nghĩ của mình về chính cái nội dung đó.

Ví dụ ngay về bài này nhé: Vừa đọc một bài rất hay trên VOM “làm thế nào mà copy bài viết mà vẫn lên được TOP”. Một bài viết rất tuyệt vời và tôi xin phép copy về bog cho mọi người tham khảo…

Hãy chú ý những nguyên tắc về việc soạn thảo description nhé. Chỉ nên chứa không quá 170 ký tự, description phải chứa những từ khóa và cụm từ khóa cần SEO. Viết hấp dẫn đề thu hút CLICK về website của bạn.

3 – Tấn công tới nội dung chính.

Như chúng ta đã biết thì Google đọc các nội dung text trên trang khá chính sác. Tuy nhiên theo tôi thì google chỉ có thể “Nhận dạng text” chứ không thể “Hiểu content” một cách chính xác như con người. Đặc biệt là các ngôn ngữ được hỗ trợ kém như “Tiếng Việt”. Và đây chính là lợi thế của chúng ta. Hãy:

- Cô đọng lại bài viết cho ngắn hơn tuy nhiên đừng có ngắn quá 300words nhé

- Thêm các phần nhận xét của cá nhân cho từng nội dung nhỏ trong post

- Thay các từ, cụm từ nhất định với những từ “Đồng nghĩa” Ví dụ: Bố tôi -> Cha mình, Ba mình…

- Thay các hình ảnh tương tự và nên nhớ Ảnh cũng có chỗ để chứa Profile, hãy tìm cách thay lại nó trước khi đưa vào bài viết nhé

- Chèn từ khóa vào bài viết với mật độ thế nào? “Đừng quá 7%” là ok rồi

- Viết lại TAGs và các thẻ meta keywords cho an toàn.

- Với kinh nghiệm của bản thân tôi thì các “nội dung Text” của bài viết # với “nội dung Text” khoảng 70% là an toàn.

- Đừng quên xóa các thẻ HTML của bài viết gốc trước khi post lại về Blog của mình nhé.

4 – Thêm mới nội dung = Kết Luận.

Tôi nhớ là tập làm văn luôn có 3 phần, mở bài, thân bài và kết luận. Ở trên chúng ta đã có “Đề bài”, Mở bài, Thân Bài rồi, và giờ là Kết Luận.

- Phần kết luận là phần để chúng ta có thể nêu những ý kiến nhận xét, đánh giá của cá nhân người rewrite về nội dung vừa được đăng tải. Cố gắng “Bôi” ra nhiều nhiều chút xíu và đừng quên câu View cho những bài viết # trên Blog có nội dung liên quan nhé.

Đó là 4 bước cơ bản để chúng ta có thể dễ dàng thay đổi nội dung của một bài viết gốc thành nội dung “Độc nhất” với Google và cũng là nội dung “Độc nhất” với cả người đọc nữa. Có nhiều bạn hỏi rằng: Có nên đặt link về bài viết gốc? Link out bao nhiêu thì đủ? Tôi xin trả lời rằng: Link về nguồn là cần thiết để người đọc có thể hiểu rõ ràng nhất cái mà mình muốn diễn đạt trong bài đang đọc. Link out bao nhiêu cũng được, miễn là LINK CÓ ÍCH CHO NGƯỜI DÙNG. Google cũng đã từng khuyến cáo rằng “Đừng tạo ra các links rác trong bài viết của bạn, hãy để người dùng tới nơi mà họ muốn tới. Linkout của bạn thật sự hữu ích có thể đó cũng là 1 điểm + cho Blog của bạn”.

“Copy cũng cần phải đầu tư chất xám, thời gian, tiền bạc. ”


Bên trên là cách để Coppy bài 1 cách chuẩn nhất, các bạn tham khảo có gì trả lời phía dưới để được hỗ trợ

Đọc thêm »

Cách tùy chỉnh file sitemap xml cho blogger

Như các bạn đã biết, sitemap là thành phần không thể thiếu trong website của bạn, nó giúp cho các bộ máy tìm kiếm (Search Engines) dễ dàng crawls website của bạn. Tuy nhiên, đối với các blogger sử dụng blogspot thì vấn đề này bị hạn chế, bởi blogspot chỉ hỗ trợ sitemap cho 26 bài viết gần đây nhất thôi. Nếu blog của bạn có hàng trăm, hàng nghìn bài viết thì sao? với hạn chế như trên thì các search engines bots sẽ không thể nào index bài viết của các bạn được.

Mình xin chia sẻ với các bạn 1 cách rất đơn giản mà ai cũng có thể làm được, với cách này blog của bạn sẽ nhanh chóng có được sitemap và bài viết của bạn cũng sẽ nhanh chóng được index. Cách này áp dụng được cho cả các blogspot dạng *.blogspot.com và dạng custom domain sử dụng blogspot.

Bước 1: Các bạn vào link này để generate sitemap cho blog của mình. Bạn điền blog của mình vào rồi bấm Generate Sitemap

Bước 2: Sau khi generate xong sitemap, các bạn copy hết tất cả kết quả có được.

Bước 3: Các bạn đăng nhập vào phần quản trị blogspot của bạn. Vào Settings (cài đặt) -> Search Preferences  (tùy chọn tìm kiếm) ->  Chọn Chỉnh sửa (Edit ) ở chỗ Robots.txt tùy chỉnh (Custom Rotbots.txt ) -> Paste hết những thứ đã copy ở Bước 2 vào

Save lại. Vậy là xong. Các search engine sẽ tự động tìm thấy file sitemap trên blog của bạn thông qua file robots.txt

Đọc thêm »

Cách tạo facebook comment và quản lý comment

Cách tạo facebook comment và quản lý commenthuongtoicongnghe.blogspot.com

Chúng ta đều biết một website muốn được nhiều người biết đến thì cần phải có tính tương tác cao. Và comment là cách giúp kết nối giữa người dùng trong cộng đồng mạng với chủ sở hữu website.

Bởi thế bài viết hôm nay sẽ hướng dẫn bạn cách tạo một facebook comment và add chúng vào web hay blogspot của bạn.

Sẽ có hai kiểu comment bạn có thể lựa chọn. Một là không cần quản lý, hai là cần có quản lý.

Ở hướng dẫn này mình sẽ hướng dẫn cách thêm vào web blogger. Các bạn làm trên nền tảng khác có thể tự tùy biến đc. (Bỏ hết b:if đi là được)

CÁCH THÊM FACEBOOK COMMENT KHÔNG CẦN QUẢN LÝ:

Bước 1 : Mẫu -> Chỉnh sửa HTML -> Mở rộng tiện ích (tích vào)

Thêm code sau trước  </head>   (Nhấn Ctrl + F để search)

<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>

Với :
data-num-post=5 : số comment hiển thị. Nếu quá sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment

Bước 2: Thêm đoạn code này bên dưới <body>

<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Bước 3: Tìm đoạn code <b:include data='post' name='post'/>

Thêm ngay sau đó :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Ok. Vậy là đã xong. Khá đơn giản đúng không nào.

CÁCH THÊM FACEBOOK COMMENT CÓ QUẢN LÝ.

Sẽ hơi rắc rối chút, nhưng không sao. Chúng ta cùng bắt đầu tìm hiểu:

Bước 1: Đăng nhập vào địa chỉ dưới và tạo một ứng dụng Facebook.

http://developers.facebook.com

- Ở bên phải sẽ có nút           Đăng ký ngay
- Sau khi đăng ký xong bạn sẽ được chuyển tới trang http://developers.facebook.com/apps.

Tới đây ở bên phải có nút tạo ứng dụng mới. Bạn tiến hành tạo ứng dụng mới.

- Sau khi tạo ứng dụng xong bạn sẽ có ID của ứng dụng (như hình)

(Tên ứng dụng: Erhaycomment; AppID: 524808000891158)
Copy lấy ID ứng dụng lưu tạm đâu đó để lát dùng.

Bước 2 : Thêm code sau trước </head> (thao tác giống bước 1 của comment không quản lý)

<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>

Bước 3:  Thêm đoạn code này bên dưới <body> (Giống bước 2 của comment không quản lý nhưng ở đây có thêm AppID)

<div id='fb-root'/>
<div id='fb-root'/>
<script>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=524808000891158";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

Thay appId màu đỏ như đoạn code trên bằng appId của bạn vừa lấy được ở bước 1

Bước 4 : Tìm đoạn code <b:include data='post' name='post'/>   (Giống hệt bước 3 ở comment không quản lý)

Thêm ngay sau đó :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Bước 5 : Bước cực kỳ quan trọng.

Thêm đoạn code ngay dưới thẻ <head>

<meta content='524808000891158' property='fb:app_id'/>

Cũng tương tự. Bạn cần thay đổi appId của bạn  (Màu đỏ)

Bước 6 : Quản lý comment 

Bạn đăng nhập vào địa chỉ sau để quản lý comment của mình :

https://developers.facebook.com/tools/comments

Thiết lập lại Public bằng cách ấn vào Settings (thiết lập) ngay bên cạnh như hình :

Comment thử nếu bạn đã thấy comment trong đó là ok.

 Nếu bạn gặp khó khăn có thể để lại comment để được trợ giúp.

Đọc thêm »

Chèn "Thêm tiện ích" vào bất kỳ vị trí nào trên phần tử trang blog

Chèn "Thêm tiện ích" vào bất kỳ vị trí nào trên phần tử trang blog

Nhiều Template không cho phép bạn chèn thêm widget vào header hoặc có thì bạn chỉ được chèn 1 widget. Nếu bạn muốn nhiều hơn thì sao? Điều này thực hiện rất đơn giản theo hướng dẫn dưới đây.

Trước hết bạn cần phải phân biệt các thành phần chính trên layout của bạn. Phụ thuộc vào Template mà bạn chọn, các thành phần trên layout có khác nhau, cơ bản gồm: header-wrapper, content-wrapper, main-wrapper, sidebar-wrapper, footer-wrapper. Hãy xem hình minh họa để biết chi tiết

Bạn cần đăng nhập vào Blogger.com, click Edit HTML (Template | Edit HTML) kéo thanh trượt xuống và tìm đoạn mã như sau:

div  id='header-wrapper'><br />      <b:section class='header'  id='header' maxwidgets='1' showaddelement='no'><br />  <b:widget id='Header1' locked='true' title='DV2n (Header)'  type='Header'/><br /> </b:section>

Nếu blog bạn có header hai bên - phải và trái thì tìm dòng dưới đây:
<div class='headerright'>
<div class='headerleft'>
Bạn thấy đấy, số widget tối đa cho phép nằm trên header là 1 (maxwidgets='1') hãy thay bằng con số khác. Click SAVE TEMPLATE để lưu lại, quay lại Page Element, bạn có thể kéo và thả widget mình cần vào header.

Chèn thêm khung "Thêm tiện ích" cho phần Header và Main

 Thông thường mặc định mỗi theme của blogspot (trong phần bố cục) là chỉ có cho phép "Thêm tiện ích" ở Sidebar (2 bên blog) và ở phần footer (phía dưới blog), vì thế mà mỗi khi ta muốn chèn thêm các Tiện ích(widget) cho phần Main hoặc Header thì ta phải tạo các Tiện ích (widget) ở Sidebar hoặc ở footer rồi di chuyển tới chỗ cần hiển thị. Như vậy rất rườm rà.

Bài viết hôm nay hình giới thiệu 1 mẹo nhỏ để chèn khung "Thêm tiện ích" vào 2 phần Header và Main, giúp cho chúng ta có thể add thêm các Widget trực tiếp lên 2 phần này.

Để thực hiện việc này, rất đơn giản, bạn thực hiện các bước sau:
1. Đăng nhập blog
2. Vào phần Chỉnh sửa Code HTML. (không cần nhấp vào mở rộng tiện ích)
3. Để chèn khung "Thêm tiện ích" vào phần Header, ta làm như sau:




Tìm đọan code sau:<b:section class='header' id='header' maxwidgets='2' showaddelement='no'>(hoặc tìm code tương tự, nhưng phải là Header)sau đó thay no bằng yes là OK.4. Để chèn khung "Thêm tiện ích" vào phần Main, ta làm như sau:Tìm đọan code sau:<b:section class='main' id='main' showaddelement='no'>(hoặc tìm code tương tự, nhưng phải có id là Main hoặc tương tự)sau đó thay no bằng yes là OK.5. Save template.6. XongCó thể xem hình minh họa như bên dưới.Trước khi chỉnh sửa:

Sau khi chỉnh sửa:

Đây là thủ thật dành cho các gà (những bạn mới tạo blog và không thích màu mè và không có thời gian). Nó rất cần để khắc phục hạn chế của Blogger về bố cục. Bạn có thể chèn văn bản, hình, ảnh động.v.v...vào bất kỳ chỗ nào trên blog của mình. Và xoá nó cũng dễ dàng, chỉ bằng cú nhấp chuột - huỷ bỏ.
Túm lại thủ thuật trên, đơn giản thế này:
Từ Thiết kế > Chỉnh sửa HTML > Nhấp Phím Ctrol + F > Dán từ này: showaddelement và ô tìm kiếm >
thay = no bằng yes. Lần lượt như vậy cho tất cả chỗ nào có chữ showaddelement. Kết thúc > Lưu 

Bạn vào lại Phần tử trang, sẽ thấy trên bố cục blog xuất hiện rất nhiều "Thêm tiện ích" ở các vị trí khác nhau. Muốn gì, bạn cứ việc nhấp vào chỗ đó mà chèn. Bạn không phải phân vân vì nó không ảnh hưởng gì đến giao diện blog

Chúc thành công!
Nếu bạn tạo được, hãy để lại comment!

Đọc thêm »

Cách thêm nhãn ( label ) trong blogspot - phân loại bài viết thành một chuyên mục

Nhiều bạn vẫn băn khoăn khi không biết cách phân loại bài viết thành một chuyên mục riêng biệt như: thủ thuật, giao diện, code..v..v. Việc thêm nhãn trong blogspot chính là quy nhiều bài viết cùng chủ đề vào một chuyên mục. Mình sẽ hướng dẫn các bạn thêm nhãn và gắn đường link cho chuyên mục đó ( nhãn đó ).

Gán nhãn cho bài viết ( label )

Mỗi khi bạn viết bài xong đừng xuất bản bài viết vội mà hãy chú ý sang bên tay phải : Mục Cài đặt bài đăng -> Nhãn ( thêm nhãn cần thiết vào rồi nhấp nút hoàn thành )

Lưu ý có thể thêm nhiều nhãn cho một bài viết và mỗi nhãn cách nhau bằng dấu phẩy. ví dụ: Blogger cơ bản, thủ thuật.

Lấy Link của nhãn 

Sau ghi gán nhãn xong công việc tiếp theo là bạn cần lấy link của nhãn để gán vào các chuyên mục, đề mục bạn đã thiết kế ở web.

Đầu tiên bạn vào Bố cục -> Thêm tiện ích bất kỳ -> Tìm đến phần Nhãn rồi nhấp nút dấu cộng để thêm nào vào.

Ra ngoài trang chủ sẽ hiện lên tập hợp tất cả các nhãn mà bạn thêm mỗi khi viết bài.



Tiếp theo bạn nhấp vào một link rồi copy link đó như hình vẽ dưới.

Dán link nhãn vào các chuyên mục

Như hình vẽ trên ta có thể thấy các chuyên mục trên menu như : Tin tức-sự kiện, toán cấp 3 hay ôn thi đại học. Vấn đề của chúng ta là gán link cho chúng để khi người đọc click vào sẽ ra một chuyên mục riêng biệt.

Dán link copy ở bước 2 vào ô dấu #, như hinh vẽ dưới ( phần bôi màu vàng chính là link mình đã thay ).

Lưu ý: link phải được đặt giữa 2 dấu nháy đơn: 'link nhãn'

Thêm menu và submenu ( menu con )

Bạn chỉ việc copy nguyên đoạn câu cả thẻ: <li> và </li> là có một menu mới và chỉ việc thay link của nhãn với tiêu đề menu là xong.

Submenu thì làm tương tự hình ảnh dưới: cả đoạn code 2 thẻ <ul> và </ul>

Đọc thêm »

Ẩn dòng chữ "Hiển thị các bài đăng có nhãn..." (Blogger)

Mặc định khi bạn bấm xem danh sách những bài viết theo 1 Nhãn (Labels) nào đó thì phía trên sẽ hiển thị dòng chữ "Hiển thị các bài đăng có nhãn ..." như hình ảnh minh họa bên dưới (Với ngôn ngữ tiếng Anh là: "Showing posts with label ...")

Nếu bạn thấy dòng thông báo này không cần thiết, bạn có thể ẩn đi bằng cách:
1. Vào Trang tổng quan Blogger
2. Chọn Mẫu » chọn Chỉnh sửa HTML
3. Chèn đoạn mã bên dưới vào ngay TRÊN ]]></b:skin>:

.status-msg-wrap{display:none;}

4. Bấm Lưu mẫu để hoàn thành.

Đọc thêm »