Tutorial Kotak Follower Blogger Dulu

by - December 22, 2013

UPDATE :
Pertama sekali ana ingin mengucapkan terima kasih banyak-banyak dekat salah seorang insan yang sudi menegur dan membantu ana, "bakal jenazah".

Sebenarnya widget follower tu tak hilang, tapi telah tidak disenaraikan sebagai basic widget. Jadi nak tahu macam mana nak dapatkannya? Tengok steps dekat bawah.

  • Login blogger
  • Layout
  • Add a Gadget
  • Tekan "More Gadget"

  • Scroll bawah sampai jumpa widget macam dalam gambar di bawah




CARA MANUAL YANG AGAK MENYUSAHKAN
Akhirnya, dapat juga ana buatkan satu tutorial untuk sahabat blogger kita. Sebenarnya dia tanya dekat sahabat ana, Adam Izzuddin. Malangnya sahabat ana tidak beberapa pandai nak buat artikel tutorial, jadi ana tolong buatkan ye. Harap sudi jadikan rujukan.

Kotak follower blogger yang dulu? Macam mana tu? Boleh check dekat sidebar sebelah kanan ana, ade ruangan Followers, dan blogger-blogger lain boleh tekan Join this site kalau nak follow kan. Okay itulah kotak follower blogger yang dulu.


Memandangkan blogger dah buat banyak perubahan dari segi fizikal dan juga mental, ana rasa widget follower tu pun dah hilang. Sebab sekarang pihak Google lebih mengutamakan Google Plus sebagai medium social networking.

Tapi jangan risau, yang nak dapatkan balik kotak follower yang lama, boleh ikuti tutorial sini. InsyaAllah.

  • Login Blogger
  • Template 
  • Edit HTML
  • CTRL + F dalam kotak HTML
  • Cari kod di bawah (Akan keluar banyak, pilih yang paling bawah)
 </b:widget>
  • Copy code di bawah (CTRL+C)
<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>

  • Paste di bawah kod 
</b:widget>
  • Save
  • Pergi layout
  • Tarik ke mana suka kedudukan widget "Followers" dan save arrangement.
Itu sahaja, jika ada sebarang pertanyaan bolehlah bertanya di ruangan komen.

You May Also Like

6 comments