Hot Post

SoundCloud Shortcode cho Blogger


SoundCloud Shortcode For Blogger

SoundCloud shortcode cho phép bạn nhúng SoundCloud Music Players vào trong Blogger của bạn. Sử dụng Blogger shortcode plugin, bây giờ bạn có thể nhúng Audio và danh sách lưu trữ tại SoundCloud tại bất cứ nơi nào trên blog của bạn, bạn có thể chèn MP3 bên trong bình luận, bài viết, trang tĩnh và Widget HTML/Javascript.



1. Cài đặt Plugin Blogger Shortcode

Để sử dụng SoundCloud Shortcode trước tiên bạn phải cài đặt Plugin Shortcode cho Blogger của bạn bằng cách làm theo các bước được chia sẻ qua bài viết dưới đây:

Giới thiệu Plugin Blogger Shortcode

2. Thêm SoundCloud Shortcode vào Blogger

Lấy Track ID hoặc Playlist ID

Để nhúng SoundCloud player hoặc playlist vào bên trong trang web của bạn, bạn cần track ID và ID Playlist tương ứng.
1Tìm Track ID
Tới SoundCloud và tìm ca khúc mà bạn thích. Nhấp vào nút 'Share'


Nhấp vào tab embed, sao chép và dán mã vào notepad hoặc bất kỳ trình soạn thảo bạn có thể có.


Đoạn code bên trong "Code & Preview" sẽ có Track ID bên trong nó trông giống như dưới đây.
 api.soundcloud.com/tracks/106634299 

Trong trường hợp ví dụ trên Track ID là 106634299. Bạn cần Track ID này để hiển thị shortcode.

2Tìm Playlist ID
Bây giờ hãy tìm hiểu làm thế nào để tìm ra Playlist ID. Tương tự như Track ID bạn hãy tìm playlist mà bạn thích. Sau đó nhấn vào nút 'Share' trên thanh sidebar.


Nhấp vào tab embed và sao chép mã từ "Code & Preview". Dán đoạn code bên trong notepad và bạn sẽ tìm Playlist ID bên trong nó như hình dưới đây


 api.soundcloud.com/users/7518543 

Trong ví dụ trên ID của playlist là 7518543

Thêm SoundCloud Shortcode

Sau khi bạn đã cài đặt plugin và đã biết như thế nào để lấy các ID của Track và Playlist, bạn có thể sau đó dễ dàng nhúng trình chơi nhạc vào trong blog của bạn bằng cách sử dụng shortcode dưới đây.
 [soundcloud src="106634299"/] 

Thay Track ID của bạn vào bên trong thuộc tính src

Để tạo Playlist bạn làm theo cú pháp sau:
 [soundcloud height="350" playlist="1" src="7518543"/] 
Thay ID của Playlist thành ID của bạn

3.Tùy chỉnh Plugin Blogger Shortcode

Thuộc tính Diễn giải
src Chèn Track ID hoặc Playlist ID ở đây
color Thay đổi màu nền của nút Player
playlist Theo mặc định trình nghe nhạc được hiển thị để phát 1 bài hát duy nhất nhưng nếu bạn muốn hiển thị một danh sách nhạc hoặc nhiều track thì bạn cần phải chèn thuộc tính này với giá trị thiết lập bằng "1" và chèn vào Playlist ID bên trong src thuộc tính
auto Cài đặt thuộc tính "true" sẽ tự động play các track. Đặt nó vào "false" sẽ tắt tự động play.
width Thay đổi độ rộng của thẻ iFrame. Có thể sử dụng %
height Thay đổi chiều cao của thẻ iFrame
visual Cài đặt "true" sẽ hiển thị các Player với hình nền rộng, hoặc "false" sẽ hiển thị Player cổ điển
comments Cài đặt "true" sẽ hiển thị bình luận của người dùng trên trình phát nhạc, hoặc "false" để tắt hiển thị ý kiến người dùng
user Cài đặt là "true" nếu muốn hiển thị tên người tải lên hoặc "false" để giấu tên uploader.

Ví dụ sử dụng các thuộc tính theo định dạng sau
 [soundcloud auto="true" user="false" visual="true" comments="true" width="550" height="400" src="106634299"/] 

Shortcode trên sẽ tạo ra một trình chơi nhạc mà sẽ chơi tự động, giấu tên người upload, kiểu Visual, cho phép bình luận, chiều cao 400px và chiều rộng 550px.

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by mbt/Iris Tips
Đăng ký nhận tin khuyến mãi, thủ thuật mới

Mẹo nhỏ khi bình luận
  • - Để viết chữ in đậm hãy sử dụng thẻ <b>chữ in đậm</b>
  • - Để viết chữ in nghiêng hãy sử dụng thẻ <i>chữ in nghiêng</i>
  • - Để viết code hãy sử dụng công cụ Conversion ở bên dưới để mã hóa và sau đó dán vào khung bình luận.
  • - Để chèn hình ảnh, video chỉ cần dán link trực tiếp của hình ảnh hoặc video vào khung bình luận (hỗ trợ: jpg, gif, png, bmp, Youtube).
  • - Bạn có thể upload hình ảnh, tập tin trực tiếp từ máy tính bằng cách sử dụng công cụ Up ảnh hoặc Up file ở bên dưới.
  • - Bạn có thể check vào ô Notify me ở khung nhận xét để nhận thông báo qua email khi ai đó trả lời bình luận của bạn.

0 Response to "SoundCloud Shortcode cho Blogger"

Đăng nhập bằng Google


Trở thành người đầu tiên bình luận cho bài viết này!