Hiển thị các bài đăng có nhãn Blogspot Tips. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Blogspot Tips. Hiển thị tất cả bài đăng

09/07/2017

Chuyển tiếp về trang chủ khi bị lỗi 404

Chuyển tiếp về trang chủ khi bị lỗi 404

Lỗi 404 là lỗi không tìm thấy trang được truy cập. Lỗi này xuất hiện có thể là người dùng truy cập link sai hoặc do người quản trị web đã xóa link kết nội dung này.

Thủ thuật dưới đây sẽ giúp các bạn tạo chuyển tiếp tự động khi người dùng truy cập vào link kết không tồn tại.

08/07/2017

Tạo nút share cho blogspot đẹp

Tạo nút share cho blogspot đẹp

Hôm nay mình sẽ hướng dẫn các bạn tạo thêm nút share Facebook, Google +, Twiter..vvv cho blogspot.
Bạn có thể chèn tiện ích này dưới tiêu đề hoặc cuối bài viết trong blogspot để giúp trang web của bạn được phổ biến hơn khi tạo điều kiện cho người dùng chia sẻ nó.

Ảnh demo:

03/04/2017

Công Cụ Mã Hóa Code Chèn Vào Blogspot

Công Cụ Mã Hóa Code Chèn Vào Blogspot


Khi chèn code của Google Adsense hoặc đoạn code nào khác vào mẫu thì bạn sẽ bắt gặp những thông báo lỗi.
Lúc này việc của bạn cần làm là Mã hóa code sau đó mới chèn được

28/03/2017

Tạo live chat Facebook Hỗ Trợ Khách Hàng giống Tôi Là Quản Trị

Tạo live chat Facebook Hỗ Trợ Khách Hàng giống Tôi Là Quản Trị

Nếu để ý vào góc phải bên dưới bạn sẽ thấy website Toilaquantri.Com có khung chat. Đây được gọi facebook Chat hoặc Livechat Facebook khác với Facebook Messenger của Facebook nhé vì nó tích hợp được trên Website

Tạo live chat Facebook Hỗ Trợ Khách Hàng
Tạo live chat Facebook Hỗ Trợ Khách Hàng

23/02/2017

#20 Hướng dẫn xóa CSS và JavaScript mặc định của Blogger

#20 Hướng dẫn xóa CSS và JavaScript mặc định của Blogger

Hướng dẫn xóa CSS và JS mặc định của Blogger/Blogspot.
Hướng dẫn xóa CSS và JavaScript mặc định của Blogger
Xin chào các bạn,
Tốc độ trang web luôn là một vấn đề quan trọng đối với mỗi webmaster. Chính vì vậy, hôm nay mình xin chia sẻ tới các bạn một thủ thuật nho nhỏ nữa, mặc dù đã khá cũ và nhiều người giới thiệu nhưng có lẽ đây là một cách khá hiệu quả đấy!

Để xóa CSS mặc định thì rất đơn giản, bạn chỉ cần copy đoạn code dưới đây và paste vào ngay trên thẻ <b:skin> trong Template của các bạn là được.Xóa CSS mặc định

&lt;!--<style type='text/css'/>--&gt;
Lưu ý: Bây giờ, nhiều Template mới còn có thêm cả thẻ <b:template-skin>. Các bạn hay để ý xem thẻ nào nằm trước thì đặt đoạn code trên vào ngay trước thẻ đó nhé!
Ví dụ: Mình có thẻ <b:template-skin> nằm trên thẻ <b:skin> thì mình sẽ chèn như sau:
&lt;!--<style type='text/css'/>--&gt;
<b:template-skin>
......
</b:template-skin>
<b:skin>
......
</b:skin>

Xóa Javascript mặc định

