Mẫu Theme Blogspot Đẹp - Kiểu Blog tin tức cá nhân chuẩn SEO

By Trần Tứ Liêm on Chủ Nhật, 2 tháng 4, 2023

Bạn thấy mẫu theme blogspot (giao diện) của Blog Trần Tứ Liêm thế nào? Bạn nếu bạn muốn tạo hoặc cài đặt giao diện này hãy xem phần hướng dẫn như bên dưới!

PHẦN 1: GIỚI THIỆU THEME BLOGSPOT

theme blogspot đẹp

Theme blog của Trần Tứ Liêm được tôi ưu, chuẩn hóa rất tốt, SEO tốt, dễ cài đặt, với những người ít kiến thức blogspot vẫn có thể dùng. Ngoài ra nó còn dùng để cài các tranh website kinh tế (website dùng kinh doanh). Hãy xem các bản demo:

DEMO 1 | DEMO 2 |DEMO 3

Theme blog này thiết kế theo kiểu tin tức, dùng được cho cá nhân, doanh nghiệp, mang phong cách chuyên nghiệp. Bạn có thể xem qua các ưu điểm của nó như sau:

  1. Chuẩn SEO (blog của mình rất dễ lên google)
  2. Giao diện đẹp (Cân đối hoài hòa)
  3. Giao diện thân thiện mobile (dùng điện thoại, máy tính đều tương thích)
  4. Cài đặt rất dễ, đễ những người chưa biết cài cũng có thể cài
  5. Không cần thiết kế logo (tiện cho những người khống có kiến thức đồ họa)
  6. Bạn có thể nhận sự giúp đỡ của TTL Blog (nếu khó khăn không biết cài, hãy liên hệ sau 8h tối)

Mẫu theme này thích hợp với ai


1. Thích hợp với những người chưa có blog:
  • Những ai muốn có một blog mà chưa biết làm có thể học theo để tạo blog
  • Những chuyên gia, muốn chia sẽ kiến thức hoặc một mục đích gì đó
  • Những người muốn lưu giữ hình ảnh, video cá nhân gia đình, hay các loại tài liệu
  • Những người kinh doanh, dùng blog để tiếp thị, quảng cáo
  • Những tổ chức, cá nhân...
2. Những người đã có blogspot rồi, muốn thay đổi giao diện
  • Có thể bạn không biết thay đổi theme
  • Bạn chưa tìm themme đúng ý
  • Theme bạn bị lỗi thời...
  • Hãy xem các hướng dẫn bên dưới, nó có thể giúp bạn.

PHẦN 2: DOWNLAOD THEME BLOGSPOT

Bạn có thể tải theme trong những đường link sau:

(vì Ttl Blog lưu trữ nhiều chổ tránh mất tài liệu - chết link)

Tải file hướng dẫn bằng PDF

  • Hướng dẫn cài đặt theme pdf
  • Hướng dẫn cài đặt theme pdf
  • Hướng dẫn cài đặt theme pdf

PHẦN 3: HƯỚNG DẪN CÀI ĐẶT

Ở đây TTL Blog hướng dẫn bạn cài đặt mẫu cho một blog có sẵn, nếu bạn chưa có blog hãy đi tới bài viết cách tạo blogspot bắt đầu nhé!

Trước tiên bạn nên lưu mẫu theme hiện tại của bạn như hình bên dưới (tránh mất dữ liệu hoạch thông tin).

Hãy vào trang blogger.com tiến hành theo hình:

sao lưu theme trước khi cài đặt

sao lưu theme trước khi cài đặt

Sau khi sao lưu, bây giờ là lúc cài đặt nhé!

Bước 1: Bắt đầu tải lên

Cũng làm như mục sao lưu nhưng ở đây chúng ta chọn vào nút "Khôi Phục"

- Vào blogger -> Chủ Đề => Tùy chỉnh (mũi tên xuống) => Chọn "Khôi Phục"

Hình ảnh:

tải theme blogspot lên

Khi nhấn vào nút "khôi phục" màn hình sẽ hiện thị hộp thoại như hình:

Xác nhận tải theme lên

Bạn nhất nút "tải lên" để xác nhận tải. Sau đó chọn đường dẫn về file theme-trantuliem.xlm đã download, nhấn tiếp nút Open. Xem hình:

