Showing posts with label thiet-ke-web-ban-hang. Show all posts
Showing posts with label thiet-ke-web-ban-hang. Show all posts

Wednesday, December 16, 2015

Hướng dẫn cách thêm Fanpage vào Blogspot (có video hướng dẫn)

Hướng dẫn cách thêm Fanpage vào Blogspot

Thủ thuật Blogger đơn giản, có video hướng dẫn


Trong công việc bán hàng, hay xây dựng thương hiệu cá nhân, việc kết nối với lượng khách truy cập trên Facebook thông qua 
Fanpage là rất hiệu quả. Do đó, việc đưa Fanpage vào website/Blogspot/blogger là điều cực kỳ quan trọng và nên làm. Hôm nay Sơn Nguyễn sẽ hướng dẫn các bạn cách thêm Fanpage vào Blogspot/Blogger của bạn để thuận tiện cho việc kết nối truyền tải thông tin mới nhất đến khách hàng trên Facebook.


Video hướng dẫn đưa Fanpage vào Blogger/Blogspot (cực kỳ đơn giả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/Arvv2BMkv4s

Cách đưa Fanpage vào Blogspot/Blogger


Đầu tiên, bạn cần xác định vị trí sẽ đặt Fanpage vào Blogspot của bạn để thuận tiện cho việc kết nối với khách truy cập nhất. (Trong trường hợp này, Sơn Nguyễn chọn cột bên phải để chèn Fanpage vào Blogger)

Sau đó, truy cập vào phần quản trị của blog ---> Bố cục ---> Thêm tiện ích tại nơi sẽ đặt Fanpage ---> Chọn tiện ích HTML/Javascript




Copy đoạn code sau và paste vào tiện ích
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/nguyentruongson.info&amp;
width=245&amp; colorscheme=light&amp;show_faces=true&amp;
connections=9&amp;stream=false&amp;header=false&amp;
height=270" scrolling="no" frameborder="0"
scrolling="no" style="border: medium none;
overflow: hidden;
height: 270px;
width: 245px;
background:#fff;">
</iframe>
</div>
Tùy chỉnh các thông số
  • Dòng tô vàng: link địa chỉ Fanpage của bạn
  • Chữ màu đỏ: độ cao của ô Fanpage
  • Chữ màu xanh: độ rộng của ô Fanpage

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

Bấm Xem blog để tận hưởng thành quả ^^

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

Link tải đoạn code: https://drive.google.com/file/d/1JlKaw5CxTJyy8LA-49n43B0XfJ0pUDfV/view?usp=sharing

Để 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 3: Hướng dẫn thay banner cho Blogspot
Bài 4: Hướng dẫn thay đổi nội dung chân trang Blogspot
Bài sau >>>

Sunday, December 13, 2015

Hướng dẫn thay đổi nội dung chân trang Blogspot

Hướng dẫn thay đổi nội dung chân trang Blogspot

Hướng dẫn chi tiết, có video hướng dẫn



Khi bạn tạo 1 Blogspot và sử dụng các giao diện (templates Blogger) sẵn có thì ở chân trang luôn có dòng chữ "Mẫu ........ Cung cấp bởi Blogger". Đây là nội dung thông báo bản quyền, rằng bạn đang sử dụng mẫu templates Blogger, hoặc của 1 đơn vị khác nếu bạn dowload mẫu templates blogspot trên mạng về. Việc thay đổi nội dung chân trang Blogspot là ko khuyến khích.

Tuy nhiên, có khá nhiều bạn đã hỏi rằng có thể xóa nội dung này ở chân trang Blogspot/Blogger được ko? Hoặc, có thể thay nội dung này thành nội dung khác? - vì nếu có dòng chữ Blogger thì nó chỉ là 1 blog chứ ko phải là 1 website thực thụ, nhìn ko chuyên nghiệp. Đáp ứng những nhu cầu đó, hôm nay Sơn Nguyễn sẽ hướng dẫn bạn thực hiện thay đổi nội dung chân trang Blogspot/Blogger 1 cách dễ dàng và đơn giản.

Video hướng dẫn thay đổi nội dung chân trang Blogspot/Blogger



  • 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/na-BbqxXEgc

Hướng dẫn thay đổi nội dung chân trang Blogger/Blogspot


Để thực hiện điều này, bạn làm như sau:

-Đăng nhập vào trang chủ Blogger của bạn ---> truy cập vào phần quản trị blog bạn muốn thay đổi nội dung chân trang ---> Mẫu ---> Chỉnh sửa HTML

-Đặt con trỏ soạn thảo trong phần code, bấm Ctrl F để tìm Att

-Ấn Enter khoảng 3-4 lần để tìm đến đoạn code sau

<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
....
</b:section>



Sau khi tìm được đoạn code trên,các bạn xóa nó đi, thay vào đó là đoạn code dưới đây:

<div style="text-align: center;">
<b><span class="Apple-style-span" style="color: white;">HƯỚNG DẪN BLOGSPOT CHI TIẾT</span></b></div> <div style="text-align: center;">
<b><span class="Apple-style-span" style="color: white;">Từ căn bản đến nâng cao - Ai cũng có thể làm được</span></b></div> <div style="text-align: center;">
<b><span class="Apple-style-span" style="color: white;">Thực hiện bởi Sơn Nguyễn</span></b></div>



Các bạn có thể chỉnh sửa các thông số đã được tô màu cho phù hợp với bạn

Gợi ý của Sơn Nguyễn
  1. Dòng 1: Tên công ty/Tên sản phẩm/Tên dự án/Tên blogspot của các bạn
  2. Dòng 2: Địa chỉ
  3. Dòng 3: Thông tin liên hệ (SĐT, Fax, Email...)

Chú ý: có thể thay màu chữ ở mục "color: white;" trong đoạn code

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

Bấm Xem blog để chiêm ngưỡng thành quả ^^


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 2: Hướng dẫn thêm bình luận Facebook vào bài viết của Blogspot
Bài 3: Hướng dẫn thay banner cho Blogspot
Bài sau >>>

Wednesday, December 9, 2015

Hướng dẫn thay banner cho Blogspot

Sau khi đăng bài viết Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao, có 1 số bạn có lẽ đã ko chú ý kỹ nên đã hồi âm hỏi về cách làm banner cho Blogger. Vì vậy hôm nay Sơn Nguyễn sẽ làm 1 bài viết hướng dẫn Thay banner cho Blogspot chi tiết hơn và kèm theo hướng dẫn thêm 1 vài thứ nữa :D

Hướng dẫn thay banner cho Blogger/Blogspot (Header)

Bấm vào hình để xem hình lớn

Banner của Blogspot chính là phần hình ảnh nằm ở Tiêu đề của blog (Header). Vì vậy để tạo Banner cho blogger, bạn chỉ cần up hình lên phần Tiêu đề của Blog là xong :D. (kaka, hướng dẫn huề vốn ghê)

Để thực hiện phần này, các bạn hãy chuẩn bị 1 hình ảnh để làm banner có kích thước phù hợp với chiều rộng của blog của bạn.

Ví dụ với blog Hướng dẫn Blogspot chi tiết có độ rộng 1000px nên Sơn Nguyễn sẽ chuẩn bị 1 hình có chiều rộng khoảng 980px để làm banner cho nó (chọn kích thước nhỏ hơn chút xíu để nó nằm gọn trong blogspot ^.^)

Và đây là hình mà Sơn Nguyễn sẽ Up lên làm banner cho Blog này (hình dowload trên mạng về ^^)


Để thực hiện các bạn làm như sau:

-Vào trang chủ của Blogger https://www.blogger.com/home

-Chọn blog bạn muốn đặt banner (nếu bạn có nhiều blog khác nhau), click vào Tên blog để vào phần quản trị blog đó

-Trong phần quản trị ---> Bố cục ---> Header (Tiêu đề) ---> Chỉnh sửa



Xuất hiện box Định cấu hình Tiêu đề

Mục Hình ảnh: bạn bấm chọn tệp để up hình từ máy tính của bạn lên

Sau khi hình được up lên bạn nhớ tick vào ô Thay cho tiêu đề và mô tả

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



Bấm Xem blog để chiêm ngưỡng thành quả ^^


Chỉnh sửa cấu hình bài đăng của Blogspot



Bấm vào hình để xem hình lớn

Sau khi viết bài xong, sẽ xuất hiện 1 số thông tin bên dưới bài đăng, như: Được đăng bởi..., Vào lúc..., Nhận xét .... bạn có thể chỉnh sửa hoặc loại bỏ chúng đi để bài viết của bạn trong "sạch sẽ" hơn ^^

Cách làm như sau

Trong phần quản trị blog ---> Bố cục ---> Bài đăng trên Blog ---> Chỉnh sửa
Bấm vào hình để xem hình lớn

Xuất hiện box Định cấu hình bài đăng trên Blog

Bạn hãy bỏ những tick mà bạn cho là ko cần thiết, có thể bỏ hết, nhưng nhớ để lại Hiển thị nút chia sẽ nhé (để người đọc có thể chia sẽ bài viết của bạn lên các Mạng xã hội chứ)
Bấm vào hình để xem hình lớn

Xong bấm Lưu để hoàn tất!

Như vậy về cơ bản, bạn xem như đã thành thạo với Blogspot/Blogger rồi đấy! Nếu vẫn có thắc mắc gì vui lòng comment ở phía dưới, hoặc gửi thông tin trong phần Liên hệ để được giải đáp nhé!

Monday, December 7, 2015

Hướng dẫn thêm bình luận Facebook vào bài viết của Blogspot

Thêm bình luận/comment Facebook vào Blogspot là cách nhanh nhất để kết nối trang Blogger của bạn với cộng đồng mạng xã hội thịnh hành nhất hiện nay. Nó sẽ tạo hiệu ứng lan truyền nội dung bài viết của trang Blogspot/Blogger của bạn rất nhanh đến những người khác trên Facebook.  Chính vì vậy hôm nay Sơn Nguyễn sẽ hướng dẫn thêm bình luận (comment) Facebook vào bài viết cho Blogspot của bạn.

P/s: để thực hiện điều này bạn cần phải sở hữu cho mình 1 trang Blogger/blogspot. Nếu chưa có thì hãy xem bài viết Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao

Video hướng dẫn thêm bình luận Facebook vào bài viết 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/T4AIeD3yGjA

Cách chèn comment Facebook vào bài viết của Blogger


Đầu tiên, bạn vào trang chủ của Blogger blogger.com/home chọn trang Blogspot mà bạn muốn thêm bình luận Facebook vào bài viết.

Truy cập vào trang quản trị blog đó ---> Mẫu ---> Chỉnh sửa HTML


Bấm vào hình để xem hình lớn



Đặt con trỏ soạn thảo trong phần code, bấm Ctrl F để tìm </head>

Copy đoạn code dưới đây và Paste (dán) vào phía trên thẻ </head>
(Link download ở bên dưới bài viết)
<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="30" data-width="666"></div>';
//]]>
</script>

Bấm vào hình để xem hình lớn

Các thông số
  • data-num-posts="30": Số bình luận (comment) Facebook hiển thị ở bài viết của Blogspot.
  • data-width="666px": chiều rộng của khung bình luận.

Tiếp theo, ban bấm Ctrl F để tìm thẻ </body>

Copy đoạn code dưới đây và Paste (dán) vào phía trên 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/vi_VN/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Bấm vào hình để xem hình lớn


Đặt khung comment (bình luận) Facebook trong bài viết Blogspot/Blogger. 


Thông thường, các comment (bình luận) Facebook sẽ nằm ở cuối mỗi bài viết. 

Bạn làm như sau:

Bấm Ctrl F để tìm <b:include data='post' name='post'/>

Copy đoạn code dưới đây và Paste (dán) vào phía dưới dòng  <b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>

Bấm vào hình để xem hình lớn

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

Bấm Xem blog ---> vào bài viết bất kỳ của bạn để xem thành quả ^^

Chú ý: Một số mẫu giao diện template Blogspot/Blogger sẽ có nhiều dòng <b:include data='post' name='post'/>, bạn chọn dòng đầu tiên tìm được để thực hiện. Sau đó lưu lại xem kết quả. Nếu thấy không được thì ta chọn dòng khác, đến khi nào được thì thôi ^.^

Nếu ban có thắc mắc gì thì hãy comment phía dưới,hoặc để lai thông tin trong phần Liên hệ nhé.

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

Nếu bạn thấy nội dung này hữu ích thì bấm G+ phía dưới nhé!

Link download các đoạn code: https://drive.google.com/open?id=1dUv2kLhVhzFJn13IBAlt0jDcaw78_MEi

Have nice day!
*Các đoạn code được sưu tầm trên mạng

<<< Bài trước