Posts

Showing posts with the label Blogger

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

Tạo Menu Cố Định Cho Blogspot Có Hiệu Ứng Tuyệt Đẹp

Image
Mặc định các nhãn của Blogspot được hiển thị rất đơn điệu, nếu bạn muốn các nhãn hiển thị được đẹp hơn, bạn có thể tạo menu dọc cho nó, một phần để giúp các bạn đọc truy cập thông tin nhanh bài viết mới phổ biến trên Blog, vừa để tăng thêm tính chuyên nghiệp cho trang Blog của bạn. Hôm nay DESBLOG sẽ giới thiệu cho các bạn Menu do mình Edit lại. Demo hình ảnh cho các bạn ! Các bạn có thể test trực tiếp trên Blog mình nhé ! Để tạo Menu dạng này cần phải có HTML, CSS, và một chút Javacript. Liệt kê Menu Item <div class='page'> <span class='menu_toggle'> <i class='menu_open fa fa-bars fa-lg'></i> <i class='menu_close fa fa-times fa-lg'></i> </span> <ul class='menu_items'> <li><a href='#'><i class='icon fa fa-home fa-2x'></i> Home</a></li> <li><a href='#'><i class='icon fas fa-info-circle fa-2x'>&

Thêm Reactions bài viết Like, Dislike cho Blogspot dễ dàng với LikeBTN

Image
Thay vì Loading những Javascript của Facebook khiến Blog bạn khá chậm. Để bày tỏ thái độ của người đọc về một bài viết người ta thường dùng nút  " Thích " hay " Không Thích " thông thường là từ Facebook. Ở bài viết này, mình sẽ giới thiệu cho các bạn một trang Web có thể giúp bạn tùy biến và thêm vào Blog button Like hoặc Dislike vô cùng đơn giản ! Đó là Likebtn.com, trang Web này chuyên để tạo công cụ này và nếu bạn muốn tuỳ chỉnh sâu vào công cụ này, bạn phải trả phí. Tuy nhiên, ở đây hãy nói về "miễn phí" cũng đã đáp ứng đủ cho nhu cầu của bạn rồi ! Lưu ý: Có bộ đếm  (Hình như nó tính cho toàn bộ bài viết )  và phù hợp với bất kì nền tảng nhé ! Thêm Reactions bài viết Like, Dislike cho Blogspot dễ dàng với LikeBTN Truy cập vào trang web này https://likebtn.com để bắt đầu tạo Button, ngôn ngữ Tiếng Anh nên hãy cố dịch nó để có thể tùy chỉnh được một giao diện phù hợp với bạn nhé ! Lưu ý : những chỗ nào nó để " identifier " thì bỏ t

Chia Sẻ Widget Box Giới Thiệu Blog Hiệu Ứng Tuyệt Đẹp

Image
Chào các bạn, vậy là kết thúc kì nghỉ lễ Tết, chắc hẳn các bạn đã có cái Tết vui vẻ, hạnh phúc bên gia đình phải không nào. Chúc các bạn có một tuần làm việc mới vui vẻ, hiệu quả. Nhận thấy rằng có khá nhiều bạn thích thú với việc tạo khung giới thiệu Blog. Việc này không chỉ vừa làm đẹp cho trang Blog của bạn mà còn giúp Blog các bạn trở nên chuyên nghiệp hơn, giúp người đọc hiểu rõ về Blog của bạn hơn. Vì thế hôm nay mình sẽ hưỡng dẫn các bạn làm thế nào để tạo  Tiện Ích Khung Giới Thiệu Blog Tuyệt Đẹp này nhé ! #Daftcreation Mình bo gọn vào một phần luôn nhé ! Các bạn chỉ cần Copy và Paste vào nơi cần hiển thị nhé! <style> #main1{     height: 400px;     width:100%;     background-color:white;     border-radius: 5px;     box-shadow: 0 0 7px rgba(0,0,0,.2);     position: relative;     overflow: hidden; } #image1{     height: 100%;     width: 100%;     position: absolute;     top:0; } #image1 img{     height: 80%;     width: 100%; } #wave,#wave2{  

