Tin mới
27/5/14
27/5/14
- 0 Comments
Bài trước tôi đã hướng dẫn các bạn Cách thêm commnet facebook cho blogspot để có thể tăng hiệu năng cũng như làm đẹp cho blogspot của mình, sau khi đã thành công đưa comment facebook vào blogspot như bài trước tôi đã hướng dẫn các bạn quản lý comment facebook cho blogspot như sau:
Bước 1: Bạn truy cập vào link sau https://developers.facebook.com/tools/comments (chú ý bạn phải đang đăng nhập facebook mà bạn đã đăng ký app nhé)
 |
| Quản lý comment facebook cho blogspot |
Bước 2: Bạn muốn comment nó thuộc bài viết nào thì bạn click sang Moderator View ==> click chuột vào phần Visit Website để sang bài viết mà có comment đó.
Còn bây giờ mọi người hay bắt tay vào và test ngay thôi !
Chúc các bạn thêm phần comment facebook và quản lý cho Blogspot thành công!
Bạn có thể tham khảo thêm bài viết khác liên quan đến facebook "Cách chèn Like Fanpage Facebook vào website - Blogspot"
- Nguồn: Bittuot-
21/5/14
21/5/14
- 0 Comments
Hiện nay mạng xã hội facebook là mạng xã hội lớn nhất tại Việt Nam, vì vậy nếu website, blog của bạn có tích hợp comment facebook sẽ rất có lợi vì mỗi lần comment cũng đồng nghĩa với người dùng facebook sẽ share trên facebook của họ. Vậy thêm commment facebook vào webiste, blogspot như thế nào? sau đây tôi sẽ chia sẻ cho các bạn cách thêm commnet facebook vào website, blogspot.
Cách thêm comment facebook và quản lý cho Blogspot - Web
Bước 1. Tạo Facebook APP
Chú ý mình đang dùng facebook với tiếng viêt nhé
Truy cập https://developers.facebook.com/apps
Click vào nút: Ứng Dụng ==> Register as a Developer (bạn được hình dưới chọn vào ô checkbox rồi nhấn tiếp tục)
 |
| Them comment facebook vào wordpress |
 |
| Add comment facebook |
 |
| thêm comment facebook vào blogspot |
- Bạn tích vào những mục bạn mong muốn, bạn tích hết cũng được rối nhấn tiếp tục vậy là bạn đã thành công bước đầu (các thao tac bên trên là thao tác dành cho những ai chưa đăng ký tạo app lần nào). Còn bây giờ chúng ta bắt đầu đi tạo app để quản lý comment trên blogspot
Bắt đầu tạo app: Ứng Dụng => Create a New App điền đầy đủ thông tin rồi nhấn vào Tạo Ứng dụng
 |
