Facebook Like Box là tiện ích rất hữu ích để hiển thị cho khách truy cập quyền hạn và tình yêu của mọi người đối với blog của mình. Facebook cung cấp một plugin Like Box đơn giản mà bạn có thể dễ dàng tích hợp vào trang web của mình Nhưng hộp like Facebook mặc định không có cái nhìn tốt về tất cả. Hướng dẫn này sẽ chỉ cho bạn Cách thêm Hộp Like Facebook dễ thương bằng CSS vào Blogger. Facebook Like Box là cách tốt nhất để có được nhiều người hâm mộ trên Facebook.
Hộp Fan cho phép thu hút tuyệt vời Blog của bạn nhiều khách truy cập hoặc người đọc thích trang fanpage Facebook của bạn mà không để lại lượt thích ở đây. bạn không cần phải làm bất cứ điều gì bạn nghĩ rằng bạn chỉ cần sao chép và dán mã. Tôi chắc chắn rằng tùy chỉnh tuyệt vời này Thích hộp Facebook với tiện ích CSS thu hút người hâm mộ facebook của bạn tăng số lượt Thích.
Bước 1. Đăng nhập vào tài khoản thủ thuật Blogger của bạn. Chuyển đến Bảng điều khiển Blogger của bạn. Nhấp vào tab Bố cục từ khung bên trái và nhấp vào Thêm liên kết Tiện ích
Bước 2. Sau khi nhấp vào Thêm liên kết Tiện ích Một hộp bật lên sẽ mở ra ngay bây giờ
với nhiều danh sách tiện ích, Chọn HTML / JavaScript từ các tùy chọn tiện ích bằng cách nhấp vào dấu cộng màu xanh cho tiện ích đó.
Bước 3. Chọn 'HTML / Javascript' và thêm một trong các mã được đưa ra dưới đây.
Bước 4. Bây giờ, nhấp vào Lưu 'JavaScript' Bạn đã hoàn tất.
Lưu ý: - Thay thế trang% 2FBlogspot-guide% 2F220888831260608 bằng Tên người dùng Facebook của bạn
Style 1.
Style 3.
Hộp Fan cho phép thu hút tuyệt vời Blog của bạn nhiều khách truy cập hoặc người đọc thích trang fanpage Facebook của bạn mà không để lại lượt thích ở đây. bạn không cần phải làm bất cứ điều gì bạn nghĩ rằng bạn chỉ cần sao chép và dán mã. Tôi chắc chắn rằng tùy chỉnh tuyệt vời này Thích hộp Facebook với tiện ích CSS thu hút người hâm mộ facebook của bạn tăng số lượt Thích.
Bước 1. Đăng nhập vào tài khoản thủ thuật Blogger của bạn. Chuyển đến Bảng điều khiển Blogger của bạn. Nhấp vào tab Bố cục từ khung bên trái và nhấp vào Thêm liên kết Tiện ích
Bước 2. Sau khi nhấp vào Thêm liên kết Tiện ích Một hộp bật lên sẽ mở ra ngay bây giờ
với nhiều danh sách tiện ích, Chọn HTML / JavaScript từ các tùy chọn tiện ích bằng cách nhấp vào dấu cộng màu xanh cho tiện ích đó.
Bước 3. Chọn 'HTML / Javascript' và thêm một trong các mã được đưa ra dưới đây.
Bước 4. Bây giờ, nhấp vào Lưu 'JavaScript' Bạn đã hoàn tất.
Lưu ý: - Thay thế trang% 2FBlogspot-guide% 2F220888831260608 bằng Tên người dùng Facebook của bạn
Style 1.
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1tH7zh9UQI_UrJXtgL6GWWs0O_k456HESJzLz_uj8Iu65E8RxbfYEG5zDYwByRDuzOTxJTbFWILkZRVpp6ivUti4re8v0rhkWWsQcuxFyhcQ_S-BYK_oKBDS_GiSj7w0M1_tAG7Kek0VZ/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>Style 2.
</div>
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjjBNlG6semnpaqqYFQB2fqBvcUMKltPyCLs8kPBSQ0Rsy1btieIfZrQOojrhuuAvTFHE0M_xVmInkVRXR26jos2L5AWh3qHdX7TAc3vh5Hva4PiaMqTJK3NWIbzq-b0lDPcR0kJQ7ndCZ/s1600/fan-03-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
Style 3.
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcInt807B8BgDLmg2SCq5QkHVXEZU0IgRMzX2_b0SsGOXx6_WfiAxuEkfml05NVa-4Hq5OYwiDc9UNQGg9ukErQn-sLSPMvXOIHHGEuKP9K6qkvIrVdK8gERNBndemo9EkLafDLjelaDlW/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>Style 4.
</div>
</div>
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyIvqjirPHfMCbinv61zxyyvwxglxMoCCjOk8qE8k0GOj5iON7qHNc3h4Vu6uuorrXyFPwpEZsFoKrRjdKFRh3vtA_xm0FfsNSu3DjQEDgwHRWFRuJHd_hP7aiGthFDLLGtTA1gYVd2c1R/s1600/fan-04-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogspot-tutorial%2F220888831260608&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
Post a Comment
Post a Comment