Tutorial : Follower Widget part #2
Assalamualaikum and hai ... ok hari ni nina nak buat sambungan bagi follower widget part 1.... ok korang kena buat betul-betul tau .... kalau tak faham boleh tanya... ok jom start
- Ok pastikan korang dah convert classic template to designer.. kalau belum click > sini <
- then korang kena add follower widget kalau tak tau boleh rujuk kat > sini <
- ok bila dah add followers widget korang pergi ke Template > View Blog
macam gambar kat bawah
- bila dah click view blog nanti dia akan jadi macam gambar kat bawah
- Then korang click Ctrl+U
- nanti dia akan keluar page source macam kat bawah
- Then korang tekan Ctrl+f search friendconnect macam kat bawah
- code bermula dari <script type="text/javascript"> sehingga locale: 'en'}, skin); </script></div>
- kalau tak paham korang tengok contoh kat bawah
<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();
});
}
</script>
<script type="text/javascript">
function registerGetBlogUrls() {
gadgets.rpc.register('getBlogUrls', function() {
var holder = {};
holder.postFeed = "http://www.blogger.com/feeds/5836871101477876275/posts/default";
holder.commentFeed = "http://www.blogger.com/feeds/5836871101477876275/comments/default";
holder.currentBlogUrl = "http://ninakaryana.blogspot.com/";
holder.currentBlogId = "5836871101477876275";
return holder;
});
}
</script>
<script type="text/javascript">
if (!window.registeredCommonBloggerCallbacks) {
window.registeredCommonBloggerCallbacks = true;
gadgets.rpc.register('resize_iframe', function(height) {
var el = document.getElementById(this['f']);
if (el) {
el.style.height = height + 'px';
}
});
gadgets.rpc.register('set_pref', function() {});
registerGetBlogUrls();
}
</script>
<br />
<div id="div-65w2lgsj8xxu" style="width: 175px;">
</div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "230";
skin['TITLE'] = "Followers";
skin['BORDER_COLOR'] = "#ffd7e1";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "transparent";
skin['ENDCAP_LINK_COLOR'] = "transparent";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "transparent";
skin['CONTENT_TEXT_COLOR'] = "transparent";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#ffd7e1";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#ffd7e1";
skin['CONTENT_HEADLINE_COLOR'] = "transparent";
skin['FONT_FACE'] = "normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-65w2lgsj8xxu",
height: 230,
site: "05381701266161027977",
locale: 'en_GB' },
skin);
</script>
</div>
- kalau dah jumpa code... korang copy code tu pastu paste dalam notepad macam kat bawah
- done!!!
0 Comments:
Post a Comment