Question Thêm phần bottom như VXF dùng add on gì?

Mình mới làm quen xenforo nên không biết để thêm phần thông tin bottom phía dưới gần bottom breadcumb như vxf.vn thì chỉnh ở đâu hay dùng add on nào ạ ? ( xem ảnh attach )

 

Tìm footer thay toàn bộ

Mã:

<div class="footer">
    <div class="pageWidth">
        <div class="pageContent">
            <div id="footer" class="footercolumns">
                  <div id="footer-top">
                   
                    <div class="footer-top-left">
                    <div class="block-top"><img alt="VXF Logo" width="176" height="53" src="styles/vxf/logo_footer.png"></div>

                    <div class="block-bottom">

                    <p>Cộng đồng XenForo Việt Nam được thành lập từ 5/2012 với mục đích giao lưu, học hỏi, chia sẻ và thảo luận mọi vấn đề liên quan đến mã nguồn XenForo. </p>
<p>Chúng tôi sẽ không chịu trách nhiệm với các thông tin do thành viên đưa lên trừ thông tin nội bộ.</p>
<p>Website đang hoạt động thử nghiệm, chờ giấy phép MXH của Bộ TT & TT.</p>
                    </div>

                    <div class="connect-face">
                    <p>Follow us</p>

                    <ul>
                        <li><a href="http://facebook.com/vietxf"><img alt="Facebook" src="styles/vxf/face.png" width="33" height="33" title="FaceBook"></a></li>
                        <li><a href="http://youtube.com/user/vietxf"><img alt="Social" src="styles/vxf/youtube.png" width="33" height="33" title="Youtube"></a></li>
                        <li><a href="http://twitter.com/vietxf"><img alt="Twitter" src="styles/vxf/twitter.png" width="33" height="33" title="Twitter"></a></li>
                        <li><a href="https://plus.google.com/u/0/communities/101569694641865270742"><img alt="Google" width="33" height="33" src="styles/vxf/google.png" title="Google"></a></li>
                        <li><a href="http://pinterest.com/vietxf/"><img alt="Social" src="styles/vxf/pinterest.png" width="33" height="33" title="Pinterest"></a></li>
                        <li><a href="forums/-/index.rss"><img alt="Rss Feed" src="styles/vxf/rss.png" title="Rss Feed" width="33" height="33"></a></li>
                    </ul>
                    </div>
                    </div>
                        <div class="fotter-contact">
                    <h3>Our Links</h3>

                    <ul>
                        <li><a href="http://vwp.vn/" target="_blank">Wordpress Việt Nam</a></li>
                        <li><a href="http://dvddohoa.com/" target="_blank">DVD Đồ họa</a></li>
                        <li><a href="http://joomlavn.org" target="_blank">Joomla Việt Nam</a></li>
                        <li><a href="http://vop.vn/" target="_blank">Opencart Việt Nam</a></li>
                        <li><a href="http://hkda.vn/" target="_blank">HKDA Việt Nam</a></li>
                        <li><a href="http://diendanthammy.com" target="_blank">Diễn đàn thẩm mỹ</a></li>
                        <li><a href="http://gamenoob.net" target="_blank">Gamenoob.net</a></li>
                    </ul>
                    </div>
                </div>
               
                <div class="four columns column">
                    <h3>Thông tin</h3>
                    <ul>
                        <li><a href="http://vxf.vn/forums/announcements.2/">Thông báo chung</a></li>
                        <li><a href="http://vxf.vn/forums/feedback.3/">Thắc mắc, góp ý</a></li>
                        <li><a href="http://vxf.vn/threads/5/">Nội quy diễn đàn</a></li>
                        <li><a href="http://vxf.vn/resources/">Tài nguyên</a></li>
                        <li><a href="http://hkda.vn/dich-vu/web-hosting/xenforo-hosting/">xenforo hosting </a></li>               
                        <li><a href="http://hkda.vn/dich-vu/website/dien-dan-xenforo/">Dịch vụ XenForo</a></li>
                        <li><a href="misc/contact">Liên hệ BQT</a></li>
                    </ul>
                </div>
                <div class="three columns column">
                    <h3>Thảo luận</h3>
                    <ul>
                      <li><a href="http://vxf.vn/forums/hacking-security.25/">Hacking, Security</a></li>
                      <li><a href="http://vxf.vn/forums/seo-for-xenforo.27/">Search Engine Optimization</a></li>
                      <li><a href="http://vxf.vn/forums/hosting-server-domain.18/">Hosting, Domain, Server</a></li>
                      <li><a href="http://vxf.vn/forums/development-tutorials.20/">Development Tutorials</a></li>
                      <li><a href="http://vxf.vn/forums/add-on-quesions.14/">Addon Questions</a></li>
                      <li><a href="http://vxf.vn/forums/style-template-questions.37/">Style Questions</a></li>
                        <li><a href="http://vxf.vn/docs">Documentation</a></li>
                    </ul>
                </div>
            </div>
           

           
       
        </div>
    </div>
</div>

<div class="footerLegal">
    <div class="pageWidth">
        <div class="pageContent">
            <div id="copyright">Diễn đàn sử dụng XenForo&trade; &copy;2011 XenForo Ltd.