| Thêm comment vào blogspot wordpress |
Giờ chúng ta bắt đầu thêm vào blogspot:
Bước 1 - Đăng nhập vào blog
Bước 2 - Chọn mẫu (Template)
Bước 3 - Chọn chỉnh sửa HTML (Edit HTML)
Chú ý: Trước khi chỉnh sửa code web lên tải bản code về để có bản gốc, tránh trường hợp code lỗi ko khôi phục lại được !
- Tìm đoạn code <html thường thì nó ở ngay dòng thứ 2, bạn thêm đoạn code sau ngay bên phải nó ==> xmlns:fb='https://www.facebook.com/2008/fbml' (ngăn cách nhau bằng dấu cách nếu có đoạn code đó rồi thì bạn ko phải thêm nữa nhé)
- Thêm đoạn code sau dưới thẻ <head> ===> <meta content='1381242482126904' property='fb:app_id'/>
Chú ý: 1381242482126904 là mã ứng dụng (id App face mà bạn vừa tạo ở bước trên) bạn thay nó thành mã app của bạn nhé
Bước 4 - Thêm đoạn mã bên dưới vào trước thẻ </body>.
<div id='fb-root'/>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
- Và đoạn code sau lên trên thẻ đóng </head>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>
Lưu ý : Các bạn thay
data-num-post=5 : số comment hiển thị. Nếu quá sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment
Bước 5 - Tìm một trong các đoạn code như sau: <b:include data='post' name='post'/>
- Rồi thêm ngay dưới nó đoạn code sau:
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Chú ý: Một số bạn có thắc mắc về màu chữ hay khung có màu trùng với màu nền thì các bạn thực hiện thêm bước sau nhé (nếu ko ảnh hưởng thì không cần làm thêm bước này)
Dán đoạn code sau vào trước thẻ ]]></b:skin>.
.comments-page {
background-color: #f2f2f2;
width:540px
}
#blogger-comments-page {
padding: 0px 5px;
display: none
}
.comments-tab {
float: left; padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #f2f2f2
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px
}
.comments-tab:hover {
background-color: #eeeeee
}
.inactive-select-tab {
background-color: #d1d1d1
}
background-color: #f2f2f2;
width:540px
}
#blogger-comments-page {
padding: 0px 5px;
display: none
}
.comments-tab {
float: left; padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #f2f2f2
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px
}
.comments-tab:hover {
background-color: #eeeeee
}
.inactive-select-tab {
background-color: #d1d1d1
}
Để thay đổi màu nền của nội dung các tab chỉ cần chỉnh sửa #f2f2f2 , #eeeeee , #d1d1d1 (đây là mã màu các bạn thay đổi cho phù hợp nhé)
Để thay đổi độ rộng của chiều rộng khung comment thay đổi giá trị : 540px
Lưu lại vậy là Xong !
Bạn có thể tham khảo thêm một số bài viết khác liên quan đến facebook cho blogspot:
- Cách quản lý comment facebook trên Blogspot
- Cách chèn Like Fanpage Facebook vào website - Blogspot
Bạn có thể tham khảo thêm một số bài viết khác liên quan đến facebook cho blogspot:
- Cách quản lý comment facebook trên Blogspot
- Cách chèn Like Fanpage Facebook vào website - Blogspot
-Nguồn: bittuot-
30/4/14
30/4/14
- 0 Comments
Chức năng like facebook là một trong những cách bạn có thể giúp cho bạn chia sẻ bài viết của mình nhanh nhất mà khỏi phải vất vả vào facebook, copy link bài viết, viết giới thiệu bài viết, rồi enter. Các thao tác kể trên được giảm bớt một cách tối đa, chỉ cần nhấn vào nút like được tích hợp sẵn trên blog, bạn có thể giảm bớt số lượng các bước kể trên thành 2 bước, viết giới thiệu và enter.
Quá tiện lợi đúng không các bạn. Vậy thì còn chờ gì nữa. Cùng vào bài nào các bạn.
Sau đây mình xin giới thiệu các bạn các thêm nút like và nút google plus vào blogspot một cách dễ dàng nhất mà không cần phải tốn một khoảng diện tích trên website.
1. Vào trang quản lý blog
2. Chọn Template rồi ấn vào nút Edit HTML
<style type="text/css"> #nt_like_wrapper {position:fixed; bottom:40%; margin-left:0px; float:left; background-color:#E7E7E7;padding:2px;z-index:10;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #CCCCCC;} #nt_like_wrapper .nt_button {float:left;clear:both;} </style> <div id='nt_like_wrapper'> <div style="margin:4px;"> <div class='nt_button' id='facebook'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script> <fb:like layout='box_count' show_faces='false'></fb:like> </div> <br /> <div class='nt_button' id='google'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> </script> <g:plusone size="tall"></g:plusone> </div> </div> </div>
5. Các bạn có thể chỉnh sửa dịch trái, dịch lên trên xuống dưới với 2 thống số mình đã tô đỏ lên ở trên.
Ví dụ:
- Bạn muốn dịch sang trái 1 đốt ngón tay: tăng margin-left:10px; Dịch xuống dưới: bottom:25%
Làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho bài viết blogspot.Code làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho phần cần nhấn mạnh - phần quan trọng trong nội dung bài viết
Làm đẹp cho phần cần nhấn mạnh - phần quan trọng trong nội dung bài viết
Bước 1 : Đăng nhập blogspot => Mẫu (Template) => Chỉnh sửa HTML
Rồi tìm đoạn code sau : ]]></b:skin> rồi dán các đoạn code dưới đây
Bạn thêm đoạn code này lên trên phần ]]></b:skin>
.noibat {
background-color:#C0E9FA;
background-position:30px 20px;
background-repeat:no-repeat no-repeat;
border:3px dashed #0E7FAD;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
box-sizing:border-box;
color:#000;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;
line-height:24px;
margin:20px 10px;
outline:none;padding:10px;
}
background-color:#C0E9FA;
background-position:30px 20px;
background-repeat:no-repeat no-repeat;
border:3px dashed #0E7FAD;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
box-sizing:border-box;
color:#000;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;
line-height:24px;
margin:20px 10px;
outline:none;padding:10px;
}
Bạn lưu lại vậy là xong bước 1
Bước 2 : Cần chú ý khi viết bài
- Bước này là bước bạn thao tác khi viết bài . Khi bạn viết bài thì bạn đơn giản chuyển dạng soạn thảo văn bản từ dạng Viết sang dạng HTML rồi bao phần nội dung cần gây chú ý vào thẻ:
<div class="noibat"> Nội dung cần làm nổi bật </div>
Chúc các bạn thành công !
27/4/14
27/4/14
- 0 Comments
1. Blogspot là gì?
Blogspot (hay còn được gọi là Blogger) là một website cho phép bạn tạo Blog (miễn phí), giống với WordPress, Yahoo 360Plus... Hệ thống phát hành Blog này được phát triển bởi Pyra Labs và được Google mua lại vào năm 2003.2. Có nên dùng blogspot làm website chính hay không?
Có nên dùng blogspot để làm 1 website chính. Có nên dùng blogspot để làm 1 website bán hàng.Có nên dùng blogspot để làm 1 website quảng bá dịch vụ . Ưu và nhược điểm khi dùng blogspot để làm 1 website chính là gì ? .....Một số bạn thắc mắc có nên làm web trên nền tảng Blogger không?
Theo mình, là có nếu website của bạn dùng làm website cá nhân, bán hàng, trưng bầy sản phẩm cho công ty vừa và nhỏ. Còn đối với Công ty cực lớn, lượng khách truy cập nhiều thì nên thuê làm code riêng để còn phát triển lâu dài.
3. Tại sao nên dùng blogspot làm website:
- Blogger là một nền tảng miễn phí của Google. Không giới hạn băng thông cũng như dung lượng (Thực tế picasa của Google cho phép Upload tối đa 10G ảnh. 10G ảnh thì có lẽ chẳng bao giờ bạn dùng hết).- Blogger bị chặn nhưng đã hạn chế hơn nhiều. Mặt khác nếu bạn biết cấu hình tên miền thì việc chặn của nhà mạng cũng trở thành vô hiệu.
- Nhiều bạn nghĩ rằng lấy blogger làm một site vệ tinh? Vậy site chính của bạn là cái gì? Lấy một sản phẩm với mục đích chính đáng của người ta làm trò chơi (vệ tinh) cho mình thì liệu như vậy có phải là coi thường người ta quá không.
- Blogspot thường hay bị xóa mà không được báo trước. Vậy bạn nghĩ nghiêm nhân vì sao blog của bạn lại bị xóa (nhiều bạn lập web blog rồi sau đó đi copy,dùng mang tính chất spam, dán link đủ các kiểu sau đó bị xóa
rồi kêu than)
4. Ưu điểm và nhược điểm của blogspot:
Ưu điểm khi dùng blogspot:
- Tiết kiệm chi phí cho bạn, bạn có thể tự làm mà không phải mất tiền thuê người khác thiết kế code riêng bằng cách down 1 mẫu template mà bạn thấy thích trên mạng.- Blogspot là hoàn toàn miễn phí, mà phạm vi ứng dụng của nó là toàn cầu.Nếu chuyển tên miền bạn chỉ mất tiền mua tên miền mà không mất tiền mua host. Mọi bào mật file robot - sitemap gần như google đã giúp bạn thực hiện rồi
- Không sợ bị DDOS kho lo nghĩ đến việc blog bị die do DDOS.
- Up ảnh lên blogspot không cần phải lo nghĩ hết dung lượng
- Hiển thị di động, phần lớn Blogspot đều có khả năng hiển thị tốt cho di động , đối với website thì bạn phải mất chi phí để có thể thuê code để chỉnh sửa như vây web mới hiển thị tốt được
- Ai cũng phải nghĩ đến 1 điều nữa đó là blogspot chính là con đẻ do google tạo ra cho nên sẽ có phần ưu tiên
- Có thể tạo Blogspot khá là dễ tạo khi 1 Gmail bạn có thể tạo được nhiều các blog khác nhau
- Index bài viết khá nhanh.
- Tùy biến giao diện khá ổn (nhìn khá là chuyên nghiệp) . Bạn có thể làm 1 web game, làm một web bán hàng các loại ( Xem thêm các mẫu Templates tại đây ==> Theme Blogspot ). làm một web tin tức như một web site chuyên nghiệp
- SEO blogspot khá dễ lên top ,nên nếu bạn biết tối ưu và viết bài tốt cho blogspot
Nhược điểm khi dùng blogspot
- Đôi khi bị nhà mạng chặn ==> mất đáng kể lượt truy cập (nhưng khá là lâu rồi mình chưa thấy vấn đề chặn blogspot này nữa)- Hơi khó dùng đối với những người lạ lẫm về blog (vì cần chỉnh sửa khá nhiều về Code và chưa hỗ trợ nhiều về tool như của wordpress)
- Để có một giao diện ưng ý thì bạn cần có độ am hiểu nhất định về blogspot để có thể tự thiết kế 1 blogspot riêng với nhiều chức năng cho chính mình
- Chưa có tool hỗ trợ về SEO nhiều như ở wordpress. Phần lớn là thao tác liên qua đến Code
- Có thể bị xóa mà không bóa trước vấn đề này mình đã đề cập tới ở phía trên
Vậy còn chần trừ gì nữa mà không tạo một website dựa trên blogspot cho mình?
Đăng ký:
Bài đăng (Atom)