Button Effects (Hiệu Ứng) đơn giản chỉ bằng CSS cho Blogspot

Image
Với xu hướng WEB càng hiện đại phát triển thì việc thiết kế một giao diện gọn nhẹ, dễ nhìn là một điều rất cần thiết. Đơn giản giúp cho việc đưa thông tin đến người đọc một cách dễ dàng, dễ tiếp thu nhìn nhận. Và một trong số đó là việc đơn giản hóa những bố cục, màu sắc, button(nút)... Chính vì vậy mà hôm nay mình sẽ chia sẻ cho các bạn một Button Effects đơn giản cho Blogspot. Bạn cũng có thể tham khảo 3 Style trước mình từng chia sẻ: Tạo Button Với Hiệu Ứng Tuyệt Đẹp Style 3 Button Với Hiệu Ứng Cực Đẹp Style 2 Tạo Button Bằng CSS Có Hiệu Ứng Đẹp Cho Blogspot HTML  <div class="middle">  <button class="btn btn1">Hover Me</button>  <button class="btn btn2">Hover Me</button>  </div> Viết CSS .middle{   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%,-50%);   text-align: center; } .btn{   background: none;   border: 2px solid #000;   font-family: "mont

Hiệu Ứng Thả Tim Vào Hình Ảnh Blogspot

Image
Tiếp tục chia sẻ về những thủ thuật Blogspot, hôm nay DESBLOG sẽ mang đến cho các bạn hiệu ứng thả tim vào hình ảnh trong Blogspot. DEMO NGÀY BÊN TRÁI BẠN ĐẤY HIHI Dùng CSS Thêm đoạn này dưới thẻ ]]></b:skin> .container1{ position: relative; overflow: hidden; } .container1 img{ width: 100%; } .container1 .heart{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); color: #f1f1f1; font-size: 100px; transition: 0.3s; } .container1 input{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; opacity: 0; cursor: pointer; } .container1:hover > .heart{ transform: translate(-50%,-50%) scale(1); } .container1 input:checked + .heart{ color: #e74c3c; } Code HTML <div class="container1">   <img src="#" alt=""/>   <input type="checkbox" name="" value=""/>   <div class="heart">     <i class=&

Tại Sao Và Bạn Nên Viết Blog Như Thế Nào ?

Image
Trong những năm gần đây, Google và công cụ tìm kiếm khác đã tiếp tục đặt một sự nhấn mạnh nhiều hơn vào Blog và vai trò của nó trong tối ưu hóa công cụ tìm kiếm (SEO) . Tại đây, chúng tôi thường nói với khách hàng của mình rằng trên hết, Content is King (Nội dung là vua) . Nhưng bạn không cần phải là cố gắng để viết một blog tuyệt vời. Mặc dù từ blog, viết blog có vẻ hơi xa lạ đối với một người chưa bao giờ làm điều đó trước đây, nhưng nó không phải là điều đáng để nói. Miễn là bạn cố gắng chinh phục nó thì bạn sẽ nhanh chóng cải thiện thứ hạng từ khóa và SEO của trang web của mình! Đầu tiên mình sẽ nói về Tần suất viết bài Ở đây, Mình khuyên các bạn nên viết bài cho blog (hoặc trang web) ít nhất một lần mỗi tuần hoặc mỗi tháng. Điều này đảm bảo rằng khi Google gửi ra các con "BOT" của Google để thu thập dữ liệu trang web của bạn để đánh giá thứ hạng, những BOT này đang tìm nội dung mới. Đối với các Blog dạng như pháp lý và sức khỏe và sắc đẹp, viết bài blog phải nhiều

Chia Sẻ Bộ Social Icons Với Hiệu Ứng Tuyệt Đẹp Cho Blogspot

