Hôm nay Namkna chia sẻ một phiên bản khác với các tùy chọn kiểm soát nhiều hơn. Thủ thuật này bao gồm một bộ đếm thời gian tự đóng thay vì bấm nút close thủ công. likebox sẽ hiển thị một button liên kết đến trang Fan Page trên facebook của bạn và một hình ảnh hấp dẫn liên kết vào trang fanpage của bạn, cho phép độc giả của bạn tham gia vào trang fanpage bằng cách nhấn vào nút like hoặc truy cập fanpage của bạn bằng cách nhấp vào hình ảnh. Bạn có thể thiết lập thời gian bao lâu các widget/plugin phải hiển thị trước khi biến mất tự động.
Bạn cũng có thể cài đặt nó hiển thị ngay lập tức sau khi độc giả truy cập vào trang web của bạn hoặc sau một thời gian quy định. Mã JavaScript này được tạo ra bởi kakiheboh gọi là "LikeBox FB fanpage Pro" và namkna chỉ đơn giản là thay đổi mã để tạo ra nền tảng khác nhau cho các likebox. Việc cài đặt rất dễ dàng chỉ cần làm theo các bước sau. Điều này tương đối tải nhanh hơn so với trước facebook blogger widget chúng ta xuất bản cho đến nay.
XEM DEMO
Ảnh minh họa:
THêm Facebook PopUp Like Box vào blogger!
1- Đăng nhập vào BloggerLưu ý quan trọng: Tiện ích tự động đóng sau một thời gian định trước, để không gây phản cảm và bực tức cho độc giả đừng nên để thời gian xuất hiện của like box quá lâu. Chỉ nên để tối đa 20 giây. Tất nhiên bạn có thể để lâu hơn tùy ý nhưng coi chừng sẽ bị phản tác dụng và dislike vì làm độc giả phiền lòng.
2- Chọn mẫu (Template)
3- Chọn chỉnh sửa HTML HTML (Edit HTML)
4- Dán đoạn code sau vào trước thẻ </body>
<!-- http://namkna.blogspot.com/ Likebox Pro FBFan Code Start --> <script type='text/javascript'> //<![CDATA[ KNFBFansPRO='namkna.blogspot' //]]> </script> <style> #fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#900000;text-align:left;font-family:arial,sans-serif;font-size:13px; } #fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%; } .fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important; } #fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 8*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100; } #fblikepop #closeable{float:right;margin:7px 15px 0 0; } #fblikepop h1{background:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font- weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; } #fblikepop #actionHolder{height:30px;overflow:hidden;} #fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px; } #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important; } #fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important; } #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important; } #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px; } </style> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js'></script> <script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script> <script type='text/javascript' src='http://dl.dropbox.com/u/66256041/popup/namkna.blogspot.con/fbpopup1.js'></script> <script language='javascript'> //<![CDATA[ $(document).ready(function(){ $().KNFBFansPRO({ timeout: 30, wait: 0, url: 'http://www.facebook.com/namkna.blogspot', closeable: true }); }); //]]> </script> <div id='fbtpdiv'></div> <!-- http://namkna.blogspot.com/ Likebox Pro FBFan Code End -->
Tùy chỉnh:
- Thay thế này namkna.blogspot thành tên truy nhập Facebook của bạn. Bạn có thể xem hình dưới để rõ hơn.
- timeout: 30, Popup tự đóng sau 30 giấy, để thay đổi nó chỉ cần chỉnh sửa thời gian chờ: 30 Như mình lưu ý từ đầu thời gian này không nên để quá lâu sẽ ảnh hưởng đến người đọc và phản tác dụng. Hãy khôn khéo trong viecj áp dụng các tiện ích loại này.
- wait: 0, Các widget xuất hiện ngay lập tức sau khi truy cập. Nếu bạn muốn nó xuất hiện sau một phút hoặc nhiều hơn chỉnh sửa số: 0. Bạn có thể để like bõ xuất hiện sau kho dộc giả truy cập bài viết khoảng 30 giây. không nên lâu quá vì rất có thể độc giả đã chuyển sang trang khác.
- Bạn có thể thay đổi màu nền bằng cách chỉnh sửa CSS Code
- Thay đổi ảnh nền bạn tải file fbpopup1.js về máy (tại đây hoặc tại đây) sau đó mở lên bằng notepad và tìm file ảnh
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGi-6eKE1oMlB_Ykn6qMCWvMPHu-a2T1rkmAyTxigWHuLklpfJbWHdDHm1fDchPiiXhWduL-6-m2BiVWPagJeKwJRlLvEgfcYN5K7yEOWdvGq2dywtffdW1xusi7zWIQ0bJRy2I6o0R44/s1600/fb-namkna-blogspot-com.png
- Và thay thế bằng file ảnh của bạn.sau đó Upload lên host riêng để dùng lâu dài nha. )Nếu chưa có host thì có thể xem bài này nha. - background:#900000 là màu khung popup.
- minCCCCCCght:50px; Nếu muốn hiển thị avantar của người đã like đầy đủ bạn sửa lại thành: height:50px; và chỉnh thông số 50 nha.
- Một số hình ảnh cho bạn chọn. Bấm vào hình để tải về máy Upload lên blog để lấy ảnh nha.
Nếu bạn cần giúp đỡ?:
Các bước hướng dẫn trên tương đối rõ dàng và qua test thử tiện ích hoạt động rất oke mà chưa phát sinh bất cứ sự cố nào. Hãy thêm vào blog của bạn để tăng lượng like cho fanpage Facebook của bạn và tăng lưu lượng truy cập từ facebook vào blog/web của bạn nhiều và nhiều hơn nữa từ mạng lưới thành viên rất đông của mạng xã hội khổng lồ với hơn 800 triệu người đăng ký sử dụng và sẽ còn nhiều hơn trong tương lai. Đừng ngần ngại hãy commnet cho tôi biết nếu bạn cần sự giúp đỡ.
Nhận xét
có thể làm cái dạng ads ẩn hiện góc màn hình như namka không ạ
Trả lờiXóaBạn xem bài này nha: http://namkna.blogspot.com/2011/08/tao-banner-quang-cao-dang-popup.html
Xóanam ơi,sao phần tải file fbpopup1.js về máy (tại đây hoặc tại đây) sao k thấy link tải về,và sau khi tải về thì làm sao up lên đây
Trả lờiXóaCủa bạn Đây: DOWNLOAD NOW
XóaVà sử dụng googlecode để chứa file nha: XEM NGAY
Xóawait: 0, là xuất hiện ngay:
Trả lờiXóawait: 30, là sau 30 giây mới xuất hiện mà em.
có thể làm với các mạng khác ko anh, vk.com hay tweeter
Trả lờiXóaTất nhiên là được. Tuy nhiên mấy mạng đó việt nam ít người dùng nên anh chưa viết tut. nếu em cần mấy hôm tới anh viết cho.
Xóaem muốn tháy cái ảnh này lên mà k dc: mò cả buổi chiều k ra nản
Trả lờiXóahttp://4.bp.blogspot.com/-gpZCPmSaBxA/Ua8SP5HFsBI/AAAAAAAAAWI/KZOVbrX-MSs/s320/600628_157185657795400_303987091_n.png
Bạn tải file js bên dưới về:
Xóahttp://dl.dropbox.com/u/66256041/popup/namkna.blogspot.con/fbpopup1.js
Nếu chưa biết cách tải xem BÀI NÀY
- sau đó mở fbpopup1.js lên bằng notepad và tìm file ảnh
http://4.bp.blogspot.com/-f7zGivKNy0k/USofTKs-MRI/AAAAAAAABKg/q_66T7i8Eew/s1600/fb-namkna-blogspot-com.png
- Và thay thế bằng file ảnh của bạn http://4.bp.blogspot.com/-gpZCPmSaBxA/Ua8SP5HFsBI/AAAAAAAAAWI/KZOVbrX-MSs/s320/600628_157185657795400_303987091_n.png
Sau đó Upload lên host riêng để dùng lâu dài nha. Nếu chưa có host em có thể dùng host sau: XEM NGAY
HOst miễn phí xem bài này: http://namkna.blogspot.com/2011/08/huong-dan-su-dung-google-code-e-chua.html
XóaHoặc em có thể xem trả lời ở đây: XEM NGAY
XóaMình muốn đặt nó trong 1 nhãn được không, mình có nhã Download và muốn like xong thì nó chuyễn sang vao trang chứa nhãn Download của minh
Trả lờiXóaBạn có thể chèn đoạn code của thủ thuật vào giữa các cặp theo bài hướng dẫn nayf:
XóaChỉ hiển thị widget (tiện ích) khi xem các bài viết của một nhãn nhất định
anh ad ơi ! em muốn khi like rồi mà popup vẫn không đóng thì làm thế nào hả anh?
Trả lờiXóaEm sửa đoạn:
Xóacloseable: true
thành:
closeable: false
anh ơi, nếu muốn pop up chỉ hiện lên 1 lần thì làm thế nào ah?
Trả lờiXóanếu người \đó like thì nó sẽ không hiện lại đâu.
Xóaok. tks anh, em làm đc rồi :)
Trả lờiXóaKhông có gì.
XóaHiện tại code này chưa hỗ trợ với các trang web trên host bạn ak.
Trả lờiXóaNam ah` cho mình hỏi mình có 2 3 cái fanpage thì làm sao chèn vào 1 lúc cho người ta like lần lượt rùi tắt bạn giúp mình đc k T_T !!!
Trả lờiXóaBạn áp dụng cho mỗi fanpage một code khác nhau nha. Nhueng như vậy blog của bạn sẽ chậm và thêm nữa sẽ khiến cho độc giả cảm thấy khó chịu và mất dần độc giả của bạn đó.
XóaMình có ghé qua các blog.thấy họ có code auto like facebook rất hay.nhưng khi mình chèn vào gặp một số vấn đề,Rất mong bạn sẽ dành 1 bài cho auto like facebook cho blogger.
Trả lờiXóaKhông hề có code dạng đó đâu bạn ak vì một số nguyên nhân sau: like là plusgin của bên thứ 3 do vậy hkoong thể tác động nếu không can thiệp vào mã nguông của họ. Còn code của bạn nói thực chất là một dạng víu nếu áp dụng thì rất có thể sẽ mất nick face hoặc tài khoản blogger của bạn đó.
Xóabạn ơi cho mình hỏi, mình dùng code này cho vào mả nguồn nukeviet xài được không vậy bạn, nếu muốn xài cho nukeviet thì coder lại như thế nào, bạn giúp mình với
Trả lờiXóaý bạn là chèn vào trang nukeviet để xài hả. Tất nhiên là được bạn chỉ cần chèn vào trong một tiện ích HTML hoặc trước thẻ < / head > và lưu lại là được mà :)
Xóamình dùng nguyên code này luôn hả bạn, không cần chỉnh sửa gì hả, vì mình ko rành về code lắm
Xóamình sử dụng được rồi, cảm ơn bạn rất nhiều :D
Xóabạn ơi, mình nhấn like rồi nhưng khi vào trong 1 trang khác hay 1 bài viết cụ thể nó lại cứ hiện ra, có cách nào chỉ hiện 1 lần ở trang chủ không vậy bạn
XóaHiện tại thêm chức năng cookie thì sẽ khắc phục được nhưng nó làm blog chậm đi kinh khủng nên tạm thời mình chưa thêm nó vào code. Một vài hôm nữa mình sẽ post bài khắc phục hoàn thiện lỗi mà bạn nói.
XóaĐúng vậy không cần phải sửa gì chỉ cần như hướng dẫn trong bài viết là oke.
XóaKo biết Namkna đã có bài viết nào code như này chưa
Trả lờiXóa"Code PopUp kết hợp like ẩn " tức là có một popup giả khung quảng cáo và có nút x tắt quảng cáo chỉ cần người xem click vào nút x tắt quảng cáo là like page :) mình đăng muốn có 1 code như vậy nhờ Namkna giúp với
Cách tuowg tự thì cũng có rồi đó bạn ak." Auto like Facebook khi click chuột vào vị trí bất kỳ cho blogspot
Xóaem muốn thay màu đỏ phía ngoài viền thành màu khác thì phải làm sao đượcn anh
Trả lờiXóaTìm đoạn này nha em.
Xóabackground:#900000
Anh đã tô màu cam rồi đóa
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaBạn Namkna cho mình hỏi sao mình chèn code này vào blog của mình thì nó sẽ vô hiệu hóa những hiệu ứng trượt ảnh của các đoạn code javascript khác?
Trả lờiXóaCó cách nào khắc phục được không ?
Thanks bạn.
Chào anh em muốn hỏi là Mình chỉ muốn hộp xuất hiện 1 lần khi truy cập vào trang chủ có đc không, em thấy code click vào cái gì cũng hiện ra thì không hay lắm. mong anh trả lời cmt của em.
Trả lờiXóathiendiaus.blogspot@gmail.com
ok cảm ơn anh nha :)
Trả lờiXóablogspot của em : http://shareitvietnam.blogspot.com/#
Bác up lại cái fbpupup.js giúp em cái
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóa