Posts

Showing posts with the label Blogger

Double click chọn tất cả code trong Blockquote Blogspot

Image
Nếu bạn đang cố gắng để làm cho blockquote tự động chọn khi ai đó nhấp đúp vào nó và tự hỏi làm thế nào?  Hôm nay trong bài viết này, tôi sẽ chia sẻ một thủ thuật có thể giúp độc giả của bạn dễ dàng sao chép mã của bạn từ phần blockquote. Double click to select all Blockquote dùng để lưu trữ code, các đoạn trích của trang web nhưng thường người dùng phải chọn toàn bộ từ trên xuống dưới để sao chép. Nếu Code dài, thì nó sẽ gây ra ít rắc rối cho người dùng. Vì bằng cách sử dụng click đúp là một phương án tối ưu nhất.  Cách tự động chọn tất cả mã code trong Blockquote Truy cập Blogger , đi tới Chỉnh sửa HTML chủ đề Tìm kiếm với thẻ </body> và copy đoạn mã javascript dưới đây vào trên thè đóng </body> <script type='text/javascript'>       var pres = document.getElementsByTagName(" blockquote ");       for (var i = 0; i < pres.length; i++) {       pres[i].addEventListener("dblclick", function () {       var selection = getSelection();      

Từng bước tạo TOC(Mục lục bài viết) cho blogspot 2021

Image
Bạn muốn web/blog của bạn trở nên chuyên nghiệp hơn, bạn có một bài viết dài và muốn cho khách hàng truy cập không phải cất công cuộn trang. Điều đó dẫn chúng ta đến suy nghĩ là nên có một " Mục lục bài viêt " ngay trong chính nội dung của mình. Như hình dưới Khách truy cập không cần phải bận tâm để cuộn xuống hoặc lên để tìm kiếm phụ đề. Với TOC (bảng nội dung), khách truy cập có thể trực tiếp nhảy liên kết nội bộ mà không cần phải nán lại để đọc nội dung của các bài viết trên blog, ngoài ra Giúp khách truy cập dễ dàng tìm thấy bài viết Rút ngắn thời gian để truy cập nội dung blog Cải thiện Seo Bài viết có cấu trúc hơn Từng bước tạo mục lục bài viết Thêm Javascript Truy cập Blogger, đi đến Chủ đề -> chọn Chỉnh sửa HTML -> dán mã code dưới vào trước thẻ </head> <script type='text/javascript'> //<![CDATA[  function mbtTOC() {var mbtTOC=i=headlength=gethead=0; headlength = document.getElementById("post-toc").getElementsByTagName("h2&q

Thêm hiệu ứng con trỏ chuột cho web/blog

Image
Nếu bạn muốn thêm một hiệu ứng đẹp vào trang web/blog của mình, thì bài đăng này là dành cho bạn. Bởi vì hiệu ứng này làm cho blog của bạn hấp dẫn hơn và khác biệt so với các blog khác. Ngôi sao rơi này sẽ đi theo con chuột. Bất cứ nơi nào chuột sẽ di chuyển, hiệu ứng của ngôi sao sẽ được nhìn thấy trên con trỏ chuột, ngay ở bài viết này của mình. Demo hiệu ứng chuột Thêm hiệu ứng con trỏ chuột vào blog của bạn: Truy cập Blogger.com Bấm menu Chủ đề Bấm vào Chỉnh sửa HTML Sau đó nhấp vào nút "Ctrl+F" trên bàn phím của bạn, tìm kiếm với từ khóa </body> Thêm mã bên dưới trước </body> <script type='text/javascript'> //<![CDATA[ var colour="#fff",sparkles=65,x=ox=400,y=oy=300,swide=800,shigh=600,sleft=sdown=0 ,tiny=new Array,star=new Array,starv=new Array,starx=new Array,stary=new Array,tinyx=new Array,tinyy=new Array,tinyv=new Array;function sparkle(){var t;if(x!=ox||y!=oy)for(ox=x,oy=y,t=0;t<sparkles;t++)if(!starv[t]){star[t].style.left

Thêm button download có đính kèm thông tin tệp với thời gian đếm ngược cho web/blog

Image
Nút download này đi kèm với một bộ đếm ngược giúp giảm tỷ lệ thoát trang của bạn rất nhiều. Bạn có thể tự mình quản lý thời gian của button. Ngay khi hết thời gian truy cập. Tệp bắt đầu tải xuống tự động. Trong nút download này, bạn cũng đã đưa ra tùy chọn tiêu đề, tên tệp, kích thước tệp và mô tả ngắn. Mà bạn có thể chỉnh sửa và thay đổi theo chính mình. Xem trước nút download Nếu bạn muốn thêm một hộp tải xuống vào blog của bạn sẽ nâng cao giao diện của blog của bạn. Vì vậy, bài viết này có thể giúp bạn rất nhiều. Để thêm nút download vào blog của bạn . Hướng dẫn thêm button download có đính kèm tệp Bước 1: Javascript Đầu tiên, bạn cần mở Blogger . Sau đó chọn  Menu Chủ đề và tiền hành chỉnh sửa HTML . Tìm kiếm (Ctrl + F) </head> Sau đó, bạn phải thêm mã trước khi </head> Bấm lưu Chủ đề . <script type='text/javascript'> //<![CDATA[ //CSS Ready function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var

Hướng dẫn tích hợp Zalo Comment vào Web/blog mới nhất 2021

Image
Cách tốt nhất để nhận được đánh giá trực tiếp từ độc giả, khách hàng đó là cho phép họ bình luận, phản hồi trực tiếp vào bài viết của bạn. Điều đó cũng chứng tỏ bài viết đó được nhiều người quan tâm, sự tin tưởng cũng sẽ tăng lên. 

Viết Blog Thất bại hay Thành Công ? Vấn đề ở đây là gì ??

Image
Phong trào viết blog thực sự bùng nổ và trở thành trào lưu cách đây trên dưới 10 năm. Lúc đó, họ coi blog như là cuốn nhật ký riêng của mình, viết lên đó tâm tư tình cảm, hoặc những chia sẻ có ích đến mọi người. Dần dần, người ta thấy nếu biết cách viết và duy trì blog sẽ rất tốt cho việc kinh doanh, quảng cáo, và nhiều người dùng cách này để phát triển việc kinh doanh của mình hơn. Tuy nhiên, viết thì dễ, nhưng viết hay, nội dung thu hút và phải duy trì được nó thì không hề dễ một chút nào. Hiện nay, đã có khoảng 90% tham gia viết blog đã bỏ cuộc. Ai trong số họ đều bắt đầu rất hào hứng với một ý tưởng nào đó nhưng rồi lại bỏ rơi ý tưởng đó một cách nhanh chóng. Điển hình như Blog của mình vậy ! Mình đã từng có ý nghĩ là sẽ chuyên về mảng chia sẻ thủ thuật Blogspot đơn giản nhưng dần mình lại thích sưu tầm, viết, và chia sẻ những bài tâm sự tản mạn... Nguyên nhân nào dẫn đến những thất bại đó? 1. Không có một ý tưởng nhất định Ý tưởng để viết blog về một chủ đề nào đó bất chợt

Tạo Tiện ích Box Social Media Button Cho Blogspot với hiệu ứng tuyệt đẹp

Image
Khi bạn đã có một Blog/Website đang phát triển và bạn muốn nó phát triển hơn nữa thì Social Media là một phương tiện thúc đẩy sự phát triển của Web phát triển rất nhanh chóng. Với lượng độc giả vô cùng lớn trên mạng xã hội, thì việc đưa Blog/Web các bạn lên đấy sẽ giúp cho độc giả dễ tiếp cận, hoặc là tiếp cận một cách nhanh chóng với Blog/Web của bạn ! Tăng Traffic Không luyên thuyên , dài dòng nữa. Hôm nay mình sẽ chia sẻ tới các bạn  Tiện ích Box Social Media Button Cho Blogspot với hiệu ứng tuyệt đẹp. Mình tóm gọn hết Code vào một phần luôn nhé ! Các bạn lấy về Add vào Widget Blog nhé! <style> .box-share{ height:200px;} .share{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); width: 50px; height: 50px; } .share ul{ position: relative; margin: 0; padding: 0; width: 100%; height: 100% } .share ul li{ position: absolute; top: 0; left: 0; list-style: none; width: 100%; height: 100%; backg