Làm chuyển động thanh tiêu đề website WordPress trên tab trình duyệt

CHIA SẺ MẠNG XÃ HỘI:

Nếu bạn là một người thích sự độc đáo, mới lạ, đầy sáng tạo trên trang web của mình. Bạn có thể làm thay đổi thanh tiêu đề website WordPress trên tab trình duyệt, để cho nó chuyển động được bắt mắt.

Nếu website bạn đang dùng sử dụng mã nguồn WordPress, tại phần thiết lập cài đặt chung cho website, có lẽ bạn nghĩ rằng không có cách nào để tùy biến làm chuyển động khẩu hiệu website.

Nhưng thực ra, chúng ta hoàn toàn có thể làm được điều này. Bằng cách chèn các đoạn mã code vào website. Cụ thể cách làm thế nào, bạn có thể xem hướng dẫn ở đây của tôi nhé!

Hướng dẫn làm chuyển động thanh tiêu đề trang web WordPress trên tab trình duyệt

Vì đa phần chúng ta đều sử dụng mã nguồn WordPress. Vậy nên, trong bài viết này sẽ áp dụng cho mã nguồn WordPress. Còn website bạn sử dụng mã nguồn khác hoặc các hình thức khác, bạn có thể vẫn áp dụng được không sao cả.

Bước 1: Bạn đăng nhập vào trang quản trị WordPress cho website của mình.

Bước 2: Hãy copy (sao chép) sử dụng các đoạn mã code phía dưới đây. Sau đó, chèn nó vào một nơi bất kỳ trên website của bạn. (bạn có thể chèn ở Header, Sidebar, Footer… miễn sao những nơi nào có tích hợp sẵn khung “HTML Tùy Chỉnh”, để bạn có thể chèn mã là bạn có thể chèn vào)

Dưới đây sẽ có 3 mẫu code cho bạn lựa chọn, bạn chọn lựa 1 mẫu áp dụng cho website của mình.

MẪU 1: 

<script type='text/javascript'>
//<![CDATA[
step=0
function flash_title(){
step++
if (step==6) {step=1}
if (step==1) {document.title='BkViet.Com'}
if (step==2) {document.title='Bách khoa kiến thức Khoa học Công nghệ & Đời sống.'}
if (step==3) {document.title='Là 1 website hoạt động tại Việt Nam'}
if (step==4) {document.title='Với slogan: Chia sẻ không giới hạn'}
if (step==5) {document.title='Cảm ơn các bạn đã luôn đồng hành theo dõi!'}
setTimeout("flash_title()",600);}
flash_title()
//]]>
</script>

MẪU 2: 

<script type="text/javascript">
//<![CDATA[
var txt=" -----  BkViet.Com - Bách khoa kiến thức Khoa học Công nghệ & Đời sống   ";
var espera=150;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
//]]>
</script>

MẪU 3: 

<script language=JavaScript>
var txt="  -----  BkViet.Com - Bách khoa kiến thức Khoa học Công nghệ & Đời sống   ";
var expert=200;
// speed of roll
var refresh=null;
function marquee_title(){
document.title=txt;
txt=txt.substring(1,txt.lenghth)+txt.charAt(0);
refresh=setTimeout("marquee_title()",expert);
}
marquee_title();
</script>

  ● Xem thêm:

Bước 3: Bạn có thể xem video trực quan phía dưới đây để dễ hình dung hơn. Chuyển sang chất lượng video cao nhất để xem rõ nét hơn nhé.

Kết luận

Như vậy qua bài viết này, BkViet.Com đã hướng dẫn chia sẻ giúp bạn, cách làm chuyển động thanh tiêu đề trang web WordPress trên tab trình duyệt.

Việc làm chuyển động khẩu hiệu tiêu đề của trang web, cũng có một số lợi ích nhất định. Chẳng hạn như, nó sẽ giúp độc giả của bạn sẽ chú ý hơn tới khẩu hiệu trang web của bạn nhiều hơn. Và họ sẽ hiểu hơn về trang web của bạn đang chuyên về lĩnh vực gì.

Bởi lẽ, hiện nay có một số website viết đại trà, không tập trung vào chủ đề nhất định. Và nhìn qua, chúng ta sẽ không thể biết website của họ thuộc về lĩnh vực gì. Mong rằng, bài viết này sẽ góp một phần nhỏ vào sự sinh động cho website của bạn. Chúc website của bạn luôn phát triển!

CHIA SẺ MẠNG XÃ HỘI:

Có thể bạn quan tâm?

Bình luận trong bài viết này. Độc giả phản hồi, vui lòng gõ tiếng Việt có dấu. Xin cảm ơn!

avatar