Bagaimana Cara Membuat Daftar IsI Dengan Efek Jquery

Hai semua Sahabat Blogger Indonesia....
saya kembali lagi disini untuk memberikan sedikit pengetahuan Tentang Bagaimana Cara Membuat Daftar IsI Dengan Efek Jquery....
Sebenernya saya sendiri gak ngerti tentang Javascript,melihat tulisannya saja banyak yang aneh tapi gunanya bagus banget ....

Langsung saja pada Tutorial Membuat Daftar IsI Dengan Efek Jquery.

• Login ke Akun Blogger anda
• Piliha Rancangan
• Edit HTML
• Cari kode seperti dibawah ini

]]></b:skin>

•  Kalau sudah ketemu Copy kode dibawah ini tepat diatas ]]></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/AVvXsEi-lySQ_ScGVdjvvqM6_EHsP9Rm0eKdTj5nVlr6C2ohUES59Aj6gA2ALsyxXGTAqfo8Kf8WRbbC40zq0q2Sg6g2mWPUQSsJm6b3k2_tIQD-xMDb0gwMxcIKq8Y-ECQ1rWgQAvpuzL3eApc/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/AVvXsEg2a_mqLOVZb6sXtCRdO-jrPk3-SmSieyiBmljZGaOonQJxIhyphenhyphen0vG6cq3JboXmtd7ls15Flass9DiaZHABIxIg69iQ1jbJeixfGi7mD7Iz3zMAv34v0_YZCbGtFL03TS8P3sQtiqho0XHs/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/AVvXsEhvmVlnP0o44P0T4diTFxACfMagaA0YMkz7YU8yqk64iNbesJ6syONNdWfGM5nX4gwxTLIfKPb-B_1fwrslyeXuYvyKFZDCu3gi2iWoPqAsldzaJiJlKABPsxmrnw9BjdrCZ2XksFQf5Ec/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);
}

•  Lalu cari kode

</head>

• Lalu Paste'kan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>

• Kalau sudah Simpan Template
• Lalu pilih Posting => Entri Baru Mode HTML
• Copy Paste'kan kode dibawah ini didalamnya

<script type="text/javascript" src="http://ryoichikuga.googlecode.com/files/dafis_acc.js"></script>
<script src="http://ryoichikuga.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

•  Selesai...coba lihat berhasilkan....ini sama seperti blog saya
• Jika sudah berhasil silahkan berkomentar

Posted in: Komputer,Pelajaran