Nhờ anh xem xem giúp Google login dưới button Sign Up Now

Xin chào anh em vxf! Mình có 1 khúc mắc về vấn đề này mong anh em giúp đỡ. Hiện tại mình đã update lên bản xenforo 1.4.2, khi làm tới mục login google dưới nút sign up thì gặp lỗi sau:
- Đã hiển thị google, facebook, twitter login nhưng là dạng text link, không phải là nút (hình 1)
- Kích vào facebook và twitter login thì hoạt động bình thường, nhưng google login thì báo lỗi (hình 4)
- Kích chuột vào nút đăng nhập thì các text link chuyển sang thành dạng nút, riêng với nút google thì vẫn còn text link (hình 2, hình 3)
- Trong khi login bằng google, facebook và twitter ở phần đăng nhập đều bình thường hết
Đây là template login_bar_form:

Mã:

<xen:comment>
With Javascript enabled, this form will be moved at page init time,
with the command $('#login').appendTo('#loginBar .pageContent');

Note that all external auth checks need to be added to the conditional below
in order to set $eAuth = 1 if any external auth providers are available.
</xen:comment>

<xen:hook name="login_bar_eauth_set">
<xen:if is="{$xenOptions.facebookAppId}"><xen:set var="$eAuth">1</xen:set></xen:if>
<xen:if is="{$xenOptions.twitterAppKey}"><xen:set var="$eAuth">1</xen:set></xen:if>
<xen:if is="{$xenOptions.googleClientId}"><xen:set var="$eAuth">1</xen:set></xen:if>
</xen:hook>

<form action="{xen:link 'login/login'}" method="post" class="xenForm {xen:if $eAuth, 'eAuth'}" id="login" style="display:none">

    <xen:if hascontent="true">
        <ul id="eAuthUnit">
            <xen:contentcheck>
                <xen:hook name="login_bar_eauth_items">
                <xen:if is="{$xenOptions.facebookAppId}">
                    <xen:require css="facebook.css" />
                    <li><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="110"><span>{xen:phrase login_with_facebook}</span></a></li>
                </xen:if>
              
                <xen:if is="{$xenOptions.twitterAppKey}">
                    <xen:require css="twitter.css" />
                    <li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="110"><span>{xen:phrase login_with_twitter}</span></a></li>
                </xen:if>
              
                <xen:if is="{$xenOptions.googleClientId}">
                    <xen:require css="google.css" />
                    <li><span class="googleLogin GoogleLogin JsOnly" tabindex="110" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></li>
                </xen:if>
                </xen:hook>
            </xen:contentcheck>
        </ul>
    </xen:if>

    <div class="ctrlWrapper">
        <dl class="ctrlUnit">
            <dt><label for="LoginControl">{xen:phrase your_name_or_email_address}:</label></dt>
            <dd><input type="text" name="login" id="LoginControl" class="textCtrl" tabindex="101" /></dd>
        </dl>
  
    <xen:if is="{$xenOptions.registrationSetup.enabled}">
        <dl class="ctrlUnit">
            <dt>
                <label for="ctrl_password">{xen:phrase do_you_already_have_account}</label>
            </dt>
            <dd>
                <ul>
                    <li><label for="ctrl_not_registered"><input type="radio" name="register" value="1" id="ctrl_not_registered" tabindex="105" />
                        {xen:phrase no_create_account_now}</label></li>
                    <li><label for="ctrl_registered"><input type="radio" name="register" value="0" id="ctrl_registered" tabindex="105" checked="checked" class="Disabler" />
                        {xen:phrase yes_my_password_is}:</label></li>
                    <li id="ctrl_registered_Disabler">
                        <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" />
                        <div class="lostPassword"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div>
                    </li>
                </ul>
            </dd>
        </dl>
    <xen:else />
        <dl class="ctrlUnit">
            <dt>
                <label for="ctrl_password">{xen:phrase password}:</label>
            </dt>
            <dd>
                <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" />
                <div class="lostPasswordLogin"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div>
            </dd>
        </dl>
    </xen:if>
      
        <dl class="ctrlUnit submitUnit">
            <dt></dt>
            <dd>
                <input type="submit" class="button primary" value="{xen:phrase log_in}" tabindex="104" data-loginPhrase="{xen:phrase log_in}" data-signupPhrase="{xen:phrase sign_up}" />
                <label for="ctrl_remember" class="rememberPassword"><input type="checkbox" name="remember" value="1" id="ctrl_remember" tabindex="103" /> {xen:phrase stay_logged_in}</label>
            </dd>
        </dl>
    </div>

    <input type="hidden" name="cookie_check" value="1" />
    <input type="hidden" name="redirect" value="{$requestPaths.requestUri}" />
    <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />

