Sitemap (Daftar Isi) Blogger di Halaman Statis dengan Navigasi Per Abjad / Huruf

Cara membuat dan menampilkan daftar isi di halaman statis page Blogger yang diurutkan berdasarkan abjad dengan navigasi per huruf sesuai judul, ketika di-klik langsung menuju postingan.
Sitemap Daftar Isi Blogger dengan Navigasi Per Abjad Huruf

Ini pengembangan daftar isi dari versi sebelumnya yaitu Sitemap Blogger yang Disusun Berdasarkan Abjad. Dalam versi terbaru ini ditambahkan navigasi berupa huruf yang ketika di-klik akan langsung bergulir ke judul artikel dengan huruf awalan yang sama. Akan sangat membantu untuk blog yang memiliki niche download, nonton film online, baca buku novel ebook pdf, musik mp3, video, atau sejenisnya yang biasanya dicari berdasarkan judul.

Pertama-tama tambahkan kode CSS ini DI ATAS </style> atau ]]></b:skin>.

/* Blogger Sitemap Alphabetically with Letter Heading by igniel.com */
#sitemap5 {font-size:14px; font-weight:400}
#sitemap5 .judul {font-size:150%; background-color:#008c5f; color:#fff; font-weight:600; text-align:center; margin-bottom:20px; padding:15px;}
#sitemap5 a {color:#666; text-decoration:none; transition:all .3s ease;}
#sitemap5 a:hover {color:#000;}
#sitemap5 .isi .abjad {background-color:#2196f3; color:#fff; padding:10px 15px; font-size:110%; font-weight:600; text-transform:uppercase; position:relative;}
#sitemap5 .isi .abjad #top:before {content:''; width:12px; height:calc(100% - 20px); position:absolute; right:0px; top:0px; padding:10px; cursor:pointer; background:rgba(0,0,0,.2) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15,20H9V12H4.16L12,4.16L19.84,12H15V20Z' fill='%23fff'/%3E%3C/svg%3E") center / 20px no-repeat;}
#sitemap5 ol, #sitemap5 ol li {list-style-type:none;}
#sitemap5 .nav ol {margin:0px 0px 15px; padding:0px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
#sitemap5 .nav ol li {background-color:#444; color:#fff; padding:7px 0px; cursor:pointer; margin:0px 5px 5px 0px; text-align:center; text-transform:uppercase; width:40px;}
#sitemap5 .nav ol li:last-child {margin-right:0px;}
#sitemap5 .isi ol {margin:0px 0px 20px; padding:0px; border:1px solid #ccc; border-top:0px;}
#sitemap5 .isi ol li {color:#666; margin:0px; padding:10px 15px; line-height:1.5em; -webkit-margin-start:0px !important;}
#sitemap5 .isi ol li:nth-of-type(even) {background-color:#e9e9e9;}
#sitemap5 .isi ol li:nth-of-type(odd) {background-color:#fff}
@media screen and (max-width:480px) {
  #sitemap5 {font-size:13px;}
  #sitemap5 .judul {padding:10px;}
  #sitemap5 .isi .abjad {padding:7px 15px;}
}
@media screen and (max-width:360px) {
  #sitemap5 {font-size:12px;}
  #sitemap5 .judul {padding:10px;}
  #sitemap5 .isi .abjad {padding:7px 12px;}
  #sitemap5 .isi ol li {padding:7px 12px;}
}

Lalu buat sebuah page (halaman statis) baru. Pilih mode HTML, bukan compose, dan salin semua kode Javascript di bawah ke dalam text editor. Jangan lupa publikasikan halaman setelah selesai disalin.

