Daftar isi merupakan halaman yang berisi daftar artikel-artikel diblog kita dengan lengkap. Jadi pengunjung bisa lebih leluasa menjelajah isi blog kita
Langsung saja kita pelajari cara membuat daftar isi:
LANGKAH 1
1. Login ke blogger.
2. Masuk ke Rancangan dan pilih Edit HTML
3. Letakkan kode di bawah ini, di atas kode ]]></b:skin>
#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/AVvXsEiVAgSep4cCD_EIqVcy1B-yrz3DfdNd1GYTv1XPjLdpkr-fT7Z_2WKTP21y1kPDkmPdTYh3En2aunohY-gX0BX52u2JnT0-LH00wwl25Gn7qcWWQDmWDPKeExMrnkjM67hyjjeaVz26gDg/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/AVvXsEg4vPpEsTaJ_kUyzpqVXz7LdiXeVzxB2hwnKpzmBD5IY6gEfgQXJ3emEo36JoS-2Ltvbmb_678AJk_yWYd6MPoyxtyyl3k3ZSLkFoLbWWtpKoDa3qqA-wx8yxV_pCx6Ldq6cXP3_y1Iu2c/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/AVvXsEjeSIfRfjn1iHCAAgKpicDH68_GOqHfsGCa1apbwnCPPNaSVuV8A6qM9ssNRRUQCVraHnXd4pZcgGlMCUA5JCGgkMzFsiYP6OD7s6JegdeL5o6KeD6OPhkOEh_zDM1v9LFQzc7KbvAsis0/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 </head>, , lalu letakkan kode dibawah ini diatas kode .</head>,
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
5. Simpan template.
LANGKAH 2
1. Klik menu Posting, kemudian masuk ke Entri baru. Masukkan kode di bawah ini pada postingan, caranya seperti membuat postingan seperti biasa tetapi dalam mode HTML.
<div style="border: 1px solid rgb(204, 204, 204); height: 225px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;"><br /> <script src="http://litehoster.mobie.in/file/js/datar.isi.js"></script><script src="http://artikelsederhan.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Ubah http://artikelsederhan.blogspot.com/ dengan nama blog sobat
2.Klik Publikasikan
selesai deh...semoga tips n trik dari saya bermanfaat, maju terus blogger indonesia
0 komentar:
Posting Komentar