Image
Social Icons là những công cụ giúp chuyển hướng người đọc sang một trang mạng xã hội như facebook, google+,...của bạn. Với Social Icons vừa tăng tính chuyên nghiệp cho Blog của bạn vừa tăng Traffic giúp người đọc tiếp cận hơn với các bạn ! Hôm nay đây mình sẽ chia sẻ cho các bạn bộ Social Icons với các hiệu ứng khác nhau cho các bạn thoải mái lựa chọn !! Một lần nữa mình lại tóm gọn Code cũng như CSS vào một phần để các bạn dễ thêm nhé ! <section class="s1">       <a href="#" class="iconbtn fab fa-facebook-square"></a>       <a href="#" class="iconbtn fab fa-google-plus"></a>       <a href="#" class="iconbtn fab fa-twitter-square"></a>       <a href="#" class="iconbtn fab fa-instagram"></a>     </section>     <section class="s2">       <a href="#" class="iconbtn fab fa-facebook-square&

Chia Sẻ Giao Diện Giống Khoahoc.tv Cho Blogspot

Image
Chia sẻ template blogspot giống trang thông tin Khoahoc.tv - Là một mẫu mới do Công nghệ web thiết kế và chuyển mã nguồn. Template đã được làm và chia sẻ từ năm 2017. Tuy nhiên mình thấy nó vẫn khá phù hợp cho các Blog cá nhân cũng như Blog tin tức. Thông tin thêm Giao diện full responsive, tương thích hầu hết các thiết bị giao diện. Được tối ưu cẩn thận, hoạt động độc lập với website được chuyển mã nguồn. Template blogspot chuẩn seo, được tối ưu meta và các yếu tố khác. Có file hướng dẫn gửi kèm và data.xml để các bạn có thể dễ dàng test thử. Khi viết hướng dẫn trong file hướng dẫn gửi mọi người mình thiếu hướng dẫn gọi bài viết vào mục slide trượt. Các bạn xem thêm phần này nha.  Bước 1 : Tìm đoạn Code này <script language='JavaScript'> //<![CDATA[ document.write("<script src=\"/feeds/posts/default/-/Thu-thuat?max-results="+3+"&orderby=published&alt=json-in-script&callback=showrecentposts02\"><\/script>

Thẻ Điều Kiện Blogspot Dành Cho Mobile Update 2021

Image
Xin  chào các bạn, Hôm nay mình sẽ chia sẻ tới các bạn  làm thế nào để ẩn hoặc hiển thị widget hoặc mã (JavaScript và jQuery) trên các mẫu Template ở Mobile. Thủ thuật này giúp các bạn mới tập thiết kế Template có thể tự tùy biến bố cục Template trên thiết bị di động.! <b: if cond = 'data: blog.isMobileRequest == & quot; false & quot;'>  Đặt các đoạn mã CSS, Javascript, Widget bạn muốn nó hiển thị trên thiết bị di động vào cặp thẻ <b:if>...</b:if> ở trên. Ví dụ hiển thị CSS, HTML, JavaScript hoặc jQuery trên phiên bản di động: Nếu là CSS <b: if cond = 'data: blog.isMobileRequest == & quot; true & quot;'> <style type='text/css'> CSS </style> </b:if> Tương tự với Java, Widget Ngược lại sẽ có đoạn code giúp bạn ẩn các tiện ích , css , java khi lướt web trên thiết bị di động <b: if cond = 'data: blog.isMobileRequest == & quot; false & quot;'>  Cách sử dụng tương tự nhé.! C

Chia Sẻ Slide Trình Chiếu Ảnh Có Điều Hướng Chỉ Sử Dụng HTML & CSS

