[Tips] – Làm sao để tạo trang với url đẹp cho blogspot

Chào các bạn đối với blogspot thì có những chi tiết rất nhỏ mà chúng ta làm được thì đem lại cái đẹp cho nó. Các bạn cũng biết đó đối với blogspot thường thì bị lỗi chữ một số chữ cái trong url, trong khi đăng bài viết mới thì chúng ta có thể chỉnh sửa được url, nhưng đối với trang của blogspot thì chúng ta không hề có nơi chỉnh sủa. Đây là một điều bất tiện của blogspot nhưng chúng ta có thể khắc phục được.

Cách tạo trang blogspot với url đẹp

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

Chọn blog nào mà bạn muốn tạo trang

tạo trang blogspot
đăng nhập blogger

2. Tạo trang và thiết lập url

Bên thành menu bên phải các bạn chọn Trang > Trang mới
thiết lập url trang với blogspot
tạo trang với url đẹp trong blogspot
Đến đây thì các bạn để ý đến title trang, ở đây thì các bạn đặt title với cú pháp như sau
Ví dụ : Các bạn muốn đặt tên là Đặt Hàng thì các bạn ghi title là dat-hang thì nó sẽ không bị lỗi.

3. Xuất bản trang và xem thành quả

xuất bản trang blogspot
xuất bản trang blogspot
Các bạn thấy đấy, không hề bị lỗi chữ trên url và bay giờ các bạn có thể chỉnh sửa trang đặt lại title và thêm nội dung trang là ok. Chúc các bạn thành công.

[Tips] – Like box đã thay thế bằng plugin like

Chắc không ai là không biết đến facebook like box, là tiện ích thêm vào website hay blogspot dành cho các tổ chức, cá nhân … Nhưng hiện nay không còn facebook like box nữa mà nay facebook đã update bản mới hơn của like box đó là plugin like khá chuyên nghiệp và đẹp mắt.

like box
plugin like facebook

Để thêm tiện ích này vào blogspot hay website thì các bạn làm tương tự facebook like box lúc trước hoặc có thể làm theo hướng dẫn bên dưới

Cách thêm plugin like vào blogspot hay website

Bước 1 : Truy cập vào địa chỉ
https://developers.facebook.com/docs/plugins/page-plugin

Bước 2 : Các bạn sẽ nhìn thấy như hình bên dưới

plugin like
thêm plugin like vào blogspot/website
Tới đây là các bạn chỉ cần 2 thao thác là xong
  • Thứ nhất là điền ID fanpage của bạn
  • Thứ 2 là getcode để lấy code mà add vào blogspot
  • Những mục còn lại là chỉnh kích thước nếu các bạn thích nhé

Bước 3 : Có được 2 đoạn code trên các bạn add vào một tiện ích bố cục trong blogsot hay có thể add vào templates blogspot, ở bất kỳ vị trí nào mà bạn muốn nó hiển thị.

[Tips] – Ẩn hiện một phần nội dung bài viết blogspot

Ẩn hiện một phần nội dung bài viết hay còn gọi là spoiler để ẩn hoặc hiện một phần nội dung bài viết là điều thường xuyên, không còn tình trạng đôi khi google index thay thế một đoạn code làm description cho blogspot của bạn làm bài viết của bạn tụt hạng ghê gớm.

spoiler blogger
Ẩn hiện một phần nội dung bài viết blogspot
DEMO

Trong bài viết này mình sẽ hướng dẫn các bạn cách để đưa tính năng spoiler vào trong cả blogger và wordpress.
Có hai cách để thêm spoiler vào blogger và wordrepss cực đơn giản mà không dùng đến bất cứ plugin nào.

1. Thêm spoiler vào blogger – wordpress bằng html.

Cách này cực kỳ đơn giản. Khi bạn đang soạn thảo bài viết chỉ cần bạn chuyển chế độ soạn thảo bài viết sang html và dán đoạn code dưới đây vào:

