As-Salam. Alamak .. tak boleh nak letak widget follower lama (GFC) dalam blog la ... yang ada hanyalah Google+ Follower .... jadi macam mana nih? Usah gusar, ada tatacara lain untuk meletakkan widget follower yang lama di dalam blog. Cuma agak rumit dan perlu berhati-hati sedikit. Berikut HH kongsikan bagaimana nak letak widget follower (GFC - Google Friend Connect) lama di dalam blog anda.

Cara letak widget follower blog - Google Friend Connect

Tatacara Letak Widget Follower Blog (GFC) di Blogspot

Pertama sekali, anda perlu buka kod html blog anda. Pergi ke dashboard-template-edit html. Cari kod ini - </b:section></div> yang terakhir anda jumpa. Dan salin kod di bawah ini dan letakkan sebelum kod tadi. Oh ya, jangan lupa untuk backup dulu kod blog anda. Kalau tak menjadi ... haru biru nanti. Paling penting, anda perlu preview dahulu selepas anda letakkan kod baru jika editing menggunakan html ini.


<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if> 
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>
 
          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>
 
          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

In Sha Allah, percubaan anda akan berjaya. Jika tidak berjaya, mungkin ia konflik dengan widget atau gadget Google+ Follower yang baru. Tapi setakat percubaan yang telah HH lakukan untuk beberapa blog lain, ianya berjaya. Cuma ... ia akan melambatkan proses loading blog anda.

Selamat mencuba.

35 Comments

Komen adalah tanggungjawab anda. Tertakluk pada Akta 588 SKMM. Untuk pengiklanan, boleh email ke editor@hasrulhassan.com.

  1. thanks for tutorial....

    ReplyDelete
  2. eh tak sama ke ngan yg lama? tak perasan lah plak -_-

    ReplyDelete
  3. Bukan tak sama ... seandainya anda dah terbuang widget follower dalam blog anda atau nak buat blog baru .... widget ni dah tak ada dah. Cuma boleh guna kod html di atas untuk masukkan dalam blog. Itu sahaja .. :)

    ReplyDelete
    Replies
    1. ada lagi la..cuma kena cari kat more gadget...and dia duduk kat bawah sekali...huhu

      Delete
    2. Ya, memang ada. Tapi dah tak letak pada widget utama, jadi ia sudah tidak lagi digallakan untuk letak. Itu sebab ada masalah pada stggh blog untuk difollow, cara di atas diberikan supaya widget itu 'tidak' terikat secara langsung sebagai widget dalam blogspot.

      Delete
  4. ooo baru faham. masa buat blog baru ritu, amek terus widget follower yg baru. patut lah. faham faham faham :D

    ReplyDelete
  5. terima kasih..sngt membantu =)

    ReplyDelete
  6. macam mane admin buat google + follower tu tak private?

    ReplyDelete
  7. tak jumpa yang disuruh cari dahulu tu..

    ReplyDelete
  8. Macam mana? Tak jumpa pon yang macam mana?

    ReplyDelete
  9. t.q bro, info yang best..da folow.tq :D

    ReplyDelete
  10. syukran..sekali je saya cuba dh menjadi :)

    ReplyDelete
  11. Terima kasih kerana dapat manfaat dari entri ini .. kongsikan ye

    ReplyDelete
  12. Private? Boleh jadi private ehh? tu pada setting profile google+ anda.

    ReplyDelete
  13. Alhamdulillah :)
    menjadi akhirnya ^^,

    ReplyDelete
  14. Alhamdulillah :)
    menjadi . thanks for the tutorial :)

    ReplyDelete
  15. Tq.atie hargai sgt tutorial tu.thanks again

    ReplyDelete
  16. Assalamualaikum , boleh tolong editkan blog Dayah tak ? Tolong letakkan kod follower .

    ReplyDelete
  17. widget follower yang lama kena delete dulu ke bru letak code html ni???
    follower kita akan hilang tak sekiranya kita delete widget follower?

    ReplyDelete
    Replies
    1. Follower takkan hilang. Ia akan sama seperti kali terakhir anda melihatnya.

      Delete
  18. saya ade probs ngn tuto ni…bila da copy paste, then preview….keluo " this content is not yet available over secure connections" maksudnya madam mana tu?
    TQ,

    ReplyDelete
    Replies
    1. preview memang tak nampak ... mana2 widget yang klik preview dan kuar ayat di atas perlu live dan bukan preview. Terus je save, tu tak ada error la tu, lau ada error tak leh save pun ...

      Delete
  19. kat baris yang keberapa yer...minta maaf sedang belajar
    xjumpa

    ReplyDelete
    Replies
    1. Gunakan kod lain, kod ini terpakai hanya untuk editor lama ... :) ada cara lain saya kongsikan ... cuba guna butang SEARCH blog ini.

      Delete
  20. xjumpa la kod tu ... :( ada kod lain x

    ReplyDelete
  21. Perhatikan HTTP anda, jika HTTPS maka tukar menjadi HTTP .. HTTPS bermaksud secure connection.

    ReplyDelete
  22. tq for the tutorial

    http://dreemikastore.blogspot.com/

    ReplyDelete
  23. terimakasih ya, bermanfaat...it's works ;)

    ReplyDelete

Post a Comment

Komen adalah tanggungjawab anda. Tertakluk pada Akta 588 SKMM. Untuk pengiklanan, boleh email ke editor@hasrulhassan.com.

Previous Post Next Post

Advertisement

Bisnes Shopee

Advertisement

BERMASALAH DENGAN HARTA PUSAKA?

Panduan Mengurus Harta Pusaka dan Hibbah. - Nak Tahu? Klik Sini Sekarang!!


Advertisement