Gawai Daftar Isi Akordion untuk Blogger
Pembaruan 2018/09/01: Berbagai perubahan dan fitur baru telah ditambahkan untuk memenuhi saran dan permintaan para pengguna. Beberapa diskusi yang terdapat di dalam ruang komentar mungkin sudah tidak relevan lagi dengan isi artikel.
Kali ini Saya akan memperkenalkan gawai daftar isi akordion berdasarkan label setelah sebelumnya Saya pernah menuliskan tentang gawai daftar isi akordion berdasarkan bulan terbit:
Integrasi Gawai ke Blogger
Memasang widget ini memerlukan kemampuan dasar dalam membaca dan menulis kode HTML. Jika Anda termasuk kategori penulis blog yang masih bergantung pada perangkat tulis WYSIWYG atau pada mode Compose di editor Blogger, mungkin Anda perlu mempelajari dasar-dasar penulisan kode HTML terlebih dahulu sebelum menerapkan gawai ini. Sebuah blog dari Niagahoster menyediakan tutorial dasar tentang pemahaman kode HTML untuk pemula dimulai dari persiapan alat hingga pengenalan berbagai tag dan atribut HTML dasar, terutama yang sangat umum dijumpai di dalam konten sebuah artikel seperti format judul, efek huruf tebal dan miring, serta penjelasan tentang cara menyisipkan tautan dan gambar. Anda bisa membacanya di halaman Belajar HTML.
Pertama-tama klik menu Laman pada bilah sisi. Kemudian, pada menu Laman Baru pilihlah Laman Kosong:
Setelah itu kamu akan melihat formulir halaman statis seperti ini. Klik mode HTML:
Salin kode di bawah ini kemudian letakkan di dalam formulirnya:
<link href="//dte-project.github.io/blogger/stacked-toc/248ab0.min.css" rel="stylesheet">
<script src="//dte-project.github.io/blogger/stacked-toc.min.js?url=http://dte-feed.blogspot.com&active=0"></script>
Ganti URL yang Saya beri tanda dengan alamat blog kamu kemudian klik tombol Publikasikan.
Menghilangkan parameter url
akan membuat gawai ini secara otomatis menentukan URL halaman muka berdasarkan URL pada bilah alamat. Berkas 248ab0.min.css adalah berkas tema. Kamu bisa menghapus berkas tersebut jika kamu ingin membuat tema sendiri:
<style>
/* Kode tema kustom di sini… */
</style>
<script src="//dte-project.github.io/blogger/stacked-toc.min.js?active=0"></script>
Pengaturan
Opsi | Keterangan |
---|---|
url |
Ganti nilainya dengan alamat blog kamu atau alamat blog orang lain yang ingin kamu tampilkan kontennya. |
id |
Alternatif untuk menentukan sumber data selain dengan url . Ganti nilainya dengan ID blog kamu atau ID blog orang lain yang ingin kamu tampilkan kontennya. ID harus dituliskan sebagai string. Menambahkan parameter id akan mengabaikan nilai parameter url . Contoh: id="4890949828965961610" |
direction |
Direksi teks pada blog kamu. Nilainya bisa berupa "ltr" atau "rtl" . |
container |
Selektor CSS untuk menentukan di mana gawai akan ditampilkan. Menghilangkan parameter ini akan membuat gawai secara otomatis menempatkan diri tepat sebelum tag <script> yang kamu sisipkan. |
active |
Digunakan untuk menentukan urutan panel yang akan aktif saat pertama kali halaman dimuat. Nilai 0 akan membuat panel di urutan pertama menjadi aktif. Nilai "Musim Gugur" akan membuat panel dengan label Musim Gugur menjadi aktif. |
toggle |
Digunakan untuk menentukan sifat panel ketika diklik. Menentukan nilai true akan membuat panel yang aktif menutup dirinya sendiri ketika kamu mengeklik panel tersebut, atau ketika kamu mengeklik panel yang lainnya. Menentukan nilai false akan membuat panel yang aktif menutup hanya ketika kamu mengeklik panel yang lainnya. Menentukan nilai -1 akan membuat panel yang aktif menutup dirinya sendiri hanya ketika kamu mengeklik panel tersebut; panel-panel yang lain tidak akan terpengaruh. |
hide |
Tentukan nama-nama label yang tidak ingin kamu tampilkan. |
date |
Ganti nilainya menjadi false untuk menyembunyikan waktu penerbitan artikel. Selain itu akan dianggap sebagai format waktu penerbitan: %Y% untuk menampilkan angka tahun, %M% untuk menampilkan angka bulan, %D% untuk menampilkan angka hari, %h% untuk menampilkan angka jam format 12, %m% untuk menampilkan angka menit, %s% untuk menampilkan angka detik, %M~% untuk menampilkan nama bulan, %D~% untuk menampilkan nama hari, %h~% untuk menampilkan angka jam format 24, dan %N% untuk menampilkan keterangan waktu format 12; nilainya bisa berupa "AM" atau "PM" tergantung dari data text[midday] . |
excerpt |
Ganti nilainya menjadi true untuk menampilkan ringkasan artikel. Atau gunakan angka untuk menentukan maksimal karakter yang akan ditampilkan dalam ringkasan artikel sebelum diakhiri oleh karakter … . |
image |
Ganti nilainya menjadi true untuk menampilkan gambar artikel. Atau gunakan angka untuk menentukan ukuran lebar dan tinggi gambar. Kamu juga bisa menggunakan parameter standar gambar Google untuk memanipulasi ukuran, seperti "s100" , "s100-c" , dan "w100-h50" . |
target |
Jika bernilai "_blank" , semua tautan akan terbuka di tab/jendela baru saat diklik. |
load |
Digunakan untuk menentukan waktu penundaan pemuatan JSON. Tentukan sebagai angka untuk waktu penundaan memuat dalam satuan milidetik atau true agar gawai ini memuat setelah keseluruhan halaman telah selesai termuat. |
sort |
false untuk menyortir artikel secara normal berdasarkan bulan terbit, 1 untuk menyortir artikel dari A ke Z, -1 untuk menyortir artikel dari Z ke A. |
recent |
false untuk menyembunyikan tanda New!. Ganti dengan angka untuk menentukan berapa banyak artikel terbaru yang ingin ditandai dengan label New!. |
text[recent] |
Markup HTML bebas untuk membuat label New! pada artikel-artikel terbaru. |
text[months] |
Digunakan untuk menentukan nama-nama bulan sesuai dengan sistem kalender di negara tempat kamu tinggal. |
text[days] |
Digunakan untuk menentukan nama-nama hari sesuai dengan sistem kalender di negara tempat kamu tinggal. |
Contoh
Menampilkan gambar dan ringkasan:
<script src="stacked-toc.min.js?excerpt=200&image=80"></script>
Membuat panel ke tiga aktif saat pertama kali halaman dimuat:
<script src="stacked-toc.min.js?active=2"></script>
Membuat panel dengan label Iklan aktif saat pertama kali halaman dimuat:
<script src="stacked-toc.min.js?active=Iklan"></script>
Menyembunyikan panel dengan label Iklan dan Tautan:
<script src="stacked-toc.min.js?hide=["Iklan","Tautan"]"></script>
<script src="stacked-toc.min.js?hide[0]=Iklan&hide[1]=Tautan"></script>
Memodifikasi format waktu penerbitan (karakter %
harus diubah menjadi %25
):
<script src="stacked-toc.min.js?date=%25Y%25-%25M%25-%25D%25%20%25h%25%3A%25m%25%3A%25s%25"></script>
Menentukan kontainer spesifik (karakter #
harus diubah menjadi %23
):
<script src="stacked-toc.min.js?container=%23content"></script>
Kemudian, pada suatu tempat, Anda buat elemen HTML seperti ini:
<div id="content"></div>
Gunakan alat ini untuk mempermudah dalam mengubah karakter mentah menjadi karakter yang aman untuk URL.
Animasi
Fitur animasi pada gawai ini sudah tidak lagi dibuat menggunakan API jQuery, melainkan hanya memanfaatkan fitur CSS3 transisi. Kamu bisa memodifikasi kecepatan dan percepatan animasi dengan cara seperti ini:
<style>
.stacked-toc-panel {
/* `ease-in-out-quart` */
-webkit-transition-timing-function: cubic-bezier(.77, 0, .18, 1);
-moz-transition-timing-function: cubic-bezier(.77, 0, .18, 1);
transition-timing-function: cubic-bezier(.77, 0, .18, 1);
/* ½ detik */
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
</style>
<script src="stacked-toc.min.js?active=0"></script>
Contoh
Labels: Blogger, JavaScript, Widget
120 Comments:
Terima kasih banyak mas uda mau di share daftar isi per labelnya...blog mas sangat memuaskan pengunjung...jelas dan lengkap...maaf uda ngerepotin mas :)
@ARMAN Nggak apa-apa kok. Justru Saya yang seharusnya berterimakasih karena sudah ada yang mau serius membaca artikel-artikel yang Saya tuliskan di sini :D
assalamualaikum wr wb.. hmm blog yang cukup fantastic nih mas. gnii mas, kn aku masih sdikit skali pmahamanx ttg blog. klo' ndak kberatan, kpan2 boleh nggak mas, sya nanya2 gituu byar bisa lbih paham .. ?hehe,:D
@IMAM UBAIDILLAH Boleh..
@IMAM UBAIDILLAH Ada yang kelupaan:
Waalaikumsalam.. :)
Wuh pusing mikirnya....pengen bikin artikel terkait/tutorial sejenis kaya dibawah punya mas...backgroundnya kaya gitu...saya coba ambil dari CSS menu navigasi tampilannya jd malah kayaq menu navigasi mas he tulisannya juga
@ARMAN Kenapa nggak ngelihat sourcenya saja ke bawah hehe...
horeeeeee akhirx di share juga....,mantap senior..! gk percuma aq meneror senior hehehe.., izin nyoba ya sobat..?, sekaligus izin promosiin ke blog sy, insya Allah aq share dlm bentuk postingan..., sekali lagi terima kasih banyak...! barakallahu fiikum... :D
@Rohis Facebook Haha.. kok senior.
terimakasih banget nih gan
wahhhh ni dia yang q cari sob..oww iya sob mo nanya nih gimana cara buat widget accordin yang disamping milik sobat.....keren abis
@Metal-xp Itu bukan widget, itu memang sidebar blog yang dibuat efek akordion:
Tip: Membuat Sidebar Akordion dengan JQuery
oww gtu yah sob..oww iya sob coba di cek dlu blogq taufik apa msih bisa dipasngkan according.......
www.metal-xp.net
@Metal-xp Bisa, tapi karena ID sidebarnya menggunakan #sidebar, jadi harus diganti semua kode #sidebar-wrapper menjadi #sidebar.
tapi saya sudah menmbahkan jquery sliding tab....jadi saya mau tambahkan acording dibawah dri tab itu sob.....
@Metal-xp Hmmm... kalau begitu sidebarnya harus dipecah menjadi dua. Salin semua kode dari <div id='sidebar'> sampai </div>. Kemudian letakkan salinanya di bawahnya. Tambahkan ID yang berbeda, lalu kosongkan semua elemen <b:widget> di dalam sidebar salinannya:
<div id='sidebar'>
<b:section class='sidebar' ... >
<b:widget id='HTML1' ... />
<b:widget id='HTML2' ... />
<b:widget id='HTML3' ... />
</b:section>
</div>
<div id='sidebar2'>
<b:section class='sidebar' ... ></b:section>
</div>
oww jdi harus dipecah mnjid 2 taufik...apa ga konflik tuh taufik?? trus ini ditaruh di bagian mananya sob...Oww iya sob tolong tafik jawab dulu pertanyaanq di sini
http://hompimpaalaihumgambreng.blogspot.com/2012/03/daftar-tema-widget-daftar-isi-blogger.html
@Metal-xp Sudah dijawab. Wah, kalau masalah menaruh di mana Saya sudah tidak bisa bicara lagi. Ini sudah penjelasan yang paling jelas :'(
mas mau tanya.... jika taruhnya di entri baru apakah sama seperti cara di atas!!!!
@Idam Bashori Sama saja. Halaman demo untuk widget ini juga dibuat menggunakan posting biasa/entri baru, bukan halaman statis :-bd
@Taufik Nurrohman
makasih mas informasinya.....
mas mau tanya sesuatu nie. tpi pertanyaan ini tidak berhubungan dengan artikel mas di atas.!!! gpp kan mas....?? gni mas pertanyaan nya.... saya kan pakai template download tapi da yang masalah dengan template saya. jika saya klik replay coment atau bales kok gak bisa itu apa nya mas ?? minta bantunya donk mas.....
@Idam Bashori Sebelum mengeklik tombol Balas, di sebelah bawah ada formulir komentarnya nggak?
@Taufik Nurrohman
gak ada mas.... tapi ketika saya klik kursornya langsung lari kebawah!!!!
@Idam Bashori Masuk ke menu Setelan ⇒ Pos dan Komentar
http://3.bp.blogspot.com/-Ck3qOy4DxYk/T5K_hJPi30I/AAAAAAAACio/jxCnx-UQRr4/s1600/enabling-embed-comment-form.png
Pada bagian Lokasi komentar, pilih "Tersemat" :\
@Taufik Nurrohman
Sudah mas... tapi ttp aja tidak bisa!!!! kalau misalkan kotak komentarnya diganti apakah bisa efektif mas??? ni blog saya mas http://gubukcurhat.blogspot.com/
@Idam Bashori Oh, itu cuma hiasan saja pak, bukan tombol balas asli :( Lebih baik pelajari tentang cara mengaktifkan fitur thread commenting yang asli, bawaan dari Blogger.
@Taufik Nurrohman
owh gtu ya..... trus solusinya gimana mas?
@Idam Bashori Coba tutorial ini: https://www.google.co.id/search?q=mengaktifkan+fitur+thread+commenting+pada+custom+template
@Taufik Nurrohman
iya mas udah saya coba!!! makasih yaa mas infonya!! :)
mas bleh nanya lagi ndak ?? he he he he he
klo belh nie mas mau tanya bagaimana cara mempercepat loding blog ketika dibuka? trus bagaimana cara menampilkan slide foto dihalaman home saja seperti link ini http://btemplates.com/2011/blogger-template-captions/demo/!!!! tapi sebelumnya minta maaf mas sudah ngerepotin!!! :)
@Idam Bashori Cara mempercepat loading blog ketika dibuka: Cari saja beberapa pertanyaan dari Mivt elRahman di blog ini. Beliau sering menanyakan soal bagaimana cara mempercepat loading blog. Di posting ini Saya pernah menuliskan jawabannya. Selain itu, optimasi thumbnail juga bisa mempercepat muat halaman.
Untuk menampilkan widget/elemen hanya pada halaman muka/homepage, pelajari tentang Tag Kondisional :W
Mas saya mau tanya..... kitika saya tarus kode diatas kok labelnya ada dua?? itu masalahnya dimana? tolong mas bantu.. baru blajar ngeblog
@Belajar Ada duanya bagaimana ya? :\
@Taufik Nurrohman hasilnya tu ada dua mas..!!!
klo mau lihat linknya ini mas!!!
http://idambashori.blogspot.com/2012/04/daftar-isi-blog.html
@Belajar Saya lihat di dalam postingnya, mas menaruh kodenya dua kali hehe... :D :D :D
Coba hapus semua isi postingnya lalu mulai dari awal lagi.
Mas kalo widget daftar isi ini bisa diterapkan easing ga?
@Bayu Handono Bisa, tapi karena kode widget ini sudah dikompres jadinya ya agak ribet. Kalau memang mau memaksakan diri, mas bisa membongkarnya dan menambahkan easing di dua bagian ini:
[_0x509f[41]](sUpSpeed, "easeOutBounce");$(this)[_0x509f[55]](_0x509f[45])[_0x509f[44]]()[_0x509f[43]](sDownSpeed, "easeOutBounce");
Pada dasarnya isinya sama persis dengan konsep JQuery akordion yang sering Saya tulis. Cuma markupnya saja yang berbeda, jadi selektornya juga berbeda :p
Huu... Malah sekarang punya aku jadi kaya gni mas taufik .... :'(
http://lh4.googleusercontent.com/-W9PaoHmtxs0/T67wWoHXqGI/AAAAAAAAAic/miH5fFEXgtc/s627/Image%25202.jpg
Padahal dulu jadi mas,,, tapi ko entah bagaimana ko bisa jadi kaya gitu koh mas,,,, 7:(
Gimana ya mas,,, ???? ^_^
Mohon pencerahannya...
Terima kasih .... :-bd
@trii waluyo Sepertinya masalahnya memang bukan di widget, tapi di templatemu mas. Untuk yang terakhir kali, coba pasang widget tersebut di blog lain.
@Taufik Nurrohman Terima kasih mas,,,
Mas Taufik ko baru kelihatan,,??? HAbis pergi keluar kota apa mas ???
Oh ya mas,, aku dah pasang spoiler ko ga isa ya mas ???
Yang poiler sederhana dengan jQuery
@trii waluyo Cek jawabannya di sini
mas taufik, maaf nih mau nanya.. kok tampilan akrodionnya saat diklik jadi terbongkar.. apa ada masalah dengan js nya???
bisa dilihat di sini mas..!!
http://arimjie.blogspot.com/2012/03/daftar-isi-v5.html
@arimjie blog Ini apa ya? Tag HTML tidak ada yang memiliki nama <judul>:
<judul>
</judul>
<judul>
</judul>
Saya cek pakai Web Console tidak ada masalah kok di JS-nya =(
udah ketemu mas taufik, ternyata masalah terdapat pada .js dari dock menu yang ada di home page.. posisinya salah. jadinya biar daftar isi dll juga meload js tersebut..
soal .. hehehe, sy gak negrti juga mas kok bisa ada di situ, ku baru perhatiin.. makasih mas.. :)
mas taufik, kok pas saya pasang widget itu pakai url saya gabisa yah? tapi kalo pake url blog lain bisa :-a
tolong bantuannya mas taufik
Wah capek muter2 baru ini yang top markotop,dengan bahasa yang mudah dipahami...sukses trus dan selalu jaya
@Vieri Azzurri Feed blognya jangan dimatikan!
buat ngerubah warnanya gimana mas?
Harus dibongkar total semua kodenya :) ⇒ acc-toc-labelsort-default.css
ketemu juga yg di cari2 disini
kak saya mau nanya nih kalo yang di tampilin cuman 1 label aja bisa gak
(tp postingan ttp terurut berdasarkan abjad ,postingan yg ada di dalam label trsebut)
makasih sebelumnya
Kalau cuma diset berdasarkan label yang spesifik, efek akordionnya tidak akan bekerja. Kalau hanya diset satu label, maka panel akordionnya hanya akan tampil satu saja. Bagaimana? :\
gak usah kak udah saya pikirkan kok caranya td (tinggal gonta ganti label aja biar rapi) hehehe
oh y kak kalo bordernya di dalan scrip yg mana?
Ini contoh cara menampilkan konten daftar isi berdasarkan label Mengenai:
<script src="http://latitudu.blogspot.com/feeds/posts/summary/-/Mengenai?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Efek border widget daftar isi ada pada bagian ini:
#daftar-isi {
background-color:#333;
border:2px solid #fafafa; /* Border daftar isi */
color:#fff;
margin-bottom:10px;
-webkit-box-shadow:0 1px 2px #000;
-moz-box-shadow:0 1px 2px #000;
box-shadow:0 1px 2px #000;
overflow:hidden;
}
aman aman aja tu kak kalau di ganti (label Mengenai) efeknya sih speed buka tutup aja tinggal ganti speddnya aja trus kayak semulah deh
trus yg dimaksud efek akordionnya itu yg mana y jdi was-was tingkat dewa nih :'( :'( :'( hehehehe
makasih y kak
Kang saya izin menerapkan Trik ini ya+skalian Copas :D
Yep :-d :-d :-d
mantap mas...triknya...
ijin pake ke blog saya ya...
6laskar-pelangi.
mas taufik.
assallammu'allaikum.
mas, bole request yah.
warnanya di ganti dong mas.
warna ijo yg kayak warna 'balas' & 'hapus' pada komentar mas taufik.
sama warna font di daftar isi.nya juga di ganti.
sya kesulitan banget mas ngutek ngutek tuh warna. alhasil GAGAL. :D
kalau mas 'g keberatan sih. :P
thank's before yah mas. :D
kalo untuk website bisa gak ya? soalnya ane gak pake blogger?
Wih keren banget daftar isi nya . saya coba ah
Ya Allah.. TERSangat cantik blog ini.. Moga-moga Tuan Blog ini sentiasa sukses.. ^_^
Salam Kenal Mas
Danial dari Malaysia :)
Mas kok jadinya kayak gini ya??
http://fadel98.blogspot.com/p/sitemap-blog-fadel98.html
mohon pencerahaannya mas solusinya gmn ea??
Waalaikum salam. Coba satukan potongan-potongan ini:
#daftar-isi .headactive {
color:#efefef;
border-top:1px solid #6CA01F;
border-bottom:1px solid #3B5812;
background-color:#248AB0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64931C', endColorstr='#527915');
background-image:-webkit-linear-gradient(top, #64931C, #527915);
background-image:-moz-linear-gradient(top, #64931C, #527915);
background-image:-o-linear-gradient(top, #64931C, #527915);
background-image:linear-gradient(top, #64931C, #527915);
}
#daftar-isi a {color:#9B1C1C;}
#daftar-isi a:hover {text-decoration:underline;}
#daftar-isi a:visited {color:#B23636;}
Salam kenal juga ^_^
Taufik dari Indonesia :)
Halaman statismu bermasalah ⇒ Masalah Halaman Statis Blogger yang Error
makasih bang, masalahnya udh beres :)
senang berkunjung di blog yang sederhana ini
bang mw nanya lagi nih klo mw bikin yg kyak gini gmna caranya?? http://cjm-map.us.tc/
mas keren banget blognya :D hehehehe . sampai sirik saya ni :D
NICE info mas , bermanfaat banget artikel ini
Untuk tutorial yang sejenis buat WP ada ga kang rohman. B)
wah nice tutor mas
kalau pengen judul artikel ngga usah muncul gimana mas?
mantapp gan,tahanks ..
mantap mas, mas numpang tanya nih cara bikin tampilan komentar kaya gini gimana mas?
saya tertarik sama kolom komentar ini. thank's
Dateng lagi nih :D kalo mau ganti kombinasi warnya gmna ea??
saya mau kombinasikan warna hijau sama hitam, thx
mantap ini blog \o/
Visit rendo-redcell.blogspot.com
mas taufik mau nanya tapi melebar dengan postingan nih, gimana caranya Tidak mengaktifkan komentar pada LAMAN tertentu ? :)
coba bantu menjawab..
setahu saya ada tuh disebelah kanan..
klo lagi membuat postingan atau page..
di bagian options..reader comments..
ada 3 pilihan allow, Don't allow, show existing dan Don't allow, hide existing
ohh iy, maklum baru gabung diblog mas.
kapan buat template free-nya ? bosan liat yang premium. wkwkw :)
Mas, saya ingin menerapkan ini pada sidebar. Jadi widget-widget pada sidebar berada dalam format buka tutup seperti sidebar punya njenengan mas. Jadi pas Kategori di klik, nanti isinya keluar,terus pas KOMUNITAS di klik isinya keluar dan isi KATEGORI menutup. Bagaimana ya mas?
⇒ /2012/02/tip-membuat-sidebar-akordion-pada-blog.html
mas taufik saya mau tanya , bagaimana cara membuat according di sidebar namun ada juga yang tidak according seperti punya mas ni :) maaf ya mas kalau saya nanya :D
kekurangan widget ini gak bisa load artikel yang lebih dari ribuan artikel.. saya sudah tes di blogku mas. solusinya gmana tuh mas
Mas boleh ga minta kode Daftar isi yang mas punya seperti disini www.dte.web.id/p/daftar-isi-buku.html
Makasih mas udah berhasil saya terapkan mengganti sitemap yang lama. hehehee :D
mantap gan...
sudah saya coba mas dan berhasil, terima kasih sebelumnya mas...
Terimakasih,mohon ijin dipakai di blog-ku
Ikut komen ah :p makasih mas udah dikasih tau cara ganti warnanya. Soalnya saya suka sama daftar isinya hanya warnanya saja yang kurang sreg :p
Sekali lagi terimakasihh \o/
makasih atas tipsnya \o/
Terima kasih untuk ilmunya....
saya juga pake lho yang ini....
makasih gan :D
Keren beudkang widget daftar isi-nya :D Ijin sedot yak?
Ada lagi engga om tampilanya?
Widget kaka udah aku pasang di upimod.blogspot.com
salam kenal yah kaka
Makasih gan, mau minta izin di pasang di blogku
Terima kasih bnyakk . . .. . . postingan nya bermanfaat
Aduh mas, saya mau edit CSS daftar isinya pantesan gabisa, ternyata di ban .. semoga cepat terselesaikan problemnya ..
mas srciptnyakok muncul masalah kaya gini
A username and password are being requested by http://reader-download.googlecode.com. The site says: "Google Code Subversion Repository
Bang Taufik saya mau nanya nih,saya pernah menerapkan Widget di atas dan jadinya kaga 100% seperti yang terjadi di demo blog punya Abang,masalahnya background Cssnya kaga muncul Bang... :p
Saya coba pakai host javascript ama css codenya pake hosting Google dengan akun sendiri tetapi tetap hasinya Nihil Bang :Ozz :Ozz :Ozz :Ozz
Itu kenapa yan Bang,puyeng banget :Ozz :Ozz :Ozz Padahal Widget daftar isinya Keren Banget !!!! :'( :'( :'( :'(
Oh ya template saya sudah ada javascritp Easingnya Bang
Ini alamat blonya Bang : url=http://agazsantiago.blogspot.com]Mr.Cracker[/url]
Makasih ye Bang
Hellllppp :)
Bagaimana cara masukin isi daftar isi nya ya mas? apa ada kode lagi?
Assalamu'alaikum...
kok di blog saya memuat terus ya...mohon bantuannya dong...
Waalaikumsalam. Itu artinya gagal dimuat. Mungkin ada yang error.
Terimakasih mas...
Akhirnya Saya punya sitemap juga hhehe :D
Salam kenal yaaaakkk ^^
makasih mas, sangat bermanfaat buat blog saya :-bd
wooowww....keren,
gan tanya donk...
klau nampilin label tertentu gimana?
tp yg kyk punya agan ini gimana ya..?
udah muter2 nyari ga ketemu....
kebayakan standar ja tampilannya
Makasih gan, dah saya buat dan bekerja.
Sayangnya untuk widget ini tidak bisa.
min minta tutor acordion yg kayak gini, cuma isi & judunya bisa di buat sendiri... tolong min
→ /search?q=akordion
kok loading terus ya ?
Permisi, numpang nanyak *cielah* itu daftar isi bisa di customize gag seperti ... blog ane punya banyak label.. terus di 1 laman ane pengennya cuma 1 label doank yang muncul jadi gag perlu di urutin 1 1 tiap laman ane.. hehe terimakasih sebelumnya~
blog ane disini [url=http://slaygame.blogspot.com/]Game Of Fantasia[/url]
Gak work lagi gan
Punya saya kok nggak berfungsi ya ?
Link : subanak.tk
Makasih Mas, sudah saya terapkan di blog saya
Awesome TOC, but on my blog every label shows it twice! Please can you take a look at my blog http://all-about-zodiac-signs.blogspot.com and see what I'm doing wrong.
Thank you
kang bisa ditambah gambar auto di samping kiri ?
bisa nggak mas di pasang di wordpress..?
Bisa diakali kalau ada semacam plugin adapter WordPress yang mampu menambahkan rute khusus yang sama persis seperti rute umpan Blogger, berikut fungsi parameternya. Kalau di Mecha, penambahan rute baru bisa dilakukan seperti ini:
Route::set('feeds/posts/summary', function() {
HTTP::type('application/json');
if (($alt = HTTP::get('alt')) !== 'json-in-script') {
echo '{}';
exit;
}
$start_index = HTTP::get('start-index', 1);
$max_results = HTTP::get('max-results', 25);
$callback = HTTP::get('callback', 'gdata.io.handleScriptLoaded');
$json = ['feed' => 'entry' => []];
foreach ([ … ] as $v) {
$page = new Page($v);
$json['feed']['entry'][] = [
'date' => [
'published' => ['$t' => $page->time->W3C]
],
'title' => ['$t' => $page->title],
'link' => [
0 => [
'rel' => 'alternate',
'href' => $page->url
]
],
'summary' => ['$t' => $page->description],
'media$thumbnail' => $page->image ? [
'url' => $page->image
] : null
];
}
$json['feed']['openSearch$totalResults']['$t'] = count($json['feed']['entry']);
echo $callback . '(' . To::JSON($json) . ');';
exit;
});
Mantap, diperbarui semua, oh iya mau tanya bro. Tau unlimited pagination kan? Itu sourcenya dari mana ya, saya binggung nyari yang bikin pertama.
Sudah Saya cek dari beberapa kode sumber yang ada. Melihat dari bagaimana si pengembang memberikan nama variabel yang kebanyakan berbahasa Indonesia, sepertinya pembuat awal widget tersebut tidak jauh-jauh dari nama “Abu Farhan”.
mantap kali nih tutorialnya,
Post a Comment
<< Home