Macam Mana Cara Buat 'TOC' Blogger Menggunakan G.A.F.A

Salam semua...wehhh,panjang betul tajuk posting saya hari ini. Padahal mudah sahaja tutorial yang ingin disampaikan kepada kawan blogger semua.

Hari ini saya ingin berkongsi cara bagaimana anda semua boleh mebuat  TOC ( Table Of Content ) blogger blog anda menggunakan G.A.F.A ( Google Ajax Feed Api's ). Memang tidak dinafikan lagi di luar sana memang banyak cara nak buat toc blog. Cuma hari ini saya,ingin berkongsikan kaedah yang jarang-jarang digunakan serta di praktikkan sahaja. /hmm Baiklah..semua elok kita mulakan dengan....

Langkah 1 :

- Daftar disini dahulu  ( di google ajax search api )
- Masukkan url blog
- Generate Api Key anda
- Salin atau copy api key anda ( simpan kejap lagi anda perlukan )
- Sila rujuk gambar dibawah ( untuk mendapat gambaran bagaimana ) :

Langkah 2 :

- Log masuk ke akaun blogger anda

- Klik dashbord - klik layout - klik page elements - klik add a gedget - klik html / javascript

- Salin kod dibawah dan letakkan atau paste ke dalam kotak html / javascript tadi.

- Klik save - Selesai sudah tu....hehehe

<div id="feed-control">
<span style="margin: 10px; padding: 4px;">Loading...</span>
</div>


<script src="http://www.google.com/jsapi?key=GOOGLE-AJAX-FEED-API-KEY-ANDA">
type="text/javascript">
</script>


<script src="http://simblogg.googlepages.com/gfdynamicfeedcontrol.js" type="text/javascript">
</script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style>

<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: 'Table of Contents',
url: 'http://BLOG-ANDA.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'
}];
var options = {
stacked : true,
horizontal : false,
title : "TAJUK BLOG ANDA"
}

new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>

NOTA PENTING !!

- Sila gantikan tulisan warna merah dalam kotak di atas dengan api key anda,blog anda,serta tajuk blog anda ( real title of your blog ).

Nak tengok contoh atau hasil tutorial ini,klik sahaja TOC blog saya ini ( menu kat atas tu ) klik sini pun boleh.

Sekian sahaja untuk petang ini,wasalam...