</div>
           

            <ul id="legal">
           
               
               
                    <li><a href="misc/language?redirect=%2Fthreads%2Fthem-phan-bottom-nhu-vxf-dung-add-on-gi.15552%2F" class="OverlayTrigger Tooltip" title="Chọn Ngôn ngữ" rel="nofollow">Tiếng Việt</a></li>
               
           

           
                <li><a id="termsRule" href="help/terms">Quy định và Nội quy</a></li>
               
           
           
            <li><a id="toTop" href="/threads/them-phan-bottom-nhu-vxf-dung-add-on-gi.15552/#navigation">Lên đầu trang</a></li>

            </ul>
       
           
           
            <span class="helper"></span>
        </div>
    </div>   
</div>

Thay toàn bộ footer.css

Mã:

#footer {
    clear: both;
    min-height: 100px;
    padding: 20px 0 25px;
}

.footer {
    background: #303135 url(styles/vxf/footer_bg.png) repeat-x top center;
    clear: both;
    margin-top: 10px;
}

.footercolumns {
    display: inline;
    margin-left: 0;
    margin-right: 0;
}

.footer-top-left {
    float: left;
    width: 42%;
    margin-top: 18px;
    padding-left: 10px;
}

.footer-top-left .block-top {
}

.footer-top-left .block-bottom {
    float: left;
    margin-right: 15px;
    border-bottom: 1px dotted #c8c8c8;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.footer-top-left .block-bottom span {
    color: #fff;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.footer-top-left .block-bottom p {
    color: #888;
    font-size: 12px;
    margin-bottom: 0px;
    padding: 4px 0;
}

.footer-top-left .connect-face p {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
    float: left;
    margin-top: 9px;
}

.connect-face ul li {
    float: left;
    padding-left: 10px;
    display: inline;
}

.fotter-contact {
    float: left;
    width: 11%;
    min-height: 174px;
    border-left: 1px dotted #888;
    margin-top: 20px;
    padding-left: 21px;
    padding-right: 16px;
}

#footer h3 {
    color: #fff;
    font-family: 'MyriadProRegular';
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 11px;
}

.fotter-contact p {
    color: #646464;
    font-size: 12px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.fotter-contact a {
    font-size: 11px;
    color: #0daaac;
    text-decoration: none;
    padding-bottom: 8px;
    display: inline-block;
}

#footer .four.columns.column {
    float: left;
    width: 12%;
    min-height: 174px;
    border-left: 1px dotted #888;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 15px;
}

#footer .column ul li {
}

#footer .column a {
    color: #888;
    font-size: 12px;
    text-decoration: none;
}

#footer .column a:hover {
        color: #bbb;
}

#footer .three.columns.column {
    float: left;
    width: 15%;
    min-height: 174px;
    border-left: 1px dotted #888;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 15px;
}
.footer .pageContent
{
    font-size: 11px;
color: #a5cae4;
overflow: hidden;
zoom: 1;

}
   
    .footer a,
    .footer a:visited
    {
        color: #a5cae4;
padding: 5px;
display: block;

    }
   
        .footer a:hover,
        .footer a:active
        {
            color: #d7edfc;

        }

    .footer .choosers
    {
        padding-left: 5px;
float: left;
overflow: hidden;
zoom: 1;

    }
   
        .footer .choosers dt
        {
            display: none;
        }
       
        .footer .choosers dd
        {
            float: left;
           
        }
       
    .footerLinks
    {
        padding-right: 5px;
float: right;
overflow: hidden;
zoom: 1;

    }
   
        .footerLinks li
        {
            float: left;
           
        }
       
            .footerLinks a.globalFeed
            {
                width: 14px;
                height: 14px;
                display: block;
                text-indent: -9999px;
                white-space: nowrap;
                background: url('styles/vxf/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
                padding: 0;
                margin: 5px;
            }
.footerLegal {
    background: #1d1e22;
}

.footerLegal .pageContent
{
    font-size: 12px;
    overflow: hidden; zoom: 1;
    padding: 10px;
    text-align: center;
}

.footerLegal .pageContent a:link {
    color: #d7edfc;
}
   
    #copyright
    {
        color: rgb(100,100,100);
        float: left;
    }
   
    #legal
    {
        float: right;
    }
   
        #legal li
        {
            display: inline-block;
           
            margin-left: 10px;
        }


@media (max-width:800px)
{
    .footer-top-left {
        width: 100% !important;
    }
    .fotter-contact, #footer .four, #footer .three {
        width: 25% !important;
    }   
    .fotter-contact {
        border-left: none !important;
    }
}

@media (max-width:610px)
{
    .pageWidth {
        width: auto !important;
        margin: 0 !important;
        min-width: 0 !important;
    }
    #copyright, #legal {
        float: none;
    }
}

@media (max-width:480px)
{
    .fotter-contact, #footer .four, #footer .three {
        width: 100% !important;
        border-left: none !important;
    }
    #copyright, #legal {
        float: none !important;
    }   
    #termsRule, #toTop {
        display: none !important;
    }
}

 

search từ khóa footer giống vxf hiện tại cả đống

 

Minh làm cái style mobile dùng Advanced Forum Statistics 1.6.1 mà ko biết cái link thread hot nó ở đâu vào site pc thì #threads-hot ko vào đươc ai biết cái link threads-hot nhiều lượt xem nhất ấy hay là hiện threads-hot ra trang chủ cho xenforo ý ai biết chi minh vs