halo sobat , ketemu lagi nie di blogger-jelek ku
nie gue punya lagi cara membuat daftar isi blog dengan jqueri pastinya eahh
langsung aja ea pertama-tama marilah panjatkan puja dan puji syukur kpada kehadirat allah SWT
eh eh eh malah sambutan pidato maaf eaa sobat ...hehehehe
ini baru yang serius sobat langsung aja ea ikuti langkah di bawah ini
1.masuk ke akun blogger sobat maing-mmasing ea pastinya
2.lalu klik design /rancangan
3.keudian EDIT HTML
4.lalu cari kode ]]></b:skin>
dan letakkan tepat di atas kode tersebut
nah ini kode sqripnya
#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:#ffffff;
}
.dafis-label {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfaPkOfG0Mxwm2n9PpAWwMv8CIF6N1Rp4gVe822ucrDUp_2dHuGvJ8njaIcJRefH1r1J-snCbS4DE1J09d4DDDOv-Kkr3wKVqdX9qfO24TBGW-Z4MDqxiWJLcceVNbBI17PnFmuBON9B8/d/bg4.gif") repeat-x scroll 0 0 #E1F4FB;
border: 1px solid #2F94BA;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
line-height: 1.4em;
margin: 1px 3px;
outline: medium none;
overflow: hidden;
padding: 2px 10px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
vertical-align: baseline;
white-space: nowrap;
}
.dafis-label:hover {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-zpN3l6GYY_uTg4rVDQQNs7ZlIMUXMQlLVIY2H1RtqsTzDGIZrhklf3rZMYrKg2vGT0yaLx8Je4NbB2sMgU3uwmBL1S2ivsC2ZdLA7UWxbjhVdqf19-jZXb0zdJ5wqKzPgNDsRATLG4/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;
border: 1px solid #339DC6;
line-height: 1.5em;
margin: 1px 3px !important;
text-align: left;
white-space: nowrap;
}
.dafis-daf ol li a {
color: #333333 !important;
display: block;
padding-left: 10px;
text-decoration: none !important;
}
.dafis-daf ol li a:hover {
background: none repeat scroll 0 0 #7BC4DF;
border-left: 5px solid #333333;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
- eits tunggu dulu ea sobat masih belum selesai nih
- lalu copy kode dibawah ini tepat diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2
/jquery.min.js' type='text/javascript'/>
- Jika di blog sobat sudah ada kode diatas, maka sobat boleh abaikan langkah ini.
- Selanjutnya copy dan paste kode dibawah ini dalam postingan maupun widget blog sobat
<script type="text/javascript" src="http://dharla-perdana.googlecode.com/files/Acc.js"></script>
<script src="http://URL BLOG.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
# perhatikan ya sobat dibawah ini #
- ganti TULISAN yang berwarna HIJAU dengan URL blog sobat ya
- selesai sobat ,,gimana susah gak ......?
nah itu tadi sob caranya makasih udah berkunjung eah
jangan lupa sering-sering ke sini ....hehehehe
WASSALAM.
Anda telah membaca artikel tentang Membuat daftar isi dengan jQuery dan anda juga bisa menemukan artikel Membuat daftar isi dengan jQuery ini dengan url http://hbiepwidjaia.blogspot.com/2013/06/membuat-daftar-isi-dengan-jquery.html.Anda boleh menyebarluaskan atau mengcopy artikel Membuat daftar isi dengan jQuery ini jika memang bermanfaat bagi Anda, namun dengan catatan jangan lupa untuk mencantumkan link sumbernya.