upload theme blogspot lên

Nhấn nút "Open" quá trình cài đặt tự động trong ít giây. Như vậy bạn đã hoàn thành quá trình tải mẫu theme trantuliem lên blog. Hãy bạn có thể xem qua blog của bạn một chút trước khi vào bước tiếp theo.

(đã kết thúc bước 1)

Bước 2: Di dời các widget

Bạn đã xem lại blog chưa? Có vấn đề gì đó hơi che đi một nữa đúng không? Đó là do các widget củ nằm chưa đúng chổ, bây giờ tiến hành di dời nó hoặc xóa nó.

Chuyển blogger về thẻ "Bố Cục" và chuyển tất cả các widget ở cột "ad468x60" đi chổ khác. Hoặc bạn có thể xóa nó. Tuy nhiên bạn nên chuyển chúng về cuối vị trí "right-blok2" sau đó ta xữ lý sau. Xem hình:

di dời các widget

Bạn có thể cầm nhấn chuột các widget đó kéo xuống dưới cùng bên tay phải nhé. Sau đó lưu lại.

Như vậy hoàn thành bước 2. Blog của bạn có phần sáng sủa hơn rồi đó, vì các widget không che phủ lấn nữa.

Bước 3: Chỉnh sửa label (chủ để)

Trên trang chủ của Blog Trần Tứ Liêm chia ra các cụng theo Label vì vậy bạn phải khai báo nhãn cho nó bằng cách:

Quay trở về phần "Chủ Đề" => Tùy Chọn (mũi tên trỏ xuống) => Tùy chỉnh HTLM

Xem hình:

chỉnh sửa htlm theme


Màn hình mới có khung soạn thảo code xuất hiện. Nhấp chột vào khung ấy, nhấn tổ hợp phím Ctrl + F (tìm kiếm) với dòng label2 =

Xem hình:

hiệu chỉnh theme blogspot

Nhãn của Blog TTL khai báo như sau:

 

label2 = "Chủ%20Đề%20Nổi%20Bật";

label3 = "NGHIÊN%20CỨU%20PHONG%20THUỶ";

label0 = "Sách";

label9 = "Nhân%20Tướng";

label4 = "TỬ%20VI";

label1 = "Thủ%20Thuật%20Blog";

label6 = "Kiến%20Trúc";

label5 = "Phật%20Pháp";

label7 = "Âm%20Nhạc";

label8 = "Hình%20Ảnh";


Cần tối thiểu 10 nhãn, tuy nhiên nếu blog của bạn không đủ, có thể khai báo trùng lặp nhé, không sao.
Hãy thay các nhãn màu vàng ở trên. Tiên hành lưu lại.

Để ý: ưu tiên Label0label2 nhé. vì nó ở vị trí trung tâm, làm đẹp blog.

Như vậy bạn hoàn thành bước 3, blog của bạn đã hoàng thành căn bản 70%.

Bước 4: Chỉnh menu

Từ bước 3 trở đi nếu bạn nào thấy khó quá, có thể nhờ trợ giúp cũng được nhé!

Bước 4 này làm cái gì? Đó là sửa lại các link trong menu:

sửa menu theme blog
Hai vị trí sửa menu

1. Thay đổi Menu

Nhấn Ctrl +F tìm cụng từ <div class='menu-left'>

Sau đó sửa các đường link theo mục đích của bạn.

Xem hình bên dưới, nếu bạn không biết chỉnh, có thể xóa code khoanh viền đỏ, hoặc để vậy nhờ hỗ trợ nhé!

cài menu blog spot

2. Tiếp theo: thay đổi link Youtube và Facebook

Dùng tìm khiếm dòng https://www.youtube.com/channel/UCShNBAD72iiOgeR7g8AYGyQ . Có 2 vị trí link này. Nếu bạn không có youtube có thể thay thế link đó bằng giấu #

Dùng tìm khiếm dòng https://www.facebook.com/netdephatinh . Có 2 vị trí link này. Nếu bạn không có Facebook có thể thay thế link đó bằng giấu #

thay thế mạng xã hội khi cài theme blogspot

Bước 5: Thay tiêu đề khối trang chủ