<div style=”margin: 5px 20px 20px;”><div class=”smallfont” style=”margin-bottom: 2px;”>
<b>Title of Spoiler</b>: <input onclick=”if (this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display != ”) { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ”; this.innerText = ”; this.value = ‘Ẩn’; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘Hiện’; }” style=”font-size: 11px; margin: 0px; padding: 0px; width: 55px;” type=”button” value=”Hiện” /></div>
<div class=”alt2″ style=”border: 1px inset; margin: 0px; padding: 6px;”>
<div style=”display: none;”>
Chèn bất cứ thứ gì mà bạn muốn nó ẩn ở đây kể cả hình ảnh, video bla bla
</div>
</div>
</div>

2. Thêm Spoiler vào Blogger – WordPress bằng CSS + HTML

Đối với Blogger các bạn đăng nhập vào khu quản lý, tìm đến Mẫu –> Chỉnh sửa HTML tìm đến thẻ ]]></b:skin> thêm vào bên trên:

.spoilerbutton {display:block;margin:5px 0;}
.spoiler {overflow:hidden;background: #f5f5f5;}
.spoiler > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.2s ease;}
.spoilerbutton[value=”Hiện”] + .spoiler > div {margin-top:-100%;}
.spoilerbutton[value=”Ẩn”] + .spoiler {padding:5px;}

Và khi viết bài bạn chuyển chế độ soạn thảo là HTML thêm đoạn code sau vào trong bài viết:<div>

<input class=”spoilerbutton” type=”button” value=”Hiện” onclick=”this.value=this.value==’Hiện’?’Ẩn’:’Hiện’;”><div class=”spoiler”><div>
Nội dung mà bạn muốn ẩn
</div></div></div

Đối với WordPress bạn chỉ cần thêm đoạn code CSS phía trên vào cuối cùng của file CSS sau đó khi viết bài cũng làm tương tự như đã làm với Blogger

Thay phần: Nội dung mà bạn muốn ẩn bằng hoặc chữ Ẩn, Hiện bằng những gì mà bạn muốn.

Trên đây là hai cách dễ nhất để thêm spoiler vào blogspot và wordpress để ẩn đi một phần nội dung bài viết. Phương pháp này được áp dụng cho các bài viết dài hoặc nhiều hình ảnh giúp người đọc đỡ phần scroll trang.

[Tips] – Tôi đã seo blogspot lên top 10 như thế nào

SEO blogspot lên top 10 là một điều mà tất cả chúng ta đều muốn cho blog của mình, kể cả seoer hay là những người mới chơi blog cũng vậy. Đối với các seoer thì họ đã có định hướng sẵn cho mình những công việc gì để đưa blog của họ lên top 10 nhanh nhất. Còn bạn là những người mới biết đến blogspot là bạn làm thế nào? Vậy bạn có muốn biết tôi đã làm gì để lên top 10 không?

Hướng dẫn cách seo blogspot lên top 10 google
Tôi đã seo blogspot lên top 10 như thế nào



Tôi là Đỗ Mạnh Hồng là một SEOer nghiệp dư, nghề nghiệp chính là một thợ cơ khí cho Công Ty Đỗ Hùng Phát, ngoài việc seo cho wordpress ta thì tôi đã bước chân vào blogspot trong vài tháng nay và thành quả tôi tôi là đã lên được top 10 với từ khóa SEO Blogspot.

Và dưới đây những bước tôi làm để đưa blog lên top 10

Bước 1 : Chọn một mẫu templates cho riêng mình, mình cũng xin nói là chẳng có templates blogspot nào là chuẩn seo cả, để có một templates blogspot chuẩn seo thì bạn cần chọn một templates blogspot đơn giản để nâng cao tốc độ load cho blogspot, các bạn mới làm seo nên chọn một mẫu dạng LangDing Page để tiện cho việc seo của bạn.

Templates blogspot dạng LangDing Page thích hợp cho SEO

Bước 2 : Sau khi đã có được một mẫu giao diện cho blogspot thì tôi đã làm những bước sau

+ Cài đặt khởi đầu cho templates blogspot
+ Nếu templates blogspot chưa có giao diện mobi thì có thể tích hợp Responsive cho blogspot
+ Tối ưu các thẻ heading cho blogspot (các thẻ h1 đến h6 cho trong blogspot) cho phù hợp
+ Đưa sitemap lên google webmaster tool (cách seo blogspot với google webmaster tool)
+ Nếu templates chưa có bài viết liên quan thì tạo thêm bài viết liên quan cho blogspot nhằm tăng lượt click cho blog của bạn.



