Cách tạo hộp popup like box khi vào website/blog

Các bạn hay lướt web hay blog cũng thường thấy là khi vào nó sẽ hiện ra một hộp like ở giữa màn hình, Vậy hôm nay Hồng Designer sẽ hướng dẫn các bạn Cách tạo hộp popup like box khi vào website/blog .

 

Demo for Post

Để làm được popup like box như thế các bạn tiến hành làm theo 2 bước sau :

+ Đầu tiên các bạn vào quản lý blogspot chỉnh sửa template blog của mình (Mẫu ~> Chỉnh sửa HTML)

+ Tìm đến thẻ ]]></b:skin> trong template của bạn. Và thêm đoạn code sau vào bên trên thẻ này.

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 110004;
display: none;
}
#fancybox-loading div {

 + Tiếp theo các bạn tiếp tục tìm thẻ </head> trong template blog của bạn và cũng thêm đoạn code sau và trên thẻ này.

<script src="http://dl.dropbox.com/u/70549761/jQuery/namkna-blogspot-com/jquery.min.v1.4.1.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/70549761/File-phu/namkna-blogspot-com/launch.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/70549761/File-phu/namkna-blogspot-com/scs.js" type="text/javascript"></script>

<script type="text/javascript">/* <![CDATA[ */
var lb_l_ret = {"fb_id":"220761538032225","display_on_post":"1"," show_once":"15","delay":"4000","display_on_page": "","fancybox":"","display_on_homepage":"","faceboo kheader":"","gaevent":"","eam":"","display_on_arch ive":"","hideonlike":""}; /* ]]> */
</script>

 

Trong đó :

220761538032225 là ID của fanpage của bạn.

Nếu các bạn ko biết lấy ID fanpage thì làm theo cách sau.

 + Nếu fanpage mới tạo thì nó sẽ có ID sẵn trên url của fanpage 

https://www.facebook.com/pages/Template-Blogspot-B%C3%A1n-H%C3%A0ng/842758855743587

Chính là phần bôi đen

+ Còn nếu fanpage của bạn đã đổi url rồi thì nó sẽ như thế này

https://www.facebook.com/minhyeunhauemnhe.vn các bạn sẽ lấy ID bằng cách thay www bằng graph thì nó sẽ có dạng https://graph.facebook.com/minhyeunhauemnhe.vn rồi bỏ lên trình duyệt . Cách này có thể áp dụng luôn để lấy ID cá nhân trên facebook. Chúc các bạn thành công !

Tag : Thủ thuật blogger