Home » Archives for 12/07/11
Chèn comment của facebook vào blogspot
08:32 |Facebook đã trở nên phổ biến và quen thuộc mỗi khi chúng ta muốn lên đây để ... "chém gió". Và hôm nay mình sẽ hướng dẫn cho các bạn đem cái công cụ "chém gió" này vào blog của các bạn. Với việc thay thế comment của blogspot bằng comment của facebook hy vọng blog của các bạn sẽ sôi động hơn.
Có thể nói thủ thuật chèn comment của facebook vào mỗi bài viết blogspot cũng không mới lạ gì, 1 số blog thủ thuật nước ngoài đã đăng tải rồi (các bạn có thể vào google search với từ khóa facebook comments for blogger là có kết quả ngay). Tuy nhiên phải nói là cách thực hiện nó cũng khá phức tạp. Ngay cả mình cũng chưa thực hiện thành công khi làm theo các bước hướng dẫn. Có lần mình đã cố thử vào trang http://developers.facebook.com/setup/ mà không được, không biết có phải facebook hạn chế đối với user ở Viện Nam ko nữa.
Và ở thủ thuật này, các bạn sẽ chỉ cần copy và paste code là xong, không cần phải thiết lập hay tạo App trên facebook.
Xem DEMO
Hình ảnh minh họa
Bước đầu tiên bạn phải làm là đóng comment của blogger lại. Các bước thực hiện như hình bên dưới :
- Save cài đặt lại.
Bước 2 : chèn code của thủ thuật vào template.
1. Vào phần thiết kế -> chỉnh sửa code HTML -> nhấp chọn mở rộng mẫu tiện ích.
2. Chèn đoạn code bên dưới vào trước 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="660"></div>';
//]]>
</script>
- data-width là độ rộng của comment box.//<![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="660"></div>';
//]]>
</script>
- data-num-posts là số comment được hiển thị (cũng chính là số bài reply trên 1 comment)
- data-href là để phân biệt từng comment box, mỗi địa chỉ data-href khác nhau sẽ cho 1 comment box khác nhau. và trong thủ thuật này data-href chính là link của mỗi bài viết.
3. Chèn đoạn code bên dưới vào sau 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>
<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>
4. Tìm đoạn code như bên dưới :
<b:include data='post' name='post'/>
5. Chèn ngay sau nó đoạn code bên dưới :
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
6. Save template.
Chúc các bạn thành công.
Theo yêu cầu của Phù Thủy Âm Nhạc
Lấy link youtube hàng loạt cho ANCMedia
03:25 |Trước đây mọi người phải ngồi copy mã nhúng paste vào Blog. Khi có ANCMedia chắc mọi người thấy nhẹ nhàng hơn. Tuy nhiên, rất nhiều người đã chán cái cảnh, ngồi copy từng link Youtube cho vào blog. Rất mệt ! Nhìn một bộ phim mà hơn trăm tập phim thì phải làm thế nào, hic. Vừa làm vừa ngồi đếm, nhầm một link thôi là đã ức chế nổ con mắt đi dò lại.
Giờ đây, cái lười nối tiếp cái lười, với công cụ Get link Youtube thông qua Gdata (Playlist Youtube) cái ngày xưa ấy sẽ đi vào dĩ vãng.
Mình viết công cụ này bởi vì mình cũng là một kẻ lười.
Để sử dụng được công cụ này, các bạn vào trang http://www.maphim.net/p/gdata.html
Bạn phải tạo một playlist cho bộ phim cần lấy. Mình sẽ hướng dẫn các bạn luôn nhé. Nhưng để làm được điểu này, các bạn hãy tạo cho mình một tài khoản Youtube, có tài khoản Google chỉ cần vào điền tên kênh là xong, không cần đăng ký lại.
B1. Chọn một tập phim để bắt đầu playlist., thêm nó vào playlist bằng dấu cộng bên dưới nhé.
B2. Nhấn vào "Thông tin thêm về danh sách phát này" để lấy id playlist.
B3. Lấy id playlist, chú ý chỉ lấy phần màu vàng.
Có Id rồi bạn vào trang trên, paste id để lấy link, thông tin và ảnh.
Giới thiệu để các bạn sử dụng.
* Phần id Gdata lấy được các bạn cũng có thể dùng post cho ANCMedia theo link sau,
Cách này thường chỉ áp dụng cho một tập phim nhiều part, làm cho gọn phần hiển thị bên dưới. Nếu áp dụng với nhiều tập phim sẽ gây bất tiện cho người dùng.
Chúc các bạn thành công !
Giờ đây, cái lười nối tiếp cái lười, với công cụ Get link Youtube thông qua Gdata (Playlist Youtube) cái ngày xưa ấy sẽ đi vào dĩ vãng.
Mình viết công cụ này bởi vì mình cũng là một kẻ lười.
Để sử dụng được công cụ này, các bạn vào trang http://www.maphim.net/p/gdata.html
Bạn phải tạo một playlist cho bộ phim cần lấy. Mình sẽ hướng dẫn các bạn luôn nhé. Nhưng để làm được điểu này, các bạn hãy tạo cho mình một tài khoản Youtube, có tài khoản Google chỉ cần vào điền tên kênh là xong, không cần đăng ký lại.
B1. Chọn một tập phim để bắt đầu playlist., thêm nó vào playlist bằng dấu cộng bên dưới nhé.
B2. Nhấn vào "Thông tin thêm về danh sách phát này" để lấy id playlist.
B3. Lấy id playlist, chú ý chỉ lấy phần màu vàng.
Có Id rồi bạn vào trang trên, paste id để lấy link, thông tin và ảnh.
Giới thiệu để các bạn sử dụng.
Episode: Nếu bạn có nhiều tập thì chọn phần này. Nó sẽ sinh code nhiều tập phim cho bạn.
Part : Nếu bạn có nhiều phần của tập phim thì chọn phần này.
Start at episode : Danh sách phát của bạn bắt đầu từ tập bao nhiêu thì ghi vào đây nhé.
Part : Nếu bạn có nhiều phần của tập phim thì chọn phần này.
Start at episode : Danh sách phát của bạn bắt đầu từ tập bao nhiêu thì ghi vào đây nhé.
* Phần id Gdata lấy được các bạn cũng có thể dùng post cho ANCMedia theo link sau,
anc.yl/ID GDATA
Cách này thường chỉ áp dụng cho một tập phim nhiều part, làm cho gọn phần hiển thị bên dưới. Nếu áp dụng với nhiều tập phim sẽ gây bất tiện cho người dùng.
Chúc các bạn thành công !
Top Hot