Để xóa bỏ stylesheet và file javascript mặc định của Blogger, các bạn hãy thay các thẻ sau:
<html>
<head>
...
</head>
<body>
...
</body>
</html>
Thành các thẻ mới tương ứng như dưới đây nhé!
<html>
&lt;head&gt;
...
&lt;/head&gt;
&lt;body&gt;
...
&lt;!--<head/>--&gt;
&lt;!--<body/>--&gt;
&lt;/body&gt;
</html>
Xong rồi, giờ các bạn hãy lưu Template lại và kiểm tra lại tốc độ và cũng như điểm số của Blog khi kiểm tra với các công cụ đánh giá tốc độ online xem sao nhé.
(Cách được tham khảo từ dxoan.blogspot.com và Mocgin)

Tổng kết

Như vậy là chúng ta đã hoàn thành việc xóa CSS và JavaScript mặc định của Blogger rồi. Hi vọng sau khi thực hiện thì blog của bạn sẽ có được tốc độ tốt nhất khi tải trang nhé!
Lưu ý: Không phải Template nào cũng hoàn toàn tương thích với việc xóa bỏ CSS và Javascript mặc định, nên sẽ có những Template sau khi thực hiện sẽ bị lỗi một chút về CSS nên các bạn chịu khó sửa lại nếu như gặp lỗi nhé! Tùy từng Template sẽ có cách sửa khác nhau nên mình không chỉ ra đây được.

29/09/2016

Tiện ích tạo icon liên hệ có chữ cho blogger

Tiện ích tạo icon liên hệ có chữ cho blogger

Tiện ích giúp bạn tạo liên hệ trượt dọc trên website giúp tạo dự chú ý và gia tăng sự liên hệ đặt hàng
Tiện ích tạo icon liên hệ có chữ cho blogger

Cách thực hiện
Cài đặt tiện ích icon liên hệ cho Blogger

1. Vào blogger truy cập vào mẫu

Chèn code CSS trên trước thẻ ]]></b:skin>

.call-info {
    width: auto;
    background: #2980b9;
    position: fixed;
    bottom: 35px;
    left: 35px;
    color: #fff!important;
    padding: 12px;
    box-shadow: 0 4px 12px rgba(10,10,10,.2);
    padding-left: 52px;
    border-radius: 5px;
    transition: all .3s ease;
    text-align: left;
    z-index: 99999;
    font: 16px/24px Roboto Condensed;
}
.call-info img {width:auto!important;
    float: left;
    position: absolute;
    left: 12px;
    top: 20px;
    color: #fff;
    transition: all .3s ease;
}
.call-info span {
    display: block;
}
.call-info:hover img {
    transform: rotate(360deg);
}
.call-info img {
    float: left;
    position: absolute;
    left: 12px;
    top: 20px;
    color: #fff;
    transition: all .3s ease;
}

2. Chèn HTML hiển thị

Bạn có thể tạo HTML/Javascript mới rồi chèn vào hoặc chèn trước thể đóng </body> đều được

<a href="tel:0932.913.631" class="call-info"><img src="https://4.bp.blogspot.com/-QeER6cSflJg/V-yl5N8VklI/AAAAAAAAIdM/sd3fjcQI9SABIL1zccycwLgZpAAn_1QvwCLcB/s1600/phone.png"/><b>Tư vấn triển khai Marketing Online</b><span>Nhấn để gọi: 0932.913.631</span></a> 
Thay  0932.913.631 thành số điện thoại của bạn.
Chúc các bạn thành công! 

17/09/2016

Cách nhúng video Youtube vào Web Blogger chuẩn Responsive

Cách nhúng video Youtube vào Web Blogger chuẩn Responsive

Hướng dẫn các bạn nhúng video vào trong blog chuẩn HTML chỉ bằng một đoạn code nhỏ. Trước đây mình chia sẻ nhiều về Marketing Online nhưng trong thời gian cạn ý tưởng viết về nó nên chuyển sang viết thủ thuật Blogger.
Đoạn code chèn video từ Youtube thực ra là 1 đoạn code thẻ iframe. Chúng thường có thông số width:640px hay width: 800px gì đó. Thì lúc này chèn vào phần HTML trong bài viết sẽ không chuẩn responsive trên các kích thước màn hình khác nhau.

 video Youtube vào Web Blogger chuẩn Responsive