Bây giờ ta tay đổi các tiêu đề từng khối trên trang chủ (gần giống với bước 3).

Hãy tìm từng từ khóa trong danh sách bên dưới, thay nó, và đường link xem hình:

cài themme blogspot

Phần màu vàng là phần bạn phải thay thế

Bước 5: Chỉnh sửa link liên kết chân trang blog (footer)

Hãy tìm kiếm cụm từ <div id='footer'> và sửa hoặc xóa khu màu đỏ theo hình:

cài footer theme blogspot

Như vậy đã hoàn thành bước 5

Bước cuối cùng: Tinh chỉnh widget

Bạn về mục "Bố Cục" widget nào không dùng thì bỏ bớt nhé.

Như vậy đã xong phần cài đặt giao diện theme blogspot cho bạn rồi!

Chúc thành công!

Thân ái!




Cách chèn Plugin Chat Facebook vào Blogspot và Wordpress

By Trần Tứ Liêm on Thứ Ba, 27 tháng 9, 2022

Blog TTL hướng dẫn các bạn chèn plugin chat facebook vào trang web loại blogspot và wordpress nhé!

cách chèn chat facebook


Để làm điều này bạn cần có một Facebook Page. Nếu bạn nào chưa có hãy tạo một trang trước nhé!

Tóm tắt quy trình:

1. Lấy mã từ facebook

2. Dán mã đó trước thẻ </body>

Hãy bắt đầu nhé:

Phần 1: Lẫy mã plgin chat

Vào trang https://business.facebook.com/ và làm theo hình:

Làm theo hình các vị trí 1 - 2 - 3: (màu đỏ)

cách chèn hộp chat facebook blogspot và wordpress

Tiếp theo thao tác 4: (xem hình)

Hướng dẫn chèn hộp chat facebook (plugin chat)

Lúc này xuất hiện hộp thoại mới. Tiến hành chọn như hình ( thao tác 5), điền địa chỉ trang chủ website của bạn (thao tác 6):

cách chèn chat vào website


Tiếp theo: Ghi lai (save) bằng cách nhấn như hình ảnh:

cách chèn chat vào website

Tiếp theo ta tiến hành lấy mã:

chèn plugin chat

Một hộp thoại mới xuât hiện bạn: nhấn theo hình:

chat facebook


Tiếp theo:

chèn plugin chat facebook


Thao tác lấy mã cuối cùng:

Chèn plugin chát website


Phần 2: Chèn mã plugin chat

Bạn đang xài loại blog, website loại nào? mình hướng dẫn chèn vào blogspot và loại wordpress nhé!

Chèn vào blogspot

  • Vào blogger.com
  • Vào Chủ Đề/ Chỉnh sửa HTML
  • Nhấn Ctrl + F tìm nội dung </body>
  • Dán mã trước thẻ </body> đó
  • Lưu lại

chèn plugin chat

Kết thúc quá trình chèn plugin chat cho blogspot. 

Chèn chat facebook wordpress

Nó rất cần thiết cho các shop, các trang bán hàng, các trang thương mại điện tử nhỏ.

Bạn có thể xem demo trên trang website này: bánh ram


Thông thường các trang mẫu wordpress có phần cho phép chèn code vào head hay body hay footer... Mình xài mẫu them flatsome, nó có sẵn. Cách dán như hình:

chèn chat facebook vào wordpress


chèn chat wordpress

LỜI KẾT

Hãy tham khảo các bài viết về thủ thuật blog khác trên trantuliem.blogspot.com:

  1. Mẫu theme blogspot đẹp
  2. Chèn từ khóa tự động blogspot
  3. Tạo sitemap cho blogspot
  4. Xóa ?m=1 url blogspot
  5. Rút gọn link blogspot
  6. Chèn plugin chat facebook
  7. Code chuyển hướng tự động blogspot
  8. Tạo menu cấp di động blogspot
  9. Sửa lỗi lệch ảnh blogspot
  10. Backlink gov
  11. Backlink redit
  12. Backlink diễn đàn việt nam
  13. Themme vận chuyển nhà
  14. Themme blogspot tin tức
  15. Theme thái phong
  16. Theme dịch vụ sửa nhà
Thân ái!

Tạo trang chuyển tiếp tự động cho Blogger

