Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

Tuesday, August 2, 2016

Hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot

blogger , blogspot
Hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot

Hôm nay Nguyễn Trường Sơn sẽ hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot.

Điều này sẽ giúp đọc giả có cái nhìn tổng quan hơn về trang Blogspot của các bạn



Video hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot 


  • Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
  • Link: https://youtu.be/7eRIXxgckrU
Hướng dẫn tạo hiển thị Tổng số bài viết và Comment trên Blogspot

Đầu tiên các bạn đăng nhập vào Blogger

Trong phần quản trị ---> Bố cục

Ở phía thanh bên bên phải (Sidebar-right) --> Thêm tiện ích --> HTML/JavaScript

  1. Nhập tiêu đề
  2. Dán đoạn code bên dưới vào phần nội dung
<script style="text/javascript">
function showpostcount(json) {
document.write('<left>Tổng Số bài Viết: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b></center>');}</script>
<script src="http://www.nguyentruongson.info/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<p>
<script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('<left>Tổng Số Comment: <b>' + json.feed.openSearch$totalResults.$t +
'</b></center>');}</script>
<script src="http://www.nguyentruongson.info/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
  • Thay dòng màu vàng theo ý thích của các bạn nhé
  • Thay dòng màu xanh bằng trang Blogspot của các bạn

Bấm Lưu để hoàn tất

Kéo sắp xếp Widget theo vị trí mong muốn

Bấm Lưu sắp xếp để hoàn tất

Bấm Xem blog để xem kết quả ^^

Để xem thêm các thủ thuật Blogger bạn bấm vào "Blogger" trên thanh menu nhé!
P/s: đoạn code được sưu tầm trên mạng,
Read more »
By às
Marcadores: , , , , , , ,

Thursday, July 28, 2016

Hướng dẫn tạo Floating Social Bookmark trượt đẹp cho Blogspot

blogger , blogspot
Hướng dẫn tạo Floating Social Bookmark trượt đẹp cho Blogspot

Hôm nay Sơn Nguyễn sẽ hướng dẫn tạo Floating Social Bookmark trượt đẹp cho Blogspot của bạn. 

Bộ này sẽ bao gồm các nút: Facebook, Twitter, G+, Pinterest, YouTube .... đều là các trang mạng xã hội rất nổi tiếng hiện nay. 


Ngoài ra sẽ có thêm 1 liên kết RSS Feed giúp độc giả theo dõi các bài viết của bạn.


Cách tạo Floating Social Bookmark trượt đẹp cho Blogspot

Truy cập vào Blogger --> Đăng nhập --> Chọn Blogspot bạn cần thực hiện --> Vào phần quản trị của Blogspot đó 

Trong phần quản trị Blogspot --> Mẫu --> Chỉnh sửa HTML 

Trong phần code HTML, bấm Ctr+F tìm phần tử  ]]></b:skin>

Copy đoạn code bên dưới và paste vào sau thẻ ]]></b:skin>

social-buttons {
 position: fixed;
 top: 130px;
 width: 45px;
 z-index: 9999;
}
.button-left {
 left: 0;
}
.button-right {
 right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
 background-color: #33353B;
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUGKN-5dWRQLgv6GcaESf0zJUTDsiZp-koZEcF32vQrHPcW43mKDuTbbCUyabUZfMyTZklB0zX23pnY23YhOg19nl3_vDS1Zx_EHsysCc0N6-cHQxTxSGIjT-CSCTrCNpA94HqKbHkahaS/s1600/mas-icons-namkna-blogspot-com.png);
}
.button-left #facebook-btn span {
 background-position: right 10px;
}
.button-left #twitter-btn span {
 background-position: right -35px;
}
.button-left #google-btn span {
 background-position: right -127px;
}
.button-left #rss-btn span {
 background-position: right -80px;
}
.button-left #pinterest-btn span {
 background-position: 11px -177px;
}
.button-left #youtube-btn span {
 background-position: 11px -223px;
}
.button-right #facebook-btn span {
 background-position: 12px 10px;
}
.button-right #twitter-btn span {
 background-position: 11px -35px;
}
.button-right #google-btn span {
 background-position: 10px -127px;
}
.button-right #rss-btn span {
 background-position: 11px -80px;
}
.button-right #pinterest-btn span {
 background-position: 11px -177px;
}
.button-right #youtube-btn span {
 background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
 background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
 background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
 background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
 background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
 background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
 background-color: #C4302B;
}
.social-buttons a:hover .social-text {
 display: block;
}
.button-left .social-icon {
 -moz-transition: background-color 0.4s ease-in 0s;
 -webkit-transition: background-color 0.4s ease-in 0s;
 background-repeat: no-repeat;
 display: block;
 float: left;
 height: 43px;
 margin-bottom: 2px;
 width: 43px;
}
.button-left .social-text {
 display: none;
 float: right;
 font-size: 1em;
 font-weight: bold;
 margin: 11px 40px 11px 0px;
 white-space: nowrap;
}
.button-right .social-icon {
 -moz-transition: background-color 0.4s ease-in 0s;
 -webkit-transition: background-color 0.4s ease-in 0s;
 background-repeat: no-repeat;
 display: block;
 float: right;
 height: 43px;
 margin-bottom: 2px;
 width: 43px;
}
.button-right .social-text {
 display: none;
 float: left;
 font-size: 80%;
 font-weight: bold;
 margin: 11px 0 11px 40px;
 white-space: nowrap;
}
.social-buttons .social-text {
 color: #FFFFFF;
}