15/09/2016

Tạo nút Back to top và back to bottom cho blogger

Tạo nút Back to top và back to bottom cho blogger

Hướng dẫn các bạn tạo nút back to top và nút back to bottom cài đặt trong blog sẽ giúp bạn di chuyển lên đầu trang và cuối trang một cách nhanh chóng thay vì phải tốn rất nhiều thời gian để cuộn trang.
Đối với blog tin tức, nội dung bài viết dài thì tiện ích back to bottom sẽ giúp đọc giả cuộn xuống chân trang nhanh chóng để đọc các thông tin cuối trang.

Back to top và back to bottom cho blogger

14/09/2016

Tiện ích nút gọi điện có hiệu ứng động cho website blogspot

Tiện ích nút gọi điện có hiệu ứng động cho website blogspot

Tiện ích này sử dụng CSS và HTML để tạo ra hiệu ứng cho icon di động động. Thường được sử dụng trên các trang bán hàng để nhằm thu hút khách hàng click vào để gọi điện thoại liên hệ trực tiếp cho người bán.

Nút gọi có hiệu ứng rung lắc để nhầm gia tăng cuộc gọi để tăng khả năng bán hàng từ Website. Code có thể cài đặt cho mọi website từ Wordpress, Blogspot hay các website 2.0, PHP, HTML..vv

Khi sử dụng di động click vào biểu tượng này ứng dụng gọi điện sẽ tự động lấy số điện thoại của người. Trên máy tính (Laptop, PC) thì ứng dụng ở mở phần mềm chat Skype.


Tiện ích tạo icon điện thoại có hiệu ứng động
Tiện ích tạo icon điện thoại có hiệu ứng động

07/07/2016

Share code liên hệ trượt dưới chân trang web

Share code liên hệ trượt dưới chân trang web

code liên hệ trượt dưới chân trang web
code liên hệ trượt dưới chân trang web
Share code chống chuột trái, chuột phải và F12 cho blogger

Share code chống chuột trái, chuột phải và F12 cho blogger

Vì nhiều lý do mà bạn không muốn người khác xem nguồn trang của bạn nên hôm nay mình sẽ hướng dẫn cho các bạn thực hiện việc chống chuột trái, chuột phải và Ctrl+U (F12) để xem nguồn trang.
Lưu ý: Code này sẽ vô hiệu hóa tác dụng của phím Ctrl, có nghĩa là các tổ hợp phím có dùng phím ctrl trong đó sẽ bị vô hiệu hóa (Copy: Ctrl + C ; Viewsourse: Ctrl + U ; Save: Ctrl + S).
Đồng thời bạn cũng không thể duy chuyển trang bằng các phím mũi tên lên và xuống.
Code chặn chuột phải cho blogger
Code chặn chuột phải cho blogger

15/10/2015

#0 Các điều kiện ẩn hiện trong blogspot

#0 Các điều kiện ẩn hiện trong blogspot

Cú pháp chung cho điều kiện để ẩn hiện trong blogspot, bài viết này được mình trình bày theo cách dễ hiểu và dễ nhớ cho các bạn đã có kinh nghiệm về code.
Do đó, nếu các bạn nào muốn tìm hiểu về các biểu thức điều kiện, cách ẩn hiện theo điều kiện blogspot mà có phần nào chưa hiểu có thể để lại comment bên dưới.

điền kiện ẩn hiện trong blogspot
điền kiện ẩn hiện trong blogspot
Điều kiện này sẽ dùng biểu thức IF (Nếu) - ELSE (Ngược lại) trong Blogger để thực hiện

14/09/2015

Thẻ Meta chuẩn SEO cho blogger 2016

Thẻ Meta chuẩn SEO cho blogger 2016

Thẻ Meta chuẩn SEO cho blogger

Bộ thẻ Meta chuẩn SEO cho blogger là gì

