Salah satu komponen di dalam blog yang dapat membantu pengunjung untuk menjelajahi blog adalah Daftar Isi / Sitemap atau Table Of Content, daftar isi merupakan halaman yang berisi daftar artikel-artikel di blog kita dengan lengkap,kelebihan daftar isi Jquery According yang aq peroleh dari http://modification-blog.blogspot.com/ ini penampilan yang lebih elegan dan keren. kurang lebih previewnya seperti gambar dibawah ini :
cara pasangnya yaitu :
LANGKAH 1
Penting !!!: Ubah NAMABLOGANDA dengan nama blog sobat sendiri...
Selesai...... Sekarang blog anda mempunyai daftar isi atau table of content, happy bloging ya..
cara pasangnya yaitu :
LANGKAH 1
- 1. Login ke blogger.
- 2. Masuk ke Rancangan dan pilih Edit HTML
- 3. Letakkan kode di bawah ini, di atas kode ]]>
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrR2NLb7W1H9Fi2nxI7saUCDK5Uks5mFqOjUQectnRcNDz_QTwB7HYCj5tFmzZlw5xI64zuTSpRLoWQFRalGUMQ_3dpHeUVA1Wocnfdd5QjrjNrqQB7jnflk5BI6WPJUGb7BQ8nWQNycg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1a8xPYD52NKV_vJPm-E4ht96kpYOKTl9UWgIJdOgycVIq64VHvsS-Nzt5M5r_cpwSOyZToToBq29DtdN7afs5cUFtBWQGD826mRDm6znTQszJOW6YD9uFrYylYBvhVIg9HtALHbY4TOI/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVJS4izubb6MEvNo-L-TVyt8XzxI21Mtmkhk0i1nHrfVgTY84Rrbsw3JuOyxYpqc7pSwOAo8JaxKMNB_wfTa-6XMecs7UCIo5VIlj60-oDzzSg6YISLhbafdGZkUHiBeDaPS6EZyOIi5E/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
- 4. Selenjutnya cari kode , lalu letakkan kode dibawah ini diatas kode.
Penting !!!: Ubah NAMABLOGANDA dengan nama blog sobat sendiri...
- 2. Klik Terbitkan.....
Selesai...... Sekarang blog anda mempunyai daftar isi atau table of content, happy bloging ya..
0 komentar: