Blogger Tutorial: Hướng dẫn Cách tạo popup like Facebook khi vào Blog, website

Khi các bạn vào 1 số trang web hay Blog hay thấy có những hộp box Like Fan book (giống Demo) bật popup ra . Cách này đã được nhiều bạn share trên mạng. Hôm nay share123.vn tổng hợp và chia sẻ lại các bạn một cách làm cho blogspot nhanh hơn và dễ tùy chỉnh hơn.

Như mọi khi, nó là widget dựa trên jQuery, và blog của bạn phải có plugin jQuery. nếu blog của bạn đã có một plugin jQuery mới nhất, thì bỏ qua bước này và thực hiện theo các bước thứ hai.
Nếu blog của bạn chưa có thư viện JQuery thì thêm đoạn mã dưới đây trước thẻ



Like Fan Page Share123.vn


https://facebook.com/</span><span style="color: blue; font-family: 'Trebuchet MS'; font-size: x-small; line-height: normal;">thu-thuatblog.blogspot.com</span>&width=300&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250' style='border:none; overflow:hidden; width:300px; height:250px;'/><br /><br /></div><br /><div id='mdfooter'><br />Please wait.<span style="color: red;">.<span>10</span>&#160;</span>Seconds<br /><a href='#' id='mdclose' onclick='return false;'><span style="color: red;">Close</span></a><br /></div><br /></div><br /><!-- End popup --><br />&#160; &#160;</div><br />&#160;</code>Ở đây mình thêm đoạn :<br /><code style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz-0iCE_5QoJ1-w5PvkOp8ubHGaF0FpqE4lcqhEQIlzot-rEFz84GBmpNZQ4iRAL0iVmMX7EWpCYJtwNe6uD9yro-bZif_tAZrhkYGWQXf5BOaRDU1KeCxP6K26ueDL8HNgiaudRtxlTjL/s1600/viewcode2.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border: 1px solid rgb(153, 204, 102); color: #666666; display: block; font-family: 'Courier New', Fixed, monospace; font-size: 13px; line-height: 17px; margin: 1em 0px; max-height: 300px; overflow: auto; padding: 0px 20px 0px 30px;"><div style='position: fixed; left: 0%; top: 0%;'></code>Các bạn tùy chỉnh thông số cho phù hợp với vị trí bạn muốn hiển thị<br /><br /><b>Add trực tiếp vào Blog của bạn:&#160;</b><br /><form action="http://www.blogger.com/add-widget" method="POST"><input alt="Add to Blogger" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" /></form><br />Sau Khi add các bạn nhớ sửa Fanpage:&#160;<span style="color: blue;">http://facebook.com/</span><span style="color: blue;">thu-thuatblog.blogspot.com</span>&#160;thành FanPage facebook của các bạn nhé.</div><span style="font-family: 'Trebuchet MS'; font-size: x-small;"><br /></span>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
Posted by
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/02140685405753417841' itemprop='url'/>
<a class='g-profile' href='https://www.blogger.com/profile/02140685405753417841' rel='author' title='author profile'>
<span itemprop='name'>Unknown</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://1bloggertut.blogspot.com/2013/05/huong-dan-cach-tao-popup-like-facebook.html' itemprop='url'/>
<a class='timestamp-link' href='http://1bloggertut.blogspot.com/2013/05/huong-dan-cach-tao-popup-like-facebook.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2013-05-28T10:36:00-07:00'>10:36&#8239;AM</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-836790547'>
<a href='https://www.blogger.com/post-edit.g?blogID=1633248334273607113&postID=6124658644907971011&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=6124658644907971011&target=email' target='_blank' title='Email This'><span class='share-button-link-text'>Email This</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=6124658644907971011&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=6124658644907971011&target=twitter' target='_blank' title='Share to Twitter'><span class='share-button-link-text'>Share to Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=6124658644907971011&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Share to Facebook'><span class='share-button-link-text'>Share to Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=1633248334273607113&postID=6124658644907971011&target=pinterest' target='_blank' title='Share to Pinterest'><span class='share-button-link-text'>Share to Pinterest</span></a>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
Labels:
<a href='http://1bloggertut.blogspot.com/search/label/thu-thuat-blogspot' rel='tag'>thu-thuat-blogspot</a>,
<a href='http://1bloggertut.blogspot.com/search/label/thu-thuat-webmasters' rel='tag'>thu-thuat-webmasters</a>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>No comments:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Post a Comment</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/1633248334273607113?po=6124658644907971011&hl=en' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'>

Tuesday, May 28, 2013

Hướng dẫn Cách tạo popup like Facebook khi vào Blog, website

Like Fan Page Share123.vn