Home » » Modifikasi Sitemap Abu Farhan, Cantik..!

Modifikasi Sitemap Abu Farhan, Cantik..!

Modifikasi Sitemap Abu Farhan
Alhamdulillah..., akhirnya bisa juga update potingan seputar Tutorial blogspot, setelah hampir satu bulan tidak update. Postingan terakhir RF tentang cara membuat Related post Thumbnail dengan efek Marque dan Tooltip, yang belum menyimak silahkan lihat disini Related Posts Keren..!.

 

Tidaklah  berlebihan kalau dibahasakan bahwa Sitemap/Table of contents dari Mr. Abu Farhan ini sangat terkenal dan menjadi sumber inspirasi dari beberapa para blogger untuk memodifikasinya dengan berbagai sytle, salah satu style dari modifikasi tersebut akan kita lihat dibawah ini.

Langkah-langkah pembuatannya seperti biasa, buatkan laman baru atau masukkan dalam postingan isi dalam Edit HTML lalu masukkan kode dibawah ini.

<style type="text/css">
/*Outer Border
------------------*/

#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}

/*Label Color and Background
------------------*/

.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}

/*Latest Post Info
------------------*/

.new{color:#FF5F00;font-weight:bold;font-style:italic}

/*Post Title List
------------------*/

.postname{font-weight:normal;background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc"><script type="text/javascript" src="http://dvslabs.googlecode.com/files/customizable-TOC.js"></script>
<script src="http://yourblogname.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Setelah itu ganti http://yourblogname.blogspot.com dengan alamat link Sobat.


Sumber : D-Artchitext (http://www.intert3chmedia.net).

Semoga Bermanfaat.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Rohis Facebook

+ Create Comment + 74 Responses so far.

1 April 2012 15.13

oke sob, udah ketem nih....

sukses selalu sob :)

1 April 2012 15.22

@muhammad hidayatAamiin.., km jg sob sukses selalu.., Aamiin... *smile

1 April 2012 15.43

keren sob..:D mantap tutorialnya..... thanks ya..

1 April 2012 15.52

@V-MediaKomterima kasih jg sob dah mampir dan komen..., *smile

1 April 2012 16.15

thanks sharenya,..
semoga bermanfaat:)

1 April 2012 16.36

@Atma Muthmainnasama2... *smile

1 April 2012 16.36

saya sudah pernah coba sitemap Abu Farhan, tapi karena tulisan di blogku hanya terdiri dari beberapa tag, akhirnya saya ganti lagi dengan sitemap yang lama.
Terima kasih informasinya.

1 April 2012 16.50

@Abi Sabilasama2.., terima kasih sdh mampir & komen... *smile

1 April 2012 17.32

bagus ya, tadi buka demonya.. ok banget dan ngga berat pula, makasih infonya RF :)

1 April 2012 19.35

@NFsama2.., terima kasih dah mampir & komen *smile

1 April 2012 19.59

Syukur Alhamdulillah, Sitemapnya kang abu Farhan memang top markotop sob RF,
ane dah coba,
nice share RF. Happy Bloggging

1 April 2012 21.11

@zaenal blogsmg bermanfaat..Happy Bloggging pak.. *smile

bukanya blogger otomatic site map

1 April 2012 23.10

keren sob demonya

2 April 2012 06.34

kalo gitu, ijin comot ya, buat keperluan nanti2 lho, buat ancang2 aja, barang kali ada pembangunan, okeh sob :D

2 April 2012 09.26

wah sepertinya keren ya sob
save dulu aja ah, siapa tahu nanti tak coba sob

trims sharingnya

2 April 2012 09.36

terimakasih sobat sudah berbagi tutorial ini :)

2 April 2012 10.23

Buset LoadX Masih Lama banget jadi aku tutup gak sempat liat deh tuh DEMO nya, atau DEMO nya di Photo aja biar yang modem lemot kayak saya bisa liat

2 April 2012 10.43

Keren sob blognya. Kunjungan balik ya sob :)

2 April 2012 11.04

wah seperti apa ya, saya liat demonya dulu ah. sepertinya menarik ni. makasih telah berbagi.

2 April 2012 11.06

@system of blogterima kasih saranx sob.., sebenarx link demox sdh sy ganti 2 x.., yg pertama i2 emank agak berat tp yg sekarang ini lbh ringan.., tdk sampai hitungan 1 menit langsung terbuka.., happy blogging *smile

2 April 2012 11.45

@katilsiya sob.., klo gk keren gk akan aq share *smile

2 April 2012 11.46

@Stupid monkeysilahka sob.. *smile

2 April 2012 11.47

@Muro'i El-Barezysilahkan..., *smile

2 April 2012 11.47

@Anak Rantauterima kasih sob.., iyaaa.. *smile

2 April 2012 11.49

@BlogS of Hariyantosama2..., terima kasih.. *smile

2 April 2012 12.29

Table of contentnya keren...namun sayang saya sudah pakai yang lain dari mr. nitin mahendra....

2 April 2012 12.49

saya coba ahh...
makasih sobat ya

2 April 2012 12.59

Setelah pikir2 dan memang sitemap ini keren, akhirnya saya pasang juga di blog saya...makasih sob tutornya....

2 April 2012 15.16

@Kompi Ajaibsama2 sob.. *smile

2 April 2012 15.19

