[Cực đẹp] [Share] Code thông báo đi kèm với cột like Facebook

[phcomvn]

Tình hình là có nhiều bạn hỏi về cái này, nên đành ngậm ngùi share cho anh em dùng chung. Mọi thắc mắc xin được hỗ trợ nhiệt tình tại congdongthongminh.com hoặc tại itvnn.net.


DEMO ĐẸP: CongDongThongMinh.Com


DEMO ẢNH :
http://i.imgur.com/wPXUN.png


Vào additional.css chèn

/* thong bao kem like facebook */
.tsnotice {
background: url("http://congdongthongminh.com/data/images/noticeandfacebook/notice.png") no-repeat scroll left top transparent;
float: left;
height: 200px;
margin-right: 5px;
width: 580px;
}
.ntblock1 {
height: 35px;
width: 580px;
}
.ntblock2 {
height: 165px;
width: 580px;
}
.ntcontent {
padding: 0 10px 0 40px;
}
.ntcontent ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.ntcontent li {
font-size: 14px;
height: 40px;
line-height: 40px;
}
.nttitle {
color: #FFFFFF;
font-weight: bold;
padding: 10px;
text-shadow: 0 1px 1px #590D33;
}
.tsfb {
background: none repeat scroll 0 0 #F9F9F9;
border: 1px solid #3B5998;
border-radius: 5px 5px 5px 5px;
float: left;
height: 197px;
width: 353px;
}
.tsfbcontent {
background: none repeat scroll 0 0 #F9F9F9;
height: 187px;
margin: 5px 0;
width: 353px;
}
/* thong bao kem like facebook */



Bạn vào Styles & Templates->Replacement Variable Manager->Add New Replacement Variable

Search for Text bạn nhập : {tên style này theo ý bạn}


Replace with Text bạn nhập :



<!-- thong bao kem like facebook -->
<table width="950px">
<tr width="950px">
<td width="580px">
<!-- notice -->
<div class="tsnotice">
<div class="ntblock1">
<div class="nttitle">NHỮNG TIN ĐÁNG QUAN TÂM</div>
</div>
<div class="ntblock2">
<div class="ntcontent">
<ul>

<li><a href="http://diendan.congdongthongminh.com/showthread.php?94-Moi-tham-gia-vao-BQT-Cong-Dong-Thong-Minh"><font color="#8126ff"><b>BẠN MUỐN LÀM MOD TRÊN CĐTM - HÃY ĐĂNG KÝ TẠI ĐÂY NHÉ !</b></font><img border="0" src="http://congdongthongminh.com/data/images/noticeandfacebook/new.gif" /></a></li>

<li><a href="http://diendan.congdongthongminh.com/showthread.php?258-Window-7-Ultimate-cho-may-cau-hinh-yeu-512-MBMediafire"><font color="#f40068"><b>WINDOW 7 ULTIMATE CHO MÁY CẤU HÌNH YẾU(LINK MEDIAFIRE)</b></font><img border="0" src="http://congdongthongminh.com/data/images/noticeandfacebook/new.gif" /></a></li>

<li><a href="sendmessage.php"><font color="#96d00d"><b>TIN ĐÁNG QUAN TÂM 3</b></font><img border="0" src="http://congdongthongminh.com/data/images/noticeandfacebook/new.gif" /></a></li>

<li><a href="sendmessage.php"><font color="#ea0006"><b>TIN ĐÁNG QUAN TÂM 4</b></font><img border="0" src="http://congdongthongminh.com/data/images/noticeandfacebook/new.gif" /></a></li>


</ul>
</div>
</div>
</div>
<!-- /notice -->
</td>
<td width="17px">&nbsp;</td>
<td width="353px">
<!-- facebook -->
<div class="tsfb">
<div class="tsfbcontent">
<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:353px; height:187px;" src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/CongDongThongMinh/337527262979047&amp;width=353&amp;height=187&amp;colorscheme=l igh t&amp;show_faces=true&amp;border_color=%23ffffff&amp;a mp;stream=false&amp;header=false"></iframe>
</div>
</div>
<!-- facebook -->
</td>
</tr>
</table>
<!-- thong bao kem like facebook -->



Sau đó bạn lưu lại rồi vào Forumhome chèn cái {tên style này theo ý bạn} mà bạn đặt tên cho nó ở phần Search for Text. Bạn chèn ở đâu tùy bạn nhé.


Vậy là xong rồi đó...Chúc thành công!
Nguồn: CongDongThongMinh.Com