Trong ô tìm kiếm (bấm Ctr+F) bạn tìm thẻ đóng </head> 

Copy đoạn code bên dưới và Paste vào trước thẻ </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script>
 $(window).load(function(){
 $(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
 $(this).stop();
 $(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){});

 });
 $(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
 $(this).stop();
 $(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
 });
 });
</script>

Lưu ý: nếu trang Blogspot của bạn đã có thư viện Jquery rồi thì hãy xóa dòng <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> đi nhé ^^

Tiếp tục, trong ô tìm kiếm (bấm Ctr+F) bạn tìm thẻ đóng </body> 

Copy đoạn code bên dưới và Paste vào trước thẻ đóng </body>: 

<div class='social-buttons button-right hidden-phone hidden-tablet'><a class='itemsocial' href='https://www.facebook.com/nguyentruongson.org' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a><a class='itemsocial' href='https://twitter.com/SonNguyen83' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a><a class='itemsocial' href='https://plus.google.com/+NguyễnTrườngSơn' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a><a class='itemsocial' href='http://pinterest.com/sontruongnguyen' id='pinterest-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Pinterest</span></span></a><a class='itemsocial' href='https://www.youtube.com/user/truongson83' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a><a class='itemsocial' href='http://feeds.feedburner.com/nguyentruongson/SsQL' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a></div>

P/s: Thay các thông số màu vàng tương ứng phù hợp với bạn nhé
Bấm Lưu mẫu để hoàn tất

Các bạn tự chiêm ngưỡng thành quả của mình nhé ^^

Để xem thêm các thủ thuật Blogger bạn bấm vào "Blogger" trên thanh menu nhé!

P/s: các đoạn code trong bài viết này được sưu tầm trên mạng
Read more »
By às
Marcadores: , , , , , , , ,

Tuesday, July 26, 2016

Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

blogger , blogspot
Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

Đây là Template Blogspot bán hàng cực đẹp và miễn phí


Hôm nay Sơn Nguyễn sẽ hướng dẫn các bạn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot

CatalogSpot là mẫu giao diện Blogger Template Blogspot bán hàng miễn phí thích hợp cho những bạn bán hàng online có tích hợp chức năng nhận thanh toán qua PayPal, tức là khi khách hàng khi đặt hàng và thanh toán trên website bán hàng của bạn thì bạn sẽ nhận được tiền qua tài khoản Paypal của bạn

Mẫu website bán hàng Template Blogspot CatalogSpot


 

 Các tính năng nổi bật của Template Blogspot CatalogSpot
  • Có các Slideshow chuyên nghiệp.
  • Phần Menu giúp bạn tạo các Category sản phẩm
  • Giao diện trang chủ thân thiện với khách hàng.
  • Sản phẩm được trưng bày theo dạng lưới rất bắt mắt và chuyên nghiệp.
  • Tích hợp nút Add to Cart và hỗ trợ thanh toán bằng PayPal.

Video Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot




  • Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
  • Link: https://youtu.be/5-tNEoWX5V0

Hướng dẫn thiết kế website bán hàng miễn phí bằng Template Blogspot CatalogSpot