@Tonnysiya sama2.., terima kasih ah mampir.. *smile

2 April 2012 15.20

@cerita anak kostiya sama2.. *smile

Akhi, ini di edit HTML di pasang di mana??

2 April 2012 16.25

@Muhammad Dzul Fadly Sa'idafwan baru bls., carax sama seperti membuat artikel baru.., cuma masukkan ke dlm EDIT HTML, jgn dimasukkan ke dlm COMPOSE.... *smile

2 April 2012 16.34

Simple tapi top and good article^^

2 April 2012 16.52

@Faizal Indra kusumaterima kasih sob..., thx ya dah berkunjung balik *smile

2 April 2012 17.25

hehehe tambah sript CSS memang jadi tambah keren ya sob.. ikutan nyoba. bareng kalai kompatible dengan template ane.. syukron sob

2 April 2012 18.07

Bagus niee.. sob tapi ane gk makai yang ini :)

2 April 2012 18.30

bagus sob...
bisa dicoba

3 April 2012 02.12

wah keren sob... langsung coba nih :)
Maaf baru mampir *smile

3 April 2012 11.36

Emang keren, sob! Entar ane bikin ahh... ;-)

3 April 2012 13.05

@eksaksilahkan... *smile

3 April 2012 13.06

@Rama Arif Maulanaiya silahkan.., gpp ko' *smile

3 April 2012 13.06

@Imtikhansilahkan... *smile

3 April 2012 13.08

@TORAYASURABAYAiya sob.., terserah cz warna dikondisikan aja dgn latar blog sobat.., cz sitempap ini lbh cocok tuk web yg berlatar putih.. *smile

3 April 2012 13.08

@Wisata Murahsilahkan.. *smile

3 April 2012 13.11

@Kompi Ajaiboke bro...

3 April 2012 13.57

Pengen belajar jga sob. makasi ya, folow blog ane dong..

3 April 2012 14.29

kunjungan siang

3 April 2012 17.49

wah keren juga nih sobat,,, jadi penasaran sobat...

3 April 2012 18.03

@Gede Ardhithx yaa...*smile

3 April 2012 18.03

@Ririe Khayanterima kasih ya mbk. *smile

3 April 2012 18.04

@Asis Sugiantosilahkan lihat demox sob..! *smile

3 April 2012 19.06

Hmm, kodenya pake spasi per hurufnya, ya sob! Bakalan susah, 'coz ane cuma pake hape! Afwan kalo usul ane jelek!

3 April 2012 19.48

@eksakmf baru sempat balas...

kode diatas tinggal dicopas tdk ada yg mengalami perubahan selain nama link sobat... cukup simple ko'.. *smile

3 April 2012 20.54

Wooow keren sob,,,
izin nyoba ya ,,
I like it ,,,


wilujeng ngeblog

3 April 2012 21.13

@Sakahayang Kang Asepiya kang silahkan... *smile

3 April 2012 22.24

langsung dicoba nih sob... biar makin cantik widget nya

4 April 2012 11.05

bagus sekali mas... ntar saya coba ya... cantik abis map-nya
sukses dan semangat selalu ya mas

4 April 2012 11.14

@Rama Arif Maulanasilahkan bro.. *smile

4 April 2012 11.15

@Kang Farhansilahkan dicoba..,Insya Allah, terima kasih... *smile

mantap sob, ane juga pake sitemap dari abu farhan kok

5 April 2012 15.16

mantap..nice tutorial skalian follow blog ini#163, folback ea thx..

5 April 2012 17.02

@Arief Rachmadi Blogger Pemulaterima kasih *smile

5 April 2012 17.02

@VENOMIAterima kasih sob...! *smile

8 April 2012 19.09

keren bener sob! masih ada yg model lain??

8 April 2012 20.01

@popon360iya masih ada.., insya Allah besok2 sy share lagi yaa.., tp bukan milik abu farhan cuma agak mirip2.., terima kasih... :)

21 Mei 2012 15.15

di coba dulu..

14 Agustus 2012 11.55

Thanks atas tutornya gan :)

http://infoiki.blogspot.com

10 November 2012 04.56

wah makasih gan
kunjungi juga rizkyynwa.blogspot.com

28 Mei 2013 20.06

Ehmm....makasih ya :)
Ijin coba mastah :3

16 November 2013 22.27

Simak lagi Mas Rohis, di artikel yang bermanfaat ini terima kasih

15 Oktober 2014 19.03

bagus juga tampilannya bro....segar dan tidak bosan dilihat. makasih atas pencerhannya.

Posting Komentar

Terima Kasih banyak atas saran dan kritiknya.

Sama seperti peraturan yang dibuat oleh para blogger pada umumnya.., cuma disini saya harapkan agar para pengunjung untuk lebih fokus pada artikel kami yang bertemakan Agama (Islam), khususnya untuk saudara-saudari kami yang Muslim dan Muslimah.

0. Yang OOT silahkan masuk ke menu Buku Tamu/Blogwalking!
1. Komentar yang berbau JUDI/TOGEL, Porno tidak akan di Moderasi!
2. Komentar yang berbau JUDI/TOGEL, Porno tidak akan di Moderasi!
3. Harus Sopan
4. Admin tidak meladeni Debat kusir
5. Bercanda gk boleh ada unsur pornonya dan unsur Bohongnya
6. Silahkan melampirkan link Mati, gk boleh link hidup