Monday, May 6, 2013

tutorial letak Follower widget by Blogskin

hai, okay . hari ni dalam keadaan hujan ni rajin pulak fyraa nak share tutorial letak widget follower ni. btw , fyraa pernah cuba nak letak dkt blog fyraa. okay, seriously bnyak tuto fyra tengok tak jadi.tapi fyraa tengok TUTO akak comel ni : HANA . Menjadi kay.so fyraa nak share dengan korang , kredit : akak hana :D

1- Template > Upgrade template > pilih skin paling simple .

gambar bawah ni contoh  




2-  view blog > tekan Ctrl U serentak > then tekan Ctrl F serentak dengan FriendConnect .


lepas korang tekan view blog , korang terus tekan ctrl U serentak.nanti kluar mcm gmbar bawah ni



then tekan Ctrl + F serentak dengan Friend .nanti dia kluar mcam kotak kecik dalam gambar atas tu .

then korang copy code dalam page source tu dari 

 MULA DARI CODE MACAM NI :  <script type="text/javascript">
if (!window.google || !google.friendconnect) {
document.write('<script type="text/javascript"' +
'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
'</scr' + 'ipt>');
}
</script>
<script type="text/javascript">
if (!window.registeredBloggerCallbacks) {
window.registeredBloggerCallbacks = true;

gadgets.rpc.register('requestReload', function() {
document.location.reload();
});
gadgets.rpc.register('requestSignOut', function(siteId) {
google.friendconnect.container.openSocialSiteId = siteId;
google.friendconnect.requestSignOut();
});
}

}
});
gadgets.rpc.register('set_pref', function() {});
registerGetBlogUrls();
}
</script>
<div id="div-17fr1iuczk6d3" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Tomodachi";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#444444";
skin['ENDCAP_LINK_COLOR'] = "#09dada";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#09dada";
skin['CONTENT_TEXT_COLOR'] = "#444444";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#09dada";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#3b75e3";
skin['FONT_FACE'] = "normal normal 20px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-17fr1iuczk6d3",
height: 260,
site: "04056827126375876332",
 AKHIR DIA , CODE MACAM NIE : locale: 'en' },
skin);
</script>
</div>
3 - Dah habis copy code yang panjang tu , ? korang paste lah dulu kat mna mana . note pad ke , wall Fb korang ke . tak kisah. then 

4- template > bawah sekali ada REVERT to classic templte     > ikut step dalam gambar bawah ni


5 - korang copy balik code yang pnjng yang dah korang paste kat Fb tadi tu , then paste kan dekat templte korang . bahagian sidebar . tak tahu ? korang cer scroll slow slow sampai jumpa dia minx FOLLOWER CODE  . :)

FINALLY , BERJAYA ! YES, CER VIEW BLOG . CONGRATE :*








2 comments:

nurnabilarslan@blogspot.com said...

takder pun friendconnect tue?

Abohku said...

thank you....lawat blog saya.. lets become friend... xde geng lg ni.. blog baru....tunjuk ajar plis

http://southpawska.blogspot.my/

Copyright ®Tutorial World By Shafirrah Shafie™