Thủ Thuật | Hướng dẫn seo cho blogspot/website

Posts

Showing posts with the label Thủ Thuật Blogger (Blogspot)

Chèn nút share mạng xã hội Facebook, Twitter, G+, Pinterest...cho blogspot đơn giãn nhất

June 21, 2015

Cách chèn nút share chia sẻ facebook, twitter, G+, Pinterest... đơn giản nhất cho blogspot Mình hướng dẫn cho các bạn cách chèn một button mạng xã hội đơn giãn nhất, hỗ trợ gần như hầu hết tất cả mạng xã hội hiện hay như facebook, twitter, google+, Pinteest, tumbrl... nhiều lắm, phục vụ cho seo blogspot của bạn, rất chi tiết cho bạn, mà ở đây đang nói đến việc đơn giãn nhất, cái này không thể thiếu trong blog /website, giúp cho độc giả tiện chia sẻ blog/website của bạn hơn. Xem hình Demo Bắt đầu: 1. Đầu tiên các bạn vào site: addthis.com tạo cho mình một tài khoản (hoặc đăng nhập facebook), cái này thì đơn giãn rồi. 2. Về trang chủ bấm vào mục Add this -> website tools Sau đó kéo xuống dưới, chọn dịch vụ mà addthis cung cấp, ở đây mình đang nói đến thêm button mạng xã hội vào blogspot -> bấm Setup Sẻ có một số mẫu Pro và free cho bạn chọn, tôi chọn free, bạn rê chuột vào mẫu nào thì hiệu ứng của mẫu đó sẻ xuất hiện, để bạn xem trước. 3. Bấm vào mục SE...

Hướng dẫn tích hợp giao diện mobi templates phim blogspot

May 24, 2015

Chào các bạn bài hôm trước mình đã hướng dẫn cách bạn cách tích hợp giao diện mobi vào blogspot . Nay mình sẽ đi chi tiết hơn là cách tích hợp giao diện mobi cho một site phim blogpsot . Đây là một giao diện mobi chuẩn nhất cho tới hiện nay, mẫu này nhiều người còn đem đi bán khắp nới. Chỉ miễn phí tại Thuthuatblogger.org . DEMO Các bạn xem video làm theo hướng dẫn và mình có đính kèm link tải templates mobi giống demo ở phần mô tả video nhé.

Làm sao để tích hợp Responsive vào blogspot?

May 01, 2015

Ngày nay blogspot đang phổ biến nhất hiện nay vì ưu điểm của nó là tiện lợi, giá rẻ, dễ quản lý, và nhu cầu tất yếu của Blogspot là tích hợp giao diện mobi cho blogspot được người dùng đặt lên hàng đầu. Vì phần lớn người dùng hoặc khách hàng của họ quá bận rộn và thường xuyên online bằng điện thoại hoặc ipad. Các bạn có thể xem hình dưới là giao diện sau khi đã được tích hợp Responsive được hiển thị trên tất cả thiết bị. Làm sao để tích hợp Responsive vào blogspot? Vì lý do này nên mình hướng dẫn các bạn cách tích hợp Responsive vào website hoặc blogspot . Tất cả những thao tác sau các bạn thực hiện trên templates blogspot cần tích hợp. Đăng nhập vào phần quản trị blogspot > Mẫu > Chỉnh sửa HTML. Bước 1 : Trên templates blogspot các bạn tìm giúp mình thẻ <head> và thêm thẻ meta sau ngay dưới nó. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> Bước 2 : Tiếp tục thao tác trên templates blogspot của mình các...

Hướng dẫn vô hiệu hóa js mặc định cho blogspot

April 27, 2015

Đây là vấn đề thường gặp khi bạn là một thiết kế hay là bạn chỉnh sửa cho blogspot của mình, khi thêm css vào blog nhưng mà nó không như ý muốn. bởi vì js mặc định nó đã làm điều đó làm bạn khó chịu.JS mặc định ở đây là những đoạn js ở cuối blog khi bạn ctrl + U. Những link js mặc đinh thường có dạng như sau : <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('widgetJsBefore'); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3186034670-widgets.js"></script> < script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> Cũng lưu ý một điều cho các bạn là newbi , nếu bạn không biết gì về css thì đôi khi blog sẽ bị vỡ khung khi làm điều này nên rất xấu xí :)) Vậy chúng ta bắt đầu thực hiện nhé, đăng nhập vào templates blogspot tìm đến các thẻ sau : <html> <head> ... </head> <b...

Code hiện tổng bài đăng cho blogspot

April 26, 2015

Đây là đoạn code giúp hiển thị tổng số bài đăng , có nghĩa là blog của bạn có tất cả bao nhiu bài viết, và đây cũng là một thủ thuật rất là đơn giản nhưng mà có một bạn yêu cầu nên mình chia sẻ cho tất cả cùng làm. Code hiện tổng bài đăng cho blogspot Để làm điều này các bạn làm theo hai bước sau : Bước 1: Các bạn vào phần bố cục thêm tiện ích HTML/Javascript và dán vào đó đoạn code dưới Hiện có : <script type="text/javascript"> // Posts Count :: http://www.thuthuatblogger.org/ function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> bài đăng Thay link blog thành link blogspot của bạn Sửa chữ hiện có và bài đăng theo ý các bạn Bước 2 : Lưu tiện ích lại và xem thành quả của bạn vừa làm đc nhé. Chúc các bạn online vui vẻ.

JQuery và CSS lên đầu trang siêu đẹp cho blogspot

