[Share] - Templates chia sẻ video blogspot miễn phí

Chào các bạn hôm nay chủ nhật rảnh rổi mình edit lại templates blogspot chia sẻ video cho các bạn, giao diện chia sẻ video này dành cho blogspot thì hết ý, cực chất không còn gì để bàn nữa :D

Trước đây khi sở hữu templates blogspot này thì phải trả phí lên tới 1t2 và được share miễn phí bởi Khám Phá Blog's. Giao diện sang trọng với nhiều chức năng nổi bật

• Tích hợp ancplayer
• Drop menu stick cố định trên top
• Banner quảng cáo
• Footer 6 cột cực dễ thương
• Load khá nhanh
• Xem demo ngay để khám phá nhiều hơn nhé

DEMO - DOWNLOAD

[Vip5] - Templates blogspot bán sticker dán tường

Để tăng thêm phần phong phú cho kho templates blogspot của mình hôm nay Khám Phá Blog's gởi đến quý khách hàng templates blogspot bán tickker dán tưởng cực đẹp.

Ưu điểm của giao diện này

• Thiết kế full màn hình
• Trang bài viết rộng
• Màu sắc đẹp
• Tối ưu seo và tích hợp mobi nếu khách hàng yêu cầu

DEMO

[demo]http://vinamua-hd.blogspot.com/[/demo]

[Share] - Templates blogspot đã được tối ưu seo

Chào các bạn do nhu cầu nên mình đã đổi giao diện blogspot và có ý muốn share lại giao diện cũ đã được mình tối ưu seo cực chuẩn, mình đảm bảo nếu bạn để nguyên templates blogspot chuẩn seo này không sửa gì thì sau 1 tháng sẽ lên top 10 bằng giao diện này với từ khóa khó.

Ưu điểm của giao diện này

• Được tối ưu chuẩn seo
• Nổi bật với link ở trang chủ seo khá tốt
• Drop menu ghim trên top
• Đặt từ khóa ở footer
• Nói chung trang chủ của bạn đặt đầy đủ từ khóa ắc hẳn 1 tháng sẽ lên top
• Tích hợp sẵn giao diện mobi (hình dưới)

Cài đặt templates

Templates này thì khá đơn giản mình chỉ sài các tiện ích mặc định của blogspot và đây là phần code ở footer
+ Phần địa chỉ

<img alt="SEO Blogspot - Hướng dẫn làm seo blogspot, những cách seo blogspot mau lên top nhất" class="logoft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB-Wu5Zp4l56t9VPl45I-R18zJGDJnbZyBhfV5SmB_LRbPOeLtMuqzm4pTtVKPKVQ8Bk_yz1vn-0KqeZqJ95XcD2FxsxsHPWlM2i4XqNUYDqSVC8pQYIQtnYqKOyxurJ38CW75BEDGd1Y/s1600/logo.png" title="SEO Blogspot - Hướng dẫn làm seo blogspot, những cách seo blogspot mau lên top nhất" />
<ul>
<li><img alt="Khám Phá Blog's" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3V4BY9mz0PQooYnbK18rshPGMdgZRYAnYiJ-TYPi9IZ42qUsjapIJWPXOmMd3EDXHLsj3FH-Wg3X3phWJ5MQuTqclkCY_lEs4sdpgb-k1rp89CxnqBn-hmYj2PFdafJC2WZ44WtgKA/s1600/icon-home.png" title="Trang chủ" /><span style="margin-left:10px">AncPlayer.Com - ANCPLAYER MEDIA</span>
<br />
<span style="margin-left:25px"><b>Địa chỉ: </b>Bắc Thăng Long, Hà Nội,</span><br />
<span style="margin-left:25px">Việt Nam</span><br />
</li>
<li><img alt="Mobile" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTPRD2iHy1bNYXYT725Ey9iJZrj1XDl9qbqB2h2zsOq0IqVMbg9pmiKz0r09WVdkekpjF38i4cs6tuVUfTbtGJq6HQrfkDTrzWbgWHAdvReyGpMM8YaqNYx_gbTSWdYlQ0aSMgGSeLHw/s1600/icon-phone.png" title="Mobile" /><span style="margin-left:10px">Hotline: 01662 245 555</span></li>
<li><img alt="Email" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5qIhsAVs8c-BwWfvGHXdotHta_ZsHhA0YTfyC1BG_lfQY3QP49KH4QlqaolobVZPqD7o7-Gs7znX-CK03sEYElD8EqenggaaFs5WGLmhhoBi-CBp0EWjxlrrMSoxBDpTtJSNq_qiDDA/h120/icon-mail.png" title="Email" /><span style="margin-left:8px">Email: ancplayercom@gmail.com</span><br />
<span style="margin-left:25px">Support Y!H:<a href="ymsgr:sendim?nguagovt"><img alt="Yahoo" src="http://opi.yahoo.com/online?u=nguagovt" style="margin-top:2px" />nguagovt</a></span>
</li>
</ul>

