Thủ Thuật Blogspot Hay - Mẹo Chỉnh Sửa Giao Diện Blog Siêu Đẹp

Một số thủ thuật chỉnh sửa giao diện blogspot đẹp mắt để giúp những người đang mới tìm hiểu về Blogger nhưng lại không phải dân chuyên về Code. Những mẹo chỉnh sửa blog này sẽ hướng dẫn các bạn cách chúng ta tự chỉnh code theo ý mình ở những tác vụ cơ bản nhất.

1.CÁCH XÓA BỎ DÒNG CHỮ "CUNG CẤP BỞI BLOGGER"


Dòng chữ 'Cung cấp bởi Blogger' (Powered by Blogger) chính là Attribution widget - một tiện ích được tích hợp sẵn trong blogspot mà khi vào phần bố cục (layout) cũng không xóa được.

thu thuat blogspot hay
Hướng dẫn xóa hỏ dòng chữ cung cấp bời blogger (Ảnh minh họa 1)

Để xóa được ta sẽ làm theo cách sau. Đăng nhập Blog > Vào Mẫu > Chỉnh sửa HTML > Ấn Ctrl F tìm chữ 'Attribution'

Tiếp theo để ý dòng
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Thay từ true thành false rồi lưu mẫu lại.

Cuối cùng vào phần Bố cục, mở tiện ích [Định cấu hình Thuộc tính] Cung cấp bởi blogger . Lúc này ta sẽ thấy đã có thêm chữ Xóa bỏ, ấn Xóa bỏ và lưu lại là xong.

huong dan xoa bo dong chu cung cap boi blogger
Hướng dẫn xóa bỏ dòng chữ cung cấp bởi blogger (Ảnh minh họa 2)
Chúc các bạn thành công.

2. CÁCH XÓA BỎ THANH ĐIỀU HƯỚNG TRÊN CÙNG TRONG BLOGSPOT


Bước 1: Đăng nhập blog -> vào phần bố cục

Bước 2: Vào phần Thanh điều hướng, nhấn chỉnh sửa:


Một cửa sổ mới mở ra, bạn tiến hành bước 3 - cũng là bước cuối cùng, chọn Tắt rồi nhấn Lưu:


Chúc các bạn thành công. 

3. CHỈNH SỬA ẢNH BLOG KHI BỊ VNPT CHẶN

CHÚ Ý : Chỉ áp dụng cho Custom Domain

CÁCH 1: THÊM JQUERY ♥

- Vào Mẫu > Chỉnh sửa HTML
- Tìm đến thẻ </body>
- Thêm đoạn code sau và trước nó:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type='text/javascript'>
//<![CDATA[
$("body img").each(function () {$(this).attr("src", $(this).attr("src").replace(/\/[0-9]+(\.bp\.blogspot)?/, "/lh4.googleusercontent")) });
//]]>
</script>
- Bạn có thể thay lh4.googleusercontent bằng lh4.ggpht nếu muốn
- Nếu template đã có thư viện jquery thì các bạn có thể bỏ đoạn script đầu đi
- Lưu mẫu và quaylại trang blog để kiểm tra link ảnh nhé !

CÁCH 2: SỬ DỤNG JS ♥
- Vào Mẫu > Chỉnh sửa HTML
- Tìm đến thẻ </body>
- Thêm đoạn code sau và trước nó:
<script type='text/javascript'>
//<![CDATA[
var images = document.getElementsByTagName("img");
for(var i=0;i<images.length;i++) {
images[i].src = images[i].src.replace(/[0-9]+.bp.blogspot.com/,"lh4.googleusercontent.com");
}
//]]>
</script>

- Bạn có thể thay lh4.googleusercontent bằng lh4.ggpht nếu muốn.

 Hãy lưu đường dẫn bài viết, những thủ thuật blogger sẽ tiếp tục được cập nhật tại link bài viết này.