Widget Daftar Isi Blogger dengan Navigasi Halaman
Pembaharuan: 06 Januari 2017
Pada akhirnya Saya menemukannya, seorang penggagas JSON Blogger dengan sistem navigasi halaman. Beliau berasal dari Spanyol (Vagabundia). Pada dasarnya cara kerja navigasi widget ini di dalam mengontrol JSON hanyalah dengan cara mengubah nilai parameter start-index
secara tidak langsung:
http://nama_blog.blogspot.com/feeds/posts/default?start-index=1&max-results=10&orderby=published&alt=json-in-script&callback=yourfunction
Kode di atas akan menampilkan posting terbaru dengan keadaan normal yaitu mulai dari posting pertama (start-index=1
) dan berhenti pada posting ke sepuluh (max-results=10
). Namun, dengan cara mengubah nilai start-index
, Anda bisa memanggil posting dari urutan berapapun meski bukan dari urutan pertama. Misalnya:
http://nama_blog.blogspot.com/feeds/posts/default?start-index=17&max-results=10&orderby=published&alt=json-in-script&callback=yourfunction
Dengan cara itu, maka posting yang ditampilkan akan dimulai dari posting ke 17 (start-index=17
) dan akan berhenti pada posting ke 27 (max-results=10
).
Hal itulah yang dilakukan oleh navigasi JSON, yang hanya akan mengubah nilai start-index
untuk meloncat dari halaman yang satu ke halaman yang lainnya, bahkan tanpa harus memuat halaman secara keseluruhan:
Saya telah memodifikasinya untuk memperkaya konten. Selain judul dan thumbnail, Saya juga telah melengkapinya dengan ringkasan posting, keterangan komentar dan bulan terbit artikel. Selain itu, widget ini juga bisa difilter berdasarkan nama label tertentu.
Memasang Widget Daftar Isi pada Blog Anda
Di sini Saya menggunakan tema hijau dan putih. Mungkin Anda tidak suka dengan tampilannya, tapi jika Anda berminat, cukup tuliskan keinginan pada formulir komentar di bawah mengenai tema apa lagi yang sekiranya bagus untuk widget ini. Jika ada kesempatan pasti akan Saya buat tema-tema yang baru untuk widget daftar isi ini atau juga widget-widget lainnya yang ada di blog ini.
Edit: Tema-tema selengkapnya bisa Anda lihat di sini »
Untuk membuatnya, pertama-tama klik menu Laman pada sidebar. Kemudian, pada menu Laman Baru pilihlah Laman Kosong:
Setelah itu Anda akan melihat formulir halaman statis seperti ini. Klik mode HTML:
Salin kode di bawah ini kemudian letakkan di dalam formulirnya:
<link rel="stylesheet" href="//tovic.github.io/dte-project/blogger-toc-with-pagination_default-theme.css"/>
<script>
var showPostDate = true,
showComments = true,
idMode = true,
sortByLabel = false,
labelSorter = "jQuery",
loadingText = "Loading...",
totalPostLabel = "Jumlah posting:",
jumpPageLabel = "Halaman",
commentsLabel = "Komentar",
rmoreText = "Selengkapnya ►",
prevText = "Sebelumnya",
nextText = "Berikutnya",
siteUrl = "http://nama_blog.blogspot.com",
postPerPage = 10,
numChars = 370,
imgBlank = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script src="//tovic.github.io/dte-project/blogger-toc-with-pagination.js"></script>
Ganti URL http://nama_blog.blogspot.com dengan alamat blog Anda lalu simpan.
Pengaturan
Opsi | Nilai | Keterangan |
---|---|---|
showPostDate | true | Ganti nilainya menjadi false jika Anda tidak ingin menampilkan bulan terbit artikel. |
false | ||
showComments | true | Ganti nilainya menjadi false jika Anda tidak ingin menampilkan jumlah komentar pada artikel. |
false | ||
idMode | true | Jika bernilai true , sistem penaggalan artikel akan menjadi berbahasa Indonesia. Jika bernilai false sistem penanggalan artikel akan berubah menjadi berbahasa Inggris. |
false | ||
sortByLabel | true | Digunakan untuk memfilter artikel/posting. Jika ingin menampilkan posting dengan kategori tertentu saja, pilihlah nilai true . Setelah itu tentukan nama label pada variabel labelSorter . |
false | ||
labelSorter | "JavaScript", "Widget", ... (nama label) | Tentukan nama label jika opsi sortByLabel bernilai true . |
totalPostLabel | "Jumlah posting:", ... (teks) | Tentukan keterangan jumlah posting (yang di bawah navigasi). |
jumpPageLabel | "Halaman", ... (teks) | Tentukan keterangan lompatan posting (yang di bawah navigasi). |
commentsLabel | "Komentar", "Comments", ... (teks) | Digunakan untuk menentukan label jumlah komentar (contoh: 10 Komentar). |
rmoreText | "Baca Selengkapnya", "Read More", ... (teks) | Digunakan untuk menentukan label link menuju posting asli. |
prevText | "Sebelumnya", "Previous", ... (teks) | Digunakan untuk menentukan label navigasi mundur. |
nextText | "Berikutnya", "Next", ... (teks) | Digunakan untuk menentukan label navigasi maju. |
siteUrl | (URL Blog) | Ganti URL ini dengan URL blog Anda. |
postsPerPage | 10, 30, ... (numerik) | Digunakan untuk menentukan jumlah posting yang tampil pada satu halaman. |
numChars | 100, 200, ... (numerik) | Digunakan untuk menentukan jumlah karakter ringkasan posting. |
imgBlank | no-image.jpg (URL Gambar) | Gambar cadangan jika posting yang tampil tidak memiliki gambar. |
Labels: Blogger, JavaScript, Lanjutan, Widget
142 Comments:
mantap bro...!,kreatif banget...!, kemarin2 sy nyari2 daftar isi yg hny menampilkan daftar Per lebel tp dptx yg kayak gini, coba lihat dihalaman posting sy, pd widget 'Paling bnyk diklik' ada tulisn 'Lihat Lebih Banyak Lagi', nah i2 lah yg ingin sy ganti.., jd klo mau yg per label tinggal diganti kyk gini:
sortByLabel = true;
var labelSorter = "Terbaik",
gitu ya..??
terima kasih sebelumx..,sukses selalu yaa Aamiin.. :D
@Rohis Facebook Yup, betul sekali. Oya, kalau ada ide theme untuk widget ini tolong ditambahin ya, siapa tahu jadi lebih banyak ide bermunculan lagi :p
ijin pakai masbroo
Terima kasih mas atas waktunya menyederhanakan script sehingga menjadi instan dan mudah dipahami. :)
mantap mas..,,
mas, taufik... maaf kalu saya nanya diluar topik ini... btw cara desain agar feedjit tampil tanpa header dan footer, seprti di blog ini gmana ya mas? terimakasih....
@TonBad Dalam script Feedjit sebenarnya ada beberapa opsi tersembunyi dalam URL-nya seperti ini:
src='http://feedjit.com/serve/?vv=XXXX&tft=3&dd=1&wid=XXXXXXXXX...&pid=1&proid=1&bc=5C636B&tc=FFFFFF&brd1=333333&lnk=B5CDE6&hc=FFFFFF&hfc=464E52&btn=1E2224&ww=250&wne=7&wh=Live+Traffic+Feed&hl=0&hlnks=0&hfce=0&srefs=0&hbars=0'
Saat itu Saya juga cuma mencoba-coba, sampai Saya pikir Saya sudah cukup bisa mengambil kesimpulan:
Warna Widget:
&bc=5C636B
&tc=FFFFFF
&brd1=333333
&lnk=B5CDE6
&hc=FFFFFF
&hfc=464E52
&btn=1E2224
Lebar Widget:
&ww=250
Jumlah Posting:
&wne=7
Judul Widget:
&wh=Live+Traffic+Feed
Opsi Tampilan:
&hl=0
&hlnks=0
&hfce=0
&srefs=0
&hbars=0
Pada Opsi Tampilan, coba ganti nilainya yang tadinya 0 menjadi 1 <:)
@Taufik Nurrohman Yeah... Makasih banyak ya mas... ternyata emang saya harus banyak belajar di mas taufik... hehehe.... makasih ya mas...
mas,, ko saya ga bisa ya mas ???
ga jadi mas,,
aduaduh... :'(
aku dah buat halaman kosong, tru naruh kode script di edit html,, lalu publikasikan kan mas???
mohon pencerahannya
terima kasih
@trii waluyo Pada variabel siteUrl, coba ganti URL blogmu menjadi URL blog ini, lalu terbitkan. Kalau widget daftar isinya jadi saat menggunakan URL blog ini tapi tidak jadi saat menggunakan URL blogmu, berarti masalahnya cuma ada di pengaturan Feed.
bang klo isi kontennya di ilangin bisa ga? jadi cuma judul post nya aja
@Sadeva Aldy Pratama Tepat di bawah kode <link rel="stylesheet" ... /> tambahkan kode ini:
<style type="text/css">
.iteminside,
.itemfoot {
display:none !important;
}
</style>
Setelah itu, supaya proses muat juga bisa lebih cepat, set beberapa variabel menjadi seperti ini:
var showPostDate = false, // Menghilangkan bulan terbit
showComments = false, // Menghilangkan komentar
...
...
numchars = 0, // Menghilangkan ringkasan
imgBlank = "";
@Taufik Nurrohman oke, makasih mas, :-bd deh buat mas Taufik
@Taufik Nurrohman Ikutan makasih, Mas.. saya coba di blog dummy berhasil.. dan akan dipasang di blog asli :D
keren sekali mas Taufik, saya baru aja pasang :)
Makasih banyak.
oh iya, area komennya juga bagus, warnanya cocok.
@Mas Lasino Hahah... masa mahasiswa tanya sama siswa :p SIP!
mas ada tidak cara untuk tidak menampilkan komponen blog di halaman tertentu seperti header, widget, breadcrumb, footer dsb..tanpa tanpa harus dihidden..
hidden yang saya maksud yang memakai "display:none"
karena kalau cuma terhidden, masih butuh waktu untuk meload seluruh komponen yang ada namun komponen tersebut tak ditampakkan...
@arimjie blog Saya pernah membahas mengenai efek buruk penggunaan display:none pada blog di sini
Untuk pemahaman tag kondisional selengkapnya bisa dibaca dan dibahas di halaman ini: Pemahaman Tag Kondisional Tingkat Pertama
akibat buruk itu bila diterapkan pada template yah mas, maksud saya apabila "display:none" berada pada postingan.. sama halnya dalam konsep blogazine, yang setiap posingan dapat menghilangkan salah satu atau lebih dari widget yang ada..
apa ada cara untuk mencegah widget itu terload mungkin mas bisa lihat page test saya di sini http://arimjie.blogspot.com/2011/01/test.html, di situ saya tidak lagi menampilkan widgetnya namun masih tetap terload..
apa ada jalan keluar untuk mencegah widget atau komponen tertentu untuk terload yah mas?
@arimjie blog Sejauh yang Saya tahu tidak/belum ada T_T
Mas kok ndak muncul daftar isinya.....
Lihat ini:
http://the7bloggers.blogspot.com/p/daftar-isi.html
@The7Bloggers http://1.bp.blogspot.com/-MGRGU7k9Pv0/T8NzHIpwxvI/AAAAAAAAC7U/J2CB3_cByHA/s1600/tidak-ditemukan.png
@Taufik Nurrohman Maaf mas kemaren aku cari cari caranya tapi ndak ketemu.... yasudah aku hapus pagenya? :) Xixixixixi
Kalau boleh tahu kenapa ya...? Aku mengambil kode daftar isi buku dari blog kamu juga sama ajah..... ndak muncul efeknya? :(
@The7Bloggers Apa karena aku kebanyak memakai feed atau apa mas? :)
ini yang saya cari, cuma hanya tampil gambarnya saja, gimana caranya ya?
Widget Daftar Isi Blogger Galleria
Damn... it's good working on my blog!!! \o/ I like it.. :-bd you're really damn best person !!! :D
saya kok gagal ya mas?
keren akang Taufik...tapi lebih keren kalau daftar isinya itu ada 2 atau 3 kolom kang, akang punya gak source css nya yang 3 kolom???
Kembangkan sendiri ⇒ http://jsfiddle.net/tovic/yJ6Mg/14/
mas bisa bantu nga?
gini, knapa blog saya kok nga ada navigasi halamannya?? yang "postingan lama", "beranda", sama "postingan terbaru" nya???
bisa nga di buatkan navigasinya saja? tanpa postingannya??
saya juga sudah coba cara2 di blog lain yang saya cari di google, tapi tetap tidak bisa...
Mungkin ada elemen <b:include> yang dibuang oleh pembuatnya. Kalau widget template dikembalikan ke default, nanti akan keluar semua kok kelengkapannya, meskipun seringkali juga mengakibatkan hilangnya bagian-bagian widget posting yang sudah dimodifikasi.
mau coba bantunih..
mungkin blog-pager tdk dimunculkan..
krn sya coba cek adakok tapi cuma diatur lwt css agar tdk muncul..
coba cari kode ini
#blog-pager {display:none}
dan hapus..
lalu simpan dan lihat hasilnya
NB: backup templatenya agar sebelum mencoba.. :)
astaga.. ternyata yaaa itu masalahnyaaa..
thanks banget mass..
:)
sama2...
:)
Maaf mau minta ijin ni kak taufik, aku boleh memakai Style daftar isi buku yang saat ini Anda pakai pa gak, sebelum mendapatkan ijin dari kak taufik aku belum berani memasangnya, bolehkah ?
Klo boleh saya juga mas..
0:)
good,, trim's bosss...
Benar2 keren...thank ya bang
ini baru mantepp....jos pokoknya,,,,langsung dicoba ah....makasih tutornya mastah...
:-d :-d :-d :-d :-d :-d
Kak taufik, ini sudah saya terapkan di blog aku n berhasil, jika ingin mengambil navigasinya saja gimana caranya kak, mau aku pakek di blog :
Download Software Full Version Free Crack Keygen Patch Serial
, bisa kan kak ?
Ijin make bang Tofik :D
Boleh kan ? :D
Cool!berhasil banget!
thanks ya!kunjungi blog ku juga http://akatsuki-fuujin.blogspot.com
mantep sobat..
pusing saya memahami scripnya hehehe
langsung saja ijin pakai ya...
salam hangat,, terus berkarya sobat :-bd
Kak taufik, gimana caranya agar code diatas bisa dimuat duluan, pada blog aku problemnya daftar isi gak bisa muncul sebelum semua elemen blog kebuka semua, mohon bantuannya kak, please... ?
Ganti kode ini:
onload = function() {
incluirscript(1);
}
menjadi kode ini:
incluirscript(1);
Lalu pindah semua kode ini ke bagian atas kode tadi:
document.write('<div id="toc-outer">');
document.write('<div id="results"></div>');
document.write('<div id="itempager"><div id="pagination"></div>');
document.write('<div id="totalposts"></div>');
document.write('</div></div>');
mas tofik saya mau nanya juga nih
kalau misalnya ini dibikin memanjang kesamping bisa gak tarok cssnya di dalam ini??
atau wadahnya yang harus di bikin memanjang ???
trus navigasinya bisa ditarok di samping gak ??
makasih mas tofik :p
Mas, bisa gak tulisan pagination nya ditampilkan saat loading...?? jadi kalo loading nya lelet, biar bisa di pencet tulisan pagination nya
Tidak bisa. Lebih baik pakai cara yang Saya tuliskan untuk Iril Sagita di atas. Jadi feed bisa dimuat bersamaan dengan pemuatan halaman.
mas saya Arsipkan di sini yah http://broken-site.blogspot.com/2013/01/membuat-daftar-isi-pada-blog.html :Ozz
di widget ini tidak dipasang fitur target='_blank'...?
Semoga saja yang ini berhasil,ijin tes ya ..mas
Makasih pak... belajar dulu lah dimari =p*
Kalo Biar Jadi Postingannya 2 Kolom gimana mas .. Tapi tetap menggunakan CSS itu?
http://mdf-blog.blogspot.com/2013/02/daftar-isi-navigasi-2-kolom.html
28 Feb 2013: incluirscript telah diubah menjadi _init_script
Mas aku bingung deh sumpah .. coba cek ke http://asdasdxzcsa1.blogspot.com/ masa jadi begitu Postingannya ada 2 tempat T.T
bagaimanaca cara menghilangkan ringkasan postingnya..
saya lihat codenya .iteminside { saya coba menggunakan display:none pada iteminside ternyata gambarnya'a ikut hilang,,..
bagaimana caranya supaya ringkasan posting'a hilang tetapi gambarnya tidak ikut hilang..
masalahnya saya tidak bisa mengaturnya lewat javascriptnya.. numchar saya bikin 0 tetapi tetep ajah masih ada ringkasanya (bukan titik titik yang di akahir ringkasan) entah apa yang salah pada template yang saya gunakan.. yang jelas pengaturan munchar pada javascriptnya tidak berpengaruh sama skali..
Sudah diperbaharui. Sekarang coba set variabel numchars menjadi 0 atau false. Kalau tetap tidak berhasil, coba kode CSS ini:
.itemposts .summary {display:none}
terimakasih mass.. akhirnya solusi ditemukan.. :)
WOW.. pengen nyoba ne.. siipp markusipp..
Bermanfaat sekali widgetnya mas taufik, Kesuwun.
Salam kenal dari Blogger Adipala. :-bd
Ketika sebaris kode tak berhenti menatap dan tampak naksir kepada Anda.
ha...ha..ha.. pass banget sama isinya, salut!
mas taufik, bisa gak widget ini di tampilkan di bagian label saja? maksudnya waktu di klik label, yang muncul widget ini, bukan daftar postingan bawaan blogger. :)
mas taufik saya mau tanya gimana caranya agar daftar isi yang keren seprti di atas di tampilkan saat label atau kategori di klik? di tunggu jawabannya... terimaksih :)
sumpah kang. keren banget. akang bener-bener master masalah kode-kode an kayaknya :D
this works great
but 2 probelms the last page hangs and dont load and second thing is why does this load only after the whole page has loaded ,is there a way to load this quickly
You have to host this script to your own directory. Inside the source code, find this code:
window.onload = function() {
_init_script(1);
};
Then replace with this:
_init_script(1);
Not sure about the last page loading problem.
@Taufik Nurrohman
thank you so much it works great know
just one problem tho i just relised theres nothing to display on the last page because its already showing all the posts on the previus page thats why it hangs on the last page as loading icon only, any way to fix this
What will happen with the last page, if you publish a new post?
@Taufik Nurrohman
if i add one more post it works great
but why was there before one extra page and it freezes? is this a bug or glitch?
or can i fix this in the script settings?
also
i have a question is there a way to removes the page numbers and just have a NEXT AND PREVIUS BUTTON, i was thinking to turn this into slider look, that would be amazing.
Problem solved. Now you will see that the loading animation will disappear if the page is over. Re-download the source code by adding a random parameter after file name, so you'll get the non cached code ⇒ http://reader-download.googlecode.com/svn/trunk/blogger-archive-with-pagination.js?kagebunshin=nonjutsu
I have a question. Is there a way to remove the page numbers and just have a NEXT AND PREVIOUS BUTTON?
Remove the numbered navigation with CSS:
<style>
#pagination .pagernumber {
visibility:hidden;
height:0;
overflow:hidden;
display:none !important;
}
</style>
Thanks I will try it and let u now ok
Can I use position absolute to position the left and right buttons on each side to make it like a slider because I have video blog so I need this kind of design
Sorry i forgot to ask you how can I use this script more than once on a page? I want to use as recent posts and label category on same page on the homepage I have video blog , Is this possible please let me now thanks
Can I use position absolute to position the left and right buttons on each side to make it like a slider because I have video blog so I need this kind of design.
Yes. It just a CSS problem. But I can't explain them in detail, because this is out of topic :(
How can I use this script more than once on a page?
Nah. You can't. This script using a lot of IDs so you can only view this widget once in a page. You may create some widget duplicate and then redefine its element ID on each script duplicate, but you'll get a lot of pain for that. Already asked before.
What a shame! I really like this script and want to use it more than once please explain to me in details wat I exactly I have to do? Do I just duplicate all the div I'ds? And Which bit are the element I'd? I wana have a go duplicating, kindly support me, thanks
yg nampak di homepage ada 7 postingan., misalx sy ingin yg tampil hanya judul post sj pd postingan 6 dan 7, carax gmn tuh mas?
<blockquote><p>Problem solved. Now you will see that the loading animation will disappear if the page is over. Re-download the source code by adding a random parameter after file name, so you'll get the non cached code ⇒ http://reader-download.googlecode.com/svn/trunk/blogger-archive-with-pagination.js?kagebunshin=nonjutsu
.</p></blockquote>
thanks that worked know theres no loading animation and the page does not hang instead it shows the page navigation,
heres my site
http://www.banglatune.co.uk/
please give suggestions on how to duplicate this script, i want to create multiple catagorys
thanks
<style>
.itemposts:nth-of-type(6) .iteminside,
.itemposts:nth-of-type(6) .itemfoot,
.itemposts:nth-of-type(7) .iteminside,
.itemposts:nth-of-type(7) .itemfoot {display:none}
</style>
This is some IDs that you need to redefine with different name. Ignore the rest:
document.write('<div id="toc-outer"><div id="results"></div><div id="itempager" style="position:relative;"><div id="pagination"></div><div id="totalposts"></div></div></div>');
var _results = document.getElementById('results');
var _pagination = document.getElementById('pagination');
var _totalposts = document.getElementById('totalposts');
Hy Admin! if i want to show posts from one label. then what i hace to do???
hy admin!
i have changed the ID's but not its working.
when i add two scripts browser loads one only not both...
My Blod Url is : http://testmetube.blogspot.com/
Here is the Pastebin Links of Javascripts:
Script 1 : http://pastebin.com/yPaiFMwc
Script 2 : http://pastebin.com/fEyFUfHi
When you open my blog sometime script on top loaded and sometime srcipt on bottom loaded and some time both are not.
And when you open any post there only one script and that is working fine
Kindly Help Me in This Case.
Regards,
Set sortByLabel to true then define your specific post label in labelSorter
Also try duplicating this ID:
if (firstpage == 1) {
var old = document.getElementById("TEMPORAL");
old.parentNode.removeChild(old);
}
// ...
script.id = 'TEMPORAL';
satu lg mas.., backgrondnya pd post 6 dan 7 msh nampak, gmn tuh?
udah bisa mas taufik :)
Hy Admin!
I changed ID's you gave, but same problem is still present on my blog.
Check it on: http://testmetube.blogspot.com/
You'll get a lot of pain for that.
^:D as I thought. LOL **p
Then You Must Help me in This Case.....Please!
Gan Nae minta ijin pakai widgetnya
minta idzin pakai ya :)
makasih...
mas taufik, kalo daftar isinya ditambah menu kategori kaya daftar isi punya mas gimana yak? =p*
Hi Taufik Nurrohman!
this works great thanks but
i need your help on this script, please tell me how to change the image json default from media$thumb, i dont want to use the default mediathumb for this script i want the image thumbnail to come from the post page img src url, basically i have a image on all of my post pages from another server i want to show that image as thumbnail it seems i have to upload image to bogger then this will show up as thumbnail but i do not want to upload i want to link from another site because i use YouTube thumbnail and i put the img link on my postpage it seems media thumb would only show default thumb which i dont want please tell me which part of script i change to enable to to use external image img src on post page as thumbnail, hoping for your reply, thanks
There is an old method http://vagabundia.blogspot.com/2011/05/json-detectar-la-primera-imagen-de-cada.html that can be used to take the first image URL from any server, but this only works for default feed mode. Something like this:
var s, a, b, c, d;
s = entry.content.$t;
a = s.indexOf("<img");
b = s.indexOf("src=\"",a);
c = s.indexOf("\"",b+5);
d = s.substr(b+5,c-b-5);
postimg = ((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) ? d : imgBlank;
thank you for replying but it dosnt work
please have a look
http://pastebin.com/BmBP5Dp7
please have a look at these lines:
*49
*105
and let me no if its correct
thanks
thanks
Just a little more ⇒ http://pastebin.com/embed_iframe.php?i=tnNaHW5Q
See line 80 and 182. I change the feed mode from summary to default. This works for any thumbnails, but slower than summary mode.
it's working on my blog.But i want to display post gallery.please help me.
Thanks Taufik Now its Working Fine.!
thank you taufic it worked
but i still cant figure out what you changed lol
thanks again bro
Kak Taufik, jika navigasinya di klik langsung bergeser ke atas halaman ada tambahan script yang gimana kak ?
Terima kasih sebelumnya ?
Tambahan : Saya masih memakai script yang lama.
http://sagitasoft.googlecode.com/svn/trunk/js/Post-pagination.js
Tambahkan ini setelah kode if (firstPage == 1) {
document.documentElement.scrollTop = document.getElementById('results').offsetTop - 30;
document.body.scrollTop = document.getElementById('results').offsetTop - 30;
NB: Pemakai widget yang sudah diperbaharui tidak perlu melakukan apa-apa. Widget ini sudah diperbaharui.
Terima kasih banyak kak taufik, aku terapkan sudah berhasil.
Haha :) Terima kasih :)
Sudah bekerja
Aslkm..
Maaf mas izin ngedot.. dan izin edit sedikit untuk penyesuaian dengan tema blog saya. Fzn-Trims.
Mas, mau tanya.
Widget ini saya pakai sebagai pengganti postingan pada homepage. Bagaimana caranya supaya ketika salah satu judul artikel diklik tidak usah membuka jendala baru lagi mas...
Sebelumnya terima kasih. :D
Setelah mendapatkan beberapa masukan, sepertinya tautan terbuka otomatis memang tidak begitu dikehendaki pada widget ini. Saya sudah memperbaharui widget ini agar setiap tautan terbuka pada halaman yang sama.
tutorial cerdas dan praktis mudah dipahami
Salam,
Mau nanya mas. Kok di template ane cuma ada di homepage aja ya.? Gimana caranya agar daftar isi navigasi ini masuk ke setiap label category-nya. Jadi di setiap category hanya menampilkan 10 post terakhir aja mas yang dulu dulunya ga keliatan.
Thanks & Salam.
NB: Dari template 'Johny Ajaib'
Ane coba cari-cari penyelesainya disarankannya mampir kesini mas.
nyari postingan khusus navigasi gak ketemu2 :(
wih keren banget,,,baru tahu daftar isi keren gini hehehe mantap mas,,,makasih atas tutorialnya
Terimakasih untuk tutorial Daftar Isinya kereeen, minta izin buat dipake di blog ane ah.... \o/ :-bd
Sangat menarik.
Sepertinya akan sangat menarik ketika "baca selengkapnya" di klik, muncul popup yang berisi isi artikel tersebut. Kaya tampilan template dinamis blogger.
Cek : http://www.dte.web.id/view/timeslide
Mungkin bisa di buatkan tutorialnya :D :D :D
bagaimana cara menerapkan lebih dr satu label?
selamat malam... tutorialnya bagus2 deh... pokoknya semua link anda terpasang di blog saya, karena saya menggunakan widget buatan anda... salam kenal... http://sikkahoder.blogspot.com/2012/02/ameloblastoma.html
keren mas..
CSSx gmn tuh mas agar tampilanx sama dgn demox vagabundia?
http://vagabundia.blogspot.com/p/resumen-de-entradas.html
Saya sangat senag atas bantuan para master bloger, salam sukses
maaf mas...
akhir2 ini kok widgetna gak fungsi lagi sih...??
ini blog ane mas http://pabrik-marawis.blogspot.com/
keren....
5+ \o/
1. Waalaikumsalam…
2. Terima kasih kembali…
3. Amiin…
Mas Taufik,
Saya jga mengalami masalah yg sama dgn mas trii waluyo
saya coba pakai url blog mas Taufik..kok bisa muncul..
So,apa maksud mas,ttg pengaturan Feed tsb?
Terimakasih seblumnya.
Buka halaman Setelan › Lainnya. Pada bagian Umpan Situs, set bidang Izinkan Umpan Blog ke Penuh atau Sampai Lompat Baris.
selamat malam mas taufik saya mau ber tanya sara menaruh double script jadi kiri home dan kanan per label minta info lebih lanjut karna saya tadi coba tidak bisa dobel script.. terimakasih sebelum nya
Siang mas taufik, saya telah memasang Widget Daftar Isi Blogger dengan Navigasi Halaman di blog saya yaitu http://tv-lihat.blogspot.com/, ada kendala sedikit yaitu gambar thumbnails nya tidak mucul, bisa mas lihat di blog saya itu ada lastest post postthumbnail yang di atasnya widget mas punya gambarnya muncul..dimana letak kesalahannya mas?apakah ada yang perlu saya edit dari javascripts mas punya...tolong dibantu mas..terimakasih.......
Mas, saya sudah coba scriptnya tapi kok gak work ya di blog saya ?
saya ganti urlnya pake dte.web.id juga gak muncul daftar isinya
Makasih banyak mas taufik bantuannya
kalau bersedia membantu bisa cek di blog saya di albabalpachino.blogspot.com
Malam. Sudah Saya cek, gambar thumbnail sudah muncul kok.
Thank's gan ilmunya ...
tolong dong , gak work nih
maaf mas kok tidak tampil ya di halaman saya . tolong bantu mas , saya sangat membutuhkan sitemap seperti ini http://www.pantsub.net/p/sitemap_17.html
wah keren bos , saya coba ya..
Assalamualaikum mas taufic...
Perkenalkan nama saya [url=http://alviya.com]Alviyatun[/url] blogger yang belum lama ngeblog, tapi ga tahu knpa saya ko lbih tertarik sama coding dan saya berniat belajar dari blog mas taufic ini.
Hee terima kasih mas sebelumnya
Waalaikumsalam. Sama-sama, semoga artikel-artikel di blog Saya bisa membantu menambah ilmu pengetahuan. Tapi jangan kebanyakan koding ya, ntar jomblo terus hehe.
update tutorial ini dong
Tengkyu infonya om...
Makasih gan :Ozz
Mas taufik, kalau gambar thumbnailnya diperbesar, yang awalnya 72px trus di edit jadi 200px gitu gambarnya jadi buram kan ya. Nah, biar gambar thumbnailnya tetap jelas dan ngga buram gimana caranya ya mas ?
Nanti Saya buat versi barunya saja, mungkin dengan tambahan infinite scroll.
Oke mas saya tunggu kabarnya... terima kasih atas tanggapannya 😊
Post a Comment
<< Home