Image
Mỗi Blog/Website đều cần có những điểm nhấn riêng để một phần thu hút sự quan tâm của người đọc. và trong đó Slide chạy ảnh đẹp luôn là những điểm nhấn trên 1 Website, blog. Slide đó bạn có thể trình bày những thông tin nổi bật như bài viết, quảng cáo, hình ảnh đẹp...1 hiệu ứng Slide đẹp, load nhẹ. cũng góp phần làm tô điểm thêm cái đẹp và sống động của trang Web. Ở bài viết hôm nay mình giới thiệu tới các bạn Slideshow chạy ảnh chỉ sử dụng Html và Css Viết Css. Đặt nó dưới thẻ ]]></b:skin> .slidershow{   width: 700px;   height: 400px;   overflow: hidden; } .middle{   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%,-50%); } .navigation{   position: absolute;   bottom: 20px;   left: 50%;   transform: translateX(-50%);   display: flex; } .bar{   width: 50px;   height: 10px;   border: 2px solid #fff;   margin: 6px;   cursor: pointer;   transition: 0.4s; } .bar:hover{   background: #fff; } input[name="r"]{   position: absolute;   visibilit

Hover Text Tuyệt Đẹp Bằng CSS Cho Blogspot

Image
Xin chào các bạn, hôm nay mình sẽ chia sẻ nhanh cho các bạn hiệu ứng thú vị khi rê chuột vào Text. Bắt đầu luôn nhỉ ^^ Dưới đây là đoạn code: <div class="middle"> <span class="container"> <div class="text" data-text="DESBLOG">DESBLOG/div> </span> </div> Nhớ đổi chữ DESBLOG nhé Còn đây là phần CSS body{   margin: 0;   padding: 0;   font-family: "montserrat",sans-serif; } .middle{   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%,-50%); } .container{   position: relative;   display: inline-block;   padding: 0 40px;   cursor: pointer; } .text{   font-size: 100px;   text-transform: uppercase;   font-weight: 900;   position: relative;   color: #34495e; } .text::before{   content: attr(data-text);   position: absolute;   color: #fff;   width: 0;   overflow: hidden;   transition: 0.6s; } .container::before{   content: "";   width: 0%;   height: 100%;   position: absol

Tạo Button Với Hiệu Ứng Tuyệt Đẹp Style 3

Image
DESBLOG. Sẽ hướng dẫn tiếp cho các bạn cách tạo ra một Button có hiệu ứng hover tuyệt đẹp. Với Style 3 này chắc sẽ làm các bạn hài lòng. (Lưu ý: Mình Code hoàn toàn bằng Sublime Text nên có thể bạn sẽ phải chỉnh sửa một số cái đề phù hợp với Blog của mình. Thân !!) Bạn cũng có thể xem lại 2 Style trước: Button Với Hiệu Ứng Cực Đẹp Style 2 Tạo Button Bằng CSS Có Hiệu Ứng Đẹp Cho Blogspot CSS: Thêm đoạn CSS này dưới thẻ ]]></b:skin> body { margin:0; padding: 0; display: flex; align-items: center; justify-content: center; height: 100vh; } .but a { position: relative; padding: 15px 40px; border: 2px solid #111; font-size: 24px; font-family: sans-serif; text-decoration: none; text-transform: uppercase; display: block; box-sizing: border-box; border-radius: 32px; color: #000; overflow: hidden; transition-delay: 1s } .but a:hover{ transition-delay: 1s; color: #fff } .but a:before { content: ''; position: absolute; left: 30px; top: 50%; transform: translateY(

Facebook tạo tiền ảo để người dùng gửi cho nhau qua tin nhắn ! Hay quá nhỉ

Image
Đồng tiền mã hóa do Facebook tạo ra sẽ có khả năng quy đổi trực tiếp ra USD của Mỹ. Theo CNET, Facebook đang chuẩn bị cho phát hành một loại tiền mã hóa để giúp người dùng có thể chuyển tiền cho nhau. Đây là một tính năng đang được Facebook phát triển cho ứng dụng nhắn tin WhatsApp. Trước đó hồi tháng 5, Facebook từng cho biết đang cân nhắc phát triển một loại tiền kỹ thuật số nhằm đảm bảo cho việc thanh toán trực tuyến được diễn ra an toàn. Tại thời điểm đó, Facebook duy trì một nhóm nghiên cứu và phát triển Blockchain - công nghệ cốt lõi của những đồng tiền ảo như Bitcoin hay Ethereum. Theo Bloomberg, Facebook có thể đi trước các đối thủ của mình một bước khi đồng tiền mã hóa của mạng xã hội này đã sẵn sàng cho việc phát hành. Công ty này đang có ý định gắn tỷ giá cụ thể cho đồng tiền ảo của mình theo USD, Bloomberg cho biết. Mặc dù vậy, Facebook vẫn đang tiến hành nghiên cứu chiến lược phát triển và cách đảm bảo giá trị cho đồng tiền của mình. Theo: Vietnamnet.vn

Chia Sẻ Template Mod Giao Diện Đơn Giản Cho Blogger

Image
Cái gì có mình Share ! Hihi  Như các bạn đã thấy, trước khi mình đổi giao diện sang Template hiện tại thì mình đã từng vừa sử dụng Template này vừa dần dần hoàn thiện nó. Nhưng vì một số lí do cá nhân mình đã dừng Edit và chuyển sang giao diện mới này ! Như Demo hình ảnh các bạn đã thấy, thì Temp này có một giao diện khá đơn giản, dễ nhìn, bố cục rõ ràng 2 phần và Load khá mượt :))).... Mình nói nhé ! Mình không xóa bản quyền mà chỉ tùy biến chút ít thôi vì vậy nó chưa hoàn thiện và mình cũng ít thời gian để Edit nó thế nên :)))) Vậy nha, hãy mày mò để biết thêm chi tiết về Template nhé !!! Link Dow: Đây nhé!