+ Phần nhận bài đăng

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true" target="popupwindow">
<input id="emailinput" name="email" placeholder="Email của bạn..." type="text" />
<input id="emailbutton" style="vertical-align: top;" type="submit" value="Đăng ký" />
<input name="uri" type="hidden" value="" />
<input name="loc" type="hidden" value="en_US" />
</form>

 DEMO - DOWNLOAD

[Tips] - Đặt backlink như thế nào là đúng?

Chào các bạn khi chúng ta nói đến backlink thì hầu như seoer nào cũng dùng tới nó vì đây là một lối seo blogspot nói riêng và seo website nói chung đều dùng tới backlink. Vì backlink có một thế mạnh to lơn.

Hiện nay có một lối seo khác tốt hơn đó là seo vệ tinh, lối seo này đạt hiểu quả cao hơn seo bằng backlink nhưng tốn một lượng chi phí khá lớn, không dành cho các seoer nghèo. Nên lối seo bằng backlink là lối seo được phổ biến nhất hiện nay.

Backlink là gì?

Backlink là lượng link mà chúng ta đặt trên diện đàn, forum có pr lớn và trỏ về trang web hay blogspot của mình nhằm tăng lượt click và thứ hạng website cũng như blog của mình.

Đặt backlink như thế nào là đúng nhất?

Đặt backlink như thế nào là đạt hiểu quả cao nhất, đặt backlink chúng ta có 2 cách được cho là đúng đó là đăng bài lên các diễn đàn và forum và comments dưới các bài viết cùng chủ đề trên các diễn đàn forum.

Mình lấy ví dụ khi bạn đăng bài lên các diễn đàn hoặc forum lớn thì trong bài viết hoặc comments có chứa từ khóa thì hãy trỏ link đó về blog hoặc website của mình.

Ví dụ như mình muốn đặt từ khóa là seo blogspot ở dưới một bài viết về seo thì mình comments thế này

Cảm ơn bạn, bài viết về seo blogspot của bạn khá hay, chúc bạn thành công.

Tương tự như ở trong bài viết các bạn cũng làm tương tự như cách này, bài viết tầm 400 đến 500 từ là tốt nhất cho một bài pr. Backlink.

Đặt backlink như thế nào là sai

Cũng có nhiều bạn hiểu nhầm là đặt backlink là quen link lên các diễn đàn thế là xong, đây là cách hoàn toàn không có tác dụng mà còn khiến google nghĩ là mình đang spam và hậu quả là blog của bạn bị tụt hạng dữ dội.
Mình sẽ ví dụ một cách đặt baclink sai cũng ở một comments

Bài viết bạn khá hay, nếu các bạn muốn biết thêm về seo thì hãy vào http://www.khamphablog.com/