Bước 1: tạo 1 trang Blogspot cơ bản
Bước 2: download Template Blogspot CatalogSpot (bạn vào BTemplate.com và vào ô Search để tìm nhé)
Bước 3: trong phần quản trị Blogspot --> Mẫu --> Sao lưu/Khôi phục
Bước 3: Up file Template Blogspot CatalogSpot lên (nhớ phải Extract Here... trước nhé)
Bước 4: vào Chỉnh sửa HTML để tiến hành cài đặt, chỉnh sửa mẫu Template Blogspot CatalogSpot

Cách đăng bài viết

Cách đăng bài viết giới thiệu sản phẩm của mẫu Template Blogspot CatalogSpot ko giống với cách đăng bài viết thông thường. Các bài viết đã được định dạng theo mẫu của Template . Vì vậy các bạn dùng đoạn code dưới đây để đăng bài viết giới thiệu sản phẩm nhé

<div class="item_image"><img border="0" class="item_thumb" src="đường-link-hình-ảnh-sản-phẩm-của-bạn" />
<span class="item_price">$00.90</span></div>
<div class="item_Description">Some text for item description</div>

Bạn thay các dòng màu vàng cho phù hợp nhé

Chú ý: 
Hình ảnh có chiều rộng lớn hơn 700px
Giá: bạn có thể để là: 300.000 VNĐ. Tuy nhiên khi thanh toán nó sẽ mặc định thanh toán qua tiền tệ $$$. Vì vậy bạn hãy quy đổi giá sản phẩm của bạn qua $$$ nhé. Hoặc bạn tạo 1 trang Hướng dẫn mua hàng, Hướng dẫn thanh toán theo cách mà bạn muốn


Cài đặt thanh toán cho Website bán hàng
Để cài đặt thanh toán qua Paypal bạn cần có 1 tài khoản trên PayPal (đăng ký cũng đơn giản thôi, các bạn tự làm nhé. Nếu gặp vấn đề gì thì hãy comment phía dưới mình sẽ hỗ trợ thêm).

Phần cài đặt thanh toán như sau:

Trong phần quản trị Blogspot --> Mẫu --> chọn Edit HTML

Bấm Ctr+F để tìm  phần tử "CART SETTING" 

<script type='text/javascript'>
//<![CDATA[
/*----------------------------
CART SETTING
-----------------------------*/
$(function(){
simpleCart
({checkout:
{type: "PayPal" ,
email: "sontruongnguyen.....@gmail.com"
}
});
/*----------------------------
SHIPPING RATE SETTING
-----------------------------*/
simpleCart.shipping(function(){
if( simpleCart.quantity() > 20 )
{
return 0; }
else { return 10; }
});
});
//]]>
</script>

Thay thế địa chỉ email "sontruongnguyen.....@gmail.com" bằng đia chỉ Email Paypal của bạn

SHIPPING RATE SETTING: phí vận chuyển. Cụ thể:  là $10 nếu khách hàng mua ít hơn 20 sản phẩm và miễn phí nếu mua trên 20 sản phẩm (hoặc các bạn có thể bỏ qua nó, thay số 20 và số 10 thành số 0).


Tạo trang giỏ hàng

Để tạo trang giỏ hàng các bạn làm như sau:

Bước 1: Trong phần quản trị Blogspot --> Trang (Page)

Bước 2: tạo Trang mới (New Page)

Bước 3: chuyển nội dung soạn thảo sang chế độ HTML 

Bước 4: Copy và paste đoạn code bên dưới vào là xong

<div class="cart-view left">
<div class="simpleCart_items"></div>
</div>
<div class="cart-info right">
Shipping rate : <span class="simpleCart_shipping"></span>
<br/>
Total : <span class="simpleCart_grandTotal"></span><br/>
<br/>
<br/>
<div class="ck-btn">
<a href="javascript:;" class="simpleCart_checkout">Ready Checkout</a>
</div>
</div>

Bước 5: Xuất bản Trang giỏ hàng

Bước 6: nhớ khai báo với Google nhé (Submit Url)

Như vậy là xong rồi đấy ^^

Vậy là bạn đã tự mình tạo Blogspot bán hàng miễn phí bằng Template CatalogSpot rồi.

Hãy chia sẽ cảm nhận của bạn khi sử dụng Template Blogspot CatalogSpot trong việc bán hàng của bạn nhé.

Nếu trong quá trình thực hành bạn gặp vấn đề gì thì hãy comment phía dưới mình sẽ hỗ trợ thêm.

