Setelah memostingkan trik tentang shoutmix yang hanya bisa dibuka melalui blog, kini HAPIA Mesir ingin berbagi tip membuat sitemap page dengan preview di blogger. berawal dari permintaan Sob Jaka. setelah selesai ujian pada hari ini, HAPIA Mesir langsung berinisiatif ingin berbagi tip kepada rekan-rekan blogger pada umumnya dengan membuat postingan ini.
Tip ini HAPIA Mesir dapat dari Blogdoctor.me dengan sedikit perubahan pada metode pemanggilan feed. previewnya seperti ini :
Tip ini HAPIA Mesir dapat dari Blogdoctor.me dengan sedikit perubahan pada metode pemanggilan feed. previewnya seperti ini :
Cara membuat sitemap page dengan preview di blogger adalah sebagai berikut :
- Login diBlogger.
- Buatlah postingan baru dengan judul bebas, contoh "Sitemap Page" (tanpa tanda petik).
- Tulislah beberapa kata sebagai pembukaan sitemap page ini pada awal postingan.
- Copy paste code berikut :
- Login diBlogger.
- Buatlah postingan baru dengan judul bebas, contoh "Sitemap Page" (tanpa tanda petik).
- Tulislah beberapa kata sebagai pembukaan sitemap page ini pada awal postingan.
- Copy paste code berikut :
<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->
<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="margin:0 0 0 100px;padding:4px;align=center;"><img src="http://sites.google.com/site/hapiamesir/javascript/loading.gif"></span>
</div>
<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=KUNCIAPI"
type="text/javascript"></script>
<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://hapiajavascript.googlecode.com/files/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://www.hapiamesir.org/feeds/posts/default?max-results=999'
}];
var options = {
stacked : true,
horizontal : false,
title : "Blog Sitemap"
}
new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->
<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="margin:0 0 0 100px;padding:4px;align=center;"><img src="http://sites.google.com/site/hapiamesir/javascript/loading.gif"></span>
</div>
<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=KUNCIAPI"
type="text/javascript"></script>
<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://hapiajavascript.googlecode.com/files/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://www.hapiamesir.org/feeds/posts/default?max-results=999'
}];
var options = {
stacked : true,
horizontal : false,
title : "Blog Sitemap"
}
new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->
* Rubahlah warna merah dengan link kamu dan nama sitemap page yang kamu inginkan.
* Dapat kan API KEY disini. dan ganti KUNCIAPI pada code dengan API KEY yang telah kamu dapat.
# Cara mendapatkan API KEY :
- Klik link diatas atau disini - Centang "I have read and agree with the terms and conditions (printable version)".
- Masukan link blog kamu.
- Klink Generate API Key.
- Copy API Key kamu yang terletak tepat dibawah tulisan "Your key is :" kemudian pastekan dan gantikan tulisan KUNCIAPI pada code dengan API Key kamu.
Selamat mencoba.
* Dapat kan API KEY disini. dan ganti KUNCIAPI pada code dengan API KEY yang telah kamu dapat.
# Cara mendapatkan API KEY :
- Klik link diatas atau disini - Centang "I have read and agree with the terms and conditions (printable version)".
- Masukan link blog kamu.
- Klink Generate API Key.
- Copy API Key kamu yang terletak tepat dibawah tulisan "Your key is :" kemudian pastekan dan gantikan tulisan KUNCIAPI pada code dengan API Key kamu.
Selamat mencoba.
thanks atas ilmunya
keduax....
makasih juga infonya!!!
Makasih bos ilmunya, memang sesama blogger harus begini saling berbagi
artikel yg menari sekali
thanks sobat
sukses sealu
salam buat sahabat2 di mesir.
heryanto@ sama2 sob..makasih sob..
lama juga g nampak ni..mohon doanya
makasih atas infonya ya sob berguna banget nih buat aku
oke juga nih infonya, bisa nambah ilmu bro, ntar dipraktekin. Langsung copas ya.. thanks
wah... bagi-bagi ilmu nih,, ikut nimbrung yah....
Mantabs nich tipsnya...
Tutorial yang sangat bermanfaat
Dapat ilmu baru lagi nich...
Makasih sob untuk sharingnya...
tak coba sob hapia
btw thanks infonya
api key itu ap y mas?,aq g tahu..
alfi@ API Key itu untuk membantu download feed atom kita sehingga kita bisa menampilkannya dengan menggunakan javascript sob...
makasih mas :D
sangat bermanfaat
tapi keknya bert
udah pernah coba trik ini
saya cobain dulu ya
makasih infonya, akan saya coba.
selamat malam bung
thanks infonya..btw, cuman untuk blogger ya?
salam kenal dari mbak Oyen
Mbak Oyen@ coba aja di selain blogger sob. seperti wordpress atau yang lain.
doyok phobia ma berat blog...wkwkwkwkkwkw
gaya yaa harus berat dong.. :E :P
dah pernah tak pasang juga trik ini tp loarnya kok berat bgt yah
Rizky2009@ soalnya postingan sudah banyak...jadi memang loadnya lama sob..
Mantabs nich tipsnya...
Ini yang baru aku cari Gan... trims buat tutornya...langsung praktek deh
Duh Mas , Kok sitemap pagenya buwel nggak jadi ea.... ada solusinya nggak.... :-)
buwel@ kalo postingan banyak biasanya lama munculnya sob...
Terima kasih atas sharing bos kalau boleh saya request artikel SEO dari Zero menjadi Hero
Mesti di praktek in ini cara ArenaBetting.com dukung fair play FIFA world cup AFSEL 2010
Rais@ dari mulai basic ada dibagian SEO tu sob... tinggal jalan aja...
Baru tahu aku. Thank's