</form>

Và template sidebar_visitor_panel

Mã:

<xen:if is="{$visitor.user_id}">

<div class="section visitorPanel">
    <div class="secondaryContent">
  
        <xen:avatar user="$visitor" size="m" img="true" />
      
        <div class="visitorText">
            <h2>{xen:phrase signed_in_as_x_sidebar, 'name={xen:helper username, $visitor, 'NoOverlay'}'}</h2>      
            <div class="stats">
            <xen:hook name="sidebar_visitor_panel_stats">
                <dl class="pairsJustified"><dt>{xen:phrase messages}:</dt> <dd>{xen:number $visitor.message_count}</dd></dl>
                <dl class="pairsJustified"><dt>{xen:phrase likes}:</dt> <dd>{xen:number $visitor.like_count}</dd></dl>
                <dl class="pairsJustified"><dt>{xen:phrase points}:</dt> <dd>{xen:number $visitor.trophy_points}</dd></dl>
            </div>
            </xen:hook>
        </div>
      
    </div>
</div>

<xen:else />

<div class="section loginButton">      
    <div class="secondaryContent">
        <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>
            <div align="center">
                <li style="padding-bottom:20px"></li>
                <li style="padding-bottom:20px"><a class="fbLogin" href="register/facebook?reg=1"><span>Đăng nhập với Facebook</span></a></li>
                <li style="padding-bottom:20px"><a class="googleLogin" href="register/google?reg=1"><span>Đăng nhập với Google</span></a></li>
                <li style="padding-bottom:20px"><a class="twitterLogin" href="register/twitter?reg=1"><span>Đăng nhập với Twitter</span></a></li>
                      </div>
    </div>
</div>

</xen:if>

<xen:include template="ad_sidebar_below_visitor_panel" />

Link: http://forum.dienmaynhatban.com
Nhờ anh em xem giúp với ạ. Chân thành cảm ơn!

 

Help me @Alucar @Lightness @KC2T.TòMò18+

 

Không ai giúp mình được sao

 

Tối về mình teamviewer edit cho, giờ đang ở công ty cậu

 

UP nhờ mọi người giúp đỡ ạ

 

Copy code này:

Mã:

<xen:if is="{$xenOptions.facebookAppId}">
                    <xen:require css="facebook.css" />
                    <li><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="110"><span>{xen:phrase login_with_facebook}</span></a></li>
                </xen:if>
            
                <xen:if is="{$xenOptions.twitterAppKey}">
                    <xen:require css="twitter.css" />
                    <li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="110"><span>{xen:phrase login_with_twitter}</span></a></li>
                </xen:if>
            
                <xen:if is="{$xenOptions.googleClientId}">
                    <xen:require css="google.css" />
                    <li><span class="googleLogin GoogleLogin JsOnly" tabindex="110" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></li>
                </xen:if>

ở sidebar_visitor temp kia thay chỗ code này thử xem:

Mã:

<div align="center">
                <li style="padding-bottom:20px"></li>
                <li style="padding-bottom:20px"><a class="fbLogin" href="register/facebook?reg=1"><span>Đăng nhập với Facebook</span></a></li>
                <li style="padding-bottom:20px"><a class="googleLogin" href="register/google?reg=1"><span>Đăng nhập với Google</span></a></li>
                <li style="padding-bottom:20px"><a class="twitterLogin" href="register/twitter?reg=1"><span>Đăng nhập với Twitter</span></a></li>
                      </div>

 

Cảm ơn bác @Gacon
Mình làm theo hướng dẫn và đã thành công. Rất cảm ơn bạn! Chúc bạn nhiều niềm vui và sức khỏe trong cuộc sống!