Hướng dẫn sử dụng email để post bài lên blogger

Những lúc mình lười mà phải post bài cho các trăm cái blog thì mình sẽ sử dụng 1 cách mà không phải đăng nhập từng email để vào blog post bài đó là tình năng Mail-to-Blogger. Đây là tính năng mở của Blogspot để có thể gửi bài viết lên blog thông qua email. với cách này sẽ giúp bạn Post bài nhanh gọn chỉ cần biết cách quản lý sắp xếp một chút. Bài viết dưới này mình sẽ hướng dẫn bạn chỉ trên blogspot, trong wordpress vẫn có tính năng này nhưng hẹn bạn ở bài viết khác nhé.

Hướng dẫn sử dụng email để post bài lên blogger 


 Trong Settings ==> Email bạn tạo một địa chỉ Mail-to-Blogger để bạn gửi bài lên Blog qua mail đó.



Định dạng của địa chỉ mail là username.secretword@blogger.com. Các bạn lưu ý, địa chỉ này phải giữ Bí mật nếu không ai cũng có thể post bài lên Blog của bạn giống như bạn. Ở phần secretword bạn sửa lại tên bí mật bạn muốn đặt nhé.

Bạn cũng cần chú ý việc chọn Xuất bản ngay lập tức hay không, nếu không thì bài viết chỉ được lưu dưới dạng bản nháp, chỉ khi nào bạn đăng nhập vào Blog và xuất bản thì bài viết mới hiện lên Blog.

Sau khi bạn đã lưu Cài đặt của bạn, bạn có thế bắt tay vào việc post (gửi) bài từ email lên Blog của bạn. Chủ để của email sẽ là tiêu để bài viết trên Blog và nội dung của mail sẽ là nội dung của bài viết trên Blog. Nếu bài viết gồm cả hình ảnh thì bạn sẽ gửi chúng bằng file đính kèm trong email.

Ghi nhớ:

Đôi khi chương trình phần mềm email nối thêm văn bản phía dưới cùng của mỗi email, do vậy để chắc chắn những phần này không hiện trên Blog của bạn thêm đưa # end vào cuối bài viết của bạn.

Các bạn hãy thử và cảm nhận bài viết được post từ mail của mình xem sao, hãy cho mình biết ý kiến cảm nhận của bạn về vấn đề này.

Hướng dẫn tạo Popup chuyên nghiệp chèn vào Website

Popup là một cách quảng cáo hiệu quả trên các website tin tức - chia sẻ nhằm quảng cáo chương trình, sự kiện, bán hàng...
Bài viết này xin được hướng dẫn cách chèn popup vào chân trang website một cách chuyên nghiệp dành cho những bạn nào chưa biết. Công việc chèn này khá dễ nên hy vọng những bạn không biết quá nhiều về code cũng có thể chèn vào được.

Ảnh minh họa

