Lil Panda
Tutorial : Add kotak follower (blogskin)
Tuesday, 17 April 2012 • 01:59 • 19 comments


okelah.. entry ini diterimakasihkan kepada Cik Kitty

1. Mula-mula bukak blog korang.. 

Dashboard > Template

2. korang tukar template korang kepada Template designer
tak tahu cara nak tukar klik sini 
sudah? bagos!
Tapi!! kalau korang takut template korang hilang.. 
korang simpan la kod template tu ye..

3. sekarang .. korang pergi dekat design > add a gadget
dan pilih follower.. (ada sesetengah template yang ada kotak follower siap-siap)
pastuh korang save laa..

4. then, korang preview .. ada tak kotak follower.. ada! bagos.. kalau
takda maksudnya anda tak letak lagi kotak follower.. hihi..

5. cer preview kemudian tekan CTRL+U  atau tekan right klik 
(kalau korang tekan right klik.. korang cari View page source..)
 sudah? ha! sekarang korang cari kod follower.. lebih kurang 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();
});
}
</script>
<script type="text/javascript">

function registerGetBlogUrls() {
gadgets.rpc.register('getBlogUrls', function() {
var holder = {};
holder.postFeed = "http://www.blogger.com/feeds/889576181672425959/posts/default";
holder.commentFeed = "http://www.blogger.com/feeds/889576181672425959/comments/default";
holder.currentBlogUrl = "http://testgroundxml.blogspot.com/";
holder.currentBlogId = "889576181672425959";
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>
<div id="div-15hc7ff1otyr9" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Followers";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#333333";
skin['ENDCAP_LINK_COLOR'] = "#cc3300";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#cc3300";
skin['CONTENT_TEXT_COLOR'] = "#333333";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#cc3300";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#777777";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-15hc7ff1otyr9",
height: 260,
site: "06263409034181087069",
locale: 'en' },
skin);
</script>





Amaran!

korang jangan copy paste kod tuh.. sebab setiap blog ada kod dia tersendiri..
6. copy kod follower korang dan save dekat notepad
7. ha! sekarang.. korang tukar balik template korang kepada classic template..
caranya disini
8. pastu. korang letak la dekat sidebar korang yang comelss tuh...



NOTA KEPALA :
korang jugak boleh tukar warna kotak follower mengikut selera
korang sendiri..  melalui kod korang yang lebih kurang macam ni:

skin['HEIGHT'] = "260";
skin['TITLE'] = "Followers";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#333333";
skin['ENDCAP_LINK_COLOR'] = "#cc3300";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#cc3300";
skin['CONTENT_TEXT_COLOR'] = "#333333";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#cc3300";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#777777";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif";

pastu.. save la.. tengok la hasilnya.. kalau jadi komen tau! 
kalau tak jadi pun komen..

p/s: sori entry agak panjang berjelaaa..



I might never be a good writer but apparently I wrote from my heart



Diary About Link Stuff




Template By: Umi Humaira
Big helped: Wana
Le Boss: Hayati Rosdi