Các thẻ meta thường được nằm bên trong cặp thẻ <meta> ... </meta>, có rất nhiều thẻ meta khác nhau thẻ meta sẽ khai báo cho google hiểu hơn về blog, website của bạn như khai báo ngôn ngữ, vị trí địa lí, tác giả, khai báo từ khóa, khai báo mô tả blog, khai báo để tối ưu blog hiểu thị trên các mạng xã hội..vv

Do đó những thẻ Meta CHUẨN SEO cực kì quan trong trong việc SEO

Dưới đây là bộ thẻ meta blogger chuẩn SEO được mình chọn lọc trong thời gian qua.
Để sử dụng bộ thẻ Meta chuẩn SEO này bạn copy và chèn dưới thẻ <head>


<head>.......nơi bạn sẽ chèn đoạn bộ thẻ meta bên dưới.....<b:skin>

Để khai báo ngôn ngữ Blog web:

Bạn cần thêm vào sau thẻ lang='vi' bên trong thẻ <html>
<html lang='vi'............>

Thẻ Meta chuẩn SEO cho blogger 2016

Copy và dán only text trong word để sửa cho dễ dàng hơn
Xem ý nghĩa các thẻ meta này tại bài viết:  Tối ưu thẻ Meta cho Blogger

Code Meta Blogger:

<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Thống kê diện tích dân số, mật độ  các tỉnh thành Việt Nam, Kinh nghiệm SEO blogspot, học anh văn, thiết kế CV, chia sẻ tài liệu marketing' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/></b:if></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/u/0/114911979260821967359/posts' rel='publisher'/>
<link href='https://plus.google.com/u/0/114911979260821967359/about' rel='author'/>
<link href='https://plus.google.com/u/0/114911979260821967359' rel='me'/>
<meta content='BING-WEBMASTER-CODE' name='msvalidate.01'/>
<meta content='publisher-name' name='DC.Publisher'/>
<meta content='uaJPi95ua-Gq8fhf8PYmJVfehY' name='alexaVerifyID'/>
<meta content='bqCvQd96fKEsDINdw8IsohwclFYFVWsaiGO7zZ1Zfcg' name='google-site-verification'/>
<meta content='de2d42a190998ae52a42b8fcd7f05c12' name='p:domain_verify'/>
<meta content='Huỳnh Hải Phụng' name='Author'/>
<meta content='general' name='rating'/>
<meta content='https://www.facebook.com/huynhphungblogger' property='article:author'/>
<meta content='https://www.facebook.com/toilaquantriblog' property='article:publisher'/>
<meta content='1610653149174737' property='fb:app_id'/>
<meta content='100005806178307' property='fb:admins'/>
<meta content='@kehuydiet' name='twitter:site'/>
<meta content='@kehuydiet' name='twitter:creator'/>
<!-- End of All in One SEO Pack for blogger -->

<!-- Ngôn ngữ và địa lý Seo tại TPHCM -->
<meta content='Vietnamese' name='geo.country'/>
<meta content='english' name='language'/>
<meta content='VN-SG' name='geo.region'/>
<meta content='14.058324;108.277199' name='geo.position'/>
<meta content='14.058324, 108.277199' name='ICBM'/>
<meta content='Vietnam' name='geo.placename'/>
<meta content='en_US' property='og:locale'/>
<meta content='vi_VN' property='og:locale:alternate'/>
<meta content='all' name='audience'/>
<meta content='all' name='robots'/>
<meta content='vi-VN' name='language'/>
<meta content='US' name='country'/>
<meta content='VN' name='language'/>
<meta content='Ho Chi Minh' name='city'/>
<meta content='Viet Nam' name='country'/>
<meta content='Ho Chi Minh' name='geo.placename'/>
<!-- All In One SEO Pack 2016 Blogspot Plugin-->

Trong đây có rất nhiều thành phần cần phải sửa đổi, nếu không rõ thành phần nào bạn có thể commetn bên dưới để mình hướng dẫn sửa lại cho phù hợp với blog của bạn

25/01/2015

Hướng dẫn tạo trang Thử Mã HTML/Javacript cho Blogspot

Hướng dẫn tạo trang Thử Mã HTML/Javacript cho Blogspot

