WordPress #23: Facebook

Nội dung

Lâu lắm mới lại viết tut. Chủ đề lần này sẽ là tất tần tật những thứ liên quan tới Facebook mà các bạn có thể tạo trên WordPress ^^

Facebook Page Widget

Đây là 1 widget có sẵn của WordPress. Có điều, nó chỉ có thể dùng được với Facebook Page, chứ không dùng được cho Facebook cá nhân. Bạn có thể xem ví dụ 2 widget Mua VIP truyện và Bậc thầy giới tính bên sidebar của tớ. Cách điền widget này như sau:

    • Tiêu đề: Tên widget, sẽ xuất hiện trên trang
    • Facebook Page URL: Địa chỉ trang Facebook, bạn hãy copy đầy đủ địa chỉ trang vào đây
    • Rộng + Cao: Thông số chiều rộng và chiều cao của widget
    • Show Faces: Chọn để hiện avatar
    • Show Timeline: Chọn để hiện các bài viết trong trang
    • Show Cover Photo: Chọn để hiện hình cover
    • Use Small Header: Chọn để hiện phần tiêu đề bé thôi

Facebook Embed

Bạn có biết, có thể nhúng một status bất kỳ của Facebook lên WordPress không? Cách thực hiện thì vô cùng đơn giản luôn. Bạn chỉ cần paste link dẫn đến status đó vào 1 dòng riêng, không có định dạng gì là xong. Ví dụ tớ có link sau:

https://www.facebook.com/muaviptruyen/posts/2555871424519184

Kết quả nhận được sẽ là

Chú ý: Bạn chỉ có thể paste link dẫn đến status, link dẫn đến trang ảnh sẽ không làm được nhé

https://tieuxuyen.wordpress.com/meo-wordpress/

Advertisement

WordPress #22: Chatbox

Nội dung

Do trang 99shoutbox không còn nữa nên bài viết này đã không còn giá trị. Các bạn có thể dùng tạm widget tlk.io Webchat có sẵn của WordPress nhé.

Lâu lắm mới lại viết tut :)
Tut lần này là về cách làm chatbox (shoutbox) trong WordPress.

 

Hướng dẫn

Bước 1: Đăng ký 1 tài khoản trong trang web 99shoutbox
Bước 2: Đăng nhập, bấm vào Create a Shoutbox
Bước 3: Đặt tên, chọn theme cho chatbox theo ý mình. Sau đó bấm Continue
Bước 4: Tại trang Shoutbox code, bạn hãy copy id của shoutbox trong địa chỉ trang
Ví dụ địa chỉ trang của tớ là

http://www.99shoutbox.com/code?id=40731_1

Thì phần mà tớ bôi đỏ chính là id
Bước 5: Thay id xuống code sau

Bước 6: Copy đoạn đã thay, dán vào widget hay bài viết trong blog mình. Vậy là xong

Ví dụ chatbox của tớ

Chú ý:
1. Trong trường hợp chatbox hiện to hơn và lệch ra khỏi thanh bên, các bạn chỉ cần thêm width="100%" sau code như thế này là được

2. Trường hợp các bạn đã có sẵn chatbox, thì có thể lấy id bằng cách sau:
– Tại trang quản lý shoutbox, chọn View Page
– Địa chỉ trên thanh address sẽ có dạng

http://www.99shoutbox.com/box_40731_1

Thì phần tớ bôi đỏ phía trên sẽ là id

Chỉnh sửa chatbox

Bạn có thể tùy biến cho blog mình bằng cách tự tạo theme. Cách làm như sau:

Bước 1: Vào phần My Themes, chọn Create a new Theme
Bước 2: Tùy biến theme theo ý thích theo các tab:

  • Border: đường viền
  • Background: nền
  • Text Area: vùng text
  • Buttons: nút
  • Input: nhập
  • Tooltip: gợi ý
  • Labels: nhãn, đây là chỗ có thể dùng để Việt hóa chat box

Bước 3: Edit chatbox, trong phần Theme, chọn theme vừa tạo

Về phần quản lý chatbox, trang web này cho bạn các quyền như xóa các tin nhắn trong chatbox, ban dãy IP của người bạn không muốn chat,… trong phần My Shoutbox. Tóm lại là rất dễ sử dụng ^^

