Thủ Thuật Blogspot

Đỗ Mạnh Hồng01/07/2021
0 109

Thủ Thuật Xoá Lỗi –> Cho Blogspot – Blogger

Gần đây các trang blogspot tự nhiên xuất hiện kí tự –> ở phần đầu hoặc phần cuối trang. Một số blogger đã biết và nhanh chóng fix được lỗi này, nhưng cũng có một số người không biết làm sao cho nó mất.

Mình có vào nhóm Blogspot Blogger Community và mọi người đã hướng dẫn cho mình cách fix kí tự không mong muốn kia nên mình share cho bạn nào chưa biết.

Cách xóa kí tự xuất hiện trên blogspot

Bước 1: Vào Blogger ➤ Chủ đề ➤ Chỉnh sửa HTML.

Bước 2: Hãy tìm các thẻ này và sửa nó về mặc định nhé.

<head> thành <head>

</head> thành </head>

<body> thành <body>

</body> thành </body>

Bước 3: Lưu Template lại và kiểm tra xem còn kí tự hay không nhé.

———————————–
Đỗ Mạnh Hồng01/07/2021
0 127

Khắc Phục Hình Ảnh Thumbnail Bị Mờ Trên Blogspot

Gần đây, tôi thấy một số người trên Facebook thắc về việc hình thu nhỏ hoặc hình ảnh trên trang chủ bị mờ khi đăng bằng phiên bản Blogger mới.

Nên mình đã kiếm được thủ thuật cách khắc phục hình ảnh trở về nét đẹp ban đầu của nó.

Ảnh Thumbnail bị mờ do JavaScript để gọi hình thu nhỏ trên trang chủ với mã dưới đây không còn hoạt động bình thường

JavaScript

<script type=”text/javascript”>
//<![CDATA[
function (e,t){var n=400;var r=280;image_tag='<img width=”‘+n+'” height=”‘+r+'” src=”‘+e.replace(“/s72-c/”,”/w”+n+”-h”+r+”-c/”)+'” alt=”‘+t.replace(/”/g,””)+'” title=”‘+t.replace(/”/g,””)+'”/>’;if(t!=””)return image_tag;else return””}
//]]>
</script>

Trong HTML, mã gọi có dạng như sau

<a expr:href=”https://www.nguyenlamblog.xyz/2020/09/data:post.url” expr:title=”data:post.title”><script type=”text/javascript”>
document.write("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script></a>

Cách Khắc Phục Hình Ảnh Thumbnail Bị Mờ Trên Blogspot

Vào Blogger ➤ Chủ đề ➤ Chỉnh sửa HTML.

Bây giờ, thay thế mã HTML gọi hình thu nhỏ bằng mã bên dưới, bạn có thể tìm thấy mã này ở bất kỳ đâu trong

<div class=”post hentry”>

Code:

<b:includable id=’postthumbnail’ var=”post”>
<div class=”img-thumbnail”>
<b:if cond=’data:post.firstImageUrl’>
<a expr:href=”https://www.nguyenlamblog.xyz/2020/09/data:post.url”><img class=”lazyload” expr:alt=”data:post.title” expr:data-src=”resizeImage(data:post.firstImageUrl, 420, "300:200")” expr:title=”data:post.title”/>
</a>
<b:elseif cond=’data:post.thumbnailUrl’/>
<a expr:href=”https://www.nguyenlamblog.xyz/2020/09/data:post.url”><img class=”lazyload” expr:alt=”data:post.title” expr:data-src=”resizeImage(data:post.thumbnailUrl, 420, "300:200")” expr:title=”data:post.title”/>
</a>
<b:else/>
<a expr:href=”https://www.nguyenlamblog.xyz/2020/09/data:post.url”><img class=”lazyload” data-src=”https://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w420-h280-c/no-image.png” expr:alt=”data:post.title” expr:title=”data:post.title”/>
</a>
</b:if>
</div>
</b:includable>

Lưu ý: Nếu bạn không thể tìm thấy người gọi hình thu nhỏ, hãy dán mã vào bất kỳ đâu bên dưới

<div class=”post hentry”>

Nhấn Save để lưu.

Tham khảo từ gistablog

———————————–
Đỗ Mạnh Hồng01/07/2021
0 99

Hướng Dẫn Chống Copy Bài Viết Trên Blogspot Bằng CSS

Hôm nay mình sẽ chia sẻ cho các bạn một bài hướng dẫn về Cách Chống Copy Bài Viết Trên Blogspot Bằng CSS. Phương pháp này rất rất hữu ích cho các blogger mới làm quen.

Việc bị copy sẽ khiến bài viết của bạn bị tụt hạng trong các công cụ tìm kiếm, ví dụ lúc đầu có thể bạn sẽ được xếp hạng 1 nhưng nếu có nhiều người ăn cắp bài viết của bạn thì rất có thể bạn sẽ bị tụt hạng sấp lặt luôn và ảnh hưởng đến rất nhiều đến khách truy cập bị giảm.

Cách Chống Copy Bài Viết Trên Blogspot Bằng CSS (2 cách)

Cách thứ nhất:

Bước 1: Blogger ➤ Chủ đề ➤ Chỉnh sửa HTML.

Bước 2: Tìm đến thẻ ]]></b:skin> và dán CSS dưới vào trên thẻ ]]></b:skin>

