Thủ Thuật Thêm icon link cho link nội bộ bài viết

[aviaiva]

Hướng dẫn thêm một icon link (liên kết) trước mỗi link trong bài viết để làm nổi bật liên kết giúp thành viên dễ nhìn và dễ nhấn tăng tỉ lệ chuyển đổi xem trang trong bài viết
icon link các bác có thể thấy như hình minh họa ở dưới

mở template extra.css
thêm đoạn css này vào trong

.messageContent a:before {
    content: "\f0c1";
    font-family: FontAwesome;
    margin-right: 3px;
    font-size: 12px;
    color:#2196f3;
}

Một số bác dùng addon Widget Framework sẽ bị icon link trước username nhìn xấu thì sửa như sau
tìm đến profile_post_list_item_simple
thay cái đoạn

<div class="messageContent">  
            <span class="poster">
                <xen:username user="$profilePost" rich="true"/>
                <xen:if is="{$profilePost.user_id} != {$profilePost.profile_user_id} AND {$profilePost.profileUser}">
                    <span class="muted">{xen:if $pageIsRtl, '&#9668;', '&#9658;'}</span> <xen:username user="$profilePost.profileUser" rich="true" />
                </xen:if>
            </span>
            <article><blockquote class="ugc baseHtml{xen:if $profilePost.isIgnored, ' ignored'}">{xen:helper bodyText, $profilePost.message}</blockquote></article>
<div>

bằng cái đoạn dưới

            <span class="poster" style="float:left">
                <xen:username user="$profilePost" rich="true" />
                <xen:if is="{$profilePost.user_id} != {$profilePost.profile_user_id} AND {$profilePost.profileUser}">
                    <span class="muted">{xen:if $pageIsRtl, '&#9668;', '&#9658;'}</span> <xen:username user="$profilePost.profileUser" rich="true" />
                </xen:if>
            </span>
            <article><blockquote class="ugc baseHtml{xen:if $profilePost.isIgnored, ' ignored'}">: {xen:helper bodyText, $profilePost.message}</blockquote></article>

chúc vui vẻ