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.
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 != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<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='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<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='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' 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.
thanks for tutorial....
ReplyDeleteeh tak sama ke ngan yg lama? tak perasan lah plak -_-
ReplyDeleteBukan 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 .. :)
ReplyDeleteada lagi la..cuma kena cari kat more gadget...and dia duduk kat bawah sekali...huhu
DeleteYa, 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.
Deleteooo baru faham. masa buat blog baru ritu, amek terus widget follower yg baru. patut lah. faham faham faham :D
ReplyDeleteHmm ... :)
ReplyDeleteterima kasih..sngt membantu =)
ReplyDeletemacam mane admin buat google + follower tu tak private?
ReplyDeletetak jumpa yang disuruh cari dahulu tu..
ReplyDeleteMacam mana? Tak jumpa pon yang macam mana?
ReplyDeletet.q bro, info yang best..da folow.tq :D
ReplyDeletesyukran..sekali je saya cuba dh menjadi :)
ReplyDeleteTerima kasih kerana dapat manfaat dari entri ini .. kongsikan ye
ReplyDeleteTerima kasih @Colony Andra
ReplyDeletePrivate? Boleh jadi private ehh? tu pada setting profile google+ anda.
ReplyDeleteSama-sama @azhar zulkafli
ReplyDeleteAlhamdulillah :)
ReplyDeletemenjadi akhirnya ^^,
Alhamdulillah :)
ReplyDeletemenjadi . thanks for the tutorial :)
bro xjadilah!!!
ReplyDeleteAda silap mana2 tu ..
DeleteTq.atie hargai sgt tutorial tu.thanks again
ReplyDeleteAssalamualaikum , boleh tolong editkan blog Dayah tak ? Tolong letakkan kod follower .
ReplyDeletewidget follower yang lama kena delete dulu ke bru letak code html ni???
ReplyDeletefollower kita akan hilang tak sekiranya kita delete widget follower?
Follower takkan hilang. Ia akan sama seperti kali terakhir anda melihatnya.
Deletesaya 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?
ReplyDeleteTQ,
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 ...
Deleteyeay!dah boleh…TQ..TQ..hehe
Deletekat baris yang keberapa yer...minta maaf sedang belajar
ReplyDeletexjumpa
Gunakan kod lain, kod ini terpakai hanya untuk editor lama ... :) ada cara lain saya kongsikan ... cuba guna butang SEARCH blog ini.
Deletexjumpa la kod tu ... :( ada kod lain x
ReplyDeletePerhatikan HTTP anda, jika HTTPS maka tukar menjadi HTTP .. HTTPS bermaksud secure connection.
ReplyDeletetq for the tutorial
ReplyDeletehttp://dreemikastore.blogspot.com/
tq tuan saya berjaya
ReplyDeleteterimakasih ya, bermanfaat...it's works ;)
ReplyDeletePost a Comment
Komen adalah tanggungjawab anda. Tertakluk pada Akta 588 SKMM. Untuk pengiklanan, boleh email ke editor@hasrulhassan.com.