/* Block Copy TLTeam */
body{display:block;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;unselectable:on;}

Cách thứ hai:

Bước 1: Blogger ➤ Chủ đề ➤ Chỉnh sửa HTML.

Bước 2: Tìm đến thẻ </head> hoặc </head> và dán CSS dưới vào phía trên thẻ.

<!– Block Copy TLTeam –>
<style type=”text/css”>
body{display:block;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;unselectable:on;}
</style>

Sau khi thêm xong đoạn css ở trên, các bạn lưu mẫu và vào blog của bạn sao chép văn bản xem có được hay không.

Lưu ý: Văn bản trong hộp pre, code và KBD vẫn có thể sao chép như bình thường.

———————————–
Đỗ Mạnh Hồng01/07/2021
0 118

Tạo Trang Báo Lỗi 404 Đẹp Và Đơn Giản

Trong bài viết này, mình sẽ hướng dẫn cách tạo trang lỗi 404 đẹp và đơn giản trên blogspot.

Bạn có thể xem demo bên dưới:

Demo

Cách tạo trang báo lỗi 404:

Bước 1: Vào Blogger ➤ Chủ đề ➤ Chỉnh sửa HTML.

Bước 2: Bạn hãy chèn mã HTML này vào nơi bạn muốn nó được hiển thị. Nhưng cũng không phải dán bừa đâu, hải ở trong thẻ điều kiện <b:if cond=’data:view.isError’>

<div class=”error__content”>
<div class=”error__text”>
Quay xe đi bạn, hết đường rùi!
</div>
</div>

Bước 3: Các bạn chèn mã CSS này vào thẻ đóng </head> hoặc ]]></b:skin>

.error__content {
background-image: url(https://static.wikia.nocookie.net/qube-assets/f2/3962/images/404/404-page-theme-3.svg)
background-position: center 10px;
background-repeat: no-repeat;
background-size: 150%;
background-color: #ee1a41;
color: #0e191a;
min-height: 70vw;
position: relative;
text-align: center;
}
.error__text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 20px;
font-weight: 500;
margin: auto!important;
padding-top: 44vw;
width: 60vw;
}
@media only screen and (max-width: 1023px) and (min-width: 768px)
.error__text {
width: 732px;
}
@media only screen and (min-width: 768px)
.error__text {
margin: 0 auto;
}

Sau đó bấm Save để lưu lại. Đơn giản và nhanh gọn như cách nyc bỏ bạn.

