Modifikasi Cantik, Sitemap Blog ala Abu Farhan

Modifikasi Cantik, Sitemap Blog ala Abu Farhan

Bola Hero Gawai

Modifikasi Cantik, Sitemap Blog ala Abu Farhan

Sitemap Blog ala Abu Farhan
Modifikasi Cantik, Sitemap Blog ala Abu Farhan merupakan sarana suatu blog untuk menyajikan seluruh url/link postingannya kepada pengunjung blog, atau bisa disebut juga sebagai daftar isi dari blog tersebut.

Saya sebut Modifikasi Cantik, Sitemap Blog ala Abu Farhan karena memang menurut saya sitemap ini cantik untuk diaplikasikan ke blog, seperti gambar di bawah ini:

Modifikasi Cantik, Sitemap Blog ala Abu Farhan

Untuk membuat Modifikasi Cantik, Sitemap Blog ala Abu Farhan cukup mudah, silahkan buat postingan baru dengan judul apa saja, seperti Sitemap atau Daftar Isi. Kemudian pastekan kode di bawah ini di postingan HTML.

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.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;box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic}
.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>

Ganti yourblogname.blogspot.com dengan nama blog Anda.

Kemudian silahkan publish postingan Anda, dan terakhir silahkan buat link untuk mengakses ke postingan sitemap tersebut seperti pada menu header.

Demikian postingan Modifikasi Cantik, Sitemap Blog ala Abu Farhan tersebut, mudah-mudahan bermanfaat.

Sumber: Rohis Facebook

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

11 Comments Add Comment

sahurrrrrrrrr... :D
mantafff gan, dah gue praktekin and done...
thanks sob..

Balas

Senang bisa berguna bagi orang lain...makasih sudah mampir di sini.

Balas

gan, caranya supaya ada scroll nya gmana?
koq d blog q g ada scroll nya ya?

Balas

Tinggal dikasih kotak dengan fungsi scroll aja sob...

Balas

caranya gmana gan?
maaf newbie :D

Balas

coba aja googling "cara membuat kotak dengan fungsi scroll"
Simpan kodenya sebelum kode di atas....dan penutupnya simpan setelah kode di atas....

Balas

makasih ya Gan . banyak postingan yang sangat bermanfaat buat saya :)

Balas

Sama-sama mas :D

Balas

Tampilan daftar isinya benar-benar cantik mas Adhy.
Mohon ijin menggunakan Sitemap ini.
Terima kasih

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×