<div id="sitemap5">Loading....</div>
<script> //<![CDATA[
/* Blogger Sitemap Alphabetically with Letter Heading by igniel.com */
var scroll  = 'smooth'; /* 'smooth' OR 'instant' */
/*
'smooth' for smooth scroll
OR
'instant' for quick scroll
*/
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('q a=["","\\f\\s\\i\\g\\o\\d","\\s\\i\\c\\b\\d\\c\\W\\e\\c\\x\\c\\k\\d","\\f\\i\\s","\\u\\J\\c\\c\\h\\f\\u\\o\\j\\f\\d\\f\\u\\f\\r\\x\\x\\b\\i\\G\\1V\\b\\e\\d\\v\\z\\f\\j\\k\\1n\\s\\b\\e\\e\\N\\b\\s\\1b\\v\\f\\g\\d\\c\\x\\b\\o\\K\\1n\\f\\d\\b\\i\\d\\Z\\g\\k\\h\\c\\1o\\v","\\1n\\x\\b\\1o\\Z\\i\\c\\f\\r\\e\\d\\f\\v","\\b\\o\\o\\c\\k\\h\\1J\\E\\g\\e\\h","\\N\\j\\h\\G","\\f\\g\\d\\c\\x\\b\\o\\K","\\1H\\c\\d\\W\\e\\c\\x\\c\\k\\d\\1K\\G\\1F\\h","\\g\\k\\k\\c\\i\\1X\\1i\\1Y\\1k","\\J\\c\\c\\h","\\e\\c\\k\\1H\\d\\E","\\c\\k\\d\\i\\G","\\1Q\\d","\\d\\g\\d\\e\\c","\\e\\g\\k\\1b","\\i\\c\\e","\\b\\e\\d\\c\\i\\k\\b\\d\\c","\\E\\i\\c\\J","\\o\\r\\f\\E","\\d\\j\\1k\\j\\1E\\c\\i\\1J\\b\\f\\c","\\s\\E\\b\\i\\1x\\d","\\z\\r\\h\\r\\e","\\g\\k\\h\\c\\1o\\2d\\J","\\r\\i\\e","\\f\\j\\i\\d","\\m\\h\\g\\w\\l\\s\\e\\b\\f\\f\\v\\p\\b\\N\\z\\b\\h\\p\\n\\m\\f\\o\\b\\k\\l\\h\\b\\d\\b\\Z\\w\\b\\e\\r\\c\\v\\p","\\p\\n","\\m\\u\\f\\o\\b\\k\\n\\m\\f\\o\\b\\k\\l\\g\\h\\v\\p\\d\\j\\o\\p\\l\\d\\g\\d\\e\\c\\v\\p\\1K\\b\\s\\1b\\l\\d\\j\\l\\1i\\j\\o\\p\\n\\m\\u\\f\\o\\b\\k\\n\\m\\u\\h\\g\\w\\n\\m\\j\\e\\n","\\m\\e\\g\\n\\m\\b\\l\\E\\i\\c\\J\\v\\p","\\p\\l\\d\\g\\d\\e\\c\\v\\p","\\m\\u\\b\\n\\m\\u\\e\\g\\n","\\m\\u\\j\\e\\n","\\m\\e\\g\\n","\\m\\u\\e\\g\\n","\\m\\h\\g\\w\\l\\s\\e\\b\\f\\f\\v\\p\\z\\r\\h\\r\\e\\p\\n\\1i\\j\\d\\b\\e\\l\\2h\\j\\f\\d\\2i\\l","\\m\\u\\h\\g\\w\\n\\m\\h\\g\\w\\l\\s\\e\\b\\f\\f\\v\\p\\k\\b\\w\\p\\n\\m\\j\\e\\n","\\m\\u\\j\\e\\n\\m\\u\\h\\g\\w\\n\\m\\h\\g\\w\\l\\s\\e\\b\\f\\f\\v\\p\\g\\f\\g\\p\\n","\\m\\u\\h\\g\\w\\n","\\s\\e\\g\\s\\1b","\\O\\f\\g\\d\\c\\x\\b\\o\\K\\l\\H\\g\\f\\g\\l\\H\\b\\N\\z\\b\\h\\l\\2j\\h\\b\\d\\b\\Z\\w\\b\\e\\r\\c\\v\\p","\\p\\2e","\\f\\d\\b\\i\\d","\\f\\s\\i\\j\\e\\e\\1F\\k\\d\\j\\2s\\g\\c\\1E","\\o\\b\\i\\c\\k\\d\\2t\\j\\h\\c","\\1w\\r\\c\\i\\G\\1t\\c\\e\\c\\s\\d\\j\\i","\\b\\h\\h\\W\\w\\c\\k\\d\\1k\\g\\f\\d\\c\\k\\c\\i","\\J\\j\\i\\W\\b\\s\\E","\\O\\f\\g\\d\\c\\x\\b\\o\\K\\l\\H\\k\\b\\w\\l\\j\\e\\l\\e\\g","\\1w\\r\\c\\i\\G\\1t\\c\\e\\c\\s\\d\\j\\i\\1x\\e\\e","\\O\\f\\g\\d\\c\\x\\b\\o\\K\\l\\H\\k\\b\\w","\\O\\f\\g\\d\\c\\x\\b\\o\\K\\l\\H\\g\\f\\g\\l\\H\\b\\N\\z\\b\\h\\l\\O\\d\\j\\o"];q 1f=1,V=2c,1a=1l 1h(),Q=1l 1h(),1p=1l 1h(),1j=a[0],T=a[0],1q=a[0];B 1g(){q 1e=D[a[2]](a[1]);1e[a[3]]=a[4]+1f+a[5]+V;D[a[7]][a[6]](1e)}B 2f(1B){q Y=D[a[9]](a[8]);F(!Y){1L};Y[a[10]]=a[0];q S=1B[a[11]];F(S[a[13]][a[12]]>0){I(q U=0;U<S[a[13]][a[12]];U++){q P=S[a[13]][U];q 1d=P[a[15]][a[14]];I(q M=0;M<P[a[16]][a[12]];M++){F(P[a[16]][M][a[17]]==a[18]){q 1c=P[a[16]][M][a[19]];F(1c&&1c[a[12]]>0&&1d&&1d[a[12]]>0){1a[a[20]]({"\\r\\i\\e":1c,"\\z\\r\\h\\r\\e":1d})};2k}}};F(S[a[13]][a[12]]>=V){1f+=V;1g()}1I{I(q t=1a,A=0;A<t[a[12]];A++){q R=t[A][a[23]][a[22]](0)[a[21]]();F(1j[a[24]](R)==-1){1j+=R;Q[R]=[{2l:t[A][a[25]],2m:t[A][a[23]]}]}1I{Q[R][a[20]]({"\\r\\i\\e":t[A][a[25]],"\\z\\r\\h\\r\\e":t[A][a[23]]})}};I(q y 1O Q){1p[a[20]](y)};q t=1p[a[26]]();I(q C=0;C<t[a[12]];C++){T+=a[27]+t[C]+a[28]+t[C]+a[29];I(q L=0,1m=Q[t[C]];L<1m[a[12]];L++){q X=1m[a[26]](B(y,t){1L y[a[23]]>t[a[23]]?1:-1});T+=a[1W]+X[L][a[25]]+a[1U]+X[L][a[23]]+a[28]+X[L][a[23]]+a[2u]};T+=a[2o];1q+=a[2n]+t[C]+a[2r]};Y[a[10]]=a[2g]+1a[a[12]]+a[2p]+1q+a[1Z]+T+a[1R];1A()}}}B 1A(){D[a[1D]](a[1P])[a[1y]](B(y){y[a[1s]](a[1u],B(){q t=a[1S]+1N[a[10]]+a[2b];D[a[1r]](t)[a[1T]][a[1z]]({1C:1v,1G:a[1M]})})});D[a[1D]](a[2a])[a[1y]](B(y){y[a[1s]](a[1u],B(){D[a[1r]](a[2q])[a[1z]]({1C:1v,1G:a[1M]})})})}1g()',62,155,'||||||||||_0x764c|x61|x65|x74|x6C|x73|x69|x64|x72|x6F|x6E|x20|x3C|x3E|x70|x22|var|x75|x63|_0xd28cx14|x2F|x3D|x76|x6D|_0xd28cx17|x6A|_0xd28cx15|function|_0xd28cx18|document|x68|if|x79|x2E|for|x66|x35|_0xd28cx19|_0xd28cx12|x62|x23|_0xd28cx10|grup|_0xd28cx16|_0xd28cxe|print|_0xd28cxf|max|x45|_0xd28cx1b|_0xd28cxd|x2D|||||||||||sitemap5Arr|x6B|_0xd28cx13|_0xd28cx11|_0xd28cxa|start|runSitemap5|Array|x54|abjad|x4C|new|_0xd28cx1a|x26|x78|key|nav|46|47|x53|40|scroll|x71|x41|48|44|scrollSitemap5|_0xd28cxc|behavior|50|x77|x49|block|x67|else|x43|x42|return|43|this|in|49|x24|39|41|45|31|x3F|30|x48|x4D|38|||||||||||52|42|150|x4F|x5D|sitemap5|36|x50|x3A|x5B|break|url|judul|34|33|37|51|35|x56|x4E|32'.split('|'),0,{}));
//]]> </script>
var scroll adalah jenis gulir. Gunakan 'smooth' agar gulir halaman menjadi halus (smooth scroll). Gunakan 'instant' untuk jenis gulir yang langsung melompat ke tempat tujuan. JANGAN hilangkan tanda kutip dalam penulisannya. Untuk blog yang sudah memiliki ratusan bahkan ribuan postingan, saya sarankan memilih 'instant' agar proses gulir tidak berjalan lama.