quangsangit

———————————–
Đỗ Mạnh Hồng01/07/2021
0 71

Tiện Ích Bình Luận Gần Đây Đơn Giản Cho Blogspot
Bạn đang tìm một tiện ích đơn giản có thể hiển thị các bình luận gần đây cho trang blogspot? Ồ, bạn tìm đúng chỗ rồi đấy.

Tiện ích này cho những ai yêu thích các thiết kế đơn giản mà không có bất kỳ hình đại diện hoặc thẻ ngày giờ nào. Điều này hoạt động tốt nhất trong bất kỳ blog nào và không cần phải chạm vào bất kỳ mã nào để tùy chỉnh nó.

Demo

Các tính năng tùy chỉnh:
- sl_nhanxet = 6, // Thay 6 theo ý bạn
- kt_nhanxet = 50; // Thay 50 theo ý bạn
Cách Tiện Ích Bình Luận Gần Đây Đơn Giản Cho Blogspot

Bước 1: Vào Blogger ➼ Bố cục ➼ Thêm Tiện ích ➼ HTML/JavaScript.

Bước 2: Copy đoạn Script dưới và dán vào phần nội dung, đặt tên và lưu lại nhé.

<style>
.nxmoi{color: #ccc;}
.nxmoi li{margin:0;padding:10px;border-left: 2px solid #ff4040;}
.nxmoi li:before {content:””;width: 12px;height: 12px;display: block;border: 3px solid #09f;border-radius: 50%;float:left;left:15px;position: absolute;background:#fff;}
.nxmoi li:hover:before{background:#F48FB1}
.nxmoi span a{color:#09f;font-weight:600;transition: color .3s;}
.nxmoi span a:hover{color:#ccc;transition: color .3s;}
.nxmoi span {color:#aaa}
</style>
<script>//<![CDATA[
var sl_nhanxet = 6,
kt_nhanxet = 50;
// Recent Comment
function nhanxetmoi(json) {
var entry, commurl, commsum;
document.write(‘<ul class=”nxmoi”>’);
for (var i = 0; i < sl_nhanxet; i++) {
entry = json.feed.entry[i];
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == ‘alternate’) {
commurl = entry.link[k].href;
break;
}
}
commsum = (“content” in entry) ? entry.content.$t : (“summary” in entry) ? entry.summary.$t : “”;
commsum = commsum.replace(/<.*?>/g, “”);
if (commsum.length > kt_nhanxet) commsum = commsum.substring(0, kt_nhanxet) + “…”;
document.write(‘<li><span><a href=”‘ + commurl + ‘” rel=”nofollow”>’ + entry.author[0].name.$t + ‘:</a></span> <span>’ + commsum + ‘</span></li>’);
}
document.write(‘</ul>’);
}
//]]></script>
<script src=”https://www.nguyenlamblog.xyz/feeds/comments/summary?alt=json-in-script&callback=nhanxetmoi”></script>

Chỉ cần một vài thao tác là bạn có ngay cho mình phần Recent Comment cực đẹp rồi nhé.

Script bởi toilaquantri

———————————–
Đỗ Mạnh Hồng01/07/2021
0 130

Tăng Tốc Blog Bằng Cách Xóa JavaScript Mặc Định Trên Blogspot

Một số người không nhận ra rằng tập lệnh này có thể làm chậm quá trình tải blog của bạn. Trên thực tế phương pháp này không xóa mà thay thế bằng một tập lệnh mới.

Một số người đã áp dụng một số hướng dẫn để loại bỏ tập lệnh blogger mặc định và làm cho trang web của họ nhanh hơn. Nhưng khi bình luận trên web, nút trả lời và xóa bình luận không hoạt động, đó là tác động của việc loại bỏ tập lệnh mặc định.

Vậy làm thế nào để bạn giải quyết vấn đề này để bạn có thể trả lời các nhận xét và có thể xóa chúng? Vui lòng xem kỹ hướng dẫn bên dưới.

Cách Tăng Tốc Độ Tải Blog Bằng Cách Xóa JavaScript Mặc Định

Bước 1: Vào Blogger ➤ Chủ đề ➤ Chỉnh sửa HTML.

Bước 2: Tìm các thẻ bên dưới

<head>

…

…

…

</head>

Bước 3: Thay thế thẻ <head> bằng mã bên dưới.

<head>

Bước 4: Thay thế thẻ </head> bằng mã bên dưới.

</head><!–<head/>–>

Bước tiếp theo là tìm đoạn mã dưới đây.

<body>

…

…

…

</body>

Bước 5: Thay thế mã <body> bằng mã bên dưới.

<!–<body>–><body>

Bước 6: Sau đó thay thế mã </body> bằng mã bên dưới.

<!–</body>–></body>

Bước 7: Nhúng đoạn JavaScript treen thẻ </body>

<b:if cond=’data:blog.pageType == "item"’>

<script src=”https://www.blogger.com/static/v1/widgets/1068551213-widgets.js” type=”text/javascript”/>

<script type=”text/javascript”> //<![CDATA[

_WidgetManager._Init(“//www.blogger.com/rearrange?blogID=XXXXXXXXXXXXXXXXXXX“,””,”XXXXXXXXXXXXXXXXXXX“),_WidgetManager._SetDataContext([{data:{dynamicViewsCommentsSrc:”//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js”}}]),_WidgetManager._RegisterWidget(“_BlogView”,new _WidgetInfo(“Blog1″,”page_body”,document.getElementById(“Blog1″),{useNgc:!0},”displayModeFull”));

//]]> </script>

</b:if>

thay thế XXXXXXXXXXXXXXXXXXXXX bằng các blog ID của bạn.

Cuối cùng lưu chủ đề

Để xem phương pháp này có hoạt động hay không, bạn hãy ấn Ctrl + U lên xem nhé. Nếu hiển thị màu xanh là ok nhé.

Tham khảo từ blogxhtml

———————————–
Đỗ Mạnh Hồng01/07/2021
0 133

Cách Tạo Hộp Tìm Kiếm Ajax Loader Cho Blogspot

Cách hoạt động của Hộp tìm kiếm trình tải Ajax

Khi nhập vào hộp tìm kiếm, kết quả từ tìm kiếm sẽ tự động xuất hiện, hãy nhấp vào tìm kiếm trên blog này và nhập bất kỳ truy vấn nào miễn là truy vấn giống với một trong các nội dung trên blog này nó sẽ xuất hiện kết quả ngay lập tức.

Cách Tạo Hộp Tìm Kiếm Ajax Loader

Bước 1: Vào Blogger ➤ Chủ đề ➤ Chỉnh sửa HTML.

Bước 2: Bạn hãy tìm đến thẻ </body> và dán đoạn JavaScript này vô trên nó.

<script src=”https://nguyenlamblog.github.io/js/search.js?live=true”/>

Bước 3: Lưu lại và vào blog bạn xem nó hoạt động không nhé.

Để hiển thị hình ảnh, bạn có thể thêm image=true như bên dưới.

<script src=”https://nguyenlamblog.github.io/js/search.js?live=true&image=true“/>

Hoặc sử dụng như sau.

<script src=”https://nguyenlamblog.github.io/js/search.js?live=true&image=w64-c”/>

Đó là cách tạo một bộ tải ajax cho hộp tìm kiếm tương tự như blog của mình và nó rất dễ thực hiện. Nếu gặp vấn đề gì hãy comment ngay bên dưới nhé.

———————————–
Đỗ Mạnh Hồng01/07/2021
0 149

Hướng Dẫn Tạo Hiệu Ứng Progress Bar Khi Cuộn Trang Cho Blogspot
Progress Bar Là Gì?

Bạn có nhận thấy một số trang web hiển thị thanh tiến trình ở đầu bài viết của họ không? Thanh nhỏ này cho người dùng biết còn bao nhiêu phần của bài viết để cuộn và khuyến khích họ tiếp tục đọc. Trong bài viết này, mình sẽ hướng dẫn bạn cách thêm thanh tiến trình đọc trong bài viết cho blogspot nhé.

Các đặc trưng:
- Không cần thêm JQuery
- Đoạn JavaScript rất ngắn gọn và không có file trỏ ra ngoài blogspot
- CSS cơ bản
- Đơn giản và nhanh chóng
- Hoạt đọng với mọi trình duyệt
Hướng dẫn tạo hiệu ứng progress bar khi cuộn cho Blogspot

1. Đăng nhập vào Blogger

2. Trên bảng điều khiển Blogger , Chọn Chủ đề ➟ Chỉnh sửa HTML

3. Tìm thẻ </body> và dán đoạn Script dưới vào trên nó

<script>

window.onscroll = function() {

myFunction()

};

function myFunction(){

var winScroll = document.body.scrollTop || document.documentElement.scrollTop;

var height = document.documentElement.scrollHeight – document.documentElement.clientHeight;

var scrolled = (winScroll / height) * 100;

document.getElementById(“myBar”).style.width = scrolled + “%”;

}

</script>

4. Tiếp theo, tìm đến thẻ ]]></b:skin> và dán đoạn CSS vào trên nó

/* Progress Bar TLTeam */

.progress-container{width:100%;position:fixed;z-index:99;top:0;left:0;}

.progress-bar{height:5px;background:#F86152;}

5. Tìm đến thẻ <body> hoặc <body và dán đoạn mã dưới vào dưới thẻ đó

<div class=”progress-container”>

<div class=”progress-bar” id=’myBar’ style=”width:0%;”></div>

</div>

Cuối cùng lưu lại và thử xem nhé.

Nếu gặp vấn đề gì hãy comment ngay bên dưới nhé.

———————————–
Đỗ Mạnh Hồng01/07/2021
0 127

Tạo Widget Đăng Ký Nhận Bài Viết Qua Email Cực Đẹp Cho Blogspot

Widget đăng ký nhận bài viết qua Email rất hữu ích cho blogspot của bạn, bởi vì khi người xem đăng ký email của họ vào tiện ích, họ sẽ nhận được tất cả các bài đăng vào hộp thư đến của họ.

Cách Tạo Widget Đăng Ký Nhận Bài Viết Qua Email

1. Đăng nhập vào Blogger

2. Trên bảng điều khiển Blogger , Chọn Chủ đề ➟ Chỉnh sửa HTML

Sau đó thêm đoạn mã dưới trước thẻ </head>

<style>

/* Widget FollowByEmail TLTeam */

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input,select,textarea{width:100%}#subscribe-box p{font-size:14px;color:#767676;margin:0 0 15px;padding:0;line-height:normal}#subscribe-box .emailfield{position:relative;margin:auto;z-index:1}#subscribe-box .emailfield input{background:rgba(255,255,255,.9);padding:13px 20px;color:#aaa;border:1px solid rgba(0,0,0,0.05);font-size:14px;margin-bottom:16px;border-radius:99em}#subscribe-box .emailfield input:focus{color:#222;outline:none;border-color:rgba(0,0,0,0.05);box-shadow:inset 0 0 0 3px rgba(0,0,0,0.05)}#subscribe-box .emailfield .submitbutton{display:block;position:relative;overflow:hidden;background:rgba(255,255,255,.25);color:#fff;width:100%;font-size:15px;font-weight:bold;border:0;margin:auto;box-shadow:0 2px 3px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.13);transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}#subscribe-box .emailfield .submitbutton:active,#subscribe-box .emailfield .submitbutton:hover{background:rgba(255,255,255,.35);color:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.1), 0 3px 4px rgba(0,0,0,0.13)}#subscribe-box .emailfield input:focus.submitbutton{color:#fff}#subscribe-box .emailfield form{position:relative}#subscribe-box .emailfield .submitbuttonlabel{position:absolute;top:3px;right:8px;display:inline;padding:8px 12.5px 8px 20px;cursor:pointer;font-size:13px}#subscribe-box .emailfield .submitbuttonlabel svg{fill:#767676;width:22px;height:22px;vertical-align:middle;transition:all .3s}#subscribe-box .emailfield .submitbuttonlabel svg:hover,#subscribe-box .emailfield .submitbuttonlabel svg:focus{fill:#568af5}#HTML98{position:relative;overflow:hidden;padding:20px;border:1px solid #fff}#HTML98:after{content:'';display:block;position:absolute;bottom:0;right:0;width:120px;height:120px;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-repeat:no-repeat;border-radius:120px 0 0;transition:opacity .3s;opacity:1}#HTML98:before{content:'';display:block;position:absolute;bottom:0;right:0;width:120px;height:120px;background-image:linear-gradient(230deg,#ff4169,#8b41f6);background-repeat:no-repeat;border-radius:120px 0 0;transition:opacity .3s;opacity:1}#HTML98:hover:after{opacity:0}#HTML98:hover:before{opacity:1}#HTML98 h2:after,#HTML98 h3:after,#subscribe-box .emailfield input[type=submit]{display:none}

</style>

3. Sau đó, vào Bố cục ➼ Thêm Tiện ích ➼ HTML/JavaScript.

Thêm đoạn mã dưới vào

<div id=’subscribe-box’>

<p>Get notifications from this blog</p>

<div class=”emailfield”>

<form action=’https://feedburner.google.com/fb/a/mailverify’ method=’post’ onsubmit=”window.open('https://feedburner.google.com/fb/a/mailverify?uri=NguynLmBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true” target=”popupwindow”>

<input required=’required’ type=”text” name=”email” onblur=”if (this.value == "") {this.value = "Email Address";}” onfocus=”if (this.value == "Email Address") {this.value = "";}” value=”Email Address”/>

<input class=”submitbutton” type=”submit” id=”email-submit” value=”Subscribe”/>

<label class=”submitbuttonlabel” for=”email-submit”>

<svg class=”icon” viewbox=”0 0 24 24″ xmlns=”https://www.w3.org/2000/svg”><g transform=”translate(2.000000, 3.000000)”><path d=”M14.1972579,8.17124146e-14 C17.3979916,0.00978563072 19.990286,2.62120148 20,5.84554455 L20,5.84554455 L20,7.30693069 L19.99354,7.4036631 C19.9466817,7.75161611 19.6506049,8.01980198 19.2923485,8.01980198 L19.2923485,8.01980198 L19.2835029,8.0019802 L19.1721336,7.99309967 C19.0257158,7.96959451 18.889286,7.90013647 18.7831177,7.79318503 C18.6504073,7.65949573 18.5758514,7.47817413 18.5758514,7.28910891 L18.5758514,7.28910891 L18.5758514,5.84554455 C18.5518871,3.41954659 16.6054921,1.45879454 14.1972579,1.43465347 L14.1972579,1.43465347 L5.80274215,1.43465347 C3.39450789,1.45879454 1.44811291,3.41954659 1.42414861,5.84554455 L1.42414861,5.84554455 L1.42414861,12.1544554 C1.44811291,14.5804534 3.39450789,16.5412055 5.80274215,16.5653465 L5.80274215,16.5653465 L14.1972579,16.5653465 C16.6054921,16.5412055 18.5518871,14.5804534 18.5758514,12.1544554 C18.6163388,11.7890822 18.922975,11.5127474 19.2879257,11.5127474 C19.6528764,11.5127474 19.9595126,11.7890822 20,12.1544554 C19.990286,15.3787985 17.3979916,17.9902144 14.1972579,18 L14.1972579,18 L5.80274215,18 C2.599996,17.995093 0.00487110525,15.3808258 -1.42108547e-14,12.1544554 L-1.42108547e-14,12.1544554 L-1.42108547e-14,5.84554455 C-1.42108547e-14,2.61713944 2.59797615,8.17124146e-14 5.80274215,8.17124146e-14 L5.80274215,8.17124146e-14 Z M4.29443312,5.38692655 C4.48070099,5.36682207 4.6671823,5.42289927 4.81203008,5.54257426 L4.81203008,5.54257426 L8.96948253,8.85742574 C9.48880627,9.2678976 10.2192875,9.2678976 10.7386112,8.85742574 L10.7386112,8.85742574 L14.8518355,5.54257426 L14.8606811,5.54257426 L14.9473987,5.48291804 C15.2462388,5.30808809 15.6344967,5.37260085 15.8602388,5.64950495 C15.9785304,5.79800076 16.0329385,5.98799536 16.0113373,6.17714498 C15.9897361,6.36629461 15.8939207,6.53887938 15.7452455,6.65643564 L15.7452455,6.65643564 L11.6320212,9.98019802 C10.5861526,10.8280382 9.09540423,10.8280382 8.0495356,9.98019802 L8.0495356,9.98019802 L3.92746572,6.65643564 L3.8513546,6.58355583 C3.61891283,6.32594359 3.59998262,5.92999594 3.821318,5.64950495 C3.93770999,5.50163353 4.10816526,5.40703103 4.29443312,5.38692655 Z”></path></g></svg>

</label>

<input name=”uri” type=”hidden” value=”NguynLmBlog“/>

<input name=”loc” type=”hidden” value=”en_US”/>

</form>

</div>

</div>

Ấn lưu lại.

Demo 1
Demo 2

Lưu ý: Thay thế tất cả các mã được đánh dấu bằng NguynLmBlog bằng ID feedburner của blog của bạn.

Bổ Sung

Xác định ID của Widget bạn vừa tạo bằng cách ấn chỉnh sửa và xem phần đuôi của URL widget đó (Của mình là HTML11)

Sau khi xác định được ID thì các bạn vào Chủ đề ➟ Chỉnh sửa HTML ➟ Chuyển đến tiện ích ➟ Chọn ID của tiện ích đó (Của mình là HTML11)

Thay đổi ID đó thành HTML98, ví dụ của mình là HTML11 ➟ HTML98

Lưu lại và xem kết quả nhé.

Nếu gặp vấn đề gì hãy comment ngay bên dưới nhé.

———————————–
Đỗ Mạnh Hồng01/07/2021
0 108

Hướng Dẫn Cách Tạo Sitemap Cho Blogspot

Làm thế nào để bạn tạo một sitemap phù hợp? Trước khi tạo sitemap cho blogspot, mình sẽ giải thích sitemap là gì.

Sơ đồ trang web là một tập hợp thông tin trên một trang web có chứa nhiều URL hoặc danh sách tất cả các liên kết / URL trên trang web của bạn. Bản thân sơ đồ trang web có chức năng như một bản đồ để các công cụ tìm kiếm nhanh chóng lập chỉ mục các url mới trên trang web của bạn.

Do Sơ đồ trang web này, các Công cụ tìm kiếm hoặc các công cụ tìm kiếm như Google, Bing và Yandex sẽ có thể dễ dàng tìm thấy mọi URL trên blog hoặc trang web của bạn, điều này sẽ ảnh hưởng đến việc nội dung có được lập chỉ mục trên các trang tìm kiếm hay không. Do đó Sơ đồ trang web rất quan trọng đối với việc tối ưu hóa SEO (Tối ưu hóa Công cụ Tìm kiếm).

Sau đây, Nguyễn Lâm Blog sẽ Hướng Dẫn Cách Tạo Sitemap Cho Blogspot để tăng tốc độ index trang web của bạn.

Demo

Hướng Dẫn Cách Tạo Sitemap Cho Blogspot

Đầu tiên, các bạn vào Blogger ➺ Trang ➺ Trang Mới và đặt tên là sitemap (Tùy các bạn)

Sau đó chuyển qua Chế độ xem HTML và dán đoạn mã sitemap dưới vào

<div class=”separator” style=”clear: both; text-align: center;”>

<a href=”https://i.imgur.com/uOJYkj4.jpg” style=”margin-left: 1em; margin-right: 1em;”><img alt=”Sitemap Nguyễn Lâm Blog” class=”lazyload” style=”border: none;” data-original-height=”444″ data-original-width=”1200″ src=”https://i.imgur.com/uOJYkj4.jpg” title=”Sitemap Nguyễn Lâm Blog” /></a></div>

<div id=”bp_toc”>

</div>

<script src=”https://nguyenlamblog.github.io/js/daftar-isi-simple.js” type=”text/javascript”></script> <script src=”/feeds/posts/summary?alt=json-in-script&max-results=99999&callback=loadtoc” type=”text/javascript”></script>

<style scoped=”” type=”text/css”>#comments,#Label1,#FollowByEmail1{display:none}#bp_toc{color:#000;margin:0 auto;max-height:686px;overflow:hidden;overflow-y:auto}span.toc-note{margin:0 auto 25px auto;text-align:center;line-height:normal;display:table;position:relative;overflow:hidden;font-size:14px;padding:10px 20px;background:#007bff;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-size:100%;color:#fff;border-radius:99em;font-weight:500;transition:all .3s}span.toc-note:hover{background-size:200%}.toc-header-col1{padding:10px;background-color:#f5f5f5;width:250px}.toc-header-col2{padding:10px;background-color:#f5f5f5;width:75px}.toc-header-col3{padding:10px;background-color:#fff;width:125px}#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:1px solid rgba(0,0,0,0.05);background:#fff}#bp_toc td.toc-header-col1{}#bp_toc td.toc-header-col2{}#bp_toc td.toc-header-col3{}.post td{background:transparent}#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:1px solid rgba(0,0,0,0.05)}#bp_toc td a{background:transparent;color:#222;float:none;border-radius:0;padding:0;font-size:100%;display:initial;box-shadow:none}#bp_toc td a:hover{color:#0984e3}.toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:13px;text-decoration:none;color:#aaa;font-weight:500;letter-spacing:0.5px}.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none}.toc-entry-col1,.toc-entry-col2,.toc-entry-col3{padding:10px 5px;font-size:90%}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{color:#000}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#3498db}#bp_toc table{width:100%;margin:0 auto;counter-reset:rowNumber}.toc-entry-col1{counter-increment:rowNumber}#bp_toc table tr td.toc-entry-col1:first-child::before{content:counter(rowNumber);display:inline-block;min-width:38px;margin-right:.7em;background:#fc5c65;color:#fff;border-radius:99em;font-weight:500;text-align:center;font-size:12px;padding:0;line-height:1.7}

#bp_toc td.toc-entry-col1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}

#bp_toc::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}#bp_toc::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}#bp_toc::-webkit-scrollbar-track{background-color:transparent}#bp_toc::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)}

@media screen and (max-width:768px) {

#bp_toc td.toc-entry-col1{white-space:normal;overflow:visible;text-overflow:initial;max-width:100%}#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3,#bp_toc table tr td.toc-entry-col1:first-child::before{display:none}}

</style>

Sau đó ấn Xuất bản để lưu sitemap

Hi vọng bài viết Hướng Dẫn Cách Tạo Sitemap Cho Blogspot hữu ích với bạn.

———————————–

Hướng Dẫn Cách Tạo Sitemap Cho Blogspot