Viết Blog ! Có Nên Bắt Đầu Với Nền Tảng Miễn Phí Blogspot Blogger?

Image
Blogspot đã trở thành một trong những điểm đến hàng đầu trên internet để bắt đầu một blog . Cái này có một vài nguyên nhân. Đầu tiên là nó là một lựa chọn viết blog miễn phí và nó cũng thuộc sở hữu của Google. Bản thân hai lý do này là quá đủ để khiến ai đó muốn bắt đầu viết blog ngay lập tức. Tuy nhiên, cũng có một số nhược điểm khi tạo blog trên nền tảng Blogspot, chẳng hạn như không có quyền sở hữu hoàn toàn đối với nội dung của bạn và những gì bạn có thể đặt trên trang web của mình, cùng với việc không có tên miền chuyên nghiệp làm URL cho blog của bạn. Ngay cả với tất cả những gì đã nói, hàng triệu người vẫn đang tạo các trang web mới trên Blogspot mỗi tháng - đó là lý do tại sao chúng tôi muốn tạo ra cái này Làm thế nào để bắt đầu một blog miễn phí trên hướng dẫn Blogspot. Thật dễ dàng để bắt đầu, nhưng chúng tôi sẽ hướng dẫn bạn từng bước trong quá trình, đồng thời cung cấp cho bạn một số chi tiết về số liệu thống kê blog, các đề xuất về cách tận dụng tối đa trang web Blogs

Button Với Hiệu Ứng Cực Đẹp Style 2

Image
DESBLOG. Sẽ hướng dẫn tiếp cho các bạn cách tạo ra một Button có hiệu ứng hover tuyệt đẹp. Với Style 2 này chắc sẽ làm các bạn hài lòng.

Ta Thấy Đủ Và Không Đòi Hỏi Quá Nhiều !

Image
Nói về đủ và thiếu thì nó vô vàn. Khi ta biết đủ thì mấy cũng thấy đủ, nhưng khi có một kho vàng mà thấy thiếu thì vẫn cứ thiếu. Cho nên đủ hay thiếu thì cũng từ tâm ta suy nghĩ mà ra và tiền cũng không phải là tất cả. Tiền có thể cho người ta ăn no, mặc đẹp, ở sang nhưng không hẳn tiền đảm bảo hạnh phúc.