Tuy cũng khá hay và ý nghĩa nhưng mà chả có tác dụng gì với việc seo từ khóa cả.
Lưu ý : Khi viết bài trên diễn đàn hay forum bài viết của các bạn càng có nhiều người dọc thì các có tác dụng cao, cho nên bạn hãy viết bài thật chất và không nên coppy từ bất kỳ nguồn nào cả, hãy sử dụng sở trường của mình để nâng cao thứ hạng blog của bạn.

[Share] - Giao diện blogspot tin tức chuẩn seo

Chào các bạn tin tức là một mản mà các blogger thiên về adsense nghĩ tới nhiều nhất, vì blog tin tức thu thu hút người xem về những tin tức hót. Cho nên hôm nay Khám Phá Blog chia sẻ một giao diện blogspot tin tức full Responsive thích hợp với mọi thiết bị di động. Dưới đây là hình ảnh demo của em nó

Ưu điểm của templates này

• Bố trí đẹp
• Có thể tối ưu seo (vì templates chưa đc tối ưu seo)
• Pha một chút giao diện nước ngoài 
• Slide bài viết khá bắt mắt

Cách cài đặt templates

Để cài đặt giao diện này thì khá đơn giản, như mình nói ở trên là pha một chút phong cách nước ngoài nên các bạn chỉ cần vào phần Bố cục > Chỉnh sửa tiện ích > Và điền tên label (nhãn) cần hiển thị thì nó sẽ hiển thị ra trang chủ mà thôi

DEMO - DOWNLOAD

[Tips] - Hướng dẫn chi tiết cách tích hợp Responsive cho blogspot

Chào các bạn nói đến cách tích hợp Responsive vào blogspot thì khi bạn search google tìm được rất nhiều kết quả, nhưng những bài viết đó đều chung chung, khi các bạn là newbi thì không thể nào thêm nó vào blogspot của mình được. Hôm nay Khám Phá Blog's sẽ hướng dẫn chi tiết cách tích hợp giao diện mobi cho blogpsot.

Xêm Thêm : Responsive là gì?

Cách thêm Responsive vào blogspot.

Ở đây mình sẽ ví dụ cho các bạn một blog có 1 sidebar-wrapper và một main-wrapper cho các bạn dể hiểu hơn.

1. Tìm hiểu bố cục

Như vậy thì bố cục blog của chúng ta sẽ có Header (tiêu đề or banner blog), main-wrapper (phần nội dung blog), sidebar-wraper (tiện ích, bố cục blog), footer (chân trang blog)

2. Xây dựng bố cục

Bạn phải tự xây dựng bố cục trong đầu của mình, là muốn ẩn cái gì và hiện cái gì khi xem trên giao diện mobi cho từng loại màn hình. dưới đây là tất cả những loại màn hình phổ thông nhất dùng để tích hợp Responsive.

Đầu tiên chèn đoạn code này dưới thẻ <head>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

Đoạn code trên giúp nhận dạng từng loại màn hình để hiện thị, và đoạn code bên dưới sẽ giúp hiển thị ở những loại màn hình

@media screen and (max-width : 1280px) {
/* ------------ CSS tùy chỉnh cho PC ------------*/
}
@media screen and (max-width : 1024px) {
/* ------------ CSS tùy chỉnh cho iPad ------------*/
}
@media screen and (max-width : 768px) {
/* ------------ CSS tùy chỉnh cho iPad nhỏ ------------*/
}
@media screen and (max-width : 640px) {
/* ------------ CSS tuỳ chỉnh cho iPhone ------------*/
}
@media screen and (max-width : 480px) {
/* ------------ CSS tùy chỉnh cho điện thoại di động đời cao ------------*/
}
@media screen and (max-width : 320px) {
/* ------------ CSS tùy chỉnh cho điện thoại di động thường ------------*/
}

Và dưới đây là cách chèn css cho từng loại màn hình, ở đây mình ví dụ cho các bạn xem  nhé
Đối với PC thì chúng ta cho hiển thị đầy đủ bố cục