By Trần Tứ Liêm on

Qua tham khảo một vài nơi và Google thấy rất nhiều bạn tìm kiếm cách tạo một trang chuyển tiếp cho Blogger / Blogspot. Hiện tại thì cũng có nhiều blog hướng dẫn về các để tạo trang chuyển tiếp tự động cho Blogger. Nhưng mà theo ý kiến cá nhân mình thấy thì điều thứ nhất là không đúng với cái ý nghĩa tự động, điều thứ hai là bạn phải tạo một blog riêng để tạo trang này, và điều thứ ba là bạn phải chèn liên kết hoàn toàn một cách thủ công.

Tạo trang chuyển tiếp tự động cho Blogger


Từ ba cái này thì bạn cũng thấy là chúng ta phải làm rất nhiều công sức để được một trang chuyển tiếp, việc chèn thủ công từng link sẽ mất rất nhiều thời gian, và nếu như bạn không muốn xài nữa thì cũng không biết đường đâu mà sửa nữa.

Thế cái trang chuyển tiếp tự động mà mình sắp hướng dẫn tới đây có gì ngon hơn những cái mà những blog khác? Sau đây mình xin liệt kê một số tính năng mà trang chuyển tiếp này mình đã hoàn thành:

  • Khi trỏ chuột vào link nó sẽ vẫn hiện địa chỉ chỉ gốc chứ không hiện địa chỉ trang chuyển tiếp
  • Tự động kích hoạt trang chuyển tiếp với những đường link đi ra ngoài trang web
  • Tự động mở tab mới với liên kết ngoài
  • Trang chuyển tiếp nằm trên chính blog của bạn
  • Hiện thời gian đếm ngược giống như các mã nguồn forum vbb, xenforo
  • Giao diện dễ dàng tùy chỉnh

nhưng cái trên là những cái mà mình thấy là mình đã làm được. Bạn có thể xem trực tiếp demo bằng cách trỏ chuột và click thử vào đây.

Tạo trang chuyển tiếp tự động cho Blogger

Đầu tiên bạn hãy truy cập vào trang quản trị của blog mà bạn muốn tạo trang chuyển tiếp. Tiếp tục tạo một trang mới với tên mà bạn muốn ví dụ "Chuyển tiếp" và sao chép toàn bộ đoạn mã sau đây vào phần nội dung của khung soạn thảo, lưu ý là hãy chuyển qua chế độ soạn thảo bằng HTML

<script type='text/javascript'>
//<![CDATA[
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
    return (false);
}

var count = 6;
var url  = getQueryVariable("url");

function countDown(){
    var timer = document.getElementById("timer");
    if(count > 0){
        count--;
        timer.innerHTML = "Bạn sẽ được chuyển hướng đến <a href='"+url+"' rel='nofollow'>"+url+"</a> trong <b>"+count+"</b> giây.";
        setTimeout("countDown()", 1000);
    }else{
        window.location.href = url;
    }
}
//]]>
</script>

<div class="chuyen-tiep">
Đang chuyển hướng