Update ngày 20/03/2014

WordPress vừa thêm 1 widget giúp hỗ trợ làm một chatbox. Đó chính là widget tlk.io Webchat. Dùng cái này thì bạn sẽ không phải chỉnh sửa code kiếc gì. Nhưng tớ thì không ưng nó lắm vì nó rất khó tùy biến và quản lý. Nhưng nếu bạn nào thích nhẹ nhàng thì có thể tham khảo cách sử dụng ở đây.

https://tieuxuyen.wordpress.com/meo-wordpress/

Chuyển từ Wattpad sang các định dạng khác

Hôm nay mình sẽ hướng dẫn các bạn cách chuyển truyện từ Wattpad sang các định dạng khác rất hiệu quả và nhanh chóng ^^

Điều kiện cần và đủ là cài add-on để vô hiệu hóa việc chặn copy bất kỳ. Cái này tùy trình duyệt sẽ có add-on khác nhau. Các bạn chủ động search google nhé.

Sau đó, bạn thay mã Wattpad vào chỗ màu đỏ bên dưới

https://www.wattpad.com/amp/558625662

 

Trang này sẽ hiện full nội dung của truyện luôn. Giờ thì bạn chỉ cần kích hoạt add-on dùng để copy và copy bình thường thôi nha.

https://tieuxuyen.wordpress.com/meo-wordpress/

WordPress #21: Video

Nội dung

Có liên quan

Trong bài viết lần này, mình sẽ hướng dẫn các bạn chèn video từ các trang không phải là Youtube vào WordPress ^^

Bài viết này sẽ chia làm 2 phần. Một là hướng dẫn cách chèn những video từ những trang được hỗ trợ sẵn trong WordPress, hai là những trang không được hỗ trợ.

Với các trang được hỗ trợ

Với các trang được WordPress hỗ trợ, bạn chỉ cần copy liên kết dẫn tới video đó và paste thẳng vào trong WordPress. WordPress sẽ tự động chèn video vào bài. WordPress hỗ trợ sẵn các trang chia sẻ video sau:

  1. Blip
  2. Dailymotion
  3. Educreations
  4. Flickr
  5. Hulu
  6. Vimeo
  7. Vine

Chú ý:

  • Đường dẫn phải được copy từ thanh address paste thẳng vào bài, chứ không phải là ở chế độ liên kết trong WordPress.
  • Phải post đường dẫn tới video trong một dòng riêng, không được thêm các ký tự hay khoảng trắng trong dòng đó.

Với các trang không được hỗ trợ

Sau đây là hướng dẫn đối với các trang chia sẻ video khác mà mình cho là thông dụng. Bao gồm: Zing MP3, NCT, Clip. Song nếu bạn muốn đưa video trong các trang khác lên thì các bạn cứ comment tên trang bên dưới, mình sẽ thêm code cho bạn.

Bước 1: Mở trang nhạc mà bạn muốn chèn vào WordPress
Bước 2: Tìm code để chia sẻ của video đó
Bước 3: Sửa code vừa tìm được theo hướng dẫn ở đây. Các thông số về chiều rộng và chiều cao bạn có thể tùy biến
Bước 4: Dán đoạn code sửa vào bài viết

Ví dụ nhận được khi dùng code sửa:

Chú ý: Trường hợp mà bạn dùng đúng code mà trình chơi nhạc không hiện, thì rất có thể là vì blog bạn đang dùng giao thức https. Lúc ấy, bạn chỉ cần thay trong code từ http thành https thì sẽ hiện được trình chơi nhạc. Trường hợp thay mà nó không hiện (hiện trắng) thì tức là trang nhạc đó chưa hỗ trợ giao thức https, nên bạn hãy chuyển sang trang có hỗ trợ nhé ^^

https://tieuxuyen.wordpress.com/meo-wordpress/

WordPress #20: Nhạc

Nội dung

Có liên quan

Hẳn các bạn đều biết một cách để chèn nhạc lên WordPress. Đó là dùng Soundcloud. Nhưng dùng Soundcloud có một điểm khá là bất tiện. Đó là nó giới hạn thời lượng của những bản nhạc được up lên. Không những thế, lỡ dính bài nào của các nghệ sĩ Anh hay Mỹ là coi như nó không cho up luôn. Vậy nên trong bài này, mình sẽ hướng dẫn các bạn đưa nhạc lên WordPress thông qua các trang khác.