@media screen and (max-width : 1280px) {
#header-wrapper {
width: 1024px;
margin: 0 auto;
}
#sidebar-wrapper {
float: left;
width: 300px;
margin-top: 20px;
}
#main-wrapper {
float: right;
width: 700px;
margin-top: 20px;
}
#footer-wrapper {
height: auto;
width: 1024px;
overflow: hidden;
}
}

Đối với những loại màn hình nhỏ hơn chúng ta có thể ẩn sidebar đi chẳng hạng

@media screen and (max-width : 640px) {
#header-wrapper {
width: 600px;
margin: 0 auto;
}
#sidebar-wrapper {display:none;}
#main-wrapper {
float: right;
width: 600px;
margin-top: 20px;
}
#footer-wrapper {
height: auto;
width: 600px;
overflow: hidden;
}
}

Cứ như vậy các bạn muốn hiển thị phần nào độ rộng của nó bao nhiu thì các bạn chỉ cần thêm ID của nó vào và thêm kích thước vào và xem thử, nếu chưa cảm thấy ok thì sửa.

Trong quá trình thực hiện các bạn có thể check thử với công cụ kiểm tra Responsive TẠI ĐÂY

Khám Phá Blog's chúc các bạn thành công, mọi thắc mắc có thể comments bên dưới để được giải đáp.

[Tips] - Popup like box với chỉ dẫn đẹp cho blogspot

Like box là tiện ích thiết yếu cho một blogspot nhằm quảng bá thương hiệu cho fanpage cũng như danh tiếng của mình, để bố trí ở đâu cho hợp lý khiến nhiều blogger phải suy nghĩ. Nay Khám Phá Blog's chia sẻ cho các bạn một kiểu like box dạng popup với chỉ dẫn động siêu đẹp.

Thêm popup like blog vào blogspot

Đăng nhập vào Blogger > Mẫu (templates) > Chỉnh sửa HTML, tìm đến thẻ đóng </body> và chèn đoạn code sau trên nó.