Việc tiếp theo là gắn tên miền cho Blogspot nữa là quá ok luôn, tránh trường hợp trang blogspot của bạn bị chặn bởi các nhà mạng ở Việt Nam

Nếu bạn chưa có tên miền thì có thể tham khảo cách mua tên miền giá rẻ , hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu.
Chúc các bạn thành công!!!

Read more »
By às
Marcadores: , , , , , , ,

Friday, July 22, 2016

Hướng dẫn kiếm tiền online bằng trang Blogspot/Blogger của bạn

adsense , blogger
Hướng dẫn kiếm tiền online bằng trang Blogspot/Blogger của bạn

Hướng dẫn kiếm tiền online bằng trang Blogspot/Blogger của bạn

Giúp bạn biến đam mê của bạn thành lợi nhuận ^^


Hôm nay Sơn Nguyễn sẽ hướng dẫn bạn cách kiếm tiền online bằng trang Blogspot/Blogger của bạn.

Điều kiện cần và đủ là bạn phải có ít nhất 1 trang Blogspot/Blogger đã hoạt động trên 6 tháng và 1 tài khoản AdSense




Video hướng dẫn Kiếm tiền Online bằng trang Blogspot của bạn


  • Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
  • Link: https://youtu.be/OBGcyKB8Ves
Để bắt đầu kiếm tiền online bằng Blogspot bạn cần có 1 tài khoản Google Adsense. Có nhiều cách để đăng ký tài khoản AdSense, như:
  • Đăng ký trực tiếp tại google.com/adsense; 
  • Đăng ký từ kênh YouTube của bạn, 
  • Đăng ký từ trang Blogspot/Blogger của bạn. 
Trong bài viết này Sơn Nguyễn sẽ hướng dẫn các bạn đăng ký tài khoản AdSense thông qua trang Blogger/Blogspot của các bạn. Còn nếu các bạn đã có tài khoản AdSense rồi thì hãy kết nối nó với trang Blogspot của các bạn nhé.

Hướng dẫn đăng ký tài khoản Adsense từ Blogger

Trong phần quản trị Blogspot bạn bấm vào cột Doanh thu để bật tiện ích kiếm tiền AdSense trên Blogspot của bạn. Sau đó tiến hành đăng ký tài khoản AdSense. Cũng chỉ 1 vài bước đơn giản thôi


Tiếp theo, bạn bấm vào Sign up for Adsense


Lúc này trình duyệt sẽ chuyển bạn đến Google Adsense thông qua Blogger của bạn.

Việc đăng ký tài khoản AdSense chỉ có 3 bước đơn giản

Bước 1: Tài khoản của bạn

Nếu bạn đã có tài khoản AdSense rồi thì tiến hành đăng nhập để kết nối với trang Blogspot của bạn

Còn nếu chưa thì bạn bấm         Có         để đăng ký mới



Bước 2: Trang web của bạn

Bước này Google AdSense sẽ xác nhận trang web của bạn sẽ tham gia phân phát hiển thị quảng cáo (là trang Blogspot của bạn).

Bạn bấm Chấp nhận liên kết để tiếp tục


Bước 3: Thông tin của bạn

Khoảng 1 vài giây để Google Adsense cập nhật trang Blogger của bạn. Nếu được chấp thuận thì tiện ích AdSense sẽ được thêm vào trang Blogspot của bạn. 

Bấm   Tiếp tục   để quay lại Blogger


Đôi khi vẫn bị lỗi (như hình dưới). Bạn vẫn bấm tiếp tục để quay lại với Blogger và tiến hành đăng ký lại như lúc nãy cho đến khi được chấp thuận (nhiều lắm thì khoảng 3 lần là được chấp thuận thôi)


Sau khi quay trở lại phần quản trị của Blogger, bạn vào phần Doanh thu  để Cài đặt hiển thị quảng cáo AdSense của bạn
  • Hiển thị quảng cáo trên blog: chọn Có
  • Ad Setup for blog: chọn Hiển thị quảng cáo bên dưới bài đăng của tôi và ttrong thanh bên (Được đề xuất)


Bạn cũng có thể truy cập vào AdSense để xem chi tiết thu nhập, cài đặt thông tin cá nhân, thông tin người nhận thanh toán .....

Hoặc chuyển đổi tài khoản AdSense qua địa chỉ Email khác


Vậy là xong.