April 15, 2015

Xêm Thêm : SEO Blogspot Templates Blogspot Thủ Thuật Blogspot Lên đầu trang hay còn gọi Black To Top là một tính năng khá cần thiết cho blogspot hay wedsite, bởi vì đối với những bài viết có độ dài khủng thì việc lăn chuột hay cuộn thanh trượt rất là phiền phức đối với người đọc. JQuery và CSS lên đầu trang siêu đẹp cho blogspot Vậy làm sao để thêm tính năng này vào blogspot? Hôm nay Thuthuatblogger.org sẽ giúp các bạn làm điều này với 2 cách đó là dùng JQuery và CSS cho các bạn lựa chọn nhé. Cách thứ nhất : Dùng JQuery Bước 1 : Đăng nhập vào templates blogspot -> Mẫu -> Chỉnh sửa HTML Bước 2 : Dán đoạn code sau trên thẻ đóng </body> <style type='text/css'> #bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;} #bttop:hover{border:1px solid #ffa789;background:#ff6734;} </style> <div id='bttop'> BACK T...

Lấy Bài Viết Blogspot Người Khác Đơn Giản (không cần dùng IDM)

February 15, 2015

Chào các bạn lấy bài viết người khác hay còn lại là rip data blogspot người khác lúc trước mình có viết 1 bài là lấy bằng cách dùng IDM là bắt buột máy phải có IDM mới lấy được. Nay giới thiệu bạn một cách mới hơn là không cần dùng tới IDM. Vậy phải làm sao? Bạn dùng cú pháp sau và dán vào trình duyệt internet http:// diachi.blogspot.com /atom.xml?redirect=false& start-index=1 & max-results=10 Trong đó bạn cần chú ý đến : + http:// diachi.blogspot.com / : Thay = địa chỉ blogspot cần lấy dữ liệu + Số 1 : là số bài viết bắt đầu cần lấy + Số 10 : là số bài viết kết thúc Mình lấy ví dụ : là bạn muốn lấy 50 bài viết của một blogspot nào mà bắt đầu từ bài viết đầu tiên thì giữ nguyên số 1 và thay số 10 thành số 50 nhé. Sau khi bỏ lên trình duyệt thì nó sẽ giống như hình bên dưới Lấy Bài Viết Blogspot Người Khác Đơn Giản (không cần dùng IDM) Khi đã có như hình thì các bạn click chuột phải và chọn lưu thành, sau đó lưu thành file xml. Thế là xong đơn giản việt cuối c...

Hướng dẫn tích hợp Ancmedia cho blogspot

February 10, 2015

Ancmedia là gì ? AncMedia plugins hỗ trợ play video từ các nguồn Youtube, Dailymon, Docs, Zing Mobile, Mp4, Flv Hướng dẫn cài đặt Chú ý: cài đặt chỉ dành cho nhưng bạn nào hiểu dõ cấu trúc templates blogger, bạn có thể down các templates phim tại blog mình để xem hiểu dõ nếu muốn add AncMedia vào templates khác. Bước 1 : Tìm <data:post.body/> thêm dưới thêm vào bên dưới nó <div id="anc_pl"/> <div id="anc_tp"/> Bước 2 : Sửa thẻ <data:post.body/> thành <div id="anc_data"><data.post:body/></div> Bước 3 : Thêm đoạn code sau trên thẻ </body> <b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'>//<=!=[=C=D=A=T=A=[ var szk = { gk:{ 'width' : '600', 'height': '400', 'player': 'http://sv1.bay68.com/player.swf', 'proxy' : 'http://sv1.bay68.com/plugins/proxy.swf', 'skin' : 'http:/...

Hướng Dẫn Thiết Kế Hoặc Rip Một Template Blogspot - Phần I

February 02, 2015

+ Như tiêu đề thì hôm nay mình sẽ hướng dẫn các bạn thiết kế or rip một template blogspot nào đó một cách đơn giản nhất. + Để Rip hay thiết kế một template blogspot thì bạn cần hiểu được cấu trúc của nó như thế nào, phần I dưới đây mình sẽ giới thiệu cho các bạn một mẫu template blogspot gồn 2 sidebar 2 bên và công dụng của các thẻ có trong nó để bạn nắm được. <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.url == data:blog.homepageUrl'> <tit...

Ẩn, Hiện Một Widget Ở Trang Chủ Hay Một Trang Riêng Biệt

January 28, 2015

Một khi bạn tạo một widget trên blog thì nó sẽ được hiển thị ở tất cả các trang theo mặc định, bao gồm cả trang chủ. Đôi khi bạn chỉ cần hiển thị một vài widget ở trang chủ hoặc chỉ ở một số trang hoặc thậm chí ở một trang riêng biệt nào đó. Thủ thuật này cũng khá đơn giản. Điều quan trọng là bạn phải nắm được id của widget mà bạn tạo ra. Lấy ví dụ widget mà bạn tạo có id là HTML 10 và bạn đặt tiêu đề cho widget đó là BLOGGER TIPS. Vào Bố cục (Layout) rồi chỉnh sửa HTML ở chế độ mở rộng mẫu tiện ích. Trường hợp 1: Hiển thị widget chỉ ở trang chủ: Tìm và thêm đoạn code được đánh dấu màu đỏ và màu xanh như bên dưới. <b:widget id='HTML10' locked='false' title='BLOGGER TIPS' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'>  <b:if cond='data:title != ""'> <h2 class='title'><data:...