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....
BalasPadameh tak sama ke ngan yg lama? tak perasan lah plak -_-
BalasPadamBukan 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 .. :)
BalasPadamada lagi la..cuma kena cari kat more gadget...and dia duduk kat bawah sekali...huhu
PadamYa, 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.
Padamooo baru faham. masa buat blog baru ritu, amek terus widget follower yg baru. patut lah. faham faham faham :D
BalasPadamHmm ... :)
BalasPadamterima kasih..sngt membantu =)
BalasPadammacam mane admin buat google + follower tu tak private?
BalasPadamtak jumpa yang disuruh cari dahulu tu..
BalasPadamMacam mana? Tak jumpa pon yang macam mana?
BalasPadamt.q bro, info yang best..da folow.tq :D
BalasPadamsyukran..sekali je saya cuba dh menjadi :)
BalasPadamTerima kasih kerana dapat manfaat dari entri ini .. kongsikan ye
BalasPadamTerima kasih @Colony Andra
BalasPadamPrivate? Boleh jadi private ehh? tu pada setting profile google+ anda.
BalasPadamSama-sama @azhar zulkafli
BalasPadamAlhamdulillah :)
BalasPadammenjadi akhirnya ^^,
Alhamdulillah :)
BalasPadammenjadi . thanks for the tutorial :)
bro xjadilah!!!
BalasPadamAda silap mana2 tu ..
PadamTq.atie hargai sgt tutorial tu.thanks again
BalasPadamAssalamualaikum , boleh tolong editkan blog Dayah tak ? Tolong letakkan kod follower .
BalasPadamwidget follower yang lama kena delete dulu ke bru letak code html ni???
BalasPadamfollower kita akan hilang tak sekiranya kita delete widget follower?
Follower takkan hilang. Ia akan sama seperti kali terakhir anda melihatnya.
Padamsaya 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?
BalasPadamTQ,
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 ...
Padamyeay!dah boleh…TQ..TQ..hehe
Padamkat baris yang keberapa yer...minta maaf sedang belajar
BalasPadamxjumpa
Gunakan kod lain, kod ini terpakai hanya untuk editor lama ... :) ada cara lain saya kongsikan ... cuba guna butang SEARCH blog ini.
Padamxjumpa la kod tu ... :( ada kod lain x
BalasPadamPerhatikan HTTP anda, jika HTTPS maka tukar menjadi HTTP .. HTTPS bermaksud secure connection.
BalasPadamtq for the tutorial
BalasPadamhttp://dreemikastore.blogspot.com/
tq tuan saya berjaya
BalasPadamterimakasih ya, bermanfaat...it's works ;)
BalasPadamCatat Ulasan
Komen adalah tanggungjawab anda. Tertakluk pada Akta 588 SKMM. Untuk pengiklanan, boleh email ke editor@hasrulhassan.com.