Bạn chờ khoảng vài phút rồi vào trang Blogspot của bạn xem thế nào nhé? ^^

Như vậy là bạn đã cài đặt xong tiện ích AdSense vào trang Blogspot của bạn. Và từ đây, trang Blogspot của bạn đã có thêm "chức năng" kiếm tiền online rồi nhé ^^. Hãy chia sẽ trang Blogspot của bạn tới nhiều người, để họ biết đến trang của bạn nhiều hơn, và tăng cơ hội kiếm tiền từ quảng cáo nhiều hơn

P/s: Nếu trang Blogspot của bạn chưa có cột Doanh thu thì bạn làm như sau:

Bạn vào phần Cài đặt --> Ngôn ngữ và định dạng --> Chuyển ngôn ngữ qua Tiếng Anh (Hoa Kỳ)


Sau đó bạn bấm F5 để làm mới trình duyệt. Lúc này trong phần quản trị Blogspot đã có cột Doanh thu


Những điều cần lưu ý khi kiếm tiền online với AdSense:

- Mỗi cá nhân chỉ được đăng ký 1 tài khoản AdSense với thông tin của mình mà thôi. Nếu bạn đăng ký nhiều tài khoản bằng nhiều địa chỉ Email khác nhau thì phải đăng ký bằng nhiều thông tin cá nhân khác nhau.

- 1 máy tính thì ko nên đăng ký/Đăng nhập nhiều tài khoản AdSense.

- 1 trang Website/Blogspot/Blogger ko được đặt quá 3 mã quảng cáo AdSense (điều kiện này áp dụng từ năm trước, ko biết hiện tại có áp dụng ko nữa?)

- Nếu vi phạm có thể sẽ bị xóa tài khoản và có thể bạn sẽ bị cấm tham gia AdSense. Tốt nhất là nên đọc các điều khoản của Google AdSense cho chắc ăn nhé

- Nếu bạn lỡ đăng ký nhiều trang Blogspot bằng nhiều địa chỉ Emai khác nhau và lỡ tạo nhiều tài khoản AdSense khác nhau thì tốt nhất bạn nên tự xóa các tài khoản AdSense đó đi, và chỉ để lại 1 tài khoản thôi

- Bạn cũng ko được tự mình click vào quảng cáo trên trang của bạn. Nếu bạn cố tình lách luật bằng 1 vài cách nào đó để tự click vào quảng cáo trên trang của chính bạn, và bị Google AdSense phát hiện ra thì họ sẽ cấm bạn tham gia AdSense luôn

Nếu bạn có nhiều trang Blogspot được đăng ký bằng nhiều địa chỉ Email khác nhau và bạn muốn hiển thị quảng cáo AdSense trên tất cả các trang Blogspot của bạn, thì bạn có thể thực hiện theo các cách sau:
  • Chuyển quyền quản trị các trang Blogspot về 1 địa chỉ Gmail duy nhất (địa chỉ Gmail đăng ký tài khoản AdSense) >> Xem thêm: Bài 14: Hướng dẫn thêm/thay đổi Email quản trị tài khoản Blogspot
  • Hoặc bạn truy cập vào tài khoản AdSense của bạn, lấy mã quảng cáo và gắn vào các Blogspot khác của bạn, kể cả các trang Blogspot chưa đủ 6 tháng hoạt động và ko đủ điều kiện tham gia AdSense
Tuy nhiên, bạn hãy nhớ rằng: dù bạn có phân phát mã quảng cáo trên hàng ngàn trang Blogspot/Blogger của bạn nhưng các trang Blogspot này ko có ma nào truy cập thì cũng như ko. Quảng cáo chỉ phát huy hiệu quả ở những nơi "đông người". Vì vậy hãy tập trung phát triển nội dung của trang Blogspot của bạn, hãy làm cho trang Blogger của bạn trở nên có ích với người dùng để tăng lượt truy cập vào thì phân phát hiển thị quảng cáo AdSense mới có hiệu quả (càng nhiều người truy cập vào web sẽ tăng cơ hội số lượt click vào quảng cáo hơn). Bạn có thể phát triển nội dung blogspot của bạn theo hướng những gì bạn biết rõ nhất, bạn giỏi và thành thạo nhất,.... như câu slogan của Google AdSense "Biến đam mê của bạn thành lợi nhuận"

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

