Clock
Invite Icon
Visitors
Monday, July 23, 2012
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:
Untuk membuat Modifikasi Cantik, Sitemap Blog ala Abu Farhan cukup mudah
caranya :
1.Masuk ke Blogger.com
2.Klik Setting
3.pilih Post and coment
4.lalu langkah selanjutnya paste code script/HTML di bawah ke Post Template
<style type="text/css">
caranya :
1.Masuk ke Blogger.com
2.Klik Setting
3.pilih Post and coment
4.lalu langkah selanjutnya paste code script/HTML di bawah ke Post Template
<style type="text/css">
------------------*/
#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://Link blog anda/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
5.Ganti link/tulisan berwarna merah pada scrip tersebut dan ganti dengan link Blog anda
6.Save setting
7.Sekarang lihat pada postingan baru anda sudah terdapat widget Sitemap Blognya
Ditulis Oleh : Unknown|Admint MYSHARE
Sebagai GUEST yang baik di harapkan meninggalkan KOMENTAR atau sedikit Bantuan LIKE pada Artikel yang Blogger lovers Baca,TERIMAKASIH..!!
Subscribe to:
Post Comments (Atom)
Translate
.png "English"){kind=small}
2 comments:
terima kasih atas tutorialnya, saya akan praktekkan nanti
ana udah pasang link banner blog Agan, pasangin juga punya ana donk
Post a Comment
Komentar jika perlu gan , Komentar kalian semua adalah motifasi buat saya