Trong phạm vi bài viết này, mình sẽ hướng dẫn các bạn cách chèn nhạc từ các trang nhạc online thông dụng, hoặc chèn nhạc do bạn tự up.

Chèn nhạc từ các trang nghe nhạc online

Sau đây là hướng dẫn đối với các trang nghe nhạc online mà mình cho là thông dụng. Bao gồm: Zing MP3, NCT. Song nếu bạn muốn đưa nhạc trong các trang khác lên thì các bạn cứ comment tên trang bên dưới, mình sẽ thêm code cho bạn.

Bước 1: Mở trang nhạc mà bạn muốn chèn vào WordPress
Bước 2: Tìm code để chia sẻ của bài hát đó
Bước 3: Sửa code vừa tìm được theo hướng dẫn ở đây. Các thông số về chiều rộng và chiều cao bạn có thể sửa hoặc bỏ đi để dùng thông số mặc định
Bước 4: Dán đoạn code sửa vào bài viết

Ví dụ nhận được khi dùng code sửa:

Chú ý: Trường hợp mà bạn dùng đúng code mà trình chơi nhạc không hiện, thì rất có thể là vì blog bạn đang dùng giao thức https. Lúc ấy, bạn chỉ cần thay trong code từ http thành https thì sẽ hiện được trình chơi nhạc. Trường hợp thay mà nó không hiện (hiện trắng) thì tức là trang nhạc đó chưa hỗ trợ giao thức https, nên bạn hãy chuyển sang trang có hỗ trợ nhé ^^

Update mới nhất: Hiện giờ các trang nhạc đã thay đổi code khiến cho code hiện tại không hiện được nữa. Hiện giờ tớ cũng chưa có hướng sửa code nào khả thi cả, nhất là khi các trang nhạc cứ thay code xoành xoạch. Thế nên tuy rất tiếc nhưng tớ cũng quyết định là không tiếp tục hỗ trợ các bạn trong việc chèn nhạc từ các trang nhạc online nữa

Chèn nhạc bạn tự up

Sử dụng Cloudup sẽ tiện hơn nếu bạn muốn tự up file mp3 lên hay đơn giản là không muốn đưa nó lên các trang nghe nhạc online vì lí do nào đó. Về Cloudup thì đây là một dịch vụ chia sẻ file của hãng Automattic, hãng sở hữu chính dịch vụ WordPress mà chúng mình đang sử dụng. Vì thế các bạn có thể yên tâm khi sử dụng trang này.

Bước 1: Đăng ký tài khoản Cloudup ở đây
Bước 2: Up lên file nhạc mp3 mà bạn muốn chèn
Bước 3: Click vào file nhạc vừa up, sẽ dẫn tới trang xem file
Bước 4: Copy địa chỉ trang xem file, vứt thẳng vào WordPress là xong. Chú ý bạn phải paste link vào một dòng riêng, không được có định dạng gì ngoài định dạng mặc định.

Ví dụ khi tớ paste vào WordPress link sau

https://cloudup.com/cQtSuOUSfFx

Kết quả nhận được sẽ là

Trường hợp các bạn không muốn hiện cả box to như trên, thì các bạn có thể sử dụng trình chơi nhạc mặc định của WordPress bằng cách sau:
– Tại trang xem thử file, click vào tùy chọn More ở góc trên cùng bên phải, chọn Direct URL -> Tùy chọn tự động biến thành Copied, tức là đã được copy vào bộ nhớ tạm
– Paste link vừa copy thẳng vào WordPress. Đương nhiên vẫn phải tuân theo đúng quy tắc: Paste link vào một dòng riêng, không được có định dạng gì ngoài định dạng mặc định
Ví dụ link tớ copy được là

https://cldup.com/3xzhyj06rR.mp3

Kết quả nhận được sẽ là

Chú ý: Nếu các bạn muốn đặt nhạc vào widget thì hãy thay link direct vừa copy ở trên vào code sau:

[audio https://cldup.com/3xzhyj06rR.mp3 ]

https://tieuxuyen.wordpress.com/meo-wordpress/