Jika pemasangan script sudah mengikuti tutorial dengan baik pasti akan langsung work dan sesuai dengan demo di Codepen berikut.


Sitemap Blogger dengan navigasi per abjad ini mempunyai nilai plus yang sangat besar, yaitu memudahkan pengunjung dalam mencari artikel berdasarkan huruf depan dari judul yang dicari. Bagi blog yang isinya tentang film, lagu, novel, buku, dan sejenisnya pasti cocok kalau pakai daftar isi jenis ini.

54
Sitemap (Daftar Isi) Blogger di Halaman Statis dengan Navigasi Per Abjad / Huruf
Sitemap (Daftar Isi) Blogger di Halaman Statis dengan Navigasi Per Abjad / Huruf
Cara membuat dan menampilkan daftar isi di halaman statis page Blogger yang diurutkan berdasarkan abjad dengan navigasi per huruf sesuai judul, ketika di-klik langsung menuju postingan.
Bagikan ke aplikasi lainnya:
  • WhatsApp
  • Telegram
  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn

Artikel Terkait

54 komentar

  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong> (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.
  • Ririn ondol
    01 Februari, 2024
    Profil: https://www.blogger.com/profile/03545441688878239275
    hasilnya beda mbakkk hehe di saya gak berbentuk tabel seperti di contoh.
  • Shinzuan
    11 Juni, 2023
    Profil: https://www.blogger.com/profile/03926161244953134149
    Min kalo buat satu label bisa ga?
  • Penerbit Sophia
    07 Juni, 2023
    Profil: https://www.blogger.com/profile/05453944108684416186
    Hampir semua widget recent post di website saya adalah hasil dari mbak igniel. Misalnya di https://www.sophiainstitute.id/page/ebook-shop saya ubah menjadi ajax biar bisa ngereq file html,
  • Meeminth GotoKerja
    19 Februari, 2023
    Profil: https://www.blogger.com/profile/18107361482776072773
    Kak, ini bisa untuk satu label saja tidak ya?
  • Admin
    20 Desember, 2022
    Profil: https://www.blogger.com/profile/06336987689123769275
    Ini bisa untuk 1 label aja gak teh? Tks
  • 선생님
    18 November, 2022
    Profil: https://www.blogger.com/profile/18383638597722852649
    request sitemap like this with thumbnail for Anime list.
  • M. Riyan
    07 Januari, 2022
    Profil: https://www.blogger.com/profile/06278699747007495251
    halo mba igniel, kok udah ngga work ya sitemapnya?
  • Qᴜᴇᴇꪀ
    15 Agustus, 2021
    Profil: https://www.blogger.com/profile/17159519772938234352
    kok beda ama gambarnya
  • 14th
    12 November, 2020
    Profil: https://www.blogger.com/profile/11251007496171843127
    How can I change the part that says "Total Post"?
  • Dayat
    27 September, 2020
    Profil: https://www.blogger.com/profile/02480525259652322034
    Izin Repost Mbak.
    https://dagruel.com/sitemap-blogger-meownime/
  • Fadell
    27 Juli, 2020
    Profil: https://www.blogger.com/profile/05582547321676695033
    Mba, cara ganti text Total Postnya gimana ya?
  • Enjoe
    13 Juli, 2020
    Profil: https://www.blogger.com/profile/07776906850106309693
    mbak, kok pas 300 post, list nya gak keluar lagi
    • Igniel
      24 Juli, 2020
      Profil: https://www.blogger.com/profile/09199170379661896200
      Coba sertakan link sitemapnya.
      Mau saya periksa.
    • Admin
      16 Februari, 2021
      Profil: https://www.blogger.com/profile/08580514240626776859
      saya 150 post jg hilang mbak sitemap nya
  • Wong Jowo
    28 Juni, 2020
    Profil: https://www.blogger.com/profile/15066103338493286118
    mohon maaf, saya selalu gagal dengan script ini

    mohon koreksinya
  • DGNtemplate
    22 Maret, 2020
    Profil: https://www.blogger.com/profile/09472862956750888620
    mam, how to send html javascript code.....when i do comment..it is not allow to send..
  • Eroge ID
    11 Januari, 2020
    Profil: https://www.blogger.com/profile/16394745044119317893
    ngubah tulisan total post gimana mbak?
  • Ketua Osis
    16 November, 2019
    Profil: https://www.blogger.com/profile/07190853703685442078
    mbak cuman buat nampilin satu label gimana ya? tapi tampilanya tetep sama kayak yang di demo
  • Demon Empress
    10 November, 2019
    Profil: https://www.blogger.com/profile/08205509755566841479
    mbak bikin sitemap yang kayak gini tapi untuk label tertentu.. tolong ya mbak.
  • Rizal.amrr(ZLiAN)
    01 November, 2019
    Profil: https://www.blogger.com/profile/04707934397452869179
    Maaf,kok hasilnya gini ya? https://pmrsmansapmk.blogspot.com/p/sitemap.html
    Help dong min
    • Igniel
      01 November, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Bentrok sama CSS bawaan template. Diedit lagi aja CSSnya. Atau ganti pakai template Fiksioner.
      https://www.igniel.com/2018/10/fiksioner-blogger-template.html
  • BakkaErO
    13 Oktober, 2019
    Profil: https://www.blogger.com/profile/15878458482092852442
    Kak bisa di tambahin variable postingan label tertentu gak? jadi hasilnya cuma nampilin satu jenis label saja
  • Hay Tayo
    02 Oktober, 2019
    Profil: https://www.blogger.com/profile/09301230173252082737
    mbak cara buat sitemap perbajd tapu berdasarkan label gimana ya? lalau boleh minta dibuatkan tutornya
  • Saint-D
    25 September, 2019
    Profil: https://www.blogger.com/profile/00371975500088575350
    Terima kasih kak, sitemapnya keren, Bisa dibuat hanya satu label aja gak kak?
  • Dayat
    01 September, 2019
    Profil: https://www.blogger.com/profile/02480525259652322034
    min ini kan untuk semua postingan apa bisa digunakan hnya dengan label tertentu tapi tampilan nya seperti diatas
  • Khatami
    13 Agustus, 2019
    Profil: https://www.blogger.com/profile/13159108141269610162
    mantul kak ,bwt bikin kyk anime list jadi langsung otomatis gak perlu ganti setiap urlnya
  • ~[ ADMIN ]~
    31 Juli, 2019
    Profil: https://www.blogger.com/profile/02304838199627536169
    Teh Script bagian Halaman mati. tolong di update...

    kalok bisa jangan di Encode hihihi....
  • Ald
    21 Juli, 2019
    Profil: https://www.blogger.com/profile/14450538182164236619
    java script yang ngga dienskripsi boleh dibagi ngga kak?
    • Igniel
      21 Juli, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Boleh. Bebas aja. Asal tetap cantumkan sumber link di artikelnya (link aktif).
  • Yoga Armanto
    15 Juli, 2019
    Profil: https://www.blogger.com/profile/08826725746484962671
    gak semua template bisa ya mbak ?
    • Igniel
      16 Juli, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Semua template bisa kok. Bebas.
  • Rabbit Run
    04 Juli, 2019
    Profil: https://www.blogger.com/profile/15515183494785880008
    Terima kasih mbak... Work
  • Anonim
    Anonim30 Mei, 2019
    mbak bikin tolong bikin yang bisa di tulis manual dong, biar lebih enak, kalok menurut label jadi susah... terimakasih bila di dengarkan hihihi....
    • Author apkmio
      16 Juni, 2019
      Profil: https://www.blogger.com/profile/13430914730310166619
      iya mbak bikin yang bisa di masukkan secara manual, ane mau pake buat list page bukan post/
    • Igniel
      16 Juni, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Ditulis manual gimana ya maksudnya?
    • Author apkmio
      16 Juni, 2019
      Profil: https://www.blogger.com/profile/13430914730310166619
      gini mbak kan script di atas otomatis sitemap untuk postingan blog, tapi ane mau bikin sitemap untuk daftar halaman saya mbak, jadi di kasih manual aja yang bisa di edit dan di masukkan sendiri di halaman editor blogger, jadi kita bisa tentukan yang mana mau di kasih masuk.
  • Unknown
    21 Mei, 2019
    Profil: https://www.blogger.com/profile/10958178492114353225
    Mbak igniel misalnya saat kita tekan huruf W yang ada di menu nav, nah itu kan otomatis ke scroll daftar postingan yg huruf awalnya W .

    Masalahnya bagaimana cara nya agar huruf W yang di bagian class abjad ga ketutup sama header sticky blog.
    Contohnya :

    <div id="sitemap5"><div class="judul">Total Post: 102</div><div class="nav"><ol><li>a</li><li>b</li><li>c</li><li>d</li><li>e</li><li>f</li><li>g</li><li>h</li><li>i</li><li>j</li><li>k</li><li>l</li><li>m</li><li>n</li><li>o</li><li>p</li><li>q</li><li>r</li><li>s</li><li>t</li><li>u</li><li>w</li><li>z</li></ol></div>

    <div class="abjad"><span data-value="w">w</span>
    <span id="top" title="Back to Top"></span></div>
    <ol>
    <li><a href="alamat blog saya mbak" title="W Aja Contoh Artikel 1">W Aja Contoh Artikel 1</a></li>
    <li><a href="alamat blog saya mbak" title="W Aja Contoh Artikel 2">W Aja Contoh Artikel 2</a></li></ol>


    Nah itu saat saya tekan huruf W yang ada di class nav kan otomatis ke scroll clas abjad value w, tapi bagian value W nya itu ketutup sama header blog terus cara ngatasinnya gimana mbak ?
  • Hutomo Sungkar
    23 April, 2019
    Profil: https://www.blogger.com/profile/07547646512492558292
    Hadiirrr meramaikan.. mantab blognya.. kerenn abiss 😊👍👍
  • Author apkmio
    20 April, 2019
    Profil: https://www.blogger.com/profile/13430914730310166619
    Min gimana agar cuma label tertentu aja mas yang diurut dengan abjad
  • Kuma
    11 April, 2019
    Profil: https://www.blogger.com/profile/09097390569447914450
    cara hilangin total post gimana ya ?
  • Admin
    03 April, 2019
    Profil: https://www.blogger.com/profile/13161193354744481651
    mbak eror scripnya
    abjad numpuk

    saya pake template viral go
    • Igniel
      03 April, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Nggak ada yang error. Ada pengaruh dari CSS bawaan template. Silakan diulik lagi CSSnya.
  • Yuuki
    09 Maret, 2019
    Profil: https://www.blogger.com/profile/04391405424964474862
    Dibuat list kecil + 2 kolom bisa gak mbak? biat gak kepanjangan.
    Kaya gini:

    https://4.bp.blogspot.com/-gK0Hk3S9pIg/XINWXaGnQKI/AAAAAAAAAKM/At8Gen4rpJAdFduelxlLs8KIXrV09cP5ACLcBGAs/s1600/Untitled.png
    • Igniel
      10 Maret, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Tinggal edit CSSnya. Silakan diulik.
  • MUKSIN ARWANI, S.KOM
    08 Maret, 2019
    Profil: https://www.blogger.com/profile/13737868965062035201
    Request donk kak, buat script yang hanya bisa menampilkan postingan dengan label tertentu saja di home page blogspot,,
  • Unknown
    06 Februari, 2019
    Profil: https://www.blogger.com/profile/00870608482016246401
    Mbak kalau ingin di satu lebel saja bisa tidak ya ?
    kalau tidak bisa, tolong buat tutorialnya dong mbak, :D

    saya sudah puyeng nyari2 yang hanya satu label saja tapi jumlah maksimal artikel yg bisa di tampilkan hanya sekitar 150 - 180 saja, lebih dari itu tidak bisa tampil "..."
    • Igniel
      08 Februari, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Pake yang ini kalau mau 1 label saja.
      https://www.igniel.com/2019/02/sitemap-daftar-isi-satu-label.html
    • Unknown
      08 Februari, 2019
      Profil: https://www.blogger.com/profile/00870608482016246401
      terima kasih mbak, sudah di aplikasikan ke blog saya.

      oh ia mbak kalau tutorial yg ini tidak bisa dibuat satu label ya ?
      kalau bisa dibuat satu label matap banget, sitemap ini sangat cocok kalau dibuat untuk daftar isi anime atau manga.

      tapi kalau tutorial saat ini yang menggunakan keseluruhan label nanti jadinya sampai chapter di manga atau episode di animenya pun kebaca dan muncul berbarengan dengan judul manga atau anime di daftar isi
    • Admin
      05 Januari, 2021
      Profil: https://www.blogger.com/profile/01906801448349082418
      up mas, siapa tau di notice dan mbak igniel berkenan untuk buat :))
  • UlinNuha
    05 Februari, 2019
    Profil: https://www.blogger.com/profile/11821173494830405316
    Tolong buat tutorial pasang iklan faralax di tengah tengah artikel, ditunggu
  • UlinNuha
    05 Februari, 2019
    Profil: https://www.blogger.com/profile/11821173494830405316
    Kenapa sih yang keluar di halaman Sitemap saya kok yang Igniel??

    Coba cek sendiri hxxps://www.cyber7rt.com/2019/02/Sitemap.html
    • Igniel
      05 Februari, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Ulangi salin kodenya. Script udah diupdate.
  • Enjoe
    05 Februari, 2019
    Profil: https://www.blogger.com/profile/07776906850106309693
    buat yang kaya list film di blog-blog download mbak