Home » Thủ thuật bản quyền
Hướng dẫn chuyển, convert blogger sang wordpress thành công
Mình đã chuyển website thành công từ Blooger sang WordPress trong 10p. Và có một số kinh nghiệm về việc chuyển hướng này dành cho các bạn chuẩn bị chuyển Blog, website của mình.
Không biết là trùng hợp hay hữu ý mà khi mình chuyển từ Blogger sang WordPress thì nó đã hỗ trợ trực tiếp tính năng này rồi. Thực sự là WordPress hỗ trợ đến người dùng những chức năng cực kỳ tuyệt vời cùng với khả năng SEO, tùy biến giao diện và các Plugin miễn phí cực đỉnh.
Không luyên thuyên nữa đi vào việc chính này.
Đầu tiên là cài đặt 1 blog WordPress lên hosting của bạn:
Xem thêm những hosting miễn phí tốt nhất 2014
Chọn: Công cụ >> Nhập vào
Bạn chọn 1 trong những mã nguồn Blog để nhập dữ liệu vào WordPress, rất tiện dụng. Ở đây chúng ta thực hiện Convert Blogger nên mình hướng dẫn chọn tab Blogger nhe!
Chọn cài đặt và sang bước tiếp theo
Chọn tab Authorize để cấp quyền truy nhập vào blogger lấy dữ liệu
Tiếng Việt hiện ra rồi cho phép truy cập thôi các bạn.
Bây giờ việc còn lại rất đơn giản là chọn blog bạn cần nhập dữ liệu vào và chọn tab “Import”
Như vậy là bạn đã nhập thành công toàn bộ bài viết, comment, các tag trong Blogger được tự động chuyển thành các chuyên mục của WordPress. Các dữ liệu được chuyển qua WordPress một cách hoàn hảo nhưng có rất nhiều điều phức tạo gây nên bạn cần phải xử lý.
Bonus thêm cho công tác convert blogger sang WordPress.
Xử lý lỗi 404 – lỗi không tìm thấy nảy sinh do không chuyển đổi được các đường link sang WordPress. Vì vậy việc xử lý 404 trở nên rất kỳ công. Nếu không xử lý các lỗi này thì bạn sẽ bị tụt hết thứ hạng các từ khóa trên công cụ tìm kiếm. Đối với 1 website thì lỗi 404 là một lỗi được đánh dấu là nặng nhất làm giảm hạng website nhanh chóng. Đối với một SEOer thực thụ thì để lỗi 404 là trò trẻ con thôi, không có một tác dụng gì cho SEO và người dùng thay vào đó ta sử dụng chuyển hướng 301 đến trang đích chuẩn.
Lỗi ảnh thumbnail khi chuyển từ Blogger sang WordPress
WordPress rất mạnh mẽ nhưng có nhiều thao tác rất dài dòng và khó chịu. Có những theme hỗ trợ tạo ảnh đại diện – thumbnail từ link ảnh của những trang web khác nhưng các tính năng hiển thị bài viết nhiều nhất, bài viết liên quan lại không thể tạo ra ảnh từ các link mới này. Do đó hãy chuẩn bị tinh thần sửa từng bài một các bạn nhé.
Hướng dẫn chuyển, convert blogger sang wordpress thành công
Hướng dẫn chuyển, convert blogger sang wordpress thành công
Hướng dẫn khách hàng sử dụng dịch vụ
Để xem được các thủ thuật hay nhất quý khách hãy lick vào button bên dưới, xem xong quý khách thấy hài lòng hãy liên hệ nhanh với chúng tôi để sở hữu bộ code bản quyền ưng ý nhất!
ĐĂNG KÝ MUA CODE
Quý khách muốn đăng ký mua templates bản quyền thiết kê tinh xảo đẹp mắt hãy liên hệ nhanh với chúng tôi để đặt hàng Trân trọng cảm ơn quý khách đã sử dụng dịch vụ của chúng tôi!
ĐĂNG KÝ MUA TEMPLATEChia cột bài viết - Thủ thuật chia danh sách bài viết 2 cột có ảnh cho Blogger
» Không ảnh hưởng đến tốc độ lòa của blog vì không dùng javarscrips (xét theo khía cạnh nào đó còn giúp tăng tốc blog vì nó thu nhỏ ảnh thumbnail và tóm tắt lại nội dung bài viết ở trang chủ của bạn.
» Bố cục gồm 2 cột bài viết xép thẳng hàng.
» Ảnh thumbnail và tiêu đề bài viết + mô tả nằm trên cùng một hàng.
» Phần mô tả hiển thị bằng mã CSS do vậy không bô đen được.
2. Vào phần Mẫu (Templates)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Tìm thẻ ]]></b:skin> .
Dán code bên dưới sau thẻ ]]></b:skin> vửa tìm được.
Dán code bên dưới sau thẻ ]]></b:skin> vửa tìm được.
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post-body{border-top:2px solid #ddd;padding-top:10px;font:normal 14px 'Arial', serif;margin:1.0em 0 .75em;line-height:1.3em;}
.post-snippet:before{content:attr(data-snippet);}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
h3.date-header,.post-timestamp,.post-footer,.feed-links {display:none}
.post {float:left;margin:10px 5px 0;overflow:hidden;padding:7px 7px 5px;positon:relative;width:45.8%;height:95px;}
.post h1,.post h2{line-height:1em;margin:0 0 4px;padding:0;font:bold 12px Tahoma}
.post-body{font:12px arial;border-top:none;padding-top:0px;background:none;margin:0;text-align:left}
.post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#444;margin:.0em 0 0;padding:4px 0}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#444;}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#0a2e56}
</style>
</b:if></b:if>
5. Tìm dòng code: Thay thế thành code bên dưới.<data:post.body/>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='post-snippet' expr:data-snippet='data:post.snippet'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
</b:if>
6- Tìm đoạn code như bên dưới (nằm ngay trên đoạn ở bước 5) Thay thế nó thành:<h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3>
<!-- anh thumbnail trang chu -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnails' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72px' width='72px'/>
<b:else/>
<img alt='no image' class='post-thumbnails' height='72px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAMuxxlIJhUZPYWM9z5GFo7wPXLxr7PDsPu8rO_c6z3KlrYysP8cibAjQ2W1d8f_no-xE-l22lI1rCS2ege4mNYlj9mm4LUu9AD2IHAalPRO2dRxYT_AZfMNXnH8PagMZsx-Y4Pt-87HpG/' width='72px'/>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
7- Lưu mẫu lại và xem kết quả nha.
8- Bạn vào cài đặt => bài dăng và nhận xét và Tại mục hiển thị tối đa bạn chỉnh số bài cần hiển thị lại cho phù hợp.Lưu ý bạn nên để số bài là số chẵn vì tiện ích có 2 cột nếu để số lẻ sẽ bị hụt nha.
Hướng dẫn khách hàng sử dụng dịch vụ
Để xem được các thủ thuật hay nhất quý khách hãy lick vào button bên dưới, xem xong quý khách thấy hài lòng hãy liên hệ nhanh với chúng tôi để sở hữu bộ code bản quyền ưng ý nhất!
ĐĂNG KÝ MUA CODE
Quý khách muốn đăng ký mua templates bản quyền thiết kê tinh xảo đẹp mắt hãy liên hệ nhanh với chúng tôi để đặt hàng Trân trọng cảm ơn quý khách đã sử dụng dịch vụ của chúng tôi!
ĐĂNG KÝ MUA TEMPLATEẨn / Hiện Widget - Thủ thuật Ẩn / Hiện Widget trong Blogger
Việc bố trí các Widget trên Templates một cách hợp lý sẽ làm nổi bật nội dung cần truyền tải, logic và hài hòa với bố cục Blog.Hiển thị Widget ở những trang nhất định trong Blogspot - ẩn hiện Wiget ở những trang nhất định.
Chính vì lý do đó, xin được giới thiệu đến bạn đọc những thủ thuật blogger nhỏ để “hiển thị Widget ở những trang nhất định trong Blogspot”, giúp các bạn thiết kế website được hài hòa và SEO tốt hơn. Chúng ta tiến hành như sau :
1 - Bố cục
Một cửa sổ Popup bật lên, bạn nhìn vào phía trên góc phải (gần thanh tiêu đề) sẽ thấy dòng có dạng tương tự sau: …null&widgetId=HTML1 (trong trường hợp này là widget HTML1, đối với widget khác sẽ có ID khác)
Sau khi xác định được ID của widget, bạn vào Mẫu > Chỉnh sửa HTML > Chuyển đến tiện ích để tìm widget đó trong Template (Chọn ID trong trường hợp này là HTML1).
Sau đó bạn được chuyển đến tiện ích HTML1 và làm theo hướng dẫn trên ảnh:
Tiếp tục làm theo hướng dẫn dưới đây:
Khi đó bạn sẽ thấy đoạn code tương tự như sau:
<b:widget id='HTML1' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable></b:widget>
Như vậy, ta đã xác định được ID cũng như vị trí và nội dung của Widget, Bây giờ sẽ thêm lệnh ẩn hoặc hiện Widhet ở 2 vị trí là:
- Vị trí 1: Sau thẻ mở <b:includable id='main'>Phần này bạn thay dổi theo các mã mình cung cấp bên dưới.
- Vị trí 2: Thêm lệnh </b:if> vào trước thẻ đóng như sau </b:includable> phần này dung chung cho tất cả các thủ thật bên dưới.
<b:widget id='HTML10' locked='false' title='' type='HTML'>
<b:includable id='main'>
Vị trí 1
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Đến đây bạn thay chữ Vị trí 1 thành các đoạn code tương ứng bên dưới:
1. Chỉ hiển thị Widget ngoài trang chủ
Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
2. Chỉ hiển thị Widget ở trang Archive
Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.pageType == "archive"'>
3. Chỉ hiển thị Widget ở trang bài viết
Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.pageType == "item"'>
4. Chỉ hiển thị Widget ở trang Static Page
Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.pageType == "static_page"'>
5. Chỉ hiển thị Widget ở những trang với liên kết cụ thể
Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.url == "URL của trang chỉ định"'>
Trong đó URL của trang chỉ định là địa chỉ của trang nhãn hay bài viết. Ví dụ mình muốn HTML1 bên trên chỉ hiển thị trong bài viết này thì mình thay chữ Vị trí 1 bằng đoạn code sau:
<b:if cond='data:blog.url == "http://namkna.blogspot.com/2011/07/hien-thi-widget-o-nhung-trang-nhat-inh.html"'>
6. Chỉ hiển thị Widget ở Trang chủ, trang Label và trang Archive
Thay chữ Vị trí 1 thành đoạn code sau:
<b:if cond='data:blog.pageType == "index"'>
Ghi chú: Ở trên bạn có thể thấy mình cố ý đánh dấu “==” bằng màu đỏ, có nghĩa là, bạn hoàn toàn có thể thay dấu “==” bằng dấu “!=” sẽ mang ý nghĩa khác.
Qui ước :
== : “bằng” hoặc tương đương - Tức là chỉ hiện thị khi thỏa mãn điều kiện mà ta đưa ra. != : “khác” hoặc không tương đương - Tức là không hiển thị khi thỏa mãn điều kiện ta đưa ra.
Ví dụ, nếu bạn muốn Widget HTML10 hiển thị ở tất cả các trang khác ngoại trừ trang chủ, thì ta thay chữ Vị trí 1 bằng đoạn code sau:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
Tùy biến nâng cao sử dụng kết hợp các điều kiện
Vì một lý do nào đó, bạn chỉ muốn hiển thị widget ở trang A và trang B hoặc hiển thị khi thỏa mãn là trangA hoặc trang B, ta sẽ kết hợp các điều kiện với nhau như sau : Khi đó ta phải thêm 2 thẻ đóng </b:if>vào trước thẻ đóng </b:includable> của Widget như sau:
<b:widget id='HTML10' locked='false' title='' type='HTML'>
<b:includable id='main'>
Vị trí 1
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:if>
</b:includable>
</b:widget>
Ghi chú:
Trong đó phần màu vàng là nội dung của Widget. - Tiếp theo thay lệnh điều kiện cho các Wiget như sau:
Thay chữ Vị trí 1 thành đoạn code sau:
Ví dụ: Hiển thị widget ở tất cả các trang ngoại trừ chuyên mục Blog và Blogger :<b:if cond='data:blog.url != "Điều kiện 1"'> <b:if cond='data:blog.url != "Điều kiện 2"'>
<b:if cond='data:blog.url != "http://www.thietkeblogger/search/label/Blog"'> <b:if cond='data:blog.url != "http://www.thietkeblogger/search/label/Blogger"'> nội dung widget </b:if></b:if>
B. Trường hợp 2 : chỉ hiển thị widget khi thỏa mãn một trong các điều kiện
Thay chữ Vị trí 1 và đoạn màu vàng thành đoạn code sau:
Ví dụ, chỉ hiển thị widget ở chuyên mục Blog hoặc Blogger<b:if cond='data:blog.url == "Điều Kiện 1"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> <b:else/> <b:if cond='data:blog.url == "Điều Kiện 2"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> <b:else/>
<b:if cond='data:blog.url == "http://www.thietkeblogger/search/label/Blog"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> <b:else/> <b:if cond='data:blog.url == "http://www.thietkeblogger/search/label/Blogger"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> <b:else/> </b:if></b:if>
Bạn Save Template - Lưu Mẫu Xem kết quả.
Hướng dẫn khách hàng sử dụng dịch vụ
Để xem được các thủ thuật hay nhất quý khách hãy lick vào button bên dưới, xem xong quý khách thấy hài lòng hãy liên hệ nhanh với chúng tôi để sở hữu bộ code bản quyền ưng ý nhất!
ĐĂNG KÝ MUA CODE
Quý khách muốn đăng ký mua templates bản quyền thiết kê tinh xảo đẹp mắt hãy liên hệ nhanh với chúng tôi để đặt hàng Trân trọng cảm ơn quý khách đã sử dụng dịch vụ của chúng tôi!
ĐĂNG KÝ MUA TEMPLATETạo mật khẩu ( password ) cho bài viết blogspot
Có thể xem demo ở ĐÂY ( với password là blogspotvn )
Đây là hình ảnh minh họa mình đã thực hiện ở blog test của mình :
Khi thực hiện thủ thuật cho 1 trang nào đó, bạn phải đánh đúng password thì mới có thể xem chúng được. Khi bạn đánh sai password thì lập tức sẽ bị trả lại 1 trang nào đó mà bạn đã thiết lập sẵn.
☼ Một lưu ý nhỏ khi đánh password vào hộp thoại:
- Thông thường nó sẽ có sẵn 1 kí tự khoảng trắng trong phần điền password, như bên dưới :
- Khi điền password bạn phải đè lên nó hoặc xóa nó đi, nếu điền passwordngay sau nó thì sẽ bị lỗi.
- Khi gõ password thành công sẽ hiện thị hộp thoại thông báo là bạn đã đánhpassword đúng, và nhấn ok để vào bài viết đó (như hình minh họa bên dưới)
☼ Và sau đây là thủ thuật :
1. Cài đặt password cho tất cả bài viết trong blog.
- vào bố cục
- vào chỉnh sửa code HTML
- thêm đoạn code bên dưới vào sau thẻ <head> hoặc trước thẻ </head>
<b:if cond='data:blog.pageType == "item"'>
<script language='JavaScript'>
var password;
var pass1="blogspotvn";
password=prompt('Please enter your password to view this page!',' ');
if (password==pass1)
alert('Password Correct! Click OK to enter!');
else
{
window.location="http://www.blogspotvn.blogspot.com";
}
</script>
</b:if>
<script language='JavaScript'>
var password;
var pass1="blogspotvn";
password=prompt('Please enter your password to view this page!',' ');
if (password==pass1)
alert('Password Correct! Click OK to enter!');
else
{
window.location="http://www.blogspotvn.blogspot.com";
}
</script>
</b:if>
- Có thể thay đổi code màu xanh theo ý thích của bạn.
- var pass1="blogspotvn"; : thiết lập password (đổi code màu đỏ lại)
- window.location="http://www.blogspotvn.blogspot.com"; : đây là code thiết lập trang web sẽ tự động trả lại trở về khi bạn đánh sai password.(đổi code màu đỏ lại)
2. Thiết lập cho 1 bài viết cụ thể nào đó:
- Chỉ cần đổi lại code trên thành code bên dưới là được
<b:if cond='data:blog.url == "Địa chỉ URL của bài viết"'>
<script language='JavaScript'>
var password;
var pass1="blogspotvn";
password=prompt('Please enter your password to view this page!',' ');
if (password==pass1)
alert('Password Correct! Click OK to enter!');
else
{
window.location="http://www.blogspotvn.blogspot.com";
}
</script>
</b:if>
☼ Mở rộng của thủ thuật :
- Với thủ thuật này ta có thể thiết lập nhiều password khác nhau, chỉ cần điền đúng 1 trong những password đó là có thể xem được bài viết đó.
- Và đây là code :
<b:if cond='data:blog.pageType == "item"'>
<script language='JavaScript'>
var password;
var pass1="password1";
var pass2="password2";
var pass3="password3";
password=prompt('Please enter your password to view this page!',' ');
if (password==pass1 || password==pass2 || password==pass3)
alert('Password Correct! Click OK to enter!');
else
{
window.location="http://www.blogspotvn.blogspot.com";
}
</script>
</b:if>
Chúc các bạn thành công.
Hướng dẫn khách hàng sử dụng dịch vụ
Để xem được các thủ thuật hay nhất quý khách hãy lick vào button bên dưới, xem xong quý khách thấy hài lòng hãy liên hệ nhanh với chúng tôi để sở hữu bộ code bản quyền ưng ý nhất!
ĐĂNG KÝ MUA CODE
Quý khách muốn đăng ký mua templates bản quyền thiết kê tinh xảo đẹp mắt hãy liên hệ nhanh với chúng tôi để đặt hàng Trân trọng cảm ơn quý khách đã sử dụng dịch vụ của chúng tôi!
ĐĂNG KÝ MUA TEMPLATEFlicker Images
Giới thiệu : Mời bạn đăng ký dịch vụ để download style templates đây là một sản phẩm được thiết kế bản quyền do trung tâm Vcupdesign kết hợp với giải pháp mạng Việt Nam -nsvina.com thực hiện
Tính chất dịch vụ : Chúng tôi sưu tầm các templates chất lượng trên mạng Internet và Download về fix lại tất cả các lỗi, code rác, virus nhằm cung cấp cho quý khách một templates chất lượng cao với phong cách hoàn toàn khác biệt nổi trội.
Cam kết sử dụng : Với tính chất như đã trình bày bên trên cho nên chúng tôi cam kết chỉ thu tiền của quý khách khi hoàn chỉnh bàn giao templates như trong hợp đồng.
Cho bạn niềm tin : Với đội ngũ Design chuyên nghiệp 6 năm kinh nghiệm và tầm nhìn thẩm mỹ...chúng tôi hứa hẹn mang lại cho quý khách một sản phẩm tốt nhất và ưng ý!
Quy định chung cần biết :- Chúng tôi chỉ cung cấp mã nguồn 1 lần duy nhất.
- Chúng tôi không bảo hành khi quý khách làm trái quy định bảo lưu templates.
- Chúng tôi không hoàn tiền khi quý khách hàng đổi ý chọn giao diện khác.
- Chúng tôi chỉ có 1 địa chỉ duy nhất cho nên chúng tôi không chấp nhận việc khiếu nại không đúng bản quyền.