<div class='widget-content'>
<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxULsxUWuiCvdVHzvSmZvvTsJgr0G7WQ2_fSp1ngIpuSOT4A9oh4KzV-wdMWjHEUOVGWZLY3bu8ssun9TSUNUZXV2895kHm03Qom3F0QFVA9ihb_4ME5CXvzHIV904Shm_JiYTkiMLEsQ1/s1600/overlay.png) repeat 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PwNNb-cyIweIC2EYbbrN-Ec3XA4Off5Su2FQrU36akRhg06Gq9UEWHQ9Fjr5Qsb2bUrFG24JFY35PjR1_5HBSp-I-A8AAR1d5UQRYa4K310WoSawKJMcCTBnG_BKwnODPMKqB9fvu0Ga/s1600/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PwNNb-cyIweIC2EYbbrN-Ec3XA4Off5Su2FQrU36akRhg06Gq9UEWHQ9Fjr5Qsb2bUrFG24JFY35PjR1_5HBSp-I-A8AAR1d5UQRYa4K310WoSawKJMcCTBnG_BKwnODPMKqB9fvu0Ga/s1600/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PwNNb-cyIweIC2EYbbrN-Ec3XA4Off5Su2FQrU36akRhg06Gq9UEWHQ9Fjr5Qsb2bUrFG24JFY35PjR1_5HBSp-I-A8AAR1d5UQRYa4K310WoSawKJMcCTBnG_BKwnODPMKqB9fvu0Ga/s1600/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PwNNb-cyIweIC2EYbbrN-Ec3XA4Off5Su2FQrU36akRhg06Gq9UEWHQ9Fjr5Qsb2bUrFG24JFY35PjR1_5HBSp-I-A8AAR1d5UQRYa4K310WoSawKJMcCTBnG_BKwnODPMKqB9fvu0Ga/s1600/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PwNNb-cyIweIC2EYbbrN-Ec3XA4Off5Su2FQrU36akRhg06Gq9UEWHQ9Fjr5Qsb2bUrFG24JFY35PjR1_5HBSp-I-A8AAR1d5UQRYa4K310WoSawKJMcCTBnG_BKwnODPMKqB9fvu0Ga/s1600/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PwNNb-cyIweIC2EYbbrN-Ec3XA4Off5Su2FQrU36akRhg06Gq9UEWHQ9Fjr5Qsb2bUrFG24JFY35PjR1_5HBSp-I-A8AAR1d5UQRYa4K310WoSawKJMcCTBnG_BKwnODPMKqB9fvu0Ga/s1600/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhglZ45GkDa5WWJopfe_4Y28dkCVvHFUrqi8xtB-j5AhbhvT2a2Jbj7MT7Yb9_qC0pZw27OCuEds3CN0D5TcQ5ZvU3Vr4Wl_SqKUjibFseAQeSmj42OLBglbq73x8Qv6cWQGVaKf1VoFQte/s1600/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhglZ45GkDa5WWJopfe_4Y28dkCVvHFUrqi8xtB-j5AhbhvT2a2Jbj7MT7Yb9_qC0pZw27OCuEds3CN0D5TcQ5ZvU3Vr4Wl_SqKUjibFseAQeSmj42OLBglbq73x8Qv6cWQGVaKf1VoFQte/s1600/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PwNNb-cyIweIC2EYbbrN-Ec3XA4Off5Su2FQrU36akRhg06Gq9UEWHQ9Fjr5Qsb2bUrFG24JFY35PjR1_5HBSp-I-A8AAR1d5UQRYa4K310WoSawKJMcCTBnG_BKwnODPMKqB9fvu0Ga/s1600/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PwNNb-cyIweIC2EYbbrN-Ec3XA4Off5Su2FQrU36akRhg06Gq9UEWHQ9Fjr5Qsb2bUrFG24JFY35PjR1_5HBSp-I-A8AAR1d5UQRYa4K310WoSawKJMcCTBnG_BKwnODPMKqB9fvu0Ga/s1600/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHHV06aY7elgQVaKyOZzlKmSB37ZzCE1U89xn5Uw3lfp6X4wgYrbmEEz4UlJTVlnQHfO0bkPpwXfnpQY8Zwa2LnY9CRZuriNxYLpmAeNhDJ-VwrtZub_6vD2z1BbpHBp3r2_xlwgrh1f6N/h120/loading.gif) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHHV06aY7elgQVaKyOZzlKmSB37ZzCE1U89xn5Uw3lfp6X4wgYrbmEEz4UlJTVlnQHfO0bkPpwXfnpQY8Zwa2LnY9CRZuriNxYLpmAeNhDJ-VwrtZub_6vD2z1BbpHBp3r2_xlwgrh1f6N/h120/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PwNNb-cyIweIC2EYbbrN-Ec3XA4Off5Su2FQrU36akRhg06Gq9UEWHQ9Fjr5Qsb2bUrFG24JFY35PjR1_5HBSp-I-A8AAR1d5UQRYa4K310WoSawKJMcCTBnG_BKwnODPMKqB9fvu0Ga/s1600/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.cboxIE6 #cboxTopLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6xzpLsXc0xO1f1izMaw8druDFZhfVVipnbSMIb_33C2owlV8MaYq2V_dQCwBfMWjkKWdkfpEMBTShQh-t0nooPyTx4zoJZ37Yt7EM9lncpS8lgjHn6VFoH7leaCA9dKuD2alEunXnF7Sx/s1600/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufIG_GgFSUASAU6OTUo_3V8Lbt7tXgo8RSssw8KfdBAkfd8qCFeYRp8PfFQRyAw_cQVf1vnPm7mcUliYt5IeJyA-Wdj4geXQ-33nGfCt_t2lc-La9W2bOAh0BaQLQS53bqa0OxHjd0dAl/s1600/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifayW6PwJvftj3V6t47us_esgdH5G7M1pzX8iShUQC-2XUwQvZAbaB-ya2_DCzIfpMpIASsVxf0yMiwbnhaGnqaktJ8aWYlIDapO3TGE8rp6uH4KZzUcacVGbDWe7Yhu8J6w4h3MFNUlhe/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifayW6PwJvftj3V6t47us_esgdH5G7M1pzX8iShUQC-2XUwQvZAbaB-ya2_DCzIfpMpIASsVxf0yMiwbnhaGnqaktJ8aWYlIDapO3TGE8rp6uH4KZzUcacVGbDWe7Yhu8J6w4h3MFNUlhe/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyV0DyBEH-2oAOsZFa_1tfJJzgVDyKMF5a04mbZBFnVMa-KoPPzaZ434Ge2Fw2CummP7OGz5QRGJCK_MQnHACtUuhb01RgL6yEQ_NuA6-mbxfBqmkrl8ZPuWcz2WbyaDPeBK0jPcZPVRLH/s1600/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMMq-ZNDs-oMjseORuk5I2bkBHUPkspvjJgMnKwBske1p87WGGDHgS1CHyOrt0TAGjgQ1-X1WiA7vT35E0Pb4uC9DKwZVbKcIqgt7bhT8ILQr-zK6AOQDYW7n_TF8Edu9mwt_5aFm6_dp2/s1600/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiueCa1pW9LTrB-cAz2wmEw7Nvosr0JZ8eHFPvro_BbNx7Mfigt784ItUnSdYk9WV-xVyn7lIiqvs7XI5fZkiDR0faMiyI0jiyRSEeCuMpLKHL4w2DpEpzzp32OdNhW55zeT0NcCwBCKlPd/s1600/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwWwTnu8lKuh_Eh2hAJqWYwksKGYK0weNWAkJ8vLjeo0WFrVtaIhk1ep7MwkX60MfuBLOAB3Ig7ujQGB_xUJfmXpnCyH0W7Mm-xYazD0PtyoRbdiJgpNrogir30oHSUX4ClnTVGCfcKyWF/s1600/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
.facebookOuter {
width: 299px;
position: relative;
padding:0;
}
.facebookOuter, .facebookOuter:before, .facebookOuter:after {
}
.facebookOuter:before, .facebookOuter:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.facebookOuter:after {
left: 4px;
right: 4px;
}
.facebookInner {
width: 300px; margin-left: 0px;
overflow:hidden;
}
div.fb-widget { width: 300px; height: 258px; overflow: hidden; margin-left: -3px; margin-top: -2px; }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*7;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<center><h3 class="box-title"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe0LN6SZ8t_Otya3viQidcIj7UvBnkFslVr_4z4P9yw8f0vNPFT1wukThT650Qr54W8ihd5pZUl_iTypt8SkAACtDi_nCzTSsWJoEYm5ViHdeLYvEHSeiWdazcbtpFQW9-s9IPMXDYedo/s1600/subscribe.gif'/></h3> </center>
<center>
<div class="facebookOuter">
<div class="facebookInner">
<div class="fb-widget">
<div id="fb-root"></div>
<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>
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Blogger-Tips-and-Tricks/357585684268281" data-width="300" data-height="250" data-show-faces="true" data-stream="false" data-show-border="false" data-header="false" colorscheme="light"></div>
</div>
</div> </div>
</center>
<p style=" float:right; margin-right:15px; font-size:6px;" >Powered By <a style=" font-size:6px; color:#3B78CD; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/04/jquery-popup-facebook-like-box-v5.html" target='_blank'>Blogger Tips and Tricks</a></p>
</div>
</div>
</div>

Lưu mẫu và hốt hàng thôi hehe, chúc các bạn thành công !