<gach></gach>
<span id="timer">
<script type="text/javascript">countDown();</script>
</span></div>
<style>
.post-body { text-align: center; }
gach { border-bottom: 1px dashed #7C7C7C; display: block; }
.main-wrapper { width: 100%!important }
.sidebar-wrapper { display: none; }
</style>


Lưu ý là giao diện có hơi cùi mía một tý, bạn có thể toàn toàn tủy chỉnh lại bằng html và css. Trong đoạn css ở ngay trên đây bạn sẽ thấy "main-wrapper" và "sidebar-wrapper" đó là 2 class của phần nội dung và sidebar trên blog của mình, bạn phải thay bằng tên class của template của bạn để thay đổi lại chiều rộng của nội dung cũng như để ẩn đi phần sidebar.

Nếu cảm thấy không biết thì cứ xóa 2 thằng đó đi nhé

.main-wrapper { width: 100%!important }
.sidebar-wrapper { display: none; }

và nếu bạn muốn nhưng không biết phải làm sao thì cứ để lại địa chỉ blog của bạn tại phía dưới mình sẽ trực tiếp hỗ trợ bạn về phần giao diện này.

Sau khi hoàn tất thì lưu lại trang đó, lưu ý là sau khi xuất bản thì bạn hãy kiểm tra xem địa chỉ của trang đó là gì, như website của mình là

https://trantuliem.blogspot.com/p/chuyen-tiep.html

nhớ hoặc chép nó ra đâu đó.

Tiếp tục vào Mẫu > Chỉnh sửa HTML tại trang tổng quan của blog, bạn tìm đến thẻ </head> và chèn đoạn mã sau lên trên

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<script type='text/javascript'>
jQuery(document).ready(function () {

jQuery(&#39;a[href*=&quot;http://&quot;]:not([href*=&quot;https://trantuliem.blogspot.com&quot;])&#39;).click(function (e) {
        e.preventDefault();
        var target = e.target || e.srcElement;
        if ($(target).attr(&#39;target&#39;) == &quot;_blank&quot;) {
            window.open(&quot;http://trantuliem.blogspot.com/p/chuyen-tiep.html?url=&quot; + $(target).attr(&#39;href&#39;), &#39;_blank&#39;);
        } else {
            window.location = &quot;http://trantuliem.blogspot.com/p/chuyen-tiep.html?url=&quot; + $(target).attr(&#39;href&#39;);
        }
    });

});
</script>

đoạn mã này mình viết bằng jQuery các bạn nhé nên, phải có mã nhúng jQuery ở trên nó, nếu như có rồi thì bạn hãy xóa dòng đầu tiên đi. Ở đây bạn tìm và thay đổi trong đoạn mã trên
cái đầu tiên là

https://trantuliem.blogspot.com

bằng địa chỉ blog của bạn. Và cái thứ hai là

https://trantuliem.blogspot.com/p/chuyen-tiep.html

bằng địa chỉ trang chuyển tiếp lúc nãy mà mình đã hướng dẫn các bạn tạo. Sau đó lưu lại là thành công rồi.

Lời kết

Như bạn đã thấy tuy mã có hơi dài một tý nhưng vô cùng đơn giản, chỉ cần đúng 2 bước là tạo trang chuyển tiếp và chèn đoạn mã để link chạy vảo trang chuyển tiếp. Mọi thắc mắc từ giao diện đến cách thức hoạt dộng hay tùy chỉnh về bài viết này hãy để lại nhận xét phía dưới nhé.

P/S: Cập nhật thêm thông tin mới nhé, mình không khuyến khích các bạn sử dụng cái này, nên chỉ làm cho thỏa chí đam về về tính năng thôi :D. Thực chất đây vi phạm một điều khoản trong Google Webmaster Guidelines, cụ thể là không chuyển hướng người dùng đến trang web mà họ không muốn, rồi cám ơn bạn đã đọc bài viết.


Hãy tham khảo các bài viết về thủ thuật blog khác trên trantuliem.blogspot.com:

  1. Mẫu theme blogspot đẹp
  2. Chèn từ khóa tự động blogspot
  3. Tạo sitemap cho blogspot
  4. Xóa ?m=1 url blogspot
  5. Rút gọn link blogspot
  6. Chèn plugin chat facebook
  7. Code chuyển hướng tự động blogspot
  8. Tạo menu cấp di động blogspot
  9. Sửa lỗi lệch ảnh blogspot
  10. Backlink gov
  11. Backlink redit
  12. Backlink diễn đàn việt nam
  13. Themme vận chuyển nhà
  14. Themme blogspot tin tức
  15. Theme thái phong
  16. Theme dịch vụ sửa nhà
Thân ái!

Cách xóa năm tháng khỏi URL bài đăng trên Blogspot

By Trần Tứ Liêm on Thứ Hai, 19 tháng 9, 2022

Trong bài viết này, tôi sẽ chỉ cho bạn cách bạn có thể xóa ngày khỏi URL bài đăng của blogger .

Ví dụ:

Url bài viết:
  • https://trantuliem.blogspot.com/2022/09/mau-theme-blogspot-dep.html
Chuyển thành:
  • https://trantuliem.blogspot.com/mau-theme-blogspot-dep
xóa năm tháng trong link url blogspot

Làm thế nào để loại bỏ "? M = 1" khỏi URL Blogger - Blogspot

By Trần Tứ Liêm on Thứ Bảy, 17 tháng 9, 2022

Làm thế nào để loại bỏ "? M = 1" khỏi URL Blogger


Như bạn biết Blogger hiển thị ?m= 1 trong URL khi ai đó truy cập trang web từ thiết bị Di động. Nó trông hơi kỳ lạ và hầu hết người dùng không thích điều này.

Cách tạo sitemap cho blogspot - Sơ đồ blog danh sách bài viết

By Trần Tứ Liêm on Thứ Năm, 15 tháng 9, 2022

Một trong những giới hạn của một trang blog được làm từ blogspot đó là nó không có sẵn sitemap cho người dùng sử dụng. Tuy nhiên, qua bài viết này , mình sẽ chia sẻ cho các bạn một cách tạo site map không kém bất kì một trang web chuyên nghiệp nào.

Cách tạo sitemap cho blogspot


Sửa lỗi lệch ảnh Blogspot - Hình ảnh bài viết blogspot bị lệch

By Trần Tứ Liêm on Thứ Hai, 29 tháng 8, 2022

Hình ảnh blogsot trong bài viết khi chèn vào bị lệch, nguyên nhân là gì? Vì sao? Cách khắc phục thế nào? Mời bạn xem hướng dẫn sửa lỗi này. Nó rất đơn, giúp blog của bạn dẹp hơn.

PHẦN 1: NGUYÊN NHÂN LỆCH ẢNH BLOGSPOT

Lỗi lệch ảnh blogspot
Hình minh họa ảnh bị lệch qua 1 bên (khoảng cách A>B)

TẠO MENU NHIỀU CẤP BLOGSPOT ĐẸP (Định dạng Mobi và Desktop)

By Trần Tứ Liêm on Thứ Năm, 11 tháng 6, 2020

Gần đây CNTT đã có chia sẻ các bạn bài viết Hướng dẫn tạo Menu thả xuống (Menu Dropdown) nhiều cấp dạng Responsive với CSS3 và tiếp theo về thủ thuật tạo menu dạng Responsive, hôm nay mình chia sẻ thêm một Style menu dropdown nhiều cấp đẹp mắt để các bạn tham khảo.


Menu hiển thị trên desktop khi sổ ngang qua phải

HƯỚNG DẪN CHÈN TỰ ĐỘNG TỪ KHÓA VÀO BÀI VIẾT BLOGSPOT

By Trần Tứ Liêm on

Chèn từ khóa tự động trong bài viết Blogspot là một phần rất hay và bổ ích. Đặc biệt rất tốt cho SEO. TTL Blog sẽ hướng dẫn bạn thiết lập blog để có các từ khóa tự động nhé!
CHÈN TỪ KHÓA TỰ ĐỘNG VÀO BÀI VIẾT BLOGSPOT GIÚP TĂNG BACKLINK NỘI BỘ
Chèn từ khóa tự động vào bài viết trong blogspot giúp tăng backlink nội bộ, tăng tính SEO rất tốt!

Chèn từ khóa tự động là gì?


Mình sẽ lấy ví dụ cho bạn thật dễ hiểu: bất kì bài viết nào trên blog của mình có từ khóa "TTL BLOG" thì từ khóa đó sẽ được liên kết về trang chủ của mình. Bạn hiểu chứ?

TỔNG HỢP BÀI ĐĂNG TRÊN BLOG TRANTULIEM.BLOGSPOT.COM

By Trần Tứ Liêm on Thứ Bảy, 11 tháng 4, 2020

Mình thích viết Blog, tìm hiểu Tử Vi, Phong Thủy, Kiến Trúc, nghiên cứu Lịch vạn niên, đọc sách tùm lum, hay chia sẽ kiến thức.

QUẢNG CÁO

đặc sản

BẢN ĐỒ BLOG

Xem tử vi 2024

xem tử vi năm 2024

Xem nhiều nhất

Bài viết mới nhất

Bài viết theo thời gian

SƠ ĐỒ BLOG

Bài Nỗi Bật

Tin mới nhất - VnExpress RSS

Blog Bi Bon

Bách Cát Shop

Kho Hàng Giá Sỉ

Dịch Vụ Sửa Nhà

Thảo Mộc Thái Phong

Đặc Sản Shop

Shop Bi Bon

Tổng số lượt xem trang