Rabu, Maret 06, 2013

0 Trik buat daftar isi dengan JQuery

Related Post:

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

Membuat Daftar Isi – Pada kesempatan kali ini dessam akan share tutorial untuk cara membuat daftar isi blogspot untuk sobat semua. Membuat daftar isi blogspot mungkin sudah banyak yang tahu, namun daftar isi yang andalanku share adalah membuat daftar isi dengan jQuery.
Cara Membuat Daftar Isi Dengan JQuery
Nah, bagi sobat yang mau membuat daftar isi blogspot dengan jQuery, dibawah ini andalanku akan tuliskan langkah-langkahnya. Mari langsung saja sobat lihat cara membuat daftar isi jQuery tersebut.
Cara Membuat Daftar Isi Blogspot Dengan JQuery
  • Login ke Blogspot.
  • Klik Design/Rancangan.
  • Pilih Edit HTML.
  • Kemudian letakan kode dibawah ini di atas kode ]]></b:skin>
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
#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/AVvXsEg2dzvVTGcjxt6IUoLH_azI0EqI7-6SM6bMNonbYAy6mljTN7bYOBqCfzJ8ihgairX1G9PPl5-TeHLrMiamT1xRb7ZuyRhDcYsehEzZgkAAvpISN3ean8bUOq2XpTL7GTIjX2S1zSfeG70/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/AVvXsEiU6PPK358D2unHhsW2U4KOGaPwELRyVncuHRb8CEGIW_XFdry3ruR_yut9oVElbT-3fLFJueitMT3F3OmKdqUmW8pb9tHuxFwlgQNg8YASh7WnmUt-Hhwk1eSYQMO6IkZ2VAxxSyrtSQU/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);
}
  • Copy kode dibawah ini dan letakkan diatas kode </head>
1
<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.
1
2
<script type="text/javascript" src="http://dessam13.blogspot.com/"></script>
<script src="<span style="color: #ff0000;">http://URL BLOG.blogspot.com</span>/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
  • Ganti http://URL BLOG.blogspot.com dengan URL blog sobat.
  • Selesei.
Bagaimana pendapat sobat dengan Cara Membuat Daftar Isi Dengan JQuery diatas, jangan lupa beri komentarnya ya sekalian bagikan juga ke Google Plus, Twitter dan Facebook. Terima kasih!!!.

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)