Bước 3 : Bên trên là những bước khởi đầu mà bạn nên làm cho blogspot của bạn, và việc cuối cùng bạn chỉ cần viết bài hay, độc, lạ, điều này thì mình không thể giúp các bạn được. Mong các bạn sớm lên top 10 như mình.

[Tips] – Tôi đã làm gì với trang lỗi 404 error trong Blogspot

Cách tạo trang lỗi 404 error cho blogspot
404 error Blogspot

Trong Seo Blogspot thì việc gặp những trang lỗi 404 error cũng khiến blog hay website của bạn tụt hạng ghê gớm. Một phần cũng khiến độc giả của mình cụt hứng khi click vào link mà không có kết quả gì, việc đó khiến cho việc lần sau họ không bao giờ click vào blog của bạn nữa. Chính vì lý do đó hôm nay Đỗ Mạnh Hồng sẽ giúp cho các bạn tạo một trang báo lỗi 404 error cực kỳ chuyên nghiệp.

Cách để tạo trang lỗi 404 error như sau :

Bước 1 : Truy cập vào phần quản trị Blogger > Mẫu (templates) > Chỉnh sửa HTML
Bước 2 : Tìm đến thẻ </body> và dán đoạn code sau trên thẻ </body>

<!–404–><b:if cond=’data:blog.pageType == &quot;error_page&quot;’><style type=’text/css’>a:link{color:#000;text-decoration:none}a:visited{color:#000;text-decoration:none;font:11px normal &#39;Cambria&#39;,sans-serif,Time New Roman}a:hover{color:#333;text-decoration:none}#search-box{position:relative;width:350px;margin:10px auto}#cse-search-box{height:30px;border-radius:2px;background-color:#fff;overflow:hidden;border:1px solid #bbb}#search-text{font-size:12px;color:#ddd;border-width:0;background:transparent}#search-box input[type=&quot;text&quot;]{width:85%;padding:5px 20px 12px 0;color:#666;outline:0}#search-button{position:absolute;top:0;right:0;height:32px;width:20px;margin-top:10px;font-size:14px;color:#fff;text-align:center;line-height:0;border-width:0;background:url(http://1.bp.blogspot.com/_C6KkooKXCEw/TIBqtV6pdmI/AAAAAAAAGyM/QUBsym_R9V0/s200/search-c.png) no-repeat;cursor:pointer;outline:0}#error-page{font:normal normal 14px Verdana,Geneva,sans-serif;line-height:1.625;background-color:#e9e9e9;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}#error-inner{margin:11% auto}#error-inner .box-404{font-family:Oswald,&quot;Arial Narrow&quot;,Sans-Serif;font-size:100px;color:#c0392b;margin:0 auto}#error-inner h1{text-decoration:none;font-size:140%;margin:0;padding:0}#error-inner p{line-height:.7em;font-size:15px}</style><div id=’error-page’><div id=’error-inner’><div class=’box-404′>Lỗi 404</div><h1>Trang bạn tìm hiện không tồn tại</h1><p>Bài viết đã bị xóa hoặc không tìm thấy</p><p>vui lòng nhấn vào đây <a expr:href=’data:blog.homepageUrl’><data:blog.title/></a></p><p>hoặc gõ từ khóa để tìm kiếm </p><div id=’search-box’><form action=’/p/tim-kiem_12.html’ id=’cse-search-box’ method=’get’><input id=’search-text’ name=’q’ onblur=’if(this.value==&apos;&apos;)this.value=this.defaultValue;’ onfocus=’if(this.value==this.defaultValue)this.value=&apos;&apos;’ type=’text’ value=’gõ từ khóa …’/><button id=’search-button’ type=’submit’/></form></div></div></div></b:if>  <!–/404–>

Bước 3 : Lưu mẫu lại và thử xem với blogspot của mình nhé. Chúc các bạn thành công.