Tutorial ; Letak Gadget Follower Box *BLOGSKIN/CLASSIC TEMPLATE

السّلا م عليکم ورحمةالله وبرکة | Salam Sejahtera


Salam semua. Sejak kebelakangan ni, ramai tanya kihah macam mana nak letak followers gadget di blog. Memang ramai betullah! Kihah sebelum ni jawab la yang kihah tak tahu sebab Google Friend Connect (kod untuk dapat gadget followers box) dah takde dan nak ganti dengan Google+.

Setelah lama fikir, baru kihah ingat yang kihah masih save lagi kod gadget follower box kihah yang lama tu. Nasib baik lah kan, kalau tak, jangan harap nak bagi kat korang :p So, Kihah nak sharelah kat korang kod Kihah Sendiri. Ehem. Tapi, kod tu tak leh guna. HAHAHAHAHA!


1. Click Sini Dulu ;p

2. Dashboard > Template. Tolong tekan Save Template dulu ye. Pastu, korang Tukarkan semula ke Template Biasa >Tutorial SINI<
p/s : Jangan risau okay? Kod blogskins anda TAK AKAN HILANG yee! Nanti korang boleh revert semula ke classic template dan kod akan jadi macam biasa semula okay? :)

3. Lepas dah revert ke template designer, korang pilih je template pe pon. contohnya korang pilih Simple Template. Pastu, Design > Add A Gadget > Pilih Gadget Followers ye.

4. Lepas tu, korang pergi blog korang. Tekan Right Click > pilih View Page Source ye. CTRL+F search "</div><div class='widget Followers' id='Followers1'>" ye. Contoh :

gambar #1

5. Nampak tak? Kalay tak, tekan gambar Okay. Sekarang, korang nampak kan kod yang kihah tunjukkan anak panah tu? Yang dalam copy kod start daripada kod ni

<script type="text/javascript">

 if (!window.google || !google.friendconnect) {

SEHINGGA KOD INI

site: "09845065656073829231",

locale: 'en' },

skin);

</script>

Gambar #2

6. Paham tak? Maknanya, dari kod yang kihah kotakkan di Gambar #1 sampailah kod yang kihah kotakkan di gambar #2. Paham kan? :P

7. So, ni adalah CONTOH KOD KIHAH.

AMARAN : Jangan copy codes ni sebab lain blog, lain kodnya okay ;) Ni sebagai CONTOH

<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/404594494944863549/posts/default";
	holder.commentFeed = "http://www.blogger.com/feeds/404594494944863549/comments/default";
	holder.currentBlogUrl = "http://blogtesterfaqihah2.blogspot.com/";
	holder.currentBlogId = "404594494944863549";
	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-h58xxaj3a3xb" 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'] = "#000000";
	skin['ALTERNATE_BG_COLOR'] = "transparent";
	skin['CONTENT_BG_COLOR'] = "transparent";
	skin['CONTENT_LINK_COLOR'] = "#000000";
	skin['CONTENT_TEXT_COLOR'] = "#333333";
	skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
	skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
	skin['CONTENT_HEADLINE_COLOR'] = "#000000";
	skin['FONT_FACE'] = "normal normal 100% Verdana, Arial, Sans-serif;";
	google.friendconnect.container.setParentUrl("/");
	google.friendconnect.container["renderMembersGadget"](
	{id: "div-h58xxaj3a3xb",
	height: 260,
	site: "09845065656073829231",
	locale: 'en' },
	skin);
	</script>
	</div>

8. Lepas copy, korang rujuk SINI. maksudnya, hanya tukar semula ke Classic template. Pastu, Cari kod Sidebar anda dan pastekan kat situ yaww!

9. Preview. Kalau tak de error, save! :)

EXTRA!
Sebenarnya, Kod ini boleh diedit :)

skin['HEIGHT'] = "260";
skin['TITLE'] = "Followers";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#333333";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#333333";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";

Okay. Nampak tak yang merah tu? Korang boleh adjustkan dia okay. Tengok perkataan depan tu. BG tu background sebenarnya. Kod-kod warna boleh ambil di SINI

• Faqihah Husni akan mengadakan Konsert dengan Kumpulan Luar Negara??
• Penyu Terbesar ada di Malaysia!! Jom Tengok!
• Semua peserta yang join  Giveaway ni akan dapat HADIAH! Nak Join?

Okay. Dah siap. Agak memeningkan sikit kan? Kihah pun pening. Hahaha. By the way, harap menjadi :) By theway, Korang tekanlah link website atas ni yee. Masehh. :)