Tạo trang thử mã HTML, Thử Mã HTML/Javacript cho blogspot, thử mã HTML hướng dẫn bạn tạo 1 trang thử mã HTML ngay trên trang của mình.
Demo trang trang Thử Mã HTML/Javacript
http://www.toilaquantri.com/p/tra-ma-html-javacript.html
Hướng dẫn tạo trang Thử Mã HTML/Javacript cho Blogspot
Hướng dẫn tạo trang Thử Mã HTML/Javacript cho Blogspot

22/01/2015

Code Thông Dụng Để Viết HTML

Code Thông Dụng Để Viết HTML

Code Thông Dụng Để Viết HTML
Code Thông Dụng Để Viết HTML
Code Thông Dụng Để Viết HTML thông dụng để viết blogspot, nền tảng HTML đã quá phổ biến cho nên biết Code Thông Dụng Để Viết HTML này là cần thiết

20/01/2015

Nút Share trượt dọc chuẩn HTML5 Cho Blogspot

Nút Share trượt dọc chuẩn HTML5 Cho Blogspot

Nút Share trượt dọc chuẩn HTML5 Cho Blogspot chia sẻ thuật thuật cho blogspot làm nút share trượt dọc đẹp mắt.

Thủ nhật này được mình tùy biến CSS lại cho đẹp mắt với nét viền trắng đứt như viền kẻ chỉ tạo thêm cho nút share thêm đẹp mắt

Nút Share trượt dọc chuẩn HTML5 Cho Blogspot
Hình ảnh nút share trượt dọc cho blogspot

08/01/2015

Chèn link từ động cho một vài từ khóa trong blogspot

Chèn link từ động cho một vài từ khóa trong blogspot

Thủ thuật này sẽ cho phép bạn chèn link tự động vào các từ khóa, VD hễ gặp trong bài viết có từ khóa SEO thì nó sẻ tự động được gắn link http://www.toilaquantri.com/search/label/Blogspot%20SEO mà bạn không cần phải gắn thủ công nữa
Xây dựng link trong blog để SEO tốt nhất
Xây dựng link trong blog để SEO tốt nhất

07/01/2015

Công Cụ Dịch Google Translate trên menu cho blogspot

Công Cụ Dịch Google Translate trên menu cho blogspot

[Tut] Công cụ tích hợp Onclick từ Google Translate để giúp bài viết của bạn dịch từ Vietnamese sang English hoặc ngược lại chỉ bằng 1 cú click chuột

Điều này để giúp cho khách truy cập nước ngoài có thể xem blog bài viết bằng ngôn ngữ phổ biến là tiếng anh được dễ dàng và đơn giản hơn, làm cho trang web của bạn thân thiện hơn với Quốc tế

Công Cụ Dịch Google Translate
Công Cụ Dịch Google Translate

Bạn sẽ chèn nó ngay chính menu chính là nơi thuận tiện dễ nhìn thấy nhất

01/01/2015

Thủ thuật mở link với 1 popup mới cho blogspot

Thủ thuật mở link với 1 popup mới cho blogspot

Demo click vào đây

Nếu bạn muốn mở một cửa sổ trong 1 tab mới thì quá dễ dàng, còn mở link đó bằng 1 trang mới popup thì phải làm thế nào?

25/12/2014

Tạo menu xổ dọc của nhãn cho blogspot

Tạo menu xổ dọc của nhãn cho blogspot

Đôi khi blog của bạn chứa nhiều chuyên mục, nhãn... bạn lại không thể đưa chúng hết lên menu vì như thế sẽ làm rối mắt. Thủ thuật tạo menu theo nhãn cho phép bạn tạo danh mục nhãn xổ xuống nhằm tiết kiệm không gian cho blog.
Tạo menu xổ dọc của nhãn cho blogspot
Tạo menu xổ dọc của nhãn cho blogspot

Đồng thời cũng giúp cho người dùng muốn tìm nhãn mình cần theo thứ tự sắp xếp ABC.