Để tìm các bài viết trên Google nhanh nhất, hãy tìm theo cú pháp: "từ khóa tìm kiếm + nguyentruongson.info"

<<< Bài trước
Bài 17: Hướng dẫn thiết kế website bằng WordPress chi tiết
Bài 18: Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress
Bài sau >>>

Read more »
By às
Marcadores: , , , , , , , , , ,

Tuesday, July 19, 2016

Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress

blogger , chuyen-blogger-qua-wordpress
Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress

Hướng dẫn chuyển nội dung bài viết của Blogspot qua WordPress 

Thủ thuật đơn giản chỉ trong 1 nốt nhạc


Sau khi hướng dẫn các bạn cách thiết kế website bằng WordPress, rất nhiều bạn đã rất thích WordPress và cũng rất muốn tạo cho mình 1 website trên WordPress.

Tuy nhiên lại có 1 vấn đề hơi rắc rối là: dù website WordPress rất hay nhưng các bạn ấy ko muốn bỏ Blogger vì trang Blogspot của bạn đã tạo khá lâu và đã có nhiều bài viết chất lượng, và bạn ko muốn bỏ nó để làm lại từ đầu. 

Để giúp cách bạn tháo gỡ vấn đề nhỏ nhoi này, hôm nay Nguyễn Trường Sơn sẽ hướng dẫn các bạn cách chuyển nội dung bài viết của Blogspot qua WordPress, hay nói nôm na cho dễ hiểu là: “dọn nhà” từ “nhà cũ” Blogger sang “nhà mới” WordPress.

Cũng đơn giản thôi mà ^^

Để chuyển từ Blogger sang WordPress mà giữ nguyên nội dung bài viết bạn cần phải có:
  • 1 trang Blogspot đã có nội dung - tất nhiên rồi ^^
  • 1 Domain cài sẵn website WordPress cơ bản
  • 1 Web Hosting để chứa nội dung website đó (và những website khác của bạn)
Bạn nào chưa có Hosting, chưa có Domain thì tham khảo bài viết ở phía dưới đây


Cách thực hiện chuyển nội dung của Blogspot/Blogger sang WordPress như sau:

Đầu tiên bạn truy cập vào Blogger --> Đăng nhập bằng tài khoản Gmail của bạn --> chọn trang Blogspot mà bạn muốn chuyển nội dung --> Vào phần quản trị của Blogspot đó

Trong phần quản trị Blogger --> Cài đặt --> Khác 

Mục Nhập và sao lưu --> Bạn chọn Sao lưu nội dung



Bấm Lưu vào máy tính của bạn để lưu file. Đây là file chứa toàn bộ nội dung, bài viết của Blogspot của bạn



Tiếp theo, bạn vào phần quản trị WordPress (tên domain/wp-admin)

Trong phần quản trị WordPress --> Tools --> Import



Trong mục Import bạn chọn Blogger 


Bạn tiến hành cài đặt Blogger Importer --> Bấm Install Now để cài đặt 


Sau khi cài đặt xong bạn bấm Activate Plugin & Run Importer để tiến hành Import nội dung của Blogger vào


Tiếp theo, phần Import Blogger bạn chọn Choose File để Upload file lúc nãy bạn download từ Blogger (file đó chứa toàn bộ dữ liệu nội dung bài viết của Blogger) 

--> Sau đó bấm Upload file and Import


Sau khi Upload xong, thì tiến hành chọn User name cho website, nó sẽ chuyển User name của Blogger sang User name của WordPress

Chọn User Name admin --> Submit


Như vậy toàn bộ bài viết của Blogspot đã được chuyển qua WordPress thành công. Và quan trọng hơn là vẫn giữ được nguyên nội dung và bài viết trước đây của Blogspot, thậm chí cả ngày tháng post bài của bài viết vẫn ko thay đổi.



Bây giờ bạn cần cấu hình lại đường link bài viết

Trong phần quản trị WordPress --> Settings --> Permalinks --> Post name --> Save Changes



Ngoài ra, bạn cần thay đổi lại giao diện cho website WordPress, Cấu hình lại các sidebar, widget cho đẹp mắt ...v...v...

Để thuận tiện cho việc cài đặt, cấu hình, thiết kế website bằng WordPress, các bạn mới hoặc các bạn chưa rành về WordPress có thể tham khảo thêm tại bài viết dưới đây:


Read more »
By às
Marcadores: , , , , , , ,