Ini adalah widget tampilan multi tab yang bagus untuk blog / situs web Anda. Ikuti langkah-langkah di bawah ini untuk menambahkannya ke situs Anda.
1.Login ke dasbor blogger Anda -> tata letak- -> Edit HTML
2. Gulir ke bawah ke tempat Anda melihat tag </head> .
3.Copy kode di bawah ini dan paste tepat sebelum para <head /> tag.
<script type = 'text / javascript' src = ' https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js '> </script> <script type = 'text / javascript'> // <! [CDATA [ eval (function (p, a, c, k, e, d) {e = fungsi (c) {return (c <a? '': e (parseInt (c / a))) + + ((c = c% a)> 35? String.fromCharCode (c + 29): c.toString (36))}; if (! ''. ganti (/ ^ /, String)) {while (c -) {d [e ( c)] = k [c] || e (c)} k = [fungsi (e) {return d [e]}]; e = fungsi () {return '\\ w +'}; c = 1}; while (c -) {if (k [c]) {p = p.replace (RegExp baru ('\\ b' + e (c) + '\\ b', 'g'), k [c] )}} return p} ('(3 (C) {C.8 = {3o: {19: 3 (E, F, H) {6 G = C.8 [E] .1h; 21 (6 D 3p H) {G.1I [D] = G.1I [D] || []; G.1I [D] .28 ([F, H [D]])}}, 2P: 3 (D, F, E) {6 H = D.1I [F]; 5 (! H) {7} 21 (6 G = 0; G <Hk; G ++) {5 (Db [H [G] [0]]) {H [G] [1] .1H (Dc, E)}}}}, 1l: {}, n: 3 (D) {5 (C.8.1l [D]) {7 C.8.1l [D]} 6 E = C (\ '<2a 3s = "8-3r"> \'). J (D) .n ({3q: "3i", 2g: "- 2A", 3g: "- 2A", 1r : "1w"}). 22 ("2C"); C.8.1l [D] = !! ((! (/ 3I | 3P /). 12 (En ("3z")) || (/ ^ [ 1-9] /) .12 (En ("2T")) || (/ ^ [1-9] /). 12 (En ("2E")) || (/ 2v /). 12 (En ("3w")) ||! (/ 3S | 3C \\ (0, 0, 0, 0 \\) /). 12 (En ("3D")))); 3E {C ("2C"). 2w (0) .3B (E.2w (0) )} 3x (F) {} 7 C.8.1l [D]}, 3y: 3 (D) {C (D) .v ("1p", "2I"). N ("2q", "2v" )}, 3H: 3 (D) {C (D) .v ("1p", "3O"). N ("2q", "")}, 3Q: 3 (G, E) {6 D = / 2g / .12 (E || "2g")? "3N": "3M", F = e; 5 (G [D]> 0) {7 t} G [D] = 1; F = G [D ]> 0? T: e; G [D] = 0; 7 F}}; 6 B = C.2e.W; C.2e.W = 3 () {C ("*", 2) .19 ( 2) .z ("W"); 7 B.1H (2,2M)}; 3 A (E, F, G) {6 D = C [E] [F] .35 || []; D = (1F D == "1E"? D.2h (/,? \\ s + /): D); 7 (C.1j (G, D)! = - 1)} C.1i = 3 (E, D ) {6 F = E.2h (".") [0]; E = E.2h (".") [1]; C.2e [E] = 3 (J) {6 H = (1F J = = "1E"), I = 2D.1h.3J.2P (2M, 1); 5 (H&& A (F, E, J)) {6 G = Ci (2 [0], E); 7 (G? G [J] .1H (G, I): 1n)} 7 2.14 (3 () {6 K = Ci (2, E); 5 (H&&K && C.3v (K [J])) {K [J] .1H (K, I)} o {5 (! H) {Ci (2, E, 3e C [F] [E] (2, J) )}}})}; C [F] [E] = 3 (I, H) {6 G = 2; 2.15 = E; 2.2H = F + "-" + E; 2.b = C.1A ({ }, C.1i.1k, C [F] [E] .1k, H); 2.c = C (I) .u ("1e." + E, 3 (L, J, K) {7 G .1e (J, K)}). U ("2j." + E, 3 (K, J) {7 G.2j (J)}). U ("W", 3 () {7 G.1b ()}); 2.23 ()}; C [F] [E] .1h = C.1A ({}, C.1i.1h, D)}; C.1i.1h = {23: 3 () { }, 1b: 3 () {2.c.1q (2.15)}, 2j: 3 (D) {7 2.b [D]}, 1e: 3 (D, E) {2.b [D] = E; 5 (D == "f") {2.c [E? "J": "r"] (2.2H + "- f")}}, 1X: 3 () {2.1e ("f", e)}, 1P: 3 () {2.1e ("f", t)}}; C.1i.1k = {f: e}; C.8.2J = {3h: 3 () {6 D = 2 ; 2.cu ("3d." + 2.15,3 (E) {7 D.2G (E)}); 5 (Cx13) {2.2K = 2.cv ("1p"); 2.cv ("1p "," 2I ")} 2.3c = e}, 38: 3 () {2.c.16 (". "+ 2.15); (Cx13 && 2.cv (" 1p ", 2.2K))}, 2G: 3 (F) {(2.V && 2.1o (F)); 2.1C = F; 6 E = 2, G = (F.39 == 1), D = (1F 2.b.25 == "1E"? C (F.2f) .2x (). 19 (F.2f) .y (2.b.25) .k: e); 5 (! G || D ||! 2.2S (F)) { 7 t} 2.1D =! 2.b.26; 5 (! 2.1D) {2.3a = 1x (3 () {E.1D = t}, 2.b.26)} 5 (2.2m (F) && 2.1T (F)) {2.V = (2.1U (F)! == e); 5 (! 2.V) {F.3b (); 7 t}} 2.2n = 3 (H) { 7 E.2r (H)}; 2.2l = 3 (H) {7 E.1o (H)}; C (2N) .u ("2O." + 2.15.2.2n) .u ("2t." + 2.15.2.2l); 7 e}, 2r: 3 (D) {5 (Cx13 &&! D.3j) {7 2.1o (D)} 5 (2.V) {2.1V (D); 7 e} 5 (2.2m (D) && 2.1T (D)) {2.V = (2.1U (2.1C, D)! == e); (2.V? 2.1V (D): 2.1o (D) )} 7! 2.V}, 1o: 3 (D) {C (2N) .16 ("2O." + 2.15,2.2n) .16 ("2t." + 2.15.2.2l); 5 (2 .V) {2.V = e; 2.2u (D)} 7 e}, 2m: 3 (D) {7 (29.3m (29.2z (2.1C.2L-D.2L), 29.2z (2.1C) .2s-D.2s))> = 2.b.2F)}, 1T: 3 (D) {7 2.1D}, 1U: 3 (D) {}, 1V: 3 (D) {}, 2u: 3 (D) {}, 2S: 3 (D) {7 t}}; C.8.2J.1k = {25: U, 2F: 1,26: 0}}) (27); (3 (A) {A.1i ("8.4", {23: 3 () {2.b.Z + = ". 4"; 2.1m (t)}, 1e: 3 (B, C) {5 ((/ ^ d / ) .12 (B)) {2.1v (C)} o {2.b [B] = C; 2.1m ()}}, k: 3 () {7 2. $ 4.k}, 1Q: 3 ( B) {7 B.2R && B.2R.1g (/ \\ s / g, "2Q"). 1g (/ [^ A-4o-4x-9 \\ - 2Q: \\.] / G, "") || 2.b.2X + Ai (B)}, 8: 3 (C, B) {7 {b: 2.b, 4u: C, 30: B, 11: 2. $ 4.11 (C)}}, 1m: 3 (O) {2. $ l = A ("1O: 4p (a [p])", 2.c); 2. $ 4 = 2. $ l.1G (3 () {7 A ("a", 2) [0]} ); 2. $ h = A ([]); 6 P = 2, D = 2.b; 2. $ 4.14 (3 (R, Q) {5 (QX && Q.X.1g ("#", "")) ) {P. $ h = P. $ h.19 (QX)} o {5 (A (Q) .v ("p")! = "#") {Ai (Q, "p.4", Qp ); Ai (Q, "q.4", Qp); 6 T = P.1Q (Q); Qp = "#" + T; 6 S = A ("#" + T); 5 (! Sk) {S = A (D.2d) .v ("1s", T) .j (D.1u) .4l (P. $ h [R-1] || Pc); Si ("1b.4", t)} P. $ h = P. $ h.19 (S)} o {Df28 (R + 1)}}}); 5 (O) {2.cj (D.2b); 2. $ h. 14 (3 () {6 Q = A (2); Qj (D.1u)}); 5 (Dd === 1n) {5 (20.X) {2. $ 4.14 (3 (S, Q) { 5 (QX == 20.X) {Dd = S; 5 (Ax13 || Ax43) {6 R = A (20.X), T = Rv ("1s"); Rv ("1s", "")) ; 1x (3 () {Rv ("1s", T)}, 44)} 4m (0,0); 7 e}})} o {5 (D.1c) {6 J = 46 (A.1c ("8-4" + Ai (Pc)), 10); 5 (J&&P $ 4 [J]) {Dd = J}} o {5 (P. $ ly ("." + Dm) .k) {Dd = P. $ l.11 (P. $ ly ("." + Dm) [0])}}}} Dd = Dd === U || Dd! == 1n? Dd: 0; Df = A.41 (Df40 (A.1G (2. $ ly ("." + D.1a), 3 (R, Q) {7 P. $ l.11 (R)}))). 31 (); 5 (A.1j (Dd, Df)! = - 1) {Df3V (A.1j (Dd, Df), 1)} 2. $ hj (D.18); 2. $ lr (Dm); 5 ( Dd! == U) {2. $ hw (Dd) .1S (). R (D.18); 2. $ lw (Dd) .j (Dm); 6 K = 3 () {A (Pc) .z ("1K", [PY ("1K"), P.8 (P. $ 4 [Dd], P. $ h [Dd])], D.1S)}; 5 (Ai (2. $ 4 [ Dd], "q.4")) {2.q (Dd, K)} o {K ()}} A (3U) .u ("3W", 3 () {P. $ 4.16 (". 4" ); P. $ l = P. $ 4 = P. $ h = U})} 21 (6 G = 0, N; N = 2. $ l [G]; G ++) {A (N) [A.1j (G, Df)! = - 1 &&! A (N) .1f (Dm)? "J": "r"] (D.1a)} 5 (D.17 === e) {2. $ 4.1q ( "17.4")} 6 C, I, B = {"3X-2E": 0,1R: 1}, E = "3Z"; 5 (D.1d && D.1d.3Y == 2D) {C = D. 1d [0] || B, I = D.1d [1] || B} o {C = I = D.1d || B} 6 H = {1r: "", 47:" ", 2T:" "}; 5 (! Ax13) {H.1W =" "} 3 M (R, Q, S) {Q.2p (C, C.1R || E, 3 () {Qj (D.18) .n (H); 5 (Ax13 && C.1W) {Q [0] .2B.y = ""} 5 (S) {L (R, S, Q)}})) } 3 L (R, S, Q) {5 (I === B) {Sn ("1r", "1w")} S.2p (I, I.1R || E, 3 () {Sr ( D.18) .n (H); 5 (Ax13 && I.1W) {S [0] .2B.y = ""} A (Pc) .z ("1K", [PY ("1K"), P. 8 (R, S [0])], D.1S)})} 3 F (R, T, Q, S) {Tj (Dm) .4k (). R (Dm); M (R, Q, S)} 2. $ 4,16 (". 4"). U (DZ, 3 () {6 T = A (2) .2x ("1O: w (0)"), Q = P. $ hy (": 4e "), S = A (2.X); 5 ((T.1f (Dm) &&! D.1z) || T.1f (D.1a) || A (2) .1f (D.1t ) || A (Pc) .z ("2y", [PY ("2y"), P.8 (2, S [0])], D.1v) === e) {2.1M (); 7 e} Pbd = P. $ 4,11 (2); 5 (D.1z) {5 (T.1f (Dm)) {Pbd = U; Tr (Dm); P. $ h.1Y (); M (2 , Q); 2.1M (); 7 e} o {5 (! Qk) {P. $ h.1Y (); 6 R = 2; Pq (P. $ 4.11 (2), 3 () {Tj (Dm ) .j (D.2c); L (R, S)}); 2.1M (); 7 e}}} 5 (D.1c) {A.1c ("8-4" + A.i (Pc), Pbd, D.1c)} P. $ h.1Y (); 5 (Sk) {6 R = 2; Pq (P. $ 4.11 (2), Qk? 3 () {F (R, T, Q, S)}: 3 () {Tj (Dm); L (R, S)})} o {4b "27 4c 4d: 3n 49 4a."} 5 (Ax13) {2.1M ()} 7 e}); 5 (! (/ ^ 24 /). 12 (DZ)) {2. $ 4.u ("24.4", 3 () {7 e})}}, 19: 3 (E, D, C) {5 (C == 1n) {C = 2. $ 4.k} 6 G = 2.b; 6 I = A (G.37.1g (/ # \\ {p \\} / g, E) .1g (/ # \\ {1L \\} / g, D)); Ii ("1b.4", t); 6 H = E.4i ("#") == 0? E.1g (" # "," "): 2.1Q (A (" a: 4g-4h ", I) [0]); 6 F = A (" # "+ H); 5 (! Fk) {F = A (G .2d) .v ("1s", H) .j (G.18) .i ("1b.4", t)} Fj (G.1u); 5 (C> = 2. $ lk) {I .22 (2.c); F.22 (2.c [0] .48)} o {I.36 (2. $ l [C]); F.36 (2. $ h [C])} Gf = A.1G (Gf, 3 (K, J) {7 K> = C? ++ K: K}); 2.1m (); 5 (2. $ 4.k == 1) {Ij (Gm) ; Fr (G.18); 6 B = Ai (2. $ 4 [0], "q.4"); 5 (B) {2.q (C, B)}} 2.cz ("2Y", [2.Y ("2Y"), 2,8 (2. $ 4 [C], 2. $ h [C])], G.19)}, W: 3 (B) {6 D = 2.b, E = 2. $ lw (B) .W (), C = 2. $ hw (B) .W (); 5 (E.1f (Dm) && 2.$ 4.k> 1) {2.1v (B + (B + 1 <2. $ 4.k? 1: -1))} Df = A.1G (A.34 (Df, 3 (G, F) {7 G ! = B}), 3 (G, F) {7 G> = B? - G: G}); 2.1m (); 2.cz ("2V", [2.Y ("2V"), 2.8 (E.2k ("a") [0], C [0])], DW)}, 1X: 3 (B) {6 C = 2.b; 5 (A.1j (B, Cf) = = -1) {7} 6 D = 2. $ lw (B) .r (C.1a); 5 (Ax4n) {Dn ("1r", "4t-1w"); 1x (3 () {Dn ("1r", "1w")}, 0)} Cf = A.34 (Cf, 3 (F, E) {7 F! = B}); 2.cz ("33", [2.Y ( "33"), 2,8 (2. $ 4 [B], 2. $ h [B])], C.1X)}, 1P: 3 (C) {6 B = 2, D = 2.b; 5 ( C! = Dd) {2. $ lw (C) .j (D.1a); Df28 (C); Df31 (); 2.cz ("32", [2.Y ("32"), 2.8 ( 2. $ 4 [C], 2. $ h [C])], D.1P)}}, 1v: 3 (B) {5 (1F B == "1E") {B = 2. $ 4.11 (2. $ 4.y ("[p $ =" + B + "]") [0])} 2. $ 4.w (B) .4q (2.bZ)}, q: 3 (G, K) {6 L = 2, D = 2.b, E = 2. $ 4.w (G), J = E [0], H = K == 1n || K === e, B = Ei ("q.4") ; K = K || 3 () {}; 5 (! B ||! H&& A.i (J, "17.4")) {K (); 7} 6 M = 3 (N) {6 O = A ( N), P = O.2k ("*:4s "); 7 Pk && P.4v (": 45 (3R) ") && P || O}; 6 C = 3 () {L. $ 4.y (". "+ D.1t) .r (D.1t ) .14 (3 () {5 (D.1N) {M (2) .3l (). 1B (M (2) .i ("1L.4"))}}); L.1y = U} ; 5 (D.1N) {6 I = M (J) .1B (); M (J) .3k ("<2o> </2o>") .2k ("2o"). I ("1L. 4 ", I) .1B (D.1N)} 6 F = A.1A ({}, D.1J, {2U: B, 2i: 3 (O, N) {A (JX) .1B (O) ; C (); 5 (D.17) {Ai (J, "17.4", t)} A (Lc) .z ("2Z", [LY ("2Z"), L.8 (L. $ 4 [ G], L. $ H [G])], Dq); D.1J.2i && D.1J.2i (O, N); K ()}}); 5 (2.1y) {2.1y.3f () ; C ()} Ej (D.1t); 1x (3 () {L.1y = A.3u (F)}, 0)}, 2U: 3 (C, B) {2. $ 4.w (C ) .1q ("17.4"). I ("q.4", B)}, 1b: 3 () {6 B = 2.b; 2.c.16 (". 4"). R (B. 2b) .1q ("4"); 2. $ 4,14 (3 () {6 C = Ai (2, "p.4"); 5 (C) {2.p = C} 6 D = A (2) .16 (". 4"); A.14 (["p", "q", "17"], 3 (E, F) {D.1q (F + ". 4")})}); 2 . $ l.19 (2. $ h) .14 (3 () {5 (Ai (2,"1b.4")) {A (2) .W ()} o {A (2) .r ([Bm, B.2c, B.1a, B.1u, B.18] .3G ("" ))}})}, Y: 3 (B) {7 AZ3L ({3t: B, 2f: 2.c [0]})}}); A.8.4.1k = {1z: e, Z: " 24 ", f: [], 1c: U, 1N:" 3F & # 3A; ", 17: e, 2X:" 8-4 - ", 1J: {}, 1d: U, 37: \ '<1O> <ap="#{p}"> <2W> # {1L} </2W> </a> </1O>\',2d:"<2a> </2a> ", 2b:" 8-4 -3K ", m:" 8-4-d ", 2c:" 8-4-1z ", 1a:" 8-4-f ", 1u:" 8-4-30 ", 18:" 8-4 -3T ", 1t:" 8-4-4w "}; A.8.4.35 =" k "; A.1A (A.8.4.1h, {1Z: U, 4r: 3 (C, F) {F = F || e; 6 B = 2, E = 2.bd; 3 G () {B.1Z = 42 (3 () {E = ++ E <B. $ 4.k? E: 0; B. 1v (E)}, C)} 3 D (H) {5 (! H || H.4j) {4f (B.1Z)}} 5 (C) {G (); 5 (! F) {2 . $ 4.u (2.bZ, D)} o {2. $ 4.u (2.bZ, 3 () {D (); E = Bbd; G ()})}} o {D (); 2 . $ 4,16 (2.bZ, D)}}})}) (27); ', 62.282,'|| ini | fungsi | tab | jika | var | return | ui ||| opsi | elemen | terpilih | salah | panel | data | addClass | panjang | lis | terpilihKelas | css | lain | href | muat | hapusClass || true | bind | attr | eq | browser | filter | triggerHandler ||||||||||||||| m | Mulai | hapus | hash | fakeEvent | event || index | test | msie | masing-masing | widgetName | unbind | cache | hideClass | add | disabledClass | destroy | cookie | fx | setData | hasClass | ganti | prototipe | widget | inArray | default | cssCache | tabify | undefined | mouseUp | tidak dipilih | hapusData | display | id | loadingClass | panelClass | pilih | blok | setTimeout | xhr | unselect | extended | html | _mouseDownEvent | _mouseDelayMet | string | typeof | peta | terapkan | plugins | ajaxOptions | tabsshow | label | blur | li | disable | tabId | durasi | tampilkan | mouseDelayMet | mouseStart | mouseDrag | opacity | aktifkan | menghentikan | rotasi | lokasi | untuk | appendTo | init | klik | batal | tunda | jQuery | push | Matematika | div | navClass | unselectClass | panelTemplat | fn | target | atas | split | sukses | getData | temukan | _mouseUpDelegate | mouseDistanceMet | _mouseMoveDelegate | em | animate | MozUserSelect | mouseMove | pageY | mouseup | mouseStop | tidak ada | get | parent | tabsselect | abs | 5000px | style | body | Array | lebar | jarak | mouseDown | widgetBaseClass | pada | mouse | _mouseUnselectable | pageX | argumen | dokumen | mousemove | panggilan | _ | judul | mouseCapture | tinggi | url | tabsremove | span | idPrefix | tabsadd | tabsload | panel | sort | tabsdisable | tabsenable | grep | getter | insertSebelum | tabTemplate | mouseDestroy | yang | _mouseDelayTimer | preventDefault | begin | mousedown | baru | batalkan | kiri | mouseInit | absolut | tombol | bungkusInner | induk | maks | ketidakcocokan | plugin | di | position | gen | class | type | ajax | isFunction | backgroundImage | catch | disableSelection | cursor | 8230 | removeChild | rgba | backgroundColor | try | Memuat | gabung | aktifkan pilihan | auto | slice | nav | perbaiki | scrollLeft | scrollTop | off | default | hasScroll | img | transparan |hide | window | splice | unload | min | constructor | normal | concat | unique | setInterval | opera | 500 | not | parseInt | overflow | parentNode | fragmen | identifier | throw | UI | Tabs | terlihat | clearInterval | pertama | anak | indexOf | clientX | saudara | insertAfter | scrollTo | safari | Za | has | trigger | rotate | last | inline | tab | is | memuat | z0'.split ('|'), 0, {})) //]]> </script> <style type = "text / css"> .widgets545 { lebar: 295px; overflow: disembunyikan; margin-top: 5px; margin-bottom: 5px; pengisi: 0px 0px 0px 0px; latar belakang: # e8dbcc; } .widgets545 a { warna: # 222; teks-dekorasi: tidak ada; } .widgets545 a: hover { warna: # 009; teks-dekorasi: garis bawah; } ul.tabnav { pengisi: 0px 0px 0px 0px; tinggi: 26px; margin: 0px 0px; latar belakang: #FFFFFF; } .tabnav li { display: inline; daftar-gaya: tidak ada; mengapung: kiri; perataan teks: tengah; margin-right: 8px; } .tabnav li a { teks-dekorasi: tidak ada; text-transform: huruf besar; font-weight: normal; padding: 5px 8px 6px 8px; lebar: 70px; font-weight: normal; font: 12px tahoma, helvetica, arial, sans-serif; warna: # E8DBCC; teks-dekorasi: tidak ada; display: blok; latar belakang: # 5F381D url (http://1.bp.blogspot.com/_4HKUHirY_2U/S2D_9Ok6mZI/AAAAAAAAATM/n_ikKRhyfgI/button.png) repeat-x; border-top: 1px solid # 7F1E00; border-left: 1px solid # 7F1E00; border-right: 1px solid # 7F1E00; } .tabnav li a: hover, .tabnav li a: aktif, .tabnav li.ui-tabs-terpilih a { teks-dekorasi: tidak ada; latar belakang: # E8DBCC; warna: # AE8269; border-top: 1px solid # DFD2C3; border-left: 1px solid # DFD2C3; border-right: 1px solid # DFD2C3; } .tabdiv { padding: 5px 5px 5px 5px; font-family: Tahoma, Century gothic, Arial, sans-serif; border-bottom: 1px solid # DFD2C3; border-left: 1px solid # DFD2C3; border-right: 1px solid # DFD2C3; } .tabdiv a: tautan, .tabdiv a: visited { warna: # 333; } .tabdiv a: hover { warna: # 2676A1; } .tabdiv ul { daftar-gaya-jenis: tidak ada; margin: 0px 0px; padding: 0px 0px; } .tabdiv ul li { tinggi: 100%; garis-tinggi: 28px; pengisi: 0px 0px 0px 0px; warna: # 333; } .tabdiv li a: tautan, .tabdiv li a: visited { latar belakang: # f9f5f1; display: blok; margin-kiri: 5px; overflow: disembunyikan; garis-tinggi: 24px; padding: 2px 5px; margin: 2px 0px; warna: # 6F6B53; ukuran font: 13px; } .tabdiv li a: hover { latar belakang: #fff; warna: # 3F200C; teks-dekorasi: tidak ada; } .ui-tabs-hide { display: tidak ada; } </style>
4. Sekarang buka Tata Letak -> Elemen Halaman dan klik "Tambahkan gadget".
5. Pilih "html / java script" dan tambahkan kode yang diberikan di bawah ini dan klik simpan.
<script type = "text / javascript"> var $ jx = jQuery.noConflict (); $ jx (document) .ready (function () { $ jx ('# tabzine> ul'). tabs ({fx: {height: 'toggle', opacity: 'toggle'}}); }); </script> <div id = "tabzine" class = "widgets545"> <ul class = "tabnav"> <li> <a href="#tab11"> Terbaru </a> </li> <li> <a href = " # tab22 "> Populer </a> </li> <li> <a href=" #tab33"> Komentar </a> </li> </ul> <div id = "tab11" class = "tabdiv"> Tab 1 Konten </div> <div id = "tab22" class = "tabdiv"> Konten Tab 2 </div> <div id = "tab33" class = "tabdiv"> Tab 3 Konten </div> </div>
Catatan : Ganti Konten Tab 1 , Konten Tab 2 , Konten Tab 3 dengan konten Anda.







0 komentar:
Posting Komentar