Điều quan trọng đầu tiên trước khi thực hiện chèn popup vào website là bạn phải có quyền chỉnh sửa code trên website.
(Lưu ý: phần chữ tô đỏ trong phần code phía dưới sẽ là phần bạn có thể chỉnh sửa tùy theo ý mình)
Bước 1: Chèn code vào phần sau thẻ <head>
Bạn cần chèn đoạn code dưới đây vào sau thẻ <head> để quy định kiểu hiển thị của popup sẽ chèn. Cụ thể hơn cách chèn code:
- Với bạn nào sử dụng Blogspot: Truy cập quyền quản trị > Mẫu > Chỉnh sửa HTML trong giao diện code html đó bạn tìm đến thẻ đóng </head> và chèn đoạn code phía dưới vào trước thẻ đóng đó.
- Với website sử dụng mã nguồn Wordpress: Truy cập quyền quản trị > Giao diện (Appearance) > Sửa (Editor) > Tìm đến file header.php (bên tay phải) click vào để chỉnh sửa > Tìm đến thẻ đóng </head> và chèn code phía dưới vào trước thẻ đóng đó.
- Với website khác: Truy cập vào quyền quản trị > Tìm đến phần tùy chỉnh hoặc cài đặt website > Chỉnh sửa Header để thêm đoạn code phía dưới vào (hoặc chỉnh sửa trong file index để thêm đoạn code vào trước thể đóng </head>)
Code cần chèn vào:
<!-- Script Popup-->
<script type="text/javascript">
function hide_float_right() {
    var content = document.getElementById('float_content_right');
    var hide = document.getElementById('hide_float_right');
    if (content.style.display == "none")
    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt quảng cáo [X]</a>'; }
        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Xem quảng cáo...</a>';
 }
 }
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_right {border: 1px solid #01AEF0;}
#hide_float_right {text-align:right; font-size: 11px;}
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>

Bước 2: Chèn code hiển thị popup
Dưới đây chính là đoạn code hiển thị popup, bạn cần chèn nó trước thẻ đóng </body>. Cụ thể hơn cách chèn code:
- Với Blogspot: Vẫn tiếp tục ở giao diện chỉnh sửa html (bước 1) tìm đến thẻ đóng </body> và chèn đoạn code dưới đây trước thẻ đóng đó.
- Với web Wordpress (vẫn trong giao diện sửa code ở bước 1): Nếu bạn muốn hiển thị tất cả các trang (kể cả trang chủ) thì chọn sửa file footer.php và chèn đoạn code dưới đây trước thẻ đóng </body>. Còn nếu bạn muốn chỉ hiển thị popup ở các bài viết thì chọn sửa file single.php và chèn đoạn code dưới đây trước hàm gọi footer (kiểu như <?php get_footer(); ?> )
- Với web site khác: Đơn giản nhất là chèn toàn trang => vào chỉnh sửa file index và chèn đoạn code hiển thị popup vào trước thẻ đóng </body>
Code cần chèn vào:

<!-- Code hien thi -->
<div id="mobile-hide" class="float-ck" style="right: 0px" >
<div id="hide_float_right">
<a href="javascript:hide_float_right()">Tắt [X]</a></div>
<div id="float_content_right">
<!-- Start quang cao: phần này sẽ hiển thị nội dung của quảng cáo có thể chèn ảnh hoặc video hay flash tùy bạn -->
<!-- End quang cao -->
</div>
</div>

Vậy là xong phần code để chèn quảng cáo. Bạn có thể tùy ý thêm ảnh hay đoạn text thế cho đoạn chữ đỏ ở code trên ( <!-- Start quang cao: phần này sẽ hiển thị nội dung của quảng cáo có thể chèn ảnh hoặc video hay flash tùy bạn -->)
Ví dụ: bạn muốn chèn 1 bức ảnh (link ảnh ví dụ: http://abc.com/anh.jpg) và khi người dùng click vào ảnh thì chuyển sang website đích (ví dụ website đích là http://xyz.net) thì bạn chèn đoạn code:

<a href="http://xyz.net" target="_blank"><img src="http://abc.com/anh.jpg"/></a>
OK nhé! Cảm ơn các bạn đã ghé qua website tự học SEO của Hà và hy vọng kiến thức chia sẻ tại đây bổ ích với bạn.

Hướng dẫn xóa Created By Sora Templates theme Blogspot

Bài viết hôm nay sẽ hướng dẫn các bạn cách xóa chữ bản quyền Created By Sora Templates and My Blogger Themes trong theme của Sora Templates. Ngoài ra bạn có thể áp dụng cho một số themes khác nữa.

Nhưng lưu ý: Thường thì chúng ta hay tải hàng Free nên có giá của nó là bạn phải để bản quyền của tác giả ở Footer mình khuyên bạn nên tôn trọng quyền tác giả nhé. Bài viết này mình chỉ lưu trữ những cách chỉnh sửa blogger mà trong quá trình làm blog mình gặp phải

Hiện nay có rất nhiều Team chuyên viết Theme cho Blogspot rất đẹp như: Templateism, soratemplate, way2theme... quan trọng là bạn chọn ra được theme mình thích tương thích cho thiết bị di động hiện nay Google đang chú trong đến SEO Mobile nên bạn cần cân nhắc trước khi chọn theme tương thích với điện thoại.

Hướng dẫn xóa Created By Sora Templates

Bạn đang sử dụng theme của Sora Templates cho Blogspot của bạn và bạn muốn xóa dòng chữ Created By Sora Templates and My Blogger Themes ở Footer.

Đầu tiên, hãy đi đến phần chỉnh sửa HTML của Blogger nhé.Sau đó các bạn hãy nhấn tổ hợp phím Ctrl+F và tìm với từ khóa:"CDATA". Bạn có thể dễ dàng tìm thấy dòng code được mã hóa như sau: 
Mã Hex Created By Sora Templates 

Nhìn có vẽ choáng và không hiểu phải không bởi vì các đoạn code đã được mã hóa Hex nên bạn sẽ không hiểu được ý nghĩa của nó là gì. Không sao, tiếp theo các bạn truy cập trang web sau đây: http://ddecode.com/hexdecoder/. Tiếp theo, copy toàn bộ đoạn mã Hex đó vào và chọn Decode. Sau đây là kết quả của việc decode. 
Bạn có thể nhìn thấy dòng chữ màu đỏ được tô đậm không?  Bây giờ bạn có thể nhìn thấy Code rỏ rồi nhé, đừng vội sữa Code ở đây mà nên đọc tiếp tục, tiếp theo bạn Copy chữ soratemplate và Pass vào đây: http://www.convertstring.com/vi/EncodeDecode/HexEncode  sau đó bấm Hex encode. Hệ thống sẽ trả về đoạn mã 736F726174656D706C617465 bạn cần thêm "\x" vào giữa 2 ký tự sẽ thành  \x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65 

Bây giờ bạn coppy đoạn code trên và tìm sẽ hiện ra đoạn code Hex mã hóa công việc tiếp theo bạn cần quay lại đây để nhập tên Web của bạn vào và bấm Hex và lại ra một đoạn mã Hex bạn lại thêm "\x" vào như trên và thay đoạn mã Hex mới của bạn cho đoạn mã: \x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65 

Cứ tương tự như vậy bạn sẽ tìm lần lượt từng từ trong chữa Created By Sora Templates và mã hóa giải mã rồi chọn từ thay thê rồi thay mã cũ thành mã mới. Lưu ý: Những từ thay thế không hổ trợ Tiếng Việt nên bạn chọn tiếng Việt không dấu nhé. Chúc bạn thành công!

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.

Chỉnh Sửa Thanh Menu Trong Blogspot

Ngocha89.blogspot.com - Sau khi bạn tạo và tối ưu blog của mình, hoặc bạn mới vừa thay đổi Template cho Blog thì việc thay đổi các thành phần trong thanh Menu thường gây khó khăn cho các bạn không thành thạo về Code hoặc HTML. Có nhiều bạn tải teamplate lên rồi nhưng lại không biết làm sao để chỉnh sửa thanh menu theo ý mình. Bài viết dưới đây sẽ hướng dẫn bạn cách và chỉnh sửa thanh menu trong blogspot để bạn có thể thiết kế thanh menu theo ý muốn của mình nhé.

CÁCH CHỈNH SỬA THANH MENU TRONG BLOGSPOT


Chinh sua thanh menu trong blogspot

Một số teamplate sau khi up lên sẽ có thanh menu cho mình tùy chỉnh, tuy nhiên có một số teamplate lại không có phần menu mà buộc mình phải code thêm vào. Nên các bạn không rành về code chú ý khi tìm teamplate hãy chọn teamplate có thanh menu. Còn nếu bạn lỡ chọn teamplate không có thanh menu cũng không sao mình sẽ hướng dẫn bạn chèn thêm code để tạo thanh menu ở bài viết khác ^^

Sau khi thay đổi Template trên web của mình thì thanh menu sẽ không như mình mong muốn. Để chỉnh sửa thanh menu theo ý mình bạn cần chỉnh sửa trong mẫu.

Bước 1: Vào Mẫu -> Chỉnh sửa HTML

Bước 2: Nhấp chuột vào phần chứa Code và nhấn tổ hợp phím Ctrl + F 

Sau đó điền tên menu hiện có trên website của bạn để tìm đến vị trí mình chỉnh sửa. Ví dụ trên website của mình hiện có các menu: Home, Blogger, Kiến thức SEO, Khóa học SEO,... mình muốn thay đổi Menu "Khóa Học SEO" thành tên sản phẩm hay dịch vụ khác của mình, Mình sẽ gõ chữ "Khóa Học SEO " trong ô tìm kiếm CTRL + F và nhấn phím Enter tìm đến dòng chữ màu đen và sửa " Khóa Học SEO " thành tên dịch vụ khác mình muốn. Tương tự như vậy cho các menu khác (home, blogger, kiến thức SEO, kiếm tiền youtube,...) 

chinh sua thanh menu trong blogspot

Bước 3: Thêm các Sub menu (menu con) cho blogspot

Sau khi tìm thấy được vị trí của các thành phần trên thanh Menu, bạn chỉ cần thay thế các chữ màu đen thành tên các sản phẩm dịch vụ bạn muốn. Ngoài ra nếu trong 1 danh mục sản phẩm dịch vụ bạn có nhiều danh mục con có thể tạo sub menu. Để tạo sub menu bạn chỉnh sửa phần nội dung trong thẻ <ul></ul> . Ví dụ bạn muốn trong mục menu Kiến thức SEO có thêm các mục con như Nghiên cứu từ khóa, onpage, offpage, công cụ SEO. Chú ý Bạn chỉ được phép chỉnh sửa những chỗ có dòng chữ màu đen thôi nhé. 

SỬ DỤNG MÃ HADGM ĐỂ GIẢM GIÁ 20% CHO MỌI KHÓA HỌC TẠI DGM

Đó là thay đổi theo cấu trúc có sẵn của Template nhưng nếu bạn muốn thêm một thành phần mới trên thanh Menu thì phải làm như thế nào? Đơn giản thôi chỉ cần làm theo 2 bước sau:

Bước 1: Copy đoạn code dưới đây


<li><a href='#>Khóa Học SEO</a></li>

Bước 2: Dán đoạn code trên vào ngay sau thành phần bạn muốn thêm mới.

Nếu bạn muốn thêm 1 danh mục trên thanh menu chính thì coppy đoạn code trên và dán ngay sau danh mục bạn muốn thêm. Ví dụ nếu bạn muôn thêm mới sau menu khóa học SEO thì coppy đoạn coade và dán sau đoạn code của khóa học SEO


<li><a href='#>Khóa Học SEO</a></li>
<li><a href='#>Muốn thêm menu này</a></li>

Nếu bạn muốn thêm các Sub Menu hay còn gọi là các mục con trên Menu sổ xuống. Bạn cũng coppy đoạn code trên nhưng chú ý dán sau danh mục bạn muốn thêm trong Sub Menu (Sub menu thường nằm giữa hai thẻ <ul></ul>)

chinh sua thanh menu trong blogspot

Rất dễ dàng bạn có thể tạo ra một mục mới trên thanh Menu mà chẳng cần phải tinh thông về Code, tuy nhiên nếu có điều kiện và thời gian thì bạn cũng nên tìm hiểu thêm về HTML và CSS cơ bản vì nó thực sự cần thiết.

Nếu bạn chỉ muốn thay thế bằng những cái có sẵn trong Template thì đọc tới đây bạn có thể làm được rồi và nên dừng lại đừng đọc nữa cho nhức đầu. Tuy nhiên để hiểu hơn và có thể tự mình tạo được các Sub Menu theo ý muốn ở mọi vị trí thì bạn cần hiểu các đoạn Code sâu thêm nữa như:

Đọan Code hiển thị mục Menu chính ở đây là Blogger có dạng:


<li><a href='#' >Blogger</a></li>

Đoạn Code của một Sub Menu Kiến thức SEO sẽ có dạng:

<ul class='Sub-menus'>
    <li><a href='#'>Nghiên Cứu Từ Khóa</a></li>
    <li><a href='#'>Onpage</a></li>
</ul>

Thẻ class sẽ do tùy themes mà nó có các tên khác nhau. Có themes là class='Sub-menus' có themes là class='children' ...do đó nếu bạn có thêm subdomain cần chú ý xem subdomain teamplate sẵn có là gì rồi coppy thêm. Nếu ko có thì phải thêm 1 đoạn code để gọi thẻ class đó.

Với những bước đơn giản này bạn đã có thể chỉnh sửa thanh Menu trong Blogspot dễ dàng mà không cần biết gì nhiều về Code. Sau khi chỉnh sửa thanh menu bạn sẽ tiếp tục đưa các bài viết vào các danh mục trên thanh menu. Để làm được điều này bạn có thể tham khảo bài viết: Hướng dẫn sử dụng thẻ label (nhãn) trong blogspot

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

Cách Gắn Like Fanpage Facebook Lên Blogspot

Chỉ một vài thao tác đơn giản bạn có thể gắn like fanpage facebook lên blogspot một cách nhanh chóng mà không cần biết về Code. Facebook đã cung cấp cho chúng ta ứng dụng để gắn Fanpage lên trang web.
Khi chèn Like Box vào Blog, bạn bè của bạn có thể xem nhanh nội dung trang Facebook của bạn và họ có thể kết nối để chia sẻ với bạn thông qua nút “Like” (thích) ngay phía trên hộp thoại.

LÀM THẾ NÀO ĐỂ GẮN LIKE FANPAGE FACEBOOK LÊN BLOGSPOT ?


Để tạo nút Like Box cho Blog, trước tiên bạn cần có một tài khoản trên Facebook và bạn cần tạo trang Facebook riêng .

Bước 1: Truy cập ứng dụng Developer của Facebook tại đây

Bước 2: Tại đây, bạn có thể tùy chỉnh 1 số thông tin trong Like Box như: 

- Show Friends' Faces: Ẩn/ Hiện hình ảnh thành viên like
- Hide Cover Photo: Ẩn/ Hiện cover của fanpage
- Show Page Posts: Ẩn/ Hiện bài post của fanpage


Bước 3: Lấy Code bằng cách nhấn vào nút Get code. 


Sau khi nhấn Get Code Facebook sẽ cung cấp cho bạn 2 đoạn mã như hình ảnh bên dưới.

cach gan like fanpage facebook len blogspot

Bước 4: Gắn Code Like Fanpage Facebook vào Bố cục

Bạn vào Bố Cục → Thêm tiện ích và chọn HTML/Javascript. Sau đó bạn chỉ cần dán đoạn code thứ hai vào phần Nội dung, đặt tên cho phần Tiêu đề và lưu lại là xong


Với 4 bước trên bạn đã có thể gắn Like Fanpage của Facebook lên Blogger hoặc website của mình mà không cần phải hiểu gì về Code, chỉ cần Cope và Paste thôi.

Nếu vẫn chưa gắn được like Fanpage lên Facebook thì cách đơn giản nhất là bạn coppy đoạn code dưới đây và thay URL (Màu đỏ) là URL Facebook của bạn và chữ màu xanh là tên Fanpage của bạn.

<div class="fb-page" data-href="https://www.facebook.com/HocTuDuyMarketingOnline/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/HocTuDuyMarketingOnline/"><a href="https://www.facebook.com/HocTuDuyMarketingOnline/">Học Marketing Online - Kiếm Tiền Online</a></blockquote></div></div>

Chúc các bạn thành công và đừng quên nhấn like ủng hộ blog tự học của mình nhé ^^
Xem thêm: 


Hướng dẫn sử dụng thẻ label (nhãn) trong blogspot

Có rất nhiều bạn sau khi xem xong hướng dẫn tạo blogspot chuẩn SEO của Hà có thể tạo được 1 blogspot và tùy chỉnh một số tính năng cơ bản trong blogspot. Nhưng nhiều bạn lại không biết làm sao để bài viết của mình vào đúng mục mình mong muốn trên thanh menu. Vì Vậy hôm nay Hà viết bài hướng dẫn sử dụng thẻ label (nhãn) trong blogspot hi vọng sẽ giúp bạn hiểu và tận dụng các thẻ label (nhãn) để chỉnh sửa blogspot của mình đẹp hơn và chuẩn SEO hơn.

>>> Tự học Làm SEO với Blogspot (P.1)

1. Cách Tạo Thẻ "Label" (Nhãn)
- Trong mỗi bài viết bạn nhìn sang bên phải - ngay dưới cột "Cài đặt bài đăng" có một biểu tượng màu đen và chữ "Label" (Nhãn)
- Bấm chuột vào chữ "Label" (Nhãn) sẽ có một khung nhỏ hiện ra, đây là nơi các bạn đặt tên cho "Label" (Nhãn) của bài viết đang thực hiện. Lưu ý đặt tên "Label" (Nhãn) cho bài viết phải trùng với tên menu, mục bạn muốn bài viết này xuất hiện.
VD: Hà muốn bài viết "Hướng dẫn sử dụng thẻ label (nhãn) trong blogspot" xuất hiện ở menu blogger hay kiến thức SEO thì bên "Label" (Nhãn) Hà thêm hai nhãn này vào như hình bên dưới.

huong dan su dung the label (nhan) trong blogspot
Cách tạo thẻ label (nhãn) trong blogspot (Ảnh minh họa)
- Sau khi đã đặt tên cho "Label" (Nhãn) của bài viết, bấm vào nút "Hoàn thành" để lưu lại. Bây giờ, một "Label" (Nhãn) đã hiển thị với dòng chữ màu xanh, bên dưới khung vừa đặt tên "Label" (Nhãn). Các bạn chỉ cần bấm "Xuất bản" là xong. 
- Nếu muốn tạo một "Label" (Nhãn) khác, thì viết một bài nữa và tiếp tục gắn (đặt tên) cho "Label" (Nhãn) mới - lặp lại thao tác như trên.
- Nếu viết một bài nữa và muốn đặt vào nhãn cũ thì chỉ việc bấm vào nhãn cũ đã tạo (hiển thị với chữ màu xanh ngay bên dưới khung đặt tên "Label" (Nhãn) rồi bấm "Hoàn thành" là bài viết sẽ được hệ thống tự động chuyển vào "Label" (Nhãn) đó. Chỉ cần bấm "Xuất bản" là được. (Thao tác tạo các "Label" (Nhãn) này có thể làm trước hoặc sau khi viết bài đều được).

2. Thay Tên Cho "Label" (Nhãn)
- Nếu muốn chuyển các bài viết từ nhãn này sang nhãn khác, chỉ cần vào "Chỉnh sửa bài viết" thay tên "Label" (Nhãn) bằng tên đã có hoặc tạo "Label" (Nhãn) mới và bấm "Hoàn thành" rồi bấm "Xuất bản" hoặc "Cập nhật" là xong.

3. Cách Lấy Link Cho "Label" (Nhãn)

Cách thứ nhất:
Tìm đến "Label" (Nhãn) đã được tạo ở bước 1. Có thể nó sẽ nằm bên dưới tiêu đề của bài viết hoặc cuối bài viêt hay ở mục label riêng tùy vào themes blogspot. Như themes blog của Hà thì mục nhãn nằm ở cuối bài. Bạn bấm chuột phải vào "Label" (Nhãn) cần lấy link và đặt con trỏ chuột vào dòng "Sao chép địa chỉ liên kết" (Copy link address), sau đó bấm chuột trái vào đó (dòng "Sao chép địa chỉ liên kết") để copy link.
cach lay link the label (nhan)
Cách lấy Link của label (Nhãn) trong blogpot (Ảnh minh họa)

Cách thứ hai: 
Bấm chuột trái vào "Label" (Nhãn) cần lấy link rồi bôi đen đường link trên thanh địa chỉ và copy đường link này.

huong dan su dung the label trong blogspot
Cách lấy Link của label (Nhãn) trong blogpot 2 (Ảnh minh họa)

4. Gắn Link "Label" (Nhãn) Lên Thanh Menu

- Vào mẫu => Chỉnh sửa HTML nhấn CTRL + F để tìm đến đoạn code tạo menu trong tempalte blog của các bạn.
- Dòng code trong menu để gắn link lên thường có dạng như sau:
<li><a href="LINK NHÃN 1">TÊN NHÃN 1</a></li> 
 - Các bạn chỉ cần thay thế đoạn tô màu đỏ trong đoạn code trên bằng link bạn vừa lấy được ở bước 3 là được. Sau đó thay đoạn tô màu xanh thành tên "nhãn" tương ứng bạn muốn - đây chính là nút bấm sẽ dẫn tới trang hiển thị các bài viết trong "nhãn"

VD: Menu "nhãn" Blogger của  Hà sau khi dán link sẽ có dạng như sau:
<li><a href="http://ngocha89.blogspot.com/search/label/Blogger">Blogger</a></li>

- Có một số link có các ký tự bằng tiếng Việt có dấu sẽ được tự mã hóa nên có thể sẽ xuất hiện thêm những ký tự lạ . VD: về "Nhãn" công cụ SEO trên blog của Hà có link thế này:
<li><a href="http://ngocha89.blogspot.com/search/label/C%C3%B4ng%20c%E1%BB%A5%20SEO">Công cụ SEO</a></li>

- Theo cách suy nghĩ của một người không chuyên về code như Hà thì Hà nhớ đơn giản về đường dẫn http://ngocha89.blogspot.com/search/label/Blogger nghĩa là tìm kiếm những bài viết có nhãn tên blogger và gom chúng lại trong menu blogger của Hà.
- Các bạn làm tương tự cho những menu còn lại nhé.
- Bước cuối cùng đừng quên bấm "Lưu mẫu" và xem kết quả.

Bài viết: Hướng dẫn sử dụng thẻ label (nhãn) trong blogspot hi vọng sẽ giúp được các bạn không biết nhiều về code vẫn sẽ tùy chỉnh và sở hữu được một website đẹp theo ý thích của mình. 
Nhớ bấm like nếu bài viết có ích cho bạn nhé ^^

Hướng dẫn cách gắn tên miền (domain) vào blogspot

Sau đây là bài viết hướng dẫn cách trỏ tên miền (domain) vào blogspot. Hướng dẫn cách gắn domain vào blogspot mà không mất đi thứ hạng của website


Bước 1: Đăng nhập blogspot của bạn

Bước 2: Vào phần cài đặt → Cơ bản → Thêm tên miền tùy chỉnh → Chuyển sang cài đặt nâng cao

Click vào thêm tên miền tùy chỉnh để trỏ tên miền riêng

huong dan cach gan ten mien vao blogspot

Bước 3:  điền tên miền cần trỏ (chú ý điền có cả www. mới được nhé) vào phần cài đặt nâng cao giống như ảnh dưới rồi nhấn lưu


huong dan cach gan ten mien vao blogspot

- Sau khi nhấn Lưu ta sẽ được hình như dưới rồi làm tiếp bước 4


huong dan cach tro ten mien ve blogspot

Bước 4: Đăng nhập vào trang quản trị tên miền mà khi mua tên miền bên bán tên miền đã cung cấp cho bạn và thực hiện các thao tác như hướng dẫn dưới ảnh dưới

huong dan cach tro ten mien ve blogspot


Nếu bạn mua domain của Tenten thì bạn đăng nhập vào trang quản trị của tên miền bạn đang sở hữu và thực hiện thêm 02 bản ghi như blogspots hướng dẫn để chứng minh quyền sở hữu tên miền.


huong dan cach tro ten mien ve blogspot


Nếu bạn mua tên miền của Godady bạn click vào đây: https://support.google.com/blogger/troubleshooter/1233381?rd=1 rồi chọn GoDaddy.com. Hoặc bạn tự vào trang quản trị tên miền trên GoDaddy bạn đang sở hữu.


huong dan cach tro ten mien ve blogspot


click vào tên miền của bạn sẽ ra bảng quản lý domain-> click vào DNS Zone file - edit

huong dan cach tro ten mien ve blogspot


Điền các thông số ở phần cần chú ý lúc nãy.

Bản ghi thứ nhất: 

- Tại mục Host: (đối với GoDaddy, với những hệ thống khác có thể là Name hoặc Label) bạn thêm giá trị: www 

- Tại mục Points to: (đối với GoDaddy, với những hệ thống khác có thể là Destination hoặc Target) bạn điền giá trị là: ghs.google.com 

Bản ghi thứ hai: 

- Tại mục Host: qrlhv7oknsox

- Tại mục Points to: gv-yhipcze3mn7cug.dv.googlehosted.com

Bạn xem hình bên dưới sẽ rõ những gì cần làm, khi sửa các thông tin bạn click trực tiếp vào, còn khi thêm bạn click vào Quick add. Sau đó nhấn Save --> Save zone



huong dan cach tro ten mien ve blogspot
Cách add thông số để trỏ tên miền về blogspot (Ảnh minh họa)


Bước tiếp theo, bạn chỉ việc vào blogspot và lưu domain của bạn là xong ,có thể bạn sẽ phải đợi cho DNS của domain được cập nhật. Lần tiếp theo, nếu bạn muốn tạo 1 blog khác nữa với tên miền tùy chỉnh là domain này, vd: blog.yourdomain.com , bạn chỉ cần add vào và không cần thêm: "Bản ghi thứ hai (xác minh thẩm quyền)" nữa.

Bước 5: Quay trở lại Blogspot rồi nhấn Lưu.Đợi khoảng 5 - 15 phút để hệ thống DNS cập nhật. Sau đó nhấn Lưu .Nếu đã xác thực được.

huong dan cach tro ten mien ve blogspot

** Một số bạn có thắc mắc làm thế nào để không cần gõ thêm giá trị: www ở phía trước mà vẫn có thể sử dụng được blogger. Bạn Quay trở lại bước cài đặt các bản ghi tên miền. Hãy thiết lập thêm các bản ghi như sau (Nếu đã thiết lập rồi thì bỏ qua bước này nhé):

huong dan cach tro ten mien ve blogspot

- Sau khi thiết lập các bản ghi này thành công. Việc cuối cùng là khai báo với blogger để hoàn tất quá trình cài đặt 

Trong phần cài đặt cơ bản tại blogger. Chọn "Chỉnh sửa" tên miền bạn cần thay đổi


huong dan cach tro ten mien ve blogspot

Và đánh dấu vào mục Chuyển hướng < tên miền > ... tới < tên miền > ...


huong dan cach tro ten mien ve blogspot


Bấm lưu lại thế là xong rồi bạn đã gắn tên miền (domain) vào blogspot rồi đấy. Chúc bạn tự học làm seo, tự gắn tên miền (domain) vào blogspot thành công nhé.

Sau bài : Hướng dẫn cách gắn tên miền (domain) vào blogspot nếu bạn nào có thắc mắc hoặc cần hỗ trợ thì comment bên dưới nhé. Mình sẽ giúp bạn trong khả năng có thể của mình.
♥ Nguyễn Thị Ngọc Hà♥ 

Cách sửa lỗi sai font chữ trong blogspot

Làm thế nào để tùy chỉnh phông chữ tiêu đề bài viết của bạn trong blogger? 
Sửa lỗi sai font chữ trong blogspot - Tự học làm SEO với blogspot

Cách tạo blogspot chuẩn SEO

Sau đây là tổng hợp các thủ thuật cần thiết để tạo blog chuẩn seo từ blogspot của google.

Blogspot là dịch vụ tạo blog miễn phí hàng đầu của Google. Chính vì là “con đẻ” của “gã khổng lồ” nên blogspot được thừa hưởng rất nhiều ưu đãi mà không có dịch vụ blog miễn phí nào có thể sánh bằng, blogspot đơn giản, dễ đăng ký, chỉnh sửa, giao diện tiếng việt thân thiệt, đẹp mắt, SEO tốt…

Hướng dẫn tạo sitemap cho blogspot

Blogspot có 2 dạng Sitemap, thứ nhất là loại sitemap dùng để submit lên Google Webmaster Tools (sitemap dành cho Googlebots), thứ hai là loại sitemap.html dành cho người dùng.

Để tạo sitemap cho Googlebots, bạn chỉ cần vào Google Webmaster Tools, tìm đến mục submit sitemap và làm theo hướng dẫn bên dưới và thêm đoạn mã sau vào ô text : 

atom.xml?redirect=false&start-index=1&max-results=500

1. Đăng nhập vào Google Webmaster Tools với tài khoản Google của bạn.
2. Tại tab bên trái bảng điều khiển => Tối ưu hóa (hoặc thu thập dữ liệu) => Sơ đồ trang web (Xem hình dưới) để cài site map.
3.Bấm nút Thêm/Kiểm tra sơ đồ trang web góc trái (nút màu đỏ